.rive[data-astro-cid-czxhuctq]{margin:0}.rive[data-astro-cid-czxhuctq].wide{grid-column:1/-1}.stage[data-astro-cid-czxhuctq]{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);width:100%;position:relative;overflow:hidden}.poster[data-astro-cid-czxhuctq],canvas[data-astro-cid-czxhuctq]{width:100%;height:100%;position:absolute;inset:0}.poster[data-astro-cid-czxhuctq]{object-fit:cover;transition:opacity .4s}.stage[data-astro-cid-czxhuctq].live .poster[data-astro-cid-czxhuctq]{opacity:0}.paused-icon[data-astro-cid-czxhuctq]{pointer-events:none;display:none;position:absolute;transform:translate(-50%,-50%)}.stage[data-astro-cid-czxhuctq].paused .paused-icon[data-astro-cid-czxhuctq]{display:block}.start[data-astro-cid-czxhuctq]{font:inherit;color:var(--text);border:1px solid var(--line);cursor:pointer;background:#0d0d0fcc;border-radius:999px;padding:10px 20px;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}figcaption[data-astro-cid-czxhuctq]{color:var(--muted);margin-top:10px;font-size:14px}.sx[data-astro-cid-vptcxnxu]{--mz-bg:oklch(17.26% .0425 289.97);--h:min(78vh, 620px);margin:48px 0}.sx-head[data-astro-cid-vptcxnxu]{justify-content:space-between;align-items:baseline;margin-bottom:12px;display:flex}.sx-count[data-astro-cid-vptcxnxu]{font-family:var(--mono);color:var(--muted);margin:0;font-size:12px}.sx-panel[data-astro-cid-vptcxnxu]{height:var(--h);border:1px solid var(--line);border-radius:var(--radius);background:var(--mz-bg);scrollbar-width:thin;scrollbar-color:#fff3 transparent;position:relative;overflow-y:auto}.sx-panel[data-astro-cid-vptcxnxu]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sx-grid[data-astro-cid-vptcxnxu]{grid-template-columns:1.7fr 1fr;gap:32px;padding:0 32px;display:grid}.sx-graph[data-astro-cid-vptcxnxu]{height:var(--h);align-items:center;display:flex;position:sticky;top:0}.sx-frame[data-astro-cid-vptcxnxu]{aspect-ratio:1920/1080;width:100%;position:relative}.sx-state[data-astro-cid-vptcxnxu]{opacity:0;width:100%;height:100%;transition:opacity .3s linear;position:absolute;inset:0}.sx-state[data-astro-cid-vptcxnxu].on{opacity:1}.sx-notes[data-astro-cid-vptcxnxu]{padding:calc(var(--h) * .3) 0 calc(var(--h) * .45);margin:0;list-style:none}.sx-note[data-astro-cid-vptcxnxu]{min-height:calc(var(--h) * .6);--f:0;opacity:calc(.15 + .85 * var(--f));filter:blur(calc((1 - var(--f)) * 8px));transform:translateY(calc((1 - var(--f)) * var(--dir,1) * 12px));will-change:filter, opacity, transform}.sx-note[data-astro-cid-vptcxnxu] h3[data-astro-cid-vptcxnxu]{letter-spacing:-.01em;color:var(--text);margin:0 0 8px;font-size:22px}.sx-note[data-astro-cid-vptcxnxu] p[data-astro-cid-vptcxnxu]{color:var(--muted);margin:0;font-size:16px}.sx-hint[data-astro-cid-vptcxnxu]{width:max-content;color:var(--text);pointer-events:none;background:#0d0d0fbf;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:10px;margin:0 auto;padding:8px 14px;font-size:13px;transition:opacity .4s;display:flex;position:sticky;bottom:16px}.sx-panel[data-astro-cid-vptcxnxu].scrolled .sx-hint[data-astro-cid-vptcxnxu]{opacity:0}.sx-mouse[data-astro-cid-vptcxnxu]{border:1.5px solid;border-radius:7px;width:14px;height:20px;position:relative}.sx-mouse[data-astro-cid-vptcxnxu]:after{content:"";background:currentColor;border-radius:1px;width:2px;height:4px;margin-left:-1px;animation:1.4s ease-in-out infinite sx-wheel;position:absolute;top:4px;left:50%}@keyframes sx-wheel{0%{opacity:1;transform:translateY(0)}70%{opacity:0;transform:translateY(6px)}to{opacity:0;transform:translateY(0)}}@media (width<=760px){.sx[data-astro-cid-vptcxnxu]{--h:min(80vh, 640px)}.sx-grid[data-astro-cid-vptcxnxu]{grid-template-columns:1fr;gap:0;padding:0 16px}.sx-graph[data-astro-cid-vptcxnxu]{background:var(--mz-bg);z-index:1;height:auto;padding:16px 0}.sx-notes[data-astro-cid-vptcxnxu]{padding:24px 0 calc(var(--h) * .5)}.sx-note[data-astro-cid-vptcxnxu]{min-height:calc(var(--h) * .45)}}@media (prefers-reduced-motion:reduce){.sx-state[data-astro-cid-vptcxnxu]{transition:none}.sx-note[data-astro-cid-vptcxnxu]{filter:none;transform:none}.sx-mouse[data-astro-cid-vptcxnxu]:after{animation:none}}.head[data-astro-cid-pznzci7v]{border-bottom:1px solid var(--line);padding:48px 0 40px}.back[data-astro-cid-pznzci7v]{color:var(--muted);font-size:14px;text-decoration:none}h1[data-astro-cid-pznzci7v]{letter-spacing:-.02em;margin:24px 0 12px;font-size:clamp(36px,6vw,64px);line-height:1.05}.summary[data-astro-cid-pznzci7v]{color:var(--muted);max-width:32em;margin:0 0 32px;font-size:21px}.facts[data-astro-cid-pznzci7v]{flex-wrap:wrap;gap:40px;margin:0;display:flex}dd[data-astro-cid-pznzci7v]{margin:4px 0 0}.live-demos[data-astro-cid-pznzci7v]{padding-top:40px}.demo-grid[data-astro-cid-pznzci7v]{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:20px;margin-top:16px;display:grid}.body[data-astro-cid-pznzci7v]{padding-top:24px}.body[data-astro-cid-pznzci7v]>*{max-width:680px}.body[data-astro-cid-pznzci7v]>figure,.body[data-astro-cid-pznzci7v]>.pair{max-width:none;margin:32px 0}.body[data-astro-cid-pznzci7v] .pair figure{margin:0}.body[data-astro-cid-pznzci7v] figure img,.body[data-astro-cid-pznzci7v] figure video{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);width:100%;height:auto}.body[data-astro-cid-pznzci7v] figcaption{color:var(--muted);margin-top:10px;font-size:14px}.body[data-astro-cid-pznzci7v] .pair{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=700px){.body[data-astro-cid-pznzci7v] .pair{grid-template-columns:1fr}}.body[data-astro-cid-pznzci7v] h2{letter-spacing:-.01em;margin:48px 0 12px;font-size:26px}.body[data-astro-cid-pznzci7v] li{margin-bottom:8px}.body[data-astro-cid-pznzci7v] strong{color:var(--text)}