@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/hanken-grotesk-cyrillic-ext-wght-normal.D_UHSL_T.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/hanken-grotesk-vietnamese-wght-normal.CHiFlh_0.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/hanken-grotesk-latin-ext-wght-normal.Dg-wlmqe.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/hanken-grotesk-latin-wght-normal.CaVRRdDk.woff2)format("woff2-variations");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}:root{color-scheme:light;--ground:#ededeb;--plate:#f7f7f5;--ink:#161616;--muted:#5c5c58;--line:#d7d7d3;--ease:cubic-bezier(.23, 1, .32, 1);--margin:64px;--gutter:24px;--row:32px;--pw:calc((100svh - 240px) * 1.6)}*,:before,:after{box-sizing:border-box}html{background:var(--ground);-webkit-text-size-adjust:100%}body{background:var(--ground);min-height:100svh;color:var(--ink);-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;font:400 16px/1.4 Hanken Grotesk Variable,system-ui,sans-serif;display:flex}h1,p,dl,dd,ol{font:inherit;margin:0;padding:0}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:2px}.label{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px;line-height:16px}.head,.foot{height:56px;padding:0 var(--margin);color:var(--muted);justify-content:space-between;align-items:center;font-size:13px;display:flex}.logo{background:var(--ink);border-radius:2px;width:10px;height:10px}.nav,.foot nav{gap:24px;display:flex}.nav a,.foot a{padding:8px 0}.nav a[aria-current],.nav a:hover,.foot a:hover{color:var(--ink)}.viewer{column-gap:var(--gutter);padding:0 var(--margin);flex:1;grid-template-rows:auto auto;grid-template-columns:repeat(12,minmax(0,1fr));align-content:center;display:grid}.index{flex-direction:column;grid-area:1/1/auto/4;min-height:0;display:flex}.index h1{margin-bottom:24px;font-size:13px;font-weight:500;line-height:16px}.tabs{list-style:none;position:relative}.tab{height:var(--row);color:var(--muted);cursor:default;font-variant-numeric:tabular-nums;align-items:center;gap:16px;padding-left:16px;display:flex}.tab[aria-selected=true],li:first-child>.tab:not([role]){color:var(--ink)}.tab:focus-visible{outline-offset:-2px}.bar{width:1px;height:var(--row);background:var(--ink);transform:translateY(calc(var(--i,0) * var(--row)));position:absolute;inset:0 auto auto 0}.count{margin-top:auto}.panel{grid-area:1/4/span 2/13;grid-template-rows:subgrid;width:min(100%, var(--pw));visibility:hidden;opacity:0;justify-self:start;display:grid}.panel.is-on{visibility:visible;opacity:1}.tone-1{--tone:#e6e6e2}.tone-2{--tone:#dededa}.tone-3{--tone:#e9e8e4}.tone-4{--tone:#dadbd7}.panel:focus-visible{outline-offset:4px}.plate{aspect-ratio:16/10;background:var(--tone);border:1px solid var(--line);border-radius:2px;grid-row:1;width:100%;position:relative}.plate .label{position:absolute;bottom:16px;left:16px}.caption{gap:var(--gutter);grid-row:2;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px;display:grid}.caption dt{color:var(--muted);font-size:13px;line-height:16px}.caption dd{margin-top:4px}@media (prefers-reduced-motion:no-preference){.panel{transition:opacity .24s var(--ease), transform .24s var(--ease), visibility 0s .24s;transform:scale(.985)}.panel.is-on{transition:opacity .24s var(--ease), transform .24s var(--ease), visibility 0s;transform:none}.bar{transition:transform .2s var(--ease)}[data-input=key] .panel,[data-input=key] .bar{transition:none}}@media (prefers-reduced-motion:reduce){.panel{transition:opacity .12s linear,visibility 0s .12s}.panel.is-on{transition:opacity .12s linear,visibility}[data-input=key] .panel{transition:none}}.nf{padding:0 var(--margin);flex:1;align-content:center;justify-items:start;gap:16px;display:grid}.nf h1{font-size:16px;font-weight:500}@media (width<=47.99rem){:root{--margin:20px;--gutter:16px}.foot{flex-wrap:wrap;gap:0 24px;height:auto;min-height:56px}.nav a,.foot a{align-items:center;min-height:44px;padding:0;display:inline-flex}.viewer{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr);align-content:start;row-gap:16px;padding-top:8px;padding-bottom:24px}.index{grid-area:1/1;grid-template-columns:1fr auto;grid-template-areas:"h count""tabs tabs";align-items:center;display:grid}.index h1{grid-area:h;margin:0}.count{grid-area:count;margin:0}.tabs{grid-area:tabs;display:flex}.tab{justify-content:center;width:44px;height:44px;padding:0}.tab-name{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tab:focus-visible{outline-offset:-4px}.bar{width:44px;height:1px;transform:translateX(calc(var(--i,0) * 44px));inset:auto auto 0 0}.panel{grid-area:2/1;grid-template-rows:auto auto;justify-self:stretch;width:100%}.caption{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:16px}}