.usage.svelte-1j3zzp5 summary:where(.svelte-1j3zzp5){min-height:2.75rem;padding-inline:var(--cc-space-3);border:1px solid var(--cc-border-strong);border-radius:var(--cc-radius-md);background:var(--cc-surface-raised);font-size:var(--cc-font-size-sm);cursor:pointer;align-items:center;font-weight:600;display:inline-flex}.usage[open].svelte-1j3zzp5 summary:where(.svelte-1j3zzp5){margin-bottom:var(--cc-space-3)}.usage.svelte-1j3zzp5 summary:where(.svelte-1j3zzp5):focus-visible{outline:var(--cc-focus-width) solid var(--cc-focus);outline-offset:var(--cc-focus-offset)}.motion.svelte-1j3zzp5{gap:var(--cc-space-10);display:grid}.controls.svelte-1j3zzp5{gap:var(--cc-space-2);max-width:40rem;display:grid}.note.svelte-1j3zzp5,.lead.svelte-1j3zzp5{color:var(--cc-text-muted);font-size:var(--cc-font-size-sm)}section.svelte-1j3zzp5{gap:var(--cc-space-4);display:grid}.head.svelte-1j3zzp5{justify-content:space-between;align-items:center;gap:var(--cc-space-3);flex-wrap:wrap;display:flex}h2.svelte-1j3zzp5{font-size:var(--cc-font-size-xl)}ul.svelte-1j3zzp5{margin:0;padding:0;list-style:none}.tracks.svelte-1j3zzp5{gap:var(--cc-space-4);display:grid}.tracks.svelte-1j3zzp5 li:where(.svelte-1j3zzp5){gap:var(--cc-space-2);display:grid}.meta.svelte-1j3zzp5{font-size:var(--cc-font-size-sm);color:var(--cc-text-muted)}.meta.svelte-1j3zzp5 code:where(.svelte-1j3zzp5){color:var(--cc-text)}.track.svelte-1j3zzp5{padding:var(--cc-space-1);border-radius:var(--cc-radius-pill);background:var(--cc-surface-sunken);display:block;container-type:inline-size}.dot.svelte-1j3zzp5{width:var(--cc-space-4);height:var(--cc-space-4);border-radius:var(--cc-radius-pill);background:var(--cc-accent);display:block}.dot.moved.svelte-1j3zzp5{transform:translate(calc(100cqi - 100%))}.overlays.svelte-1j3zzp5{gap:var(--cc-space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));display:grid}.changes.svelte-1j3zzp5{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr))}.overlays.svelte-1j3zzp5 li:where(.svelte-1j3zzp5){gap:var(--cc-space-3);padding:var(--cc-space-4);border:1px solid var(--cc-border);border-radius:var(--cc-radius-md);background:var(--cc-surface-raised);align-content:start;justify-items:start;display:grid}h3.svelte-1j3zzp5{font-size:var(--cc-font-size-md)}dl.svelte-1j3zzp5{gap:var(--cc-space-1) var(--cc-space-3);font-size:var(--cc-font-size-sm);grid-template-columns:auto 1fr;margin:0;display:grid}dt.svelte-1j3zzp5{color:var(--cc-text-muted)}dd.svelte-1j3zzp5,.plain.svelte-1j3zzp5{margin:0}.demo.svelte-1j3zzp5{width:100%;margin-top:auto;display:grid}.row.svelte-1j3zzp5{gap:var(--cc-space-2);flex-wrap:wrap;display:flex}