*/ @theme{--color-primary-100: hsl(188, 50%, 50%);--color-primary-200: hsa(188, 50%, 40%);--color-primary-300: hsl(188, 50%, 40%);--color-primary-400: hsl(188, 50%, 35%);--color-primary-500: hsl(188, 50%, 30%);--color-primary-600: hsl(188, 50%, 25%);--color-primary-700: hsl(188, 50%, 20%);--color-primary-800: hsl(188, 50%, 15%);--color-primary-900: hsl(188, 50%, 10%);--color-secondary-50: #f0f9ff;--color-secondary-100: #e0f2fe;--color-secondary-200: #bae6fd;--color-secondary-300: #7dd3fc;--color-secondary-400: #38bdf8;--color-secondary-500: #0ea5e9;--color-secondary-600: #0284c7;--color-secondary-700: #0369a1;--color-secondary-800: #075985;--color-secondary-900: #0c4a6e}:root{--color-primary: hsl(188, 50%, 10%);--color-secondary: hsl(188, 50%, 65%);--color-tertiary: hsl(248, 80%, 80%);--color-accent: hsl(128, 80%, 80%);--color-primary-light: hsl(188, 50%, 15%);--color-primary-dark: hsl(188, 50%, 8%);--color-primary-extra-light: hsl(188, 50%, 25%);--color-primary-high-light: hsl(188, 50%, 35%);--color-secondary-muted: hsl(188, 50%, 20%);--color-secondary-soft-muted: hsl(188, 50%, 40%);--primary-h: 188;--primary-s: 50%;--primary-l: 10%;--secondary-h: 188;--secondary-s: 50%;--secondaty-l: 65%;--color-primary: hsl( var(--primary-h), var(--primary-s), var(--primary-l) );--color-primary-shadow: hsl( var(--primary-h), var(--primary-s), 5% );--color-primary-shadow-dark: hsl( var(--primary-h), var(--primary-s), 2.5% );--color-primary-light: hsl( var(--primary-h), var(--primary-s), 15% );--color-primary-light-extra: hsl( var(--primary-h), var(--primary-s), 20% );--primary-shadow: 10px 10px 50px var(--color-primary-shadow), 2px 2px 10px var(--color-primary-shadow-dark), inset 2px 2px 10px var(--color-primary-light-extra), inset 10px 10px 50px var(--color-primary-light);--primary-shadow2: 10px 10px 50px var(--color-primary-shadow), 2px 2px 10px var(--color-primary-shadow-dark);--shadow: 50px 50px 50px hsla(0 0% 0% / .3), 2px 2px 10px hsla(0 0% 0% / .5), inset 2px 2px 10px hsla(0 0% 100% / .1), inset 10px 10px 50px hsla(0 0% 100%/ .06);--ff: Manrope, sans-serif;--ff2: Fira Code, monospace;--h1: 500 2rem / 1.2em var(--ff);--p: 400 1rem / 1.5em var(--ff);--p-code: 300 .7rem / 2em var(--ff2);--small: 400 .75rem / 1.8em var(--ff);--border: solid 1px var(--color-primary-light);--color-primary-100: hsl(188, 50%, 50%);--color-primary-200: hsl(188, 50%, 40%);--color-primary-300: hsl(188, 50%, 40%);--color-primary-400: hsl(188, 50%, 35%);--color-primary-500: hsl(188, 50%, 30%);--color-primary-600: hsl(188, 50%, 25%);--color-primary-700: hsl(188, 50%, 20%);--color-primary-800: hsl(188, 50%, 15%);--color-primary-900: hsl(188, 50%, 10%);--color-secondary-50: #f0f9ff;--color-secondary-100: #e0f2fe;--color-secondary-200: #bae6fd;--color-secondary-300: #7dd3fc;--color-secondary-400: #38bdf8;--color-secondary-500: #0ea5e9;--color-secondary-600: #0284c7;--color-secondary-700: #0369a1;--color-secondary-800: #075985;--color-secondary-900: #0c4a6e;--color-neutral-secondary-medium:var(--color-primary-light);--fade-duration: .8s}:root .apexcharts-tooltip.apexcharts-theme-dark{background:#f3f3f3;color:orange;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}:root ::-webkit-scrollbar{width:5px;height:5px}:root ::-webkit-scrollbar-track{background:var(--color-primary)}:root ::-webkit-scrollbar-thumb{background:var(--color-primary-extra-light)}:root ::-webkit-scrollbar-corner{background:var(--color-primary)}.fade-in{opacity:0;animation:fadeIn var(--fade-duration) forwards}.fade-in-delay-1{animation-delay:.2s}.fade-in-delay-2{animation-delay:.4s}.fade-in-delay-3{animation-delay:.6s}@keyframes fadeIn{to{opacity:1}}.slide-up{opacity:0;transform:translateY(20px);animation:slideUp var(--fade-duration) forwards}.slide-up-delay-1{animation-delay:.2s}.slide-up-delay-2{animation-delay:.4s}.slide-up-delay-3{animation-delay:.6s}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}.charm-regular{font-family:Charm,cursive;font-weight:400;font-style:normal}.charm-bold{font-family:Charm,cursive;font-weight:700;font-style:normal}.norican-regular{font-family:Norican,cursive;font-weight:400;font-style:normal}*{font:var(--p);color:var(--color-secondary)}button{border:solid 1px var(--color-primary-extra-light);padding:.2rem .4rem;border-radius:3px;transition:background,color .2s ease-in-out;outline:none;background-color:transparent}button:focus{outline:solid 1px var(--color-primary-extra-light);background:var(--color-primary-light)}button:active{background:var(--color-primary-extra-light);color:var(--highlight);transition:background,color .2s ease-in-out}form{width:100%;padding:1rem;display:flex;flex-direction:column;gap:1rem;border:solid 1px var(--color-secondary-muted);border-radius:1rem}select{outline:none;background:var(--color-primary);appearance:base-select;padding-right:.4rem}select::picker-icon{color:var(--color-secondary-muted);transition:.4s rotate}select:open::picker-icon{rotate:180deg}select:focus{outline:solid 1px var(--color-primary-extra-light)}option{background:var(--color-primary-extra-light)}input[type=number],input[type=password],input[type=text],input{border-radius:4px;background:var(--color-primary-light);padding:0rem .4rem;border:solid 1px var(--border);flex-grow:1}:is(input[type=number],input[type=password],input[type=text],input):focus{background:var(--color-primary-extra-light);border:solid 2px var(--border);outline:none}::placeholder{color:var(--color-secondary-soft-muted)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}label{display:flex;gap:2rem;justify-content:space-between}label.helptext{display:hidden}input[type=checkbox]{appearance:none;margin:0;font:inherit;color:currentColor;width:1.15rem;height:1.15rem;border-radius:.15em;transform:translateY(.3rem);background:var(--color-primary-light);flex-grow:0;place-content:center;outline:none}input[type=checkbox]:active{outline:solid 1px var(--color-primary-extra-light)}input[type=checkbox]:focus{outline:solid 1px var(--color-primary-extra-light)}input[type=checkbox]:before{content:"";width:.65em;height:.65em;transform:scale(0);transition:.12s transform ease-in-out;box-shadow:inset 1em 1em var(--form-control-color)}input[type=checkbox]:checked:before{transform:scale(1);background:var(--color-primary-extra-light)}body{background:var(--color-primary)}.bg{background:var(--color-primary-light)}*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}img,video{max-width:100%;height:auto}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}