@layer components{.main{--page-padding:var(--space-l);padding-block:max(var(--page-padding), var(--safe-area-top)) max(var(--page-padding), var(--safe-area-bottom));padding-inline:var(--gutter-left) var(--gutter-right)}@container page (width>=56.25rem){.main{--page-padding:var(--space-2xl)}}}@layer reset{*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{interpolate-size:allow-keywords;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scroll-padding-block-start:var(--scroll-offset,0px)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}img,picture,svg,canvas,video{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}button{touch-action:manipulation;cursor:pointer;background:0 0;border:none}textarea{resize:vertical}a{color:inherit}h1,h2,h3,h4,h5,h6{text-wrap:balance;overflow-wrap:break-word}p{text-wrap:pretty;overflow-wrap:break-word}ul,ol{list-style:none}#root{isolation:isolate}}[hidden]:not([hidden=until-found]){display:none!important}@property --reduced-motion-duration{syntax:"*";inherits:false}@media (prefers-reduced-motion:reduce){:root{--transition-fast:0s;--transition-base:0s;--transition-slow:0s}*,:before,:after{animation-duration:var(--reduced-motion-duration,0s);animation-iteration-count:1}::view-transition-group(*){animation:none}::view-transition-image-pair(*){animation:none}::view-transition-old(*){animation:none}::view-transition-new(*){animation:none}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@layer tokens{:root{--stroke-hair:1px;--stroke-thin:1.5px;--stroke-bold:2px;--hairline:var(--stroke-hair) solid var(--rule,color-mix(in oklab, currentColor 25%, transparent));--hairline-strong:var(--stroke-hair) solid var(--rule-strong,color-mix(in oklab, currentColor 55%, transparent));--inset-hairline:inset 0 0 0 var(--stroke-hair) var(--rule,color-mix(in oklab, currentColor 25%, transparent));--inset-hairline-strong:inset 0 0 0 var(--stroke-hair) var(--rule-strong,color-mix(in oklab, currentColor 55%, transparent));--outline-thick:2px;--outline-offset:3px;--ring:var(--outline-thick) solid var(--focus,currentColor);--ring-offset:var(--outline-offset);--ring-inset:calc(-1 * var(--outline-thick));--underline-offset:.24em;--tracking-tight:-.02em;--icon-s:1rem;--icon-m:1.25rem;--icon-l:1.5rem;--transition-fast:.15s;--transition-base:.25s;--transition-slow:.4s;--ease-out:cubic-bezier(.16, 1, .3, 1);--target:44px;--control-height:max(var(--target), 2.75rem);--measure:34em;--gutter:var(--space-l);--gutter-left:max(var(--gutter), var(--safe-area-left));--gutter-right:max(var(--gutter), var(--safe-area-right));--safe-area-top:env(safe-area-inset-top,0px);--safe-area-right:env(safe-area-inset-right,0px);--safe-area-bottom:env(safe-area-max-inset-bottom,env(safe-area-inset-bottom,0px));--safe-area-left:env(safe-area-inset-left,0px);--ground:var(--lightningcss-light,oklch(100% 0 0))var(--lightningcss-dark,oklch(0% 0 0));--ink:var(--lightningcss-light,oklch(20% 0 0))var(--lightningcss-dark,oklch(95% 0 0));--focus:var(--lightningcss-light,oklch(50% .2 260))var(--lightningcss-dark,oklch(75% .15 260));--rule:var(--lightningcss-light,oklch(85% 0 0))var(--lightningcss-dark,oklch(30% 0 0));--rule-strong:var(--lightningcss-light,oklch(60% 0 0))var(--lightningcss-dark,oklch(55% 0 0));--selection:var(--lightningcss-light,oklch(88% .06 260))var(--lightningcss-dark,oklch(35% .08 260));--text-m:1rem;--space-l:1.5rem;--space-2xl:3rem}@media (width>=56.25rem){:root{--gutter:var(--space-2xl)}}}@layer base{html{scrollbar-color:var(--rule-strong) var(--ground);scrollbar-gutter:stable}body{background:var(--ground);caret-color:var(--focus);color:var(--ink);font-size:var(--text-m);font-synthesis:none;container:page/inline-size}#root{min-block-size:100dvh;overflow-x:clip}::selection{background:var(--selection);color:var(--ink)}:where(a[href],button,input,select,textarea,summary,[tabindex],[contenteditable]):where(:not([style*="inset(50%)"],[style*="inset(50%)"] *))[data-focus-visible],:where(a[href],button,input,select,textarea,summary,[tabindex],[contenteditable]):where(:not([style*="inset(50%)"],[style*="inset(50%)"] *)):focus-visible{outline:var(--outline-thick) solid var(--focus);outline-offset:3px}}