body{background:var(--bg);color:var(--fg);font:var(--text) / var(--leading) var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;padding-block:0 var(--space-stranger)}.col{width:100%;max-width:640px;padding-inline:var(--gutter);margin-inline:auto}@media (max-width:559px){.home{--gutter:32px}}.page-top{padding-block:var(--page-top) 0}h1,h2{margin:0;font-size:1em;font-weight:500}p{margin:0}p,li,figcaption{text-wrap:pretty}.mute{color:var(--mute)}.intro{margin-top:var(--intro-gap)}.gap-t{margin-top:var(--text-gap)}.after-h,#top h1+p{margin-top:var(--h-gap)}.head h2,.head p{display:inline}.logo{width:var(--logo-size);height:auto;color:var(--logo);margin-bottom:var(--logo-gap);display:block;overflow:visible}.section{margin-top:var(--section-gap)}#playground{scroll-margin-top:64px}.list-after{margin-top:var(--list-gap)}a{color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--rule);text-decoration-color:var(--rule);text-underline-offset:4px;transition:text-decoration-color .2s}@media (hover:hover) and (pointer:fine){a:hover{-webkit-text-decoration-color:var(--fg);text-decoration-color:var(--fg)}}a.co,a.in,a.file{color:var(--fg)}a.co{white-space:nowrap}.socials{gap:var(--link-gap);margin-top:var(--socials-gap);padding-top:var(--socials-pad);border-top:1px solid var(--line);flex-wrap:wrap;display:flex}.socials a{position:relative}.socials a:before{content:"";position:absolute;inset:-4px -7px}.rows{margin:calc(var(--list-gap) - var(--pad-y)) 0 calc(var(--pad-y) * -1);padding:0;list-style:none}.rows li{display:block;position:relative}.rows .meta{text-align:right;font-size:var(--text-small);line-height:calc(var(--text) * var(--leading));color:var(--mute);flex:none}.rows .body{min-width:0}.rows .body .out{color:var(--mute);display:block}.fx{padding:var(--pad-y) var(--pad-x);margin-inline:calc(var(--pad-x) * -1);border-radius:var(--radius);transition:background-color var(--hover-ms) var(--ease-out);justify-content:space-between;align-items:baseline;gap:24px;display:flex;position:relative;overflow:hidden}@media (hover:hover) and (pointer:fine){.hv:hover>.fx{background-color:color-mix(in srgb, var(--wash) var(--hover-wash), transparent)}}@media (hover:none),(pointer:coarse){.hv:active>.fx{background-color:color-mix(in srgb, var(--wash) var(--hover-wash), transparent);transition-duration:0s}}.hv:has(:focus-visible)>.fx{background-color:color-mix(in srgb, var(--wash) var(--hover-wash), transparent);transition-duration:0s}.row-link{color:inherit;cursor:pointer;text-decoration:none}.row-link:after{content:"";border-radius:var(--radius);position:absolute;inset:0}.row-link:focus-visible{outline:none}.row-link:focus-visible:after{outline:2px solid var(--focus);outline-offset:-2px}.copywrap{vertical-align:baseline;align-items:center;display:inline-flex}.copy{opacity:0;width:0;height:20px;color:var(--mute);cursor:pointer;font:inherit;transition:width .18s var(--ease-out), margin-left .18s var(--ease-out), opacity .18s ease, color .15s ease, transform .16s ease-out;background:0 0;border:0;border-radius:4px;place-items:center;margin-left:0;padding:0;display:grid;overflow:hidden}.copywrap.at-end{position:relative}.copywrap.at-end .copy{position:absolute;top:50%;left:100%;translate:0 -50%}.copywrap:hover .copy,.copywrap:focus-within .copy,.copy[data-state]{opacity:1;width:20px;margin-left:4px}.copywrap:has(:focus-visible) .copy{transition-duration:0s}@media (hover:none),(pointer:coarse){.copy{opacity:.7;width:20px;margin-left:4px}}.copy:hover{color:var(--fg)}.copy:active{transform:scale(.94)}.copy>svg{transition:opacity .3s var(--ease-out), transform .3s var(--ease-out), filter .3s var(--ease-out);grid-area:1/1}.copy .i-check{opacity:0;filter:blur(2px);transform:scale(.5)rotate(12deg)}.copy .i-check polyline{stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .3s var(--ease-out)}.copy[data-state=done],.copy[data-state=gone]{color:var(--ok)}.copy[data-state=done] .i-copy,.copy[data-state=gone] .i-copy{opacity:0;filter:blur(2px);transform:scale(.5)rotate(-12deg)}.copy[data-state=done] .i-check,.copy[data-state=gone] .i-check{opacity:1;filter:none;transform:none}.copy[data-state=done] .i-check polyline,.copy[data-state=gone] .i-check polyline{stroke-dashoffset:0}.copywrap .copy[data-state=gone]{opacity:0;pointer-events:none;width:0;margin-left:0}.copy-msg{font-size:var(--text-small);color:var(--mute);margin-left:8px}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.co-logo{width:0;height:var(--co-size);opacity:0;vertical-align:-2px;transition:width var(--co-ms) var(--ease-out), margin-right var(--co-ms) var(--ease-out), opacity var(--co-ms) ease;margin-right:0;display:inline-block;overflow:hidden}.co-logo img{width:var(--co-size);height:var(--co-size);transform:rotate(calc(var(--co-spin) * -1));transition:transform var(--co-ms) var(--ease-out);display:block}a.co:focus-visible .co-logo{width:var(--co-size);opacity:1;margin-right:5px;transition-duration:0s}a.co:focus-visible .co-logo img{transition-duration:0s;transform:none}@media (hover:hover) and (pointer:fine){a.co:hover .co-logo{width:var(--co-size);opacity:1;margin-right:5px}a.co:hover .co-logo img{transform:none}a.co:hover .co-logo,a.co:hover .co-logo img{transition-delay:var(--co-delay)}}a.co.no-logo .co-logo{display:none}@media (hover:none),(pointer:coarse){.co-logo{display:none}}@media (prefers-reduced-motion:reduce){.copy{transition:opacity .15s,color .15s}.copy:active{transform:none}.copy>svg,.copy .i-check,.copy[data-state=done] .i-copy,.copy[data-state=gone] .i-copy{filter:none;transition:opacity .15s;transform:none}.copy .i-check polyline{transition:none}.co-logo{transition:opacity .15s}.co-logo img{transition:none;transform:none}}