.demos[data-astro-cid-4py3mbcr]{gap:var(--division);margin-bottom:var(--small-space);grid-template-columns:repeat(3,1fr);display:grid}.demo[data-astro-cid-4py3mbcr]{aspect-ratio:353/405;border-radius:var(--radius-lg);border:1px solid #ffffffb3;place-items:center;margin:0;display:grid;position:relative;overflow:hidden}.demo__name[data-astro-cid-4py3mbcr]{top:var(--container);left:var(--container);color:var(--dock-ink);margin:0;position:absolute}.demo--dew[data-astro-cid-4py3mbcr]{background:#dfe2e8 var(--demo-image) center / cover;--dock-ink:#fff}.demo--frost[data-astro-cid-4py3mbcr]{--dock-ink:#000;background:#fff}.demo--swift[data-astro-cid-4py3mbcr]{--dock-ink:#fff;background:#000}@media (max-width:1023px){.demos[data-astro-cid-4py3mbcr]{grid-template-columns:1fr}.demo[data-astro-cid-4py3mbcr]{aspect-ratio:auto;height:200px}}.play[data-astro-cid-xsbo4sn6]{gap:var(--division);flex-direction:column;display:flex}.play[data-astro-cid-xsbo4sn6]>h2[data-astro-cid-xsbo4sn6]{margin-bottom:var(--unit);font-size:28px;font-weight:600;line-height:1.2}.card[data-astro-cid-xsbo4sn6]{border-radius:var(--radius-lg);padding:var(--wrapper);background:#ffffff8c;border:1px solid #ffffffb3}.controls[data-astro-cid-xsbo4sn6]{gap:var(--wrapper);flex-direction:column;display:flex}.controls__head[data-astro-cid-xsbo4sn6]{justify-content:space-between;align-items:flex-end;display:flex}.group__label[data-astro-cid-xsbo4sn6]{color:var(--ink-muted);margin-bottom:var(--box);font-size:14px;font-weight:500}.seg[data-astro-cid-xsbo4sn6]{gap:var(--mote);display:flex}.seg[data-astro-cid-xsbo4sn6] button[data-astro-cid-xsbo4sn6]{font:500 15px / 20px var(--font-sans);color:var(--ink-muted);border-radius:var(--radius-sm);cursor:pointer;background:#0000000d;border:none;padding:10px 18px}.seg[data-astro-cid-xsbo4sn6] button[data-astro-cid-xsbo4sn6][aria-pressed=true]{background:var(--ink);color:var(--white)}.sliders[data-astro-cid-xsbo4sn6]{gap:var(--block) var(--container);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.slider[data-astro-cid-xsbo4sn6]{align-items:center;gap:2px var(--unit);grid-template-columns:1fr auto;font-size:13px;display:grid}.slider[data-astro-cid-xsbo4sn6]>label[data-astro-cid-xsbo4sn6]{color:var(--ink-section);font-weight:500}.slider[data-astro-cid-xsbo4sn6]>output[data-astro-cid-xsbo4sn6]{font-variant-numeric:tabular-nums;color:var(--ink-muted)}.slider[data-astro-cid-xsbo4sn6]>input[data-astro-cid-xsbo4sn6]{appearance:none;cursor:pointer;background:0 0;grid-column:1/-1;width:100%;height:24px;margin:4px 0 0}.slider[data-astro-cid-xsbo4sn6]>input[data-astro-cid-xsbo4sn6]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--blue) calc(19px + (100% - 38px) * var(--p,.5)), #78787833 calc(19px + (100% - 38px) * var(--p,.5)));border-radius:3px;height:6px}.slider[data-astro-cid-xsbo4sn6]>input[data-astro-cid-xsbo4sn6]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--white);border-radius:100px;width:38px;height:24px;margin-top:-9px;box-shadow:0 .5px 4px #0000001f,0 6px 13px #0000001f}.slider[data-astro-cid-xsbo4sn6]>input[data-astro-cid-xsbo4sn6]::-moz-range-track{background:#78787833;border-radius:3px;height:6px}.slider[data-astro-cid-xsbo4sn6]>input[data-astro-cid-xsbo4sn6]::-moz-range-progress{background:var(--blue);border-radius:3px;height:6px}.slider[data-astro-cid-xsbo4sn6]>input[data-astro-cid-xsbo4sn6]::-moz-range-thumb{background:var(--white);border:none;border-radius:100px;width:38px;height:24px;box-shadow:0 .5px 4px #0000001f,0 6px 13px #0000001f}.reset[data-astro-cid-xsbo4sn6]{font:500 14px / 20px var(--font-sans);color:var(--ink-muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #131d2c33;padding:8px 16px}.reset[data-astro-cid-xsbo4sn6]:hover{color:var(--ink)}.stage[data-astro-cid-xsbo4sn6]{aspect-ratio:353/405;position:relative}@media (max-width:1023px){.stage[data-astro-cid-xsbo4sn6]{aspect-ratio:auto;height:400px}}.stage[data-astro-cid-xsbo4sn6]{border-radius:var(--radius-lg);border:1px solid #ffffffb3;place-items:center;display:grid;overflow:hidden}.stage[data-astro-cid-xsbo4sn6][data-backdrop=light]{--dock-ink:#000;background:#fff}.stage[data-astro-cid-xsbo4sn6][data-backdrop=dark]{--dock-ink:#fff;background:#000}.stage[data-astro-cid-xsbo4sn6][data-backdrop=image]{background:#dfe2e8 var(--stage-image) center / cover;--dock-ink:#fff}.usage[data-astro-cid-xsbo4sn6]{gap:var(--box);flex-direction:column;display:flex}.usage__label[data-astro-cid-xsbo4sn6]{font:500 14px / 20px var(--font-sans);color:var(--ink-muted);margin-top:var(--unit)}.usage__head[data-astro-cid-xsbo4sn6]{justify-content:space-between;align-items:center;display:flex}.usage__head[data-astro-cid-xsbo4sn6] .usage__label[data-astro-cid-xsbo4sn6]{margin-top:0}.usage__frameworks[data-astro-cid-xsbo4sn6]{gap:var(--unit);display:flex}.usage__frameworks[data-astro-cid-xsbo4sn6] button[data-astro-cid-xsbo4sn6]{cursor:pointer;opacity:.5;background:0 0;border:none;padding:0;transition:opacity .2s;display:block}.usage__frameworks[data-astro-cid-xsbo4sn6] button[data-astro-cid-xsbo4sn6][aria-pressed=true],.usage__frameworks[data-astro-cid-xsbo4sn6] button[data-astro-cid-xsbo4sn6]:hover{opacity:1}.usage__frameworks[data-astro-cid-xsbo4sn6] img[data-astro-cid-xsbo4sn6]{width:24px;height:24px;display:block}.code[data-astro-cid-xsbo4sn6]{color:var(--ink-body);border-radius:var(--radius-lg);padding:var(--wrapper);white-space:pre;background:#ffffff8c;border:1px solid #ffffffb3;padding-right:96px;font:14px/1.7 ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;position:relative;overflow-x:auto}.code[data-astro-cid-xsbo4sn6] button[data-astro-cid-xsbo4sn6]{top:var(--block);right:var(--block);font:500 13px / 18px var(--font-sans);color:var(--ink-muted);border-radius:var(--radius-xs);cursor:pointer;background:#0000000d;border:none;padding:6px 12px;position:absolute}.code[data-astro-cid-xsbo4sn6] button[data-astro-cid-xsbo4sn6]:hover{color:var(--ink)}.code--line[data-astro-cid-xsbo4sn6] button[data-astro-cid-xsbo4sn6]{top:50%;transform:translateY(-50%)}html,body{margin:0}body{font-family:var(--font-sans);color:var(--ink);background:var(--page-gradient);min-height:100vh}.site[data-astro-cid-6keq7pw6]{max-width:1100px;margin:0 auto;padding:0 24px 64px}.hero[data-astro-cid-6keq7pw6]{text-align:center;padding:96px 0 64px}.hero__icon[data-astro-cid-6keq7pw6]{width:60px;height:60px;margin:0 auto var(--division);display:block}.hero[data-astro-cid-6keq7pw6] h1[data-astro-cid-6keq7pw6]{letter-spacing:-.02em;color:var(--ink);font-size:clamp(48px,9vw,88px);font-weight:600;line-height:1}.hero__sub[data-astro-cid-6keq7pw6]{max-width:560px;margin:var(--container) auto 0;color:var(--ink-section);font-size:18px;font-weight:400;line-height:28px}.hero__by[data-astro-cid-6keq7pw6]{margin-top:var(--division);color:var(--ink-muted);font-size:15px}.hero__by[data-astro-cid-6keq7pw6] a[data-astro-cid-6keq7pw6]{color:var(--blue);text-decoration:none}.hero__by[data-astro-cid-6keq7pw6] a[data-astro-cid-6keq7pw6]:hover{text-decoration:underline}.hero__social[data-astro-cid-6keq7pw6]{justify-content:center;gap:var(--block);margin-top:var(--container);display:flex}.hero__social[data-astro-cid-6keq7pw6] a[data-astro-cid-6keq7pw6]{border-radius:var(--pill);width:44px;height:44px;color:var(--ink);background:#0000000d;justify-content:center;align-items:center;display:flex}.hero__social[data-astro-cid-6keq7pw6] a[data-astro-cid-6keq7pw6]:hover{background:#00000017}.foot[data-astro-cid-6keq7pw6]{margin-top:var(--space);text-align:center;color:var(--ink-muted);font-size:14px}.foot[data-astro-cid-6keq7pw6] a[data-astro-cid-6keq7pw6]{color:var(--blue);text-decoration:none}