:root{--brand-color: hsl(3, 100%, 67%);--brand-color-light: hsl(3, 100%, 77%);--warn-color: hsl(39, 100%, 50%);--warn-color-light: hsl(39, 100%, 64%);--success-color: hsl(152, 95%, 39%);--success-color-light: hsl(152, 91%, 48%);--danger-color: hsl(3, 100%, 60%);--dark-gray: hsl(206, 21%, 15%);--mid-gray: hsl(210, 14%, 33%);--light-gray: hsl(209, 12%, 55%);--popover-shadow: 0px 0px 5px 0px hsl(213, 21%, 90%);--admin-background-color: hsl(210, 22%, 95%)}@font-face{font-family:Lexend;src:url(../../../fonts/Lexend-VariableFont_wght.ttf) format("truetype-variations");font-weight:1 999}@font-face{font-family:Work Sans;src:url(../../../fonts/WorkSans-VariableFont_wght.ttf) format("truetype-variations");font-weight:1 999}body,html{height:100%;width:100%;margin:0;padding:0;font-family:Lexend;font-weight:500;color:var(--dark-gray)}body>div{height:100%;width:100%}form{position:relative;z-index:1}p{font-weight:400}.hint{color:var(--light-gray)}.button{display:block;font-family:Work Sans;font-weight:600;background-color:var(--brand-color);color:#fff;padding:1rem 1.5rem;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease;text-decoration:none;width:max-content;position:relative}.button.flipped{background-color:#fff;color:var(--brand-color)}.button:before{position:absolute;height:100%;width:100%;content:"";top:0;left:0;border-radius:5px;display:inline-block;transition:transform .3s ease;background-color:#f76e82;z-index:-1}.button:hover:before{transform:translate(.5rem,.5rem)}.button:disabled{opacity:.8;cursor:not-allowed}.button:disabled:before{display:none}.button--danger{background-color:var(--danger-color)}a{color:var(--brand-color);text-decoration:none;transition:color .3s ease}a:hover{color:#f76e82}.card{padding:1rem;border-radius:5px;background-color:#fff;display:flex;flex-direction:column;align-items:flex-start;box-shadow:var(--popover-shadow);box-sizing:border-box;border:3px solid white;width:20%;transition:all .2s ease;color:var(--dark-gray)}.card--clickable{cursor:pointer}.card--clickable:hover{border-color:var(--brand-color)}.card-row{display:flex;flex-wrap:wrap;gap:1rem}.save-prompt{height:max-content;position:fixed;bottom:-50%;left:50%;transform:translate(-50%);background-color:#fff;border-radius:5px;box-shadow:var(--popover-shadow);display:flex;background-color:var(--brand-color);color:#fff;font-weight:600;transition:bottom .2s}.save-prompt.active{bottom:5rem}.padding-sm{padding:.5rem}.padding-md{padding:1rem}.padding-lg{padding:2rem}.padding-xl{padding:3rem}.padding-t-sm{padding-top:.5rem}.padding-t-md{padding-top:1rem}.padding-t-lg{padding-top:2rem}.padding-t-xl{padding-top:3rem}.padding-b-sm{padding-bottom:.5rem}.padding-b-md{padding-bottom:1rem}.padding-b-lg{padding-bottom:2rem}.padding-b-xl{padding-bottom:3rem}.padding-l-sm{padding-left:.5rem}.padding-l-md{padding-left:1rem}.padding-l-lg{padding-left:2rem}.padding-l-xl{padding-left:3rem}.padding-r-sm{padding-right:.5rem}.padding-r-md{padding-right:1rem}.padding-r-lg{padding-right:2rem}.padding-r-xl{padding-right:3rem}.padding-v-sm{padding-top:.5rem;padding-bottom:.5rem}.padding-v-md{padding-top:1rem;padding-bottom:1rem}.padding-v-lg{padding-top:2rem;padding-bottom:2rem}.padding-v-xl{padding-top:3rem;padding-bottom:3rem}.padding-h-sm{padding-left:.5rem;padding-right:.5rem}.padding-h-md{padding-left:1rem;padding-right:1rem}.padding-h-lg{padding-left:2rem;padding-right:2rem}.padding-h-xl{padding-left:3rem;padding-right:3rem}.margin-sm{margin:.5rem}.margin-md{margin:1rem}.margin-lg{margin:2rem}.margin-xl{margin:3rem}.margin-t-sm{margin-top:.5rem}.margin-t-md{margin-top:1rem}.margin-t-lg{margin-top:2rem}.margin-t-xl{margin-top:3rem}.margin-b-sm{margin-bottom:.5rem}.margin-b-md{margin-bottom:1rem}.margin-b-lg{margin-bottom:2rem}.margin-b-xl{margin-bottom:3rem}.margin-l-sm{margin-left:.5rem}.margin-l-md{margin-left:1rem}.margin-l-lg{margin-left:2rem}.margin-l-xl{margin-left:3rem}.margin-r-sm{margin-right:.5rem}.margin-r-md{margin-right:1rem}.margin-r-lg{margin-right:2rem}.margin-r-xl{margin-right:3rem}.margin-v-sm{margin-top:.5rem;margin-bottom:.5rem}.margin-v-md{margin-top:1rem;margin-bottom:1rem}.margin-v-lg{margin-top:2rem;margin-bottom:2rem}.margin-v-xl{margin-top:3rem;margin-bottom:3rem}.margin-h-sm{margin-left:.5rem;margin-right:.5rem}.margin-h-md{margin-left:1rem;margin-right:1rem}.margin-h-lg{margin-left:2rem;margin-right:2rem}.margin-h-xl{margin-left:3rem;margin-right:3rem}