.comparison[data-astro-cid-wmeb3b2h]{margin:0}.comparison-stage[data-astro-cid-wmeb3b2h]{border-radius:8px;position:relative;overflow:hidden}img[data-astro-cid-wmeb3b2h]{width:100%;height:auto;margin:0;display:block}.comparison-after[data-astro-cid-wmeb3b2h]{object-fit:cover;height:100%;clip-path:inset(0 0 0 var(--position));position:absolute;inset:0}input[data-astro-cid-wmeb3b2h]{opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.comparison-stage[data-astro-cid-wmeb3b2h]:focus-within{outline:2px solid var(--primary);outline-offset:4px}.comparison-handle[data-astro-cid-wmeb3b2h]{inset-block:0;left:var(--position);background:#fff9;place-items:center;width:1px;display:grid;position:absolute}.comparison-handle[data-astro-cid-wmeb3b2h] span[data-astro-cid-wmeb3b2h]{border-radius:8px;place-items:center;width:32px;height:32px;display:grid;transform:translate(-50%)}.comparison-label[data-astro-cid-wmeb3b2h]{color:#fff;pointer-events:none;background:#0009;border-radius:4px;padding:2px 8px;font-size:.75rem;position:absolute;top:12px}.before[data-astro-cid-wmeb3b2h]{left:12px}.after[data-astro-cid-wmeb3b2h]{right:12px}figcaption[data-astro-cid-wmeb3b2h]{color:var(--muted-foreground);padding-top:10px;font-size:.8125rem;line-height:1.5}.demo-card[data-astro-cid-wxuixrrd]{border:1px solid var(--border);background:var(--secondary);border-radius:8px;margin-block:32px;overflow:hidden}.card-title[data-astro-cid-wxuixrrd],figcaption[data-astro-cid-wxuixrrd]{padding:12px 20px;font-size:.8125rem}.card-title[data-astro-cid-wxuixrrd]{border-bottom:1px solid var(--border);color:var(--foreground);font-weight:500}.card-body[data-astro-cid-wxuixrrd]{padding:24px}.card-body[data-astro-cid-wxuixrrd]>:first-child{margin-top:0}.card-body[data-astro-cid-wxuixrrd]>:last-child{margin-bottom:0}figcaption[data-astro-cid-wxuixrrd]{border-top:1px solid var(--border);color:var(--muted-foreground)}details[data-astro-cid-4jby4jmw]{border:1px solid var(--border);background:var(--secondary);border-radius:8px;margin-block:24px;font-size:.875rem}summary[data-astro-cid-4jby4jmw]{color:var(--foreground);align-items:center;gap:12px;padding:16px;list-style:none;display:flex}summary[data-astro-cid-4jby4jmw]::-webkit-details-marker{display:none}summary[data-astro-cid-4jby4jmw] svg[data-astro-cid-4jby4jmw]{flex-shrink:0;transition:transform .18s}details[data-astro-cid-4jby4jmw][open] summary[data-astro-cid-4jby4jmw] svg[data-astro-cid-4jby4jmw]{transform:rotate(90deg)}details[data-astro-cid-4jby4jmw]>div[data-astro-cid-4jby4jmw]{color:var(--secondary-foreground);padding:0 16px 16px 44px}div[data-astro-cid-4jby4jmw]>:first-child{margin-top:0}div[data-astro-cid-4jby4jmw]>:last-child{margin-bottom:0}sup[data-astro-cid-t4g6q7yt]{font-size:.6875rem}a[data-astro-cid-t4g6q7yt]{color:var(--primary);padding-inline:2px;text-decoration:none}.footnotes[data-astro-cid-5wrm2ojk]{border-top:1px solid var(--border);color:var(--muted-foreground);margin-top:48px;padding-top:24px;font-size:.8125rem}li[data-astro-cid-5wrm2ojk]{padding-inline-start:4px}a[data-astro-cid-5wrm2ojk]{color:var(--primary);margin-left:8px}.playground[data-astro-cid-pk6ezorv]{border:1px solid var(--border);background:var(--secondary);border-radius:8px;margin-block:32px;font-size:.8125rem;overflow:hidden}.playground-toolbar[data-astro-cid-pk6ezorv],.preview-label[data-astro-cid-pk6ezorv]{color:var(--secondary-foreground);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;display:flex}.playground-toolbar[data-astro-cid-pk6ezorv]>div[data-astro-cid-pk6ezorv]{flex-shrink:0;gap:12px;display:flex}.playground-toolbar[data-astro-cid-pk6ezorv] button[data-astro-cid-pk6ezorv]{color:var(--primary)}.file-tabs[data-astro-cid-pk6ezorv]{border-bottom:1px solid var(--border);gap:8px;padding:8px 12px;display:flex}.file-tabs[data-astro-cid-pk6ezorv] button[data-astro-cid-pk6ezorv]{color:var(--muted-foreground);border-radius:4px;padding:4px 8px}.file-tabs[data-astro-cid-pk6ezorv] button[data-astro-cid-pk6ezorv][aria-selected=true]{color:var(--foreground);background:var(--dock-hover)}textarea[data-astro-cid-pk6ezorv]{resize:vertical;background:var(--background);width:100%;min-height:220px;color:var(--foreground);font-family:var(--font-mono);tab-size:2;white-space:pre;padding:20px;font-size:.8125rem;line-height:1.7;display:block}textarea[data-astro-cid-pk6ezorv]:focus-visible{outline-offset:-2px}.preview-label[data-astro-cid-pk6ezorv]{border-top:1px solid var(--border);color:var(--muted-foreground);font-size:.6875rem}iframe[data-astro-cid-pk6ezorv]{background:#090a0e;border:0;width:100%;display:block}@media (width<=480px){.playground-toolbar[data-astro-cid-pk6ezorv]{flex-direction:column;align-items:flex-start;gap:8px}}.select[data-astro-cid-7ym24hwi]{grid-template-columns:1fr minmax(100px,1fr);align-items:center;gap:16px;margin-block:16px;font-size:.8125rem;display:grid}select[data-astro-cid-7ym24hwi]{width:100%;color:var(--foreground);border:1px solid var(--border);background:var(--background);border-radius:6px;padding:8px 12px}.slider[data-astro-cid-fs732mvh]{gap:12px;margin-block:16px;display:grid}.slider[data-astro-cid-fs732mvh]>div[data-astro-cid-fs732mvh]{justify-content:space-between;gap:16px;font-size:.8125rem;display:flex}output[data-astro-cid-fs732mvh]{color:var(--muted-foreground);font-family:var(--font-label);font-size:.75rem}input[data-astro-cid-fs732mvh]{width:100%;height:16px;accent-color:var(--primary);cursor:ew-resize}.tabs[data-astro-cid-3kvptrtw]{border:1px solid var(--border);border-radius:8px;margin-block:24px;overflow:hidden}.tab-list[data-astro-cid-3kvptrtw]{border-bottom:1px solid var(--border);background:var(--secondary);gap:8px;padding:8px;display:flex;overflow-x:auto}button[data-astro-cid-3kvptrtw]{color:var(--muted-foreground);white-space:nowrap;border-radius:4px;padding:6px 12px;font-size:.8125rem}button[data-astro-cid-3kvptrtw][aria-selected=true]{background:var(--dock-hover);color:var(--foreground)}[data-astro-cid-3kvptrtw][role=tabpanel]{padding:24px}[data-astro-cid-3kvptrtw][role=tabpanel]>:first-child{margin-top:0}[data-astro-cid-3kvptrtw][role=tabpanel]>:last-child{margin-bottom:0}.color-grid[data-astro-cid-lz5o6qqb]{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-block:24px;display:grid}.color-grid[data-astro-cid-lz5o6qqb] span[data-astro-cid-lz5o6qqb]{border:1px solid var(--border);border-radius:6px;height:64px;display:block}.color-grid[data-astro-cid-lz5o6qqb] small[data-astro-cid-lz5o6qqb]{color:var(--muted-foreground);margin-top:8px;font-size:.75rem;display:block}.type-sample[data-astro-cid-lz5o6qqb] h3[data-astro-cid-lz5o6qqb]{margin-top:12px}.scramble-sample[data-astro-cid-lz5o6qqb]{color:var(--primary)}.shape-stage[data-astro-cid-lz5o6qqb]{place-items:center;min-height:180px;display:grid}[data-astro-cid-lz5o6qqb][data-demo-shape]{aspect-ratio:1;border:1px solid var(--primary);background:var(--dock-hover);width:64px;box-shadow:0 0 50px color-mix(in srgb, var(--primary) 12%, transparent)}.design-note[data-astro-cid-lz5o6qqb]{color:var(--muted-foreground);font-size:.8125rem}