@font-face{font-family:Figtree;font-style:normal;font-weight:400;src:url("./media/Figtree-Regular-NHSLQYBN.woff2") format("woff");font-display:swap}@font-face{font-family:Figtree;font-style:normal;font-weight:700;src:url("./media/Figtree-Bold-JX3ST4PK.woff2") format("woff");font-display:swap}:root{--bright-blue: hsl(220, 98%, 61%);--check-background: linear-gradient( to bottom right, hsl(192, 100%, 67%), hsl(280, 87%, 65%) );--tropical-indigo: hsla(255, 62%, 69%, 1);--ultra-violet: hsla(240, 12%, 45%, 1);--very-light-gray: hsl(0, 0%, 98%);--very-light-grayish-blue: hsl(236, 33%, 92%);--light-grayish-blue-light: hsl(233, 11%, 84%);--dark-grayish-blue-light: hsl(236, 9%, 61%);--very-dark-grayish-blue-light: hsl(235, 19%, 35%);--very-dark-blue: hsl(235, 21%, 11%);--very-dark-desaturated-blue: hsl(235, 24%, 19%);--light-grayish-blue-dark: hsl(234, 39%, 85%);--light-grayish-blue-hover: hsl(236, 33%, 92%);--dark-grayish-blue-dark: hsl(234, 11%, 52%);--very-dark-grayish-blue-dark: hsl(233, 14%, 35%);--very-dark-grayish-blue: hsl(237, 14%, 26%);--radius-xs: .5rem;--radius-sm: .75rem;--radius-md: 1rem;--border: 1px solid var(--border-color)}.app-light-mode{--background-primary: hsl(0, 0%, 100%);--background-secondary: var(--very-light-gray);--background-accent: var(--tropical-indigo);--background-destructive: hsl(0, 84%, 60%);--background-destructive-hover: hsl(0, 62%, 30%);--content-primary: var(--very-dark-grayish-blue-light);--content-muted: var(--dark-grayish-blue-light);--content-accent: var(--bright-blue);--content-disabled: var(--light-grayish-blue-light);--content-destructive: var(--very-light-gray);--content-hover: var(--very-dark-blue);--border-color: var(--very-light-grayish-blue);--shadow-sm: 0 2px 10px var(--light-grayish-blue-light);--shadow-md: 0 20px 40px var(--light-grayish-blue-light);--shadow-lg: 0 5px 40px var(--light-grayish-blue-light)}.app-dark-mode{--background-primary: var(--very-dark-blue);--background-secondary: var(--very-dark-desaturated-blue);--background-accent: var(--ultra-violet);--background-destructive: hsl(0, 62%, 30%);--background-destructive-hover: hsl(0, 84%, 60%);--content-primary: var(--light-grayish-blue-dark);--content-muted: var(--dark-grayish-blue-dark);--content-accent: var(--bright-blue);--content-disabled: var(--very-dark-grayish-blue-dark);--content-destructive: var(--light-grayish-blue-dark);--content-hover: var(--light-grayish-blue-hover);--border-color: var(--very-dark-grayish-blue);--shadow-sm: 0 2px 10px var(--very-dark-blue);--shadow-md: 0 20px 40px var(--very-dark-blue);--shadow-lg: 0 5px 40px var(--very-dark-blue)}html{scroll-behavior:smooth}body{height:100%;min-height:-webkit-fill-available;font-size:16px;font-weight:400;overflow-x:hidden;font-family:Figtree,sans-serif;color:var(--content-primary);background-color:var(--background-primary);font-synthesis:style;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;outline:none;box-sizing:border-box}h1{color:var(--very-light-gray);font-size:1.75rem;font-weight:700;letter-spacing:.35em;margin-bottom:1.875rem;text-transform:uppercase}@media(min-width:768px){h1{font-size:2.5rem;letter-spacing:.5em;margin-bottom:3.125rem}}h2{color:var(--content-primary);font-size:1.25rem;line-height:1.75rem;font-weight:700;margin-bottom:.75rem}@media(min-width:768px){h2{font-size:1.5rem}}h3{font-size:1rem;font-weight:700;margin-bottom:.5rem}@media(min-width:768px){h3{font-size:1.125rem}}p{font-size:.9rem;line-height:1.25rem;font-weight:400;margin-bottom:1rem}@media(min-width:768px){p{font-size:1rem}}button{font-family:Figtree,sans-serif;cursor:pointer}button,a{display:inline-flex;align-items:center;justify-content:center;column-gap:.375rem}button:focus-visible,a:focus-visible{outline:2px solid var(--background-accent);outline-offset:2px}img{max-width:100%;height:auto;vertical-align:middle}.prevent-select{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus{outline:1px solid var(--border-color);outline-offset:1px;-webkit-text-fill-color:var(--content-primary);-webkit-box-shadow:0 0 0px 1000px var(--background-secondary) inset;transition:background-color 5000s ease-in-out 0s}button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled){cursor:pointer}.app-input::placeholder{color:var(--content-muted);background-color:var(--background-secondary)}.app-input{font-family:inherit;font-size:1rem;font-weight:400;color:var(--content-primary);background-color:var(--background-secondary);width:100%;border:none;display:flex;border-radius:var(--radius-sm);padding:1rem 1.125rem}@media(min-width:768px){.app-input{padding:1.375rem 1.5rem}}.app-container{width:min(100% - 2.5rem,47.5rem);margin-inline:auto}.app-btn-txt{border:none;color:var(--content-muted);background-color:transparent;font-size:.75rem;font-weight:700;transition:color .25s}@media(min-width:768px){.app-btn-txt{font-size:.9375rem}}@media(hover:hover){.app-btn-txt:hover:enabled{color:var(--content-primary)}}.app-btn-primary{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;color:var(--content-primary);background-color:var(--background-secondary);border:var(--border);border-radius:var(--radius-md);padding:.5rem;transition:color .25s,background-color .25s}@media(hover:hover){.app-btn-primary:hover:enabled{color:var(--content-hover);background-color:var(--border-color)}}.app-btn-ghost{border:var(--border);border-radius:var(--radius-md);padding:.55rem;color:var(--content-muted);background-color:transparent;font-size:.875rem;font-weight:700;transition:background-color .25s}@media(min-width:768px){.app-btn-ghost{font-size:.9375rem}}@media(hover:hover){.app-btn-ghost:hover:enabled{background-color:var(--border-color)}}.app-btn-destructive{border:none;border-radius:var(--radius-md);padding:.55rem;color:var(--content-destructive);background-color:var(--background-destructive);font-size:.875rem;font-weight:700;transition:background-color .25s}@media(min-width:768px){.app-btn-destructive{font-size:.9375rem}}@media(hover:hover){.app-btn-destructive:hover:enabled{background-color:var(--background-destructive-hover)}}@media(hover:hover){a.app-btn-txt:hover{color:var(--content-primary)}a.app-btn-primary:hover{color:var(--content-hover);background-color:var(--border-color)}a.app-btn-ghost:hover{background-color:var(--border-color)}a.app-btn-destructive:hover{background-color:var(--background-destructive-hover)}}
