.demo.svelte-ynv1wt{display:flex;flex-direction:column;gap:var(--space-4);scroll-margin-top:var(--space-9)}h3.svelte-ynv1wt{margin:0;font-family:var(--font-display);font-weight:var(--display-weight);font-size:var(--text-lg);line-height:var(--display-leading);letter-spacing:var(--track-head)}.demos.svelte-kxab8v{max-width:var(--page-max);margin-inline:auto;padding:var(--space-7) var(--page-gutter) var(--space-9)}.demos-crumbs.svelte-kxab8v{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);font-size:var(--text-2xs);letter-spacing:var(--track-eyebrow);text-transform:uppercase;color:var(--ink-muted)}.demos-crumbs.svelte-kxab8v a:where(.svelte-kxab8v){color:var(--accent)}h1.svelte-kxab8v{margin:var(--space-4) 0 0;font-family:var(--font-display);font-weight:var(--display-weight);font-size:var(--text-3xl);line-height:var(--display-leading);letter-spacing:var(--track-head)}.demos-kit.svelte-kxab8v{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2) var(--space-4);margin:var(--space-3) 0 0;color:var(--ink-muted)}.demos-index.svelte-kxab8v ul:where(.svelte-kxab8v){display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-5) 0 0;padding:0;list-style:none}.demos-index.svelte-kxab8v a:where(.svelte-kxab8v){display:inline-flex;align-items:center;min-height:44px;padding-inline:var(--space-4);border:1px solid var(--rule);border-radius:var(--radius-pill);color:var(--ink);font-size:var(--text-sm);text-decoration:none;transition:background var(--dur-2) var(--ease),color var(--dur-2) var(--ease)}.demos-index.svelte-kxab8v a:where(.svelte-kxab8v):hover{background:var(--paper-tint);color:var(--accent)}.demos-index.svelte-kxab8v a:where(.svelte-kxab8v):focus-visible{outline:2px solid var(--focus);outline-offset:2px}.demos-section.svelte-kxab8v{margin-block-start:var(--space-8);scroll-margin-top:var(--space-9)}.demos-section.svelte-kxab8v:first-of-type{margin-block-start:var(--space-7)}h2.svelte-kxab8v{margin:0 0 var(--space-5);font-family:var(--font-display);font-weight:var(--display-weight);font-size:var(--text-xl);line-height:var(--display-leading);letter-spacing:var(--track-head)}.demos-grid.svelte-kxab8v{display:grid;gap:var(--space-7) var(--space-6)}@media(min-width:48rem){.demos-grid.svelte-kxab8v{grid-template-columns:repeat(2,minmax(0,1fr))}}