.docs{padding-top:clamp(120px,15vh,150px);padding-bottom:clamp(96px,14vh,180px)}.docs__head{gap:24px;margin-bottom:clamp(64px,10vh,120px);display:grid;position:relative}.docs__head>:not(.docs__film){max-width:46rem}.docs__head .lede{max-width:36ch}.docs__film{aspect-ratio:1;opacity:0;width:min(36vw,520px);transition:opacity var(--t4) var(--soft);pointer-events:none;position:absolute;top:0;right:0}.docs__film[data-on]{opacity:1}.docs__frame{background:#050505;width:100%;height:100%;display:block}@media (width>=1081px){.docs__head{align-content:center;min-height:min(36vw,520px)}}@media (width<=1080px){.docs__film{width:100%;max-width:46rem;position:static}}.docs__body{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;display:grid}.docs__toc{grid-column:1/span 3}.docs__toc ol{gap:2px;padding:0;list-style:none;display:grid;position:sticky;top:96px}.docs__toc a{font-size:var(--t-s);color:var(--c-muted);transition:color var(--t2) var(--soft);padding:6px 0 6px 14px;display:block;position:relative}.docs__toc a:before{content:"";background:var(--c-red);width:2px;transition:transform var(--t3) var(--soft);position:absolute;top:8px;bottom:8px;left:0;transform:scaleY(0)}.docs__toc a:hover,.docs__toc a[aria-current]{color:var(--c-ink)}.docs__toc a[aria-current]:before{transform:scaleY(1)}.docs__main{grid-column:4/-1;gap:clamp(88px,12vh,128px);min-width:0;display:grid}.doc{gap:24px;scroll-margin-top:96px;display:grid}.doc>h2{text-wrap:balance}.doc>.body{max-width:40rem}.doc code.mono{color:var(--c-ink);font-size:.9em;font-weight:500}.ref{table-layout:fixed;border-collapse:collapse;width:100%;font-size:var(--t-s)}.ref th,.ref td{text-align:left;vertical-align:top;border-bottom:1px solid var(--c-line);padding:16px 20px 16px 0;font-weight:400}.ref thead th{font-size:var(--t-label);color:var(--c-muted);border-bottom-color:var(--c-line-2);padding-block:0 12px;font-weight:500}.ref tbody th[scope=row]{color:var(--c-ink)}.ref tbody th[scope=row] code{white-space:nowrap;font-size:.9375rem}.ref .ref__group th{font-size:var(--t-body);color:var(--c-ink);border-bottom-color:var(--c-line-2);padding:48px 0 12px;font-weight:600}.ref tbody:first-of-type .ref__group th{padding-top:24px}.ref td{color:var(--c-ink)}.ref .ref__what{color:var(--c-muted)}.ref--flags col:first-child{width:10.5rem}.ref--flags col:nth-child(2){width:32%}.ref--flags col:nth-child(4){width:18%}.ref--formats col:first-child{width:12rem}.ref--formats col:nth-child(2){width:38%}.ref--env col:first-child{width:18rem}.ref--env col:nth-child(3){width:11rem}.ref--routes th[scope=row]{width:17rem}.ref--routes tbody tr:first-child>*{border-top:1px solid var(--c-line-2)}.ref__note{font-size:var(--t-label);color:var(--c-muted);margin-top:4px;display:block}.ref__m{width:3.5rem;font-family:var(--f-mono);font-size:var(--t-label);color:var(--c-muted);display:inline-block}.ref__m--post{color:var(--c-ink);font-weight:500}.vals{flex-wrap:wrap;gap:6px 14px;padding:0;list-style:none;display:flex}.vals--grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;display:grid}.vals--grid li{align-items:center;gap:10px;display:flex}.vals__sub{font-size:var(--t-label);color:var(--c-muted);font-variant-numeric:tabular-nums;display:block}.frame{height:24px;width:calc(24px * var(--r));box-shadow:inset 0 0 0 1.5px var(--c-ink);margin-inline:calc((40px - 24px * var(--r)) / 2);flex:none}.swatch{width:24px;height:24px;box-shadow:inset 0 0 0 1px var(--c-line-2);background:radial-gradient(circle, var(--cu) 0 30%, var(--cd) 34% 56%, transparent 60%), var(--bg);border-radius:50%;flex:none}.docs__next{justify-items:start;gap:20px;display:grid}.docs__next .m{max-width:28ch}@media (width<=1100px){.ref thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.ref,.ref colgroup,.ref tbody{display:block}.ref col{display:none}.ref tr{border-bottom:1px solid var(--c-line);grid-template-columns:10rem minmax(0,1fr);gap:8px 24px;padding:20px 0;display:grid}.ref th,.ref td{border:0;padding:0;display:block}.ref tbody th[scope=row]{grid-area:1/1/span 3}.ref td{grid-column:2}.ref td.is-blank{display:none}.ref td[data-k]{grid-template-columns:4.5rem minmax(0,1fr);gap:12px;display:grid}.ref td[data-k]:before{content:attr(data-k);color:var(--c-muted)}.ref td[data-k].is-blank{display:none}.ref .ref__group{border:0;padding:0;display:block}.ref .ref__group th{border-bottom:1px solid var(--c-line-2);padding:48px 0 12px}.ref tbody:first-of-type .ref__group th{padding-top:0}.ref--routes tbody tr:first-child{border-top:1px solid var(--c-line-2)}.ref--routes tbody tr:first-child>*{border-top:0}.ref--routes tr{grid-template-columns:17rem minmax(0,1fr)}.ref--routes tbody th[scope=row]{grid-row:auto}}@media (width<=900px){.docs{padding-top:84px}.docs__main{grid-column:1/-1;padding-top:24px}.doc{scroll-margin-top:140px}.docs__toc{z-index:5;margin:0 calc(-1 * var(--gutter));background:var(--c-bg);border-bottom:1px solid var(--c-line);grid-column:1/-1;align-self:start;position:sticky;top:60px}.docs__toc ol{scrollbar-width:none;scroll-snap-type:x proximity;scroll-padding-inline:var(--gutter);padding:8px var(--gutter);gap:4px;display:flex;position:static;overflow-x:auto;-webkit-mask:linear-gradient(90deg,#000 64%,#0000 98%);mask:linear-gradient(90deg,#000 64%,#0000 98%)}.docs__toc ol::-webkit-scrollbar{display:none}.docs__toc li{scroll-snap-align:start}.docs__toc a{white-space:nowrap;min-height:36px;box-shadow:inset 0 0 0 1px var(--c-line-2);align-items:center;padding:0 12px;display:flex}.docs__toc a:before{display:none}.docs__toc a[aria-current]{box-shadow:none;background:var(--c-ink);color:var(--c-bg)}}@media (width<=640px){.ref tr,.ref--routes tr{grid-template-columns:minmax(0,1fr);row-gap:8px}.ref tbody th[scope=row],.ref td{grid-column:1}.ref tbody th[scope=row]{grid-row:auto}.ref td[data-k]{grid-template-columns:4.5rem minmax(0,1fr)}.ref tbody th[scope=row] code{white-space:normal;overflow-wrap:anywhere}}.lost{padding:112px var(--gutter) 8px;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center;gap:clamp(32px,5vw,80px);display:grid}.lost__say{justify-items:start;gap:24px;display:grid}.lost__frame{aspect-ratio:16/9;background:var(--stock)}.lost__film{opacity:0;width:100%;height:100%;transition:opacity var(--t4) var(--soft)}.lost__film[data-on]{opacity:.85}.lost .xl{text-wrap:balance;max-width:16ch}.lost .lede{max-width:30rem}.lost__actions{flex-wrap:wrap;gap:10px;display:flex}@media (width<=860px){.lost{grid-template-columns:1fr;align-content:start;min-height:0;padding-top:96px;padding-bottom:32px}}
