.spring-demo.svelte-exq8io{--primary:var(--gold);--ring:var(--gold);background:linear-gradient(145deg,#faf3e9,#f7f8f3);container-type:inline-size}.demo-control.svelte-exq8io output:where(.svelte-exq8io){color:var(--gold)}.position-readout.svelte-exq8io{color:var(--muted);justify-content:space-between;gap:16px;margin-top:14px;font-size:.875rem;display:flex}.position-readout.svelte-exq8io output:where(.svelte-exq8io){color:var(--ink);font-variant-numeric:tabular-nums;text-align:right;min-width:6ch;font-family:IBM Plex Mono,monospace}svg.svelte-exq8io{width:100%;max-width:620px;margin:12px auto 0;display:block}.phase-handle.svelte-exq8io{cursor:grab;touch-action:none;outline:none}.phase-handle.svelte-exq8io:active{cursor:grabbing}.phase-handle.svelte-exq8io:focus-visible .handle-ring:where(.svelte-exq8io){stroke:var(--teal);stroke-width:2px;opacity:1;fill:#0000}text.svelte-exq8io{fill:var(--muted);font:11px IBM Plex Mono}@container (width<=450px){text.svelte-exq8io{font-size:16px}}