@layer tokens{:root{--frame:min(100vw, 1280px);--dp:calc(1rem / 16);--dph:calc(1rem / 16);--gap:calc(12 * var(--dp));--safe:calc(24 * var(--dp));--col:calc((var(--frame) - 2 * var(--safe) - 3 * var(--gap)) / 4);--columns:4;--sizes-icon:calc(88 * var(--dp));--sizes-shot:calc(248 * var(--dp));--sizes-measure:calc(640 * var(--dp));--colors-page:#0f0f0f;--colors-ink:#fff;--colors-dim:#a0a0a0;--colors-accent:#ffd60a;--colors-rule:#333;--fonts-sans:-apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", sans-serif}@media (width>=800px){:root{--gap:calc(24 * var(--dp));--safe:calc(48 * var(--dp));--col:calc((var(--frame) - 2 * var(--safe) - 11 * var(--gap)) / 12);--columns:12;--sizes-icon:calc(112 * var(--dp));--sizes-shot:calc(248 * var(--dp));--sizes-measure:calc(640 * 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-sans);font-size:max(calc(17 * var(--dp)), .75rem);letter-spacing:0;color:var(--colors-ink);background-color:var(--colors-page);flex-direction:column;font-weight:400;line-height:1.5;display:flex}main{flex-grow:1}}@layer atoms{.ai-center{align-items:center}.bg-ink{background-color:var(--colors-ink)}.block-size-icon{block-size:var(--sizes-icon)}.border-block-start-color-rule{border-block-start-color:var(--colors-rule)}.border-block-start-style-solid{border-block-start-style:solid}.border-block-start-width-1px{border-block-start-width:1px}.border-bottom-color-dim{border-bottom-color:var(--colors-dim)}.border-bottom-style-solid{border-bottom-style:solid}.border-bottom-width-1px{border-bottom-width:1px}.border-left-color-dim{border-left-color:var(--colors-dim)}.border-left-style-solid{border-left-style:solid}.border-left-width-1px{border-left-width:1px}.border-right-color-dim{border-right-color:var(--colors-dim)}.border-right-style-solid{border-right-style:solid}.border-right-width-1px{border-right-width:1px}.border-top-color-dim{border-top-color:var(--colors-dim)}.border-top-style-solid{border-top-style:solid}.border-top-width-1px{border-top-width:1px}.c-accent{color:var(--colors-accent)}.c-dim{color:var(--colors-dim)}.c-page{color:var(--colors-page)}.cg-dp12{column-gap:calc(12 * var(--dp))}.cg-dp24{column-gap:calc(24 * var(--dp))}.cg-gap{column-gap:var(--gap)}.d-flex{display:flex}.d-grid{display:grid}.d-inline-flex{display:inline-flex}.ff-sans{font-family:var(--fonts-sans)}.flex-shrink-0{flex-shrink:0}.flex-wrap-wrap{flex-wrap:wrap}.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-28-dp-0-75rem{font-size:max(calc(28 * var(--dp)), .75rem)}.fs-max-calc-44-dp-0-75rem{font-size:max(calc(44 * var(--dp)), .75rem)}.fw-400{font-weight:400}.fw-600{font-weight:600}.fw-700{font-weight:700}.inline-size-icon{inline-size:var(--sizes-icon)}.inline-size-shot{inline-size:var(--sizes-shot)}.jc-space-between{justify-content:space-between}.justify-items-start{justify-items:start}.justify-self-start{justify-self:start}.lh-1{line-height:1}.lh-1_1{line-height:1.1}.lh-1_2{line-height:1.2}.lh-1_35{line-height:1.35}.lh-1_4{line-height:1.4}.list-style-type-none{list-style-type:none}.ls-0em{letter-spacing:0}.ls-n0_01em{letter-spacing:-.01em}.ls-n0_025em{letter-spacing:-.025em}.ls-n0_035em{letter-spacing:-.035em}.max-inline-size-frame{max-inline-size:var(--frame)}.max-inline-size-measure{max-inline-size:var(--sizes-measure)}.mbe-dp8{margin-block-end:calc(8 * var(--dp))}.mbs-dp40{margin-block-start:calc(40 * var(--dp))}.mie-auto{margin-inline-end:auto}.min-block-size-44px{min-block-size:44px}.min-block-size-48px{min-block-size:48px}.mis-auto{margin-inline-start:auto}.overflow-wrap-anywhere{overflow-wrap:anywhere}.ovx-auto{overflow-x:auto}.ovx-clip{overflow-x:clip}.ovy-clip{overflow-y:clip}.pbe-dp16{padding-block-end:calc(16 * var(--dp))}.pbe-dp32{padding-block-end:calc(32 * var(--dp))}.pbe-dp40{padding-block-end:calc(40 * var(--dp))}.pbe-dp56{padding-block-end:calc(56 * var(--dp))}.pbe-dp72{padding-block-end:calc(72 * var(--dp))}.pbs-dp16{padding-block-start:calc(16 * var(--dp))}.pbs-dp20{padding-block-start:calc(20 * var(--dp))}.pbs-dp32{padding-block-start:calc(32 * var(--dp))}.pbs-dp48{padding-block-start:calc(48 * var(--dp))}.pbs-dp56{padding-block-start:calc(56 * 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)}.rbl-22_5\%{border-bottom-left-radius:22.5%}.rbl-24px{border-bottom-left-radius:24px}.rbr-22_5\%{border-bottom-right-radius:22.5%}.rbr-24px{border-bottom-right-radius:24px}.rg-dp12{row-gap:calc(12 * var(--dp))}.rg-dp16{row-gap:calc(16 * var(--dp))}.rg-dp20{row-gap:calc(20 * var(--dp))}.rg-dp8{row-gap:calc(8 * var(--dp))}.rtl-22_5\%{border-top-left-radius:22.5%}.rtl-24px{border-top-left-radius:24px}.rtr-22_5\%{border-top-right-radius:22.5%}.rtr-24px{border-top-right-radius:24px}.scroll-padding-inline-safe{scroll-padding-inline:var(--safe)}.scroll-snap-align-start{scroll-snap-align:start}.scroll-snap-type-x-proximity{scroll-snap-type:x proximity}.text-decoration-line-underline{text-decoration-line:underline}.text-underline-offset-0_2em{text-underline-offset:.2em}.active-bg-accent:where(:active){background-color:var(--colors-accent)}.active-border-bottom-color-accent:where(:active){border-bottom-color:var(--colors-accent)}.active-border-left-color-accent:where(:active){border-left-color:var(--colors-accent)}.active-border-right-color-accent:where(:active){border-right-color:var(--colors-accent)}.active-border-top-color-accent:where(:active){border-top-color:var(--colors-accent)}.active-c-accent:where(:active){color:var(--colors-accent)}.active-c-ink:where(:active){color:var(--colors-ink)}.focus-visible-outline-color-accent:where(:focus-visible){outline-color:var(--colors-accent)}.focus-visible-outline-offset-3px:where(:focus-visible){outline-offset:3px}@media (width>=800px){.desktop-cg-gap{column-gap:var(--gap)}.desktop-d-grid{display:grid}.desktop-fs-max-calc-24-dp-0-75rem{font-size:max(calc(24 * var(--dp)), .75rem)}.desktop-fs-max-calc-36-dp-0-75rem{font-size:max(calc(36 * var(--dp)), .75rem)}.desktop-fs-max-calc-72-dp-0-75rem{font-size:max(calc(72 * var(--dp)), .75rem)}.desktop-gc-span-3{grid-column:span 3}.desktop-gc-span-5{grid-column:span 5}.desktop-gc-span-7{grid-column:span 7}.desktop-gtc-xf3lv9{grid-template-columns:repeat(var(--columns), minmax(0, 1fr))}.desktop-inline-size-auto{inline-size:auto}.desktop-max-inline-size-frame{max-inline-size:var(--frame)}.desktop-mbs-dp72{margin-block-start:calc(72 * var(--dp))}.desktop-mie-auto{margin-inline-end:auto}.desktop-mis-auto{margin-inline-start:auto}.desktop-ovx-visible{overflow-x:visible}.desktop-pbe-dp48{padding-block-end:calc(48 * var(--dp))}.desktop-pbe-dp72{padding-block-end:calc(72 * var(--dp))}.desktop-pbe-dp96{padding-block-end:calc(96 * var(--dp))}.desktop-pbs-dp48{padding-block-start:calc(48 * var(--dp))}.desktop-pbs-dp96{padding-block-start:calc(96 * var(--dp))}.desktop-rg-dp28{row-gap:calc(28 * var(--dp))}.desktop-rg-dp48{row-gap:calc(48 * var(--dp))}}@media (hover:hover) and (pointer:fine){.hover-bg-accent:where(:hover){background-color:var(--colors-accent)}.hover-border-bottom-color-accent:where(:hover){border-bottom-color:var(--colors-accent)}.hover-border-left-color-accent:where(:hover){border-left-color:var(--colors-accent)}.hover-border-right-color-accent:where(:hover){border-right-color:var(--colors-accent)}.hover-border-top-color-accent:where(:hover){border-top-color:var(--colors-accent)}.hover-c-accent:where(:hover){color:var(--colors-accent)}.hover-c-ink:where(:hover){color:var(--colors-ink)}}}@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-icon{syntax:"<length>";inherits:true;initial-value:0}@property --sizes-shot{syntax:"<length>";inherits:true;initial-value:0}@property --sizes-measure{syntax:"<length>";inherits:true;initial-value:0}
