.demo.svelte-1xd82st{--cut:var(--cut-lg);margin:0;padding:clamp(1.25rem,3vw,2rem)}figcaption.svelte-1xd82st{border-bottom:1px solid var(--color-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding-bottom:1.25rem;display:flex}.demo-label.svelte-1xd82st{font:calc(.6rem + 1px) var(--font-mono);letter-spacing:.09em;color:var(--color-muted)}.controls.svelte-1xd82st{gap:.25rem;display:flex}.controls.svelte-1xd82st button:where(.svelte-1xd82st){--line:transparent;--fill:var(--color-tint);font-size:calc(.75rem + 1px)}.controls.svelte-1xd82st button.active:where(.svelte-1xd82st){--fill:var(--color-primary);color:#fff}.controls.svelte-1xd82st .play:where(.svelte-1xd82st){min-width:2.75rem;padding-inline:.8rem}.reading-head.svelte-1xd82st{margin-block:1.5rem;display:grid}.reading-state.svelte-1xd82st{grid-area:1/1;align-content:start;gap:.35rem;display:grid}.reading-state.inactive.svelte-1xd82st{visibility:hidden}.reading-state.svelte-1xd82st strong:where(.svelte-1xd82st){font:400 1.5rem / 1.3 var(--font-display)}.reading-state.svelte-1xd82st>span:where(.svelte-1xd82st){font:calc(.65rem + 1px) / 1.6 var(--font-mono);color:var(--color-muted)}.para.svelte-1xd82st{max-width:36rem;font:clamp(1rem, 2vw, 1.2rem) / 1.9 var(--font-display);margin:0 auto;position:relative}.word.svelte-1xd82st{white-space:pre;transition:transform 1.1s cubic-bezier(.22,.65,.22,1);position:absolute;top:0;left:0}.accessible.svelte-1xd82st{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.demo-footer.svelte-1xd82st{border-top:1px solid var(--color-line);font:calc(.65rem + 1px) var(--font-mono);color:var(--color-muted);flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin-top:1.5rem;padding-top:1.25rem;display:flex}.demo-footer.svelte-1xd82st b:where(.svelte-1xd82st){font-variant-numeric:tabular-nums;min-width:4ch;color:var(--color-primary);display:inline-block}.caption.svelte-1xd82st{color:var(--color-muted);margin:.75rem 0 0;font-size:calc(.65rem + 1px)}