:root{--text: hsla(0, 0%, 100%, .9);--text-muted: hsl(0, 0%, 100%, .52);--text-disabled: hsl(0, 0%, 100%, .38);--inverted-text: hsla(0, 0%, 0%, .8);--inverted-text-muted: hsl(0, 0%, 0%, .52);--inverted-text-disabled: hsl(0, 0%, 0%, .38);--selected: hsl(204, 100%, 42%);--readonly: rgba(211, 202, 154, .8);--readonly-border: rgba(211, 202, 154, .15);--table-text: hsl(0, 0%, 100%, .67);--invalid: hsl(0, 60%, 40%);--invalid-typing: hsl(36, 100%, 50%);--valid: hsl(152, 50%, 40%);--info: hsl(214, 46%, 42%);--bg-8: hsl(0, 0%, 8%);--bg-12: hsl(0, 0%, 12%);--bg-14: hsl(0, 0%, 14%);--bg-17: hsl(0, 0%, 17%);--bg-20: hsl(0, 0%, 20%);--bg-22: hsl(0, 0%, 22%);--bg-24: hsl(0, 0%, 24%);--bg-30: hsl(0, 0%, 30%);--primary-text: hsl(160, 40%, 60%);--primary: hsl(152, 44%, 32%);--primary-hover: hsl(152, 44%, 40%);--primary-active: hsl(152, 36%, 20%);--primary-disabled: hsl(152, 10%, 32%);--lib-month-light: hsl(36, 30%, 65%);--lib-month: hsl(36, 30%, 50%);--lib-month-bg: hsl(36, 30%, 40%);--lib-month-active: hsl(36, 30%, 30%);--lib-year: hsl(216, 30%, 60%);--lib-year-bg: hsl(216, 30%, 40%);--lib-year-active: hsl(216, 30%, 30%);--lib-none: hsl(0, 0%, 55%);--border: 1px solid hsla(0, 0%, 100%, .05);--inverse-border: 1px solid hsla(0, 0%, 0%, .05);--font: ui-sans-serif, -apple-system, system-ui, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, Helvetica, Apple Color Emoji, Arial, Segoe UI Emoji, Segoe UI Symbol;--shadow-z1: 0 2px 1px -1px #0003, 0 1px 1px #00000024, 0 1px 3px #0000001f;--shadow-z2: 0 3px 1px -2px #0003, 0 2px 2px #00000024, 0 1px 5px #0000001f;--shadow-z4: 0 2px 4px -1px #0003, 0 4px 5px #00000024, 0 1px 10px #0000001f;--shadow-z5: 0 3px 5px -1px #0003, 0 5px 8px #00000024, 0 1px 14px #0000001f;--shadow-z8: 0 5px 5px -3px #0003, 0 8px 10px 1px #00000024, 0 3px 14px 2px #0000001f;--navbar-height: 2.7rem;--card-width: clamp(260px, 480px, 80vw);--cancel: hsl(0, 44%, 32%);--cancel-hover: hsl(0, 44%, 40%);--cancel-active: hsl(0, 36%, 20%);--cancel-disabled: hsl(0, 10%, 32%)}.typography-base{--text-1: 1.803rem;--text-2: 1.424rem;--text-3: 1.266rem;--text-4: 1.125rem;--text-5: 1rem;--text-6: .889rem;--line-1: 2rem;--line-2: 2rem;--line-3: 2rem;--line-4: 1.75rem;--line-5: 1.5rem;--line-6: 1.5rem}@media screen and (min-width: 576px){.typography-base{--text-1: 2.489rem;--text-2: 1.728rem;--text-3: 1.44rem;--text-4: 1.2rem;--text-5: 1rem;--text-6: .834rem;--line-1: 2.75rem;--line-2: 2.25rem;--line-3: 2.25rem;--line-4: 2rem;--line-5: 1.5rem;--line-6: 1.5rem}}@media screen and (min-width: 992px){.typography-base{--text-1: 3.052rem;--text-2: 1.954rem;--text-3: 1.563rem;--text-4: 1.25rem;--text-5: 1rem;--text-6: .8rem;--line-1: 3.5rem;--line-2: 2.75rem;--line-3: 2.25rem;--line-4: 2rem;--line-5: 1.5rem;--line-6: 1.5rem}}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:url(/static/fonts/Roboto.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;src:local(""),url(/static/fonts/roboto-mono-v21-latin-regular.woff2) format("woff2")}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:700;src:local(""),url(/static/fonts/roboto-mono-v21-latin-700.woff2) format("woff2")}@font-face{font-family:MaterialIcons;src:url(/static/fonts/material-icons.woff2) format("woff2");font-weight:400;font-style:normal}.m-icon{font-family:MaterialIcons;font-weight:400;font-style:normal;font-size:1.5rem;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;user-select:none}.input-search::-webkit-search-cancel-button{-webkit-appearance:none;height:1.5em;width:1.5em;margin-left:.4em;margin-right:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='hsl(0, 0%, 100%, .52)' d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/></svg>");cursor:pointer;color:var(--text-muted)}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{box-shadow:0 0 0 30px var(--bg-24) inset!important;-webkit-text-fill-color:var(--text)!important}@keyframes fadein{0%{opacity:var(--from, 0)}to{opacity:var(--to, 1)}}.ellipsis{overflow-x:hidden;text-overflow:ellipsis}.loading,.submitting{opacity:.5}.skeleton{background-color:#ffffff0d;border-radius:5px;animation:fadein .3s linear forwards}.textEnd{text-align:end}.textCenter{text-align:center}.muted{color:var(--text-muted)}.baseForm{display:grid;gap:.75rem;transition:all .3s ease;&.submitting{opacity:.4}}.backdrop{position:fixed;inset:0;display:grid;place-items:center;z-index:10;backdrop-filter:blur(4px);animation:fadein .2s linear;background:#0009;&.out{animation:fadeout .2s linear}}.ErrorPage{display:grid;place-items:center;height:100svb}.ErrorPage_div{display:grid;place-items:center;width:clamp(20rem,100%,50rem);padding:1rem}.ErrorPage_pre{width:100%;text-align:left;overflow-x:scroll}.orders{&.container{max-width:800px;margin:0 auto;background-color:#fff;padding:20px;border-radius:5px;box-shadow:0 0 10px #0000001a}h1{color:#333;text-align:center}table{width:100%;border-collapse:collapse;margin-top:20px}th,td{padding:12px;text-align:left;border-bottom:1px solid #ddd}th{background-color:#f2f2f2;font-weight:700}tr:hover{background-color:#f5f5f5}.status{padding:5px 10px;border-radius:20px;font-size:.8em}.pending{background-color:#ffeeba;color:#856404}.shipped{background-color:#d4edda;color:#155724}.cancelled{background-color:#f8d7da;color:#721c24}}