*,:before,:after{box-sizing:border-box}*{scrollbar-color:var(--color-gray-200) transparent;scrollbar-width:auto;margin:0}html,body{height:100%}body{-webkit-font-smoothing:antialiased;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}html{scroll-behavior:smooth;font-family:system-ui,sans-serif}html,body{background:var(--color-background)}.icon{stroke:var(--color-gray-900)}.icon-text,.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:1000;color:var(--color-text-light);background:var(--color-background-light);border-radius:4px;padding:12px 16px;position:fixed;top:8px;left:8px;transform:translateY(calc(-100% - 16px))}.skip-link:focus{transform:translateY(0)}:where(a,button,input,select,summary):focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}:root{--font-weight-bold:800;--font-weight-medium:600;--font-weight-light:400;--font-family:-apple-system, sans-serif;--font-family-mono:"Source Code Pro", "Fira Mono", monospace;--font-family-spicy:"Sriracha", cursive;--translation-short-y:15%;--translation-short-x:15%;--rotation-short:10deg;--color-text-dark:#d1d5db;--color-background-dark:#0d0f12;--color-primary-dark:#d20062;--color-secondary-dark:#d6589f;--color-tertiary-dark:#d895da;--color-code-background-color-dark:#4cb2d464;--alert-info-background-color-dark:#193c47;--alert-info-border-color-dark:#4cb3d4;--alert-warning-background-color-dark:#4b1113;--alert-warning-border-color-dark:#e13238;--color-gray-50-dark:#030712;--color-gray-100-dark:#111827;--color-gray-200-dark:#1f2937;--color-gray-300-dark:#374151;--color-gray-400-dark:#4b5563;--color-gray-500-dark:#6b7280;--color-gray-600-dark:#9ca3af;--color-gray-700-dark:#d1d5db;--color-gray-800-dark:#e5e7eb;--color-gray-900-dark:#f3f4f6;--color-gray-1000-dark:#f9fafb;--color-text-light:#030712;--color-background-light:#f2f2f2;--color-primary-light:#6420aa;--color-secondary-light:#c21292;--color-tertiary-light:#ef4040;--color-code-background-color-light:#0055cc1a;--alert-info-background-color-light:#eef9fd;--alert-info-border-color-light:#4cb3d4;--alert-warning-background-color-light:#ffebec;--alert-warning-border-color-light:#e13238;--color-gray-50-light:#f9fafb;--color-gray-100-light:#f3f4f6;--color-gray-200-light:#e5e7eb;--color-gray-300-light:#d1d5db;--color-gray-400-light:#9ca3af;--color-gray-500-light:#6b7280;--color-gray-600-light:#4b5563;--color-gray-700-light:#374151;--color-gray-800-light:#1f2937;--color-gray-900-light:#111827;--color-gray-1000-light:#030712;--color-text:var(--color-text-dark);--color-background:var(--color-background-dark);--color-primary:var(--color-primary-dark);--color-secondary:var(--color-secondary-dark);--color-tertiary:var(--color-tertiary-dark);--color-gray-50:var(--color-gray-50-dark);--color-gray-100:var(--color-gray-100-dark);--color-gray-200:var(--color-gray-200-dark);--color-gray-300:var(--color-gray-300-dark);--color-gray-400:var(--color-gray-400-dark);--color-gray-500:var(--color-gray-500-dark);--color-gray-600:var(--color-gray-600-dark);--color-gray-700:var(--color-gray-700-dark);--color-gray-800:var(--color-gray-800-dark);--color-gray-900:var(--color-gray-900-dark);--color-gray-1000:var(--color-gray-1000-dark)}@keyframes slide-up-rotate{0%{transform:translateY(0)rotate(0)}to{transform:translateY(calc(var(--translation-short-y) * -1)) rotate(var(--rotation-short))}}@keyframes slide-up{0%{transform:translateY(0)}to{transform:translateY(calc(var(--translation-short-y) * -1))}}@keyframes slide-down{0%{transform:translateY(0)}to{transform:translateY(calc(var(--translation-short-y)))}}@keyframes slide{0%{transform:translate(0)}to{transform:translateX(calc(var(--translation-short-x)))}}@keyframes swing{0%{transform:rotate(0)}25%{transform:rotate(calc(var(--rotation-short) * -1))}50%{transform:rotate(calc(var(--rotation-short)))}to{transform:rotate(0)}}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes fadeout{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
