@layer tokens{:root{--frame:min(100vw, 1200px);--dp:calc(var(--frame) / 375);--dph:calc(100vh / 667);--gap:calc(16 * var(--dp));--safe:calc(16 * var(--dp));--col:calc((var(--frame) - 2 * var(--safe) - 3 * var(--gap)) / 4);--columns:4;--sizes-sectionGap:calc(88 * var(--dp));--sizes-icon:calc(112 * var(--dp));--sizes-radius:calc(12 * var(--dp));--colors-case:#ababab;--colors-raised:#c3c2c2;--colors-ink:#141414;--colors-muted:#3d3d3d;--colors-tray:#000;--colors-glass:#111010;--colors-readout:#f5f5f5;--colors-red:#ef4444;--colors-orange:#ff6b35;--easings-out:cubic-bezier(.16, 1, .3, 1);--fonts-mono:"Roboto Mono", "Roboto Mono Fallback", ui-monospace, Menlo, monospace;--fonts-lcd:"DSEG14 Classic Mini", "DSEG14 Classic Mini Fallback", ui-monospace, Menlo, monospace}@media (width>=800px){:root{--dp:calc(var(--frame) / 1440);--dph:calc(100vh / 900);--gap:calc(16 * var(--dp));--safe:calc(16 * var(--dp));--col:calc((var(--frame) - 2 * var(--safe) - 11 * var(--gap)) / 12);--columns:12;--sizes-sectionGap:calc(144 * var(--dp));--sizes-icon:calc(144 * var(--dp));--sizes-radius:calc(12 * var(--dp))}}}@layer reset{*,:before,:after{box-sizing:border-box;min-width:0}*{margin:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;hanging-punctuation:first last;overflow-wrap:break-word;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}body{-webkit-font-smoothing:antialiased;min-height:100svh;line-height:1.5}h1,h2,h3,h4,h5,h6{text-wrap:balance;font-size:inherit;font-weight:inherit}p,li,figcaption{text-wrap:pretty}img,picture,video,canvas,svg{max-width:100%;display:block}img,video{height:auto}picture{height:100%}picture>img{object-fit:cover;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%}picture>img[data-fit=contain]{object-fit:contain;background-size:contain}input,button,textarea,select{font:inherit;color:inherit;letter-spacing:inherit}button{cursor:pointer;background:0 0;border:0;min-width:auto;padding:0}a,button,[role=button]{touch-action:manipulation}a{color:inherit;text-decoration:none}ul[role=list],ol[role=list]{padding:0;list-style:none}:target{scroll-margin-block:5ex}:focus-visible{outline-offset:2px;outline:2px solid}::selection{background:color-mix(in oklab, currentColor 20%, transparent)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}}@layer base{body{font-family:var(--fonts-mono);font-size:max(calc(15 * var(--dp)), .75rem);letter-spacing:0;color:var(--colors-ink);background-color:var(--colors-case);font-weight:400;line-height:1.6}::selection{color:var(--colors-readout);background-color:var(--colors-red)}@media (width>=800px){body{font-size:max(calc(16 * var(--dp)), .75rem)}}}@layer atoms{.ai-center{align-items:center}.align-content-start{align-content:start}.ar-1{aspect-ratio:1}.ar-4-5{aspect-ratio:4/5}.ar-921-2000{aspect-ratio:921/2000}.bg-glass{background-color:var(--colors-glass)}.bg-raised{background-color:var(--colors-raised)}.bg-red{background-color:var(--colors-red)}.bg-tray{background-color:var(--colors-tray)}.border-block-start-color-xxa30c{border-block-start-color:color-mix(in srgb, var(--colors-ink) 35%, transparent)}.border-block-start-style-solid{border-block-start-style:solid}.border-block-start-width-1px{border-block-start-width:1px}.border-bottom-color-xxa30c{border-bottom-color:color-mix(in srgb, var(--colors-ink) 35%, transparent)}.border-bottom-style-solid{border-bottom-style:solid}.border-bottom-width-1px{border-bottom-width:1px}.border-left-color-xxa30c{border-left-color:color-mix(in srgb, var(--colors-ink) 35%, transparent)}.border-left-style-solid{border-left-style:solid}.border-left-width-1px{border-left-width:1px}.border-right-color-xxa30c{border-right-color:color-mix(in srgb, var(--colors-ink) 35%, transparent)}.border-right-style-solid{border-right-style:solid}.border-right-width-1px{border-right-width:1px}.border-top-color-xxa30c{border-top-color:color-mix(in srgb, var(--colors-ink) 35%, transparent)}.border-top-style-solid{border-top-style:solid}.border-top-width-1px{border-top-width:1px}.box-shadow-x1aonu{box-shadow:0 0 calc(8 * var(--dp)) color-mix(in srgb, var(--colors-red) 80%, transparent)}.box-shadow-x1fay0{box-shadow:0 calc(18 * var(--dp)) calc(40 * var(--dp)) color-mix(in srgb, var(--colors-tray) 35%, transparent)}.box-shadow-xtuu0w{box-shadow:0 calc(24 * var(--dp)) calc(60 * var(--dp)) color-mix(in srgb, var(--colors-tray) 30%, transparent)}.c-ink{color:var(--colors-ink)}.c-muted{color:var(--colors-muted)}.c-orange{color:var(--colors-orange)}.c-readout{color:var(--colors-readout)}.c-red{color:var(--colors-red)}.cg-dp12{column-gap:calc(12 * var(--dp))}.cg-dp24{column-gap:calc(24 * var(--dp))}.cg-gap{column-gap:var(--gap)}.d-block{display:block}.d-flex{display:flex}.d-grid{display:grid}.d-inline-flex{display:inline-flex}.ff-lcd{font-family:var(--fonts-lcd)}.ff-mono{font-family:var(--fonts-mono)}.flex-wrap-wrap{flex-wrap:wrap}.fs-max-calc-12-dp-0-75rem{font-size:max(calc(12 * var(--dp)), .75rem)}.fs-max-calc-14-dp-0-75rem{font-size:max(calc(14 * var(--dp)), .75rem)}.fs-max-calc-15-dp-0-75rem{font-size:max(calc(15 * var(--dp)), .75rem)}.fs-max-calc-17-dp-0-75rem{font-size:max(calc(17 * var(--dp)), .75rem)}.fs-max-calc-20-dp-0-75rem{font-size:max(calc(20 * var(--dp)), .75rem)}.fs-max-calc-22-dp-0-75rem{font-size:max(calc(22 * var(--dp)), .75rem)}.fs-max-calc-40-dp-0-75rem{font-size:max(calc(40 * var(--dp)), .75rem)}.fw-400{font-weight:400}.fw-700{font-weight:700}.gtc-calc-18-dp-1fr{grid-template-columns:calc(18 * var(--dp)) 1fr}.gtc-repeat-2-minmax-0-1fr{grid-template-columns:repeat(2,minmax(0,1fr))}.h-auto{height:auto}.h-dp8{height:calc(8 * var(--dp))}.jc-space-between{justify-content:space-between}.justify-items-center{justify-items:center}.justify-items-start{justify-items:start}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.lh-1{line-height:1}.lh-1_2{line-height:1.2}.lh-1_3{line-height:1.3}.lh-1_4{line-height:1.4}.lh-1_5{line-height:1.5}.lh-1_6{line-height:1.6}.list-style-type-none{list-style-type:none}.ls-0_04em{letter-spacing:.04em}.ls-0_06em{letter-spacing:.06em}.ls-0_08em{letter-spacing:.08em}.ls-0_14em{letter-spacing:.14em}.ls-0em{letter-spacing:0}.maxw-36ch{max-width:36ch}.maxw-60ch{max-width:60ch}.maxw-68ch{max-width:68ch}.maxw-72ch{max-width:72ch}.maxw-dp520{max-width:calc(520 * var(--dp))}.maxw-frame{max-width:var(--frame)}.mb-0{margin-bottom:0}.mbs-dp24{margin-block-start:calc(24 * var(--dp))}.mbs-sectionGap{margin-block-start:var(--sizes-sectionGap)}.mie-auto{margin-inline-end:auto}.min-block-size-44px{min-block-size:44px}.mis-auto{margin-inline-start:auto}.ml-0{margin-left:0}.mr-0{margin-right:0}.mt-0{margin-top:0}.overflow-wrap-anywhere{overflow-wrap:anywhere}.ovx-clip{overflow-x:clip}.ovy-clip{overflow-y:clip}.pb-dp12{padding-bottom:calc(12 * var(--dp))}.pb-dp24{padding-bottom:calc(24 * var(--dp))}.pbe-dp16{padding-block-end:calc(16 * var(--dp))}.pbe-dp24{padding-block-end:calc(24 * var(--dp))}.pbs-dp16{padding-block-start:calc(16 * var(--dp))}.pbs-dp24{padding-block-start:calc(24 * var(--dp))}.pbs-dp56{padding-block-start:calc(56 * var(--dp))}.pbs-dp72{padding-block-start:calc(72 * var(--dp))}.pbs-dp96{padding-block-start:calc(96 * var(--dp))}.pie-dp24{padding-inline-end:calc(24 * var(--dp))}.pie-safe{padding-inline-end:var(--safe)}.pis-0{padding-inline-start:0}.pis-dp20{padding-inline-start:calc(20 * var(--dp))}.pis-dp24{padding-inline-start:calc(24 * var(--dp))}.pis-safe{padding-inline-start:var(--safe)}.pl-dp12{padding-left:calc(12 * var(--dp))}.pl-dp24{padding-left:calc(24 * var(--dp))}.pos-relative{position:relative}.pr-dp12{padding-right:calc(12 * var(--dp))}.pr-dp24{padding-right:calc(24 * var(--dp))}.pt-dp12{padding-top:calc(12 * var(--dp))}.pt-dp24{padding-top:calc(24 * var(--dp))}.rbl-22\%{border-bottom-left-radius:22%}.rbl-50\%{border-bottom-left-radius:50%}.rbl-dp10{border-bottom-left-radius:calc(10 * var(--dp))}.rbl-dp18{border-bottom-left-radius:calc(18 * var(--dp))}.rbl-radius{border-bottom-left-radius:var(--sizes-radius)}.rbr-22\%{border-bottom-right-radius:22%}.rbr-50\%{border-bottom-right-radius:50%}.rbr-dp10{border-bottom-right-radius:calc(10 * var(--dp))}.rbr-dp18{border-bottom-right-radius:calc(18 * var(--dp))}.rbr-radius{border-bottom-right-radius:var(--sizes-radius)}.rg-dp12{row-gap:calc(12 * var(--dp))}.rg-dp16{row-gap:calc(16 * var(--dp))}.rg-dp24{row-gap:calc(24 * var(--dp))}.rg-dp32{row-gap:calc(32 * var(--dp))}.rg-dp40{row-gap:calc(40 * var(--dp))}.rg-dp8{row-gap:calc(8 * var(--dp))}.rtl-22\%{border-top-left-radius:22%}.rtl-50\%{border-top-left-radius:50%}.rtl-dp10{border-top-left-radius:calc(10 * var(--dp))}.rtl-dp18{border-top-left-radius:calc(18 * var(--dp))}.rtl-radius{border-top-left-radius:var(--sizes-radius)}.rtr-22\%{border-top-right-radius:22%}.rtr-50\%{border-top-right-radius:50%}.rtr-dp10{border-top-right-radius:calc(10 * var(--dp))}.rtr-dp18{border-top-right-radius:calc(18 * var(--dp))}.rtr-radius{border-top-right-radius:var(--sizes-radius)}.ta-center{text-align:center}.text-decoration-line-none{text-decoration-line:none}.text-decoration-line-underline{text-decoration-line:underline}.text-underline-offset-0_25em{text-underline-offset:.25em}.text-underline-offset-0_2em{text-underline-offset:.2em}.text-wrap-balance{text-wrap:balance}.trd-150ms{transition-duration:.15s}.trp-transform{transition-property:transform}.trt-out{transition-timing-function:var(--easings-out)}.tt-uppercase{text-transform:uppercase}.w-100\%{width:100%}.w-dp8{width:calc(8 * var(--dp))}.w-icon{width:var(--sizes-icon)}.active-c-red:where(:active){color:var(--colors-red)}.active-tf-xo4t3x:where(:active){transform:translateY(1px)scale(.98)}.before-c-red:before{color:var(--colors-red)}.before-content-x1ukds:before{content:"·"}.before-content-x1yz14:before{content:""}.before-inset-block-end-min-0px-100-44px-2:before{inset-block-end:min(0px,50% - 22px)}.before-inset-block-start-min-0px-100-44px-2:before{inset-block-start:min(0px,50% - 22px)}.before-inset-inline-end-min-0px-100-44px-2:before{inset-inline-end:min(0px,50% - 22px)}.before-inset-inline-start-min-0px-100-44px-2:before{inset-inline-start:min(0px,50% - 22px)}.before-pos-absolute:before{position:absolute}.focus-visible-outline-color-red:where(:focus-visible){outline-color:var(--colors-red)}.focus-visible-outline-offset-3px:where(:focus-visible){outline-offset:3px}@media (width>=800px){.desktop-cg-dp48{column-gap:calc(48 * var(--dp))}.desktop-fs-max-calc-15-dp-0-75rem{font-size:max(calc(15 * var(--dp)), .75rem)}.desktop-fs-max-calc-16-dp-0-75rem{font-size:max(calc(16 * var(--dp)), .75rem)}.desktop-fs-max-calc-20-dp-0-75rem{font-size:max(calc(20 * var(--dp)), .75rem)}.desktop-fs-max-calc-26-dp-0-75rem{font-size:max(calc(26 * var(--dp)), .75rem)}.desktop-fs-max-calc-30-dp-0-75rem{font-size:max(calc(30 * var(--dp)), .75rem)}.desktop-fs-max-calc-72-dp-0-75rem{font-size:max(calc(72 * var(--dp)), .75rem)}.desktop-gc-1-1{grid-column:1/-1}.desktop-gtc-repeat-2-minmax-0-1fr{grid-template-columns:repeat(2,minmax(0,1fr))}.desktop-gtc-repeat-4-minmax-0-1fr{grid-template-columns:repeat(4,minmax(0,1fr))}.desktop-justify-self-center{justify-self:center}.desktop-pb-dp40{padding-bottom:calc(40 * var(--dp))}.desktop-pbs-dp112{padding-block-start:calc(112 * var(--dp))}.desktop-pbs-dp96{padding-block-start:calc(96 * var(--dp))}.desktop-pl-dp40{padding-left:calc(40 * var(--dp))}.desktop-pr-dp40{padding-right:calc(40 * var(--dp))}.desktop-pt-dp40{padding-top:calc(40 * var(--dp))}.desktop-rg-dp32{row-gap:calc(32 * var(--dp))}.desktop-rg-dp56{row-gap:calc(56 * var(--dp))}.desktop-w-calc-100-calc-48-dp-2{width:calc((100% - calc(48 * var(--dp))) / 2)}}@media (hover:hover) and (pointer:fine){.hover-c-readout:where(:hover){color:var(--colors-readout)}.hover-c-red:where(:hover){color:var(--colors-red)}.hover-tf-translatey-2px:where(:hover){transform:translateY(-2px)}}}@property --frame{syntax:"<length>";inherits:true;initial-value:0}@property --dp{syntax:"<length>";inherits:true;initial-value:0}@property --dph{syntax:"<length>";inherits:true;initial-value:0}@property --gap{syntax:"<length>";inherits:true;initial-value:0}@property --safe{syntax:"<length>";inherits:true;initial-value:0}@property --col{syntax:"<length>";inherits:true;initial-value:0}@property --columns{syntax:"<integer>";inherits:true;initial-value:1}@property --sizes-sectionGap{syntax:"<length>";inherits:true;initial-value:0}@property --sizes-icon{syntax:"<length>";inherits:true;initial-value:0}@property --sizes-radius{syntax:"<length>";inherits:true;initial-value:0}@font-face{font-family:Roboto Mono;src:url(/assets/RobotoMono-Regular-febc86ab.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-weight:400;font-style:normal;font-display:optional}@font-face{font-family:Roboto Mono;src:url(/assets/RobotoMono-Bold-db91f15e.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-weight:700;font-style:normal;font-display:optional}@font-face{font-family:DSEG14 Classic Mini;src:url(/assets/DSEG14ClassicMini-Regular-5b1ff5da.woff2)format("woff2");unicode-range:U+20-7E,U+A9,U+B7,U+2190;font-weight:400;font-style:normal;font-display:optional}@font-face{font-family:Roboto Mono Fallback;src:local(Menlo Regular),local(Menlo-Regular);font-weight:400;size-adjust:99.6759%;ascent-override:105.126%;descent-override:27.1877%;line-gap-override:0%}@font-face{font-family:Roboto Mono Fallback;src:local(Menlo Regular),local(Menlo-Regular);font-weight:700;size-adjust:99.6759%;ascent-override:105.126%;descent-override:27.1877%;line-gap-override:0%}@font-face{font-family:DSEG14 Classic Mini Fallback;src:local(Menlo Regular),local(Menlo-Regular);font-weight:400;size-adjust:118.333%;ascent-override:84.5076%;descent-override:0%;line-gap-override:7.6057%}
