.demo.svelte-1xz28f0{background:var(--m-surface);border:1px solid var(--m-border);padding:clamp(40px,7vw,72px) 32px}.sqc.svelte-1xz28f0{text-align:center;max-width:62ch;margin:0 auto}.sqc-quote.svelte-1xz28f0{font-family:var(--font-display);letter-spacing:-.02em;color:var(--m-fg-strong);text-wrap:balance;margin:0;font-size:clamp(21px,2.5vw,31px);font-weight:200;line-height:1.34}.sqc-word.svelte-1xz28f0{white-space:nowrap;display:inline-block}.sqc-ch.svelte-1xz28f0{display:inline-block}.sqc-quote--in.svelte-1xz28f0 .sqc-ch:where(.svelte-1xz28f0){opacity:0;animation:.46s cubic-bezier(.22,1,.36,1) forwards svelte-1xz28f0-sqc-ch-in;animation-delay:calc(var(--ci,0) * 7ms + 40ms);transform:translateY(.5em)}.sqc-quote--out.svelte-1xz28f0 .sqc-ch:where(.svelte-1xz28f0){opacity:1;animation:.24s forwards svelte-1xz28f0-sqc-ch-out;animation-delay:calc(var(--ci,0) * 4ms)}@keyframes svelte-1xz28f0-sqc-ch-in{0%{opacity:0;transform:translateY(.5em)}to{opacity:1;transform:translateY(0)}}@keyframes svelte-1xz28f0-sqc-ch-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-.35em)}}.sqc-foot.svelte-1xz28f0{flex-direction:column;gap:3px;margin-top:26px;display:flex}.sqc-foot--in.svelte-1xz28f0{animation:.48s .22s both svelte-1xz28f0-sqc-fade-in}.sqc-foot--out.svelte-1xz28f0{animation:.2s both svelte-1xz28f0-sqc-fade-out}@keyframes svelte-1xz28f0-sqc-fade-in{0%{opacity:0}to{opacity:1}}@keyframes svelte-1xz28f0-sqc-fade-out{0%{opacity:1}to{opacity:0}}.sqc-name.svelte-1xz28f0{color:var(--m-fg-strong);font-size:14px;font-weight:700}.sqc-detail.svelte-1xz28f0{font-family:var(--font-mono);letter-spacing:.02em;color:var(--m-fg-muted);font-size:12px}.sqc-controls.svelte-1xz28f0{justify-content:center;align-items:center;gap:18px;margin-top:34px;display:flex}.sqc-dots.svelte-1xz28f0{justify-content:center;align-items:center;gap:10px;display:flex}.sqc-dot.svelte-1xz28f0{background:var(--m-border-strong);cursor:pointer;border:none;border-radius:999px;width:8px;height:8px;padding:0;transition:background .22s,width .22s}.sqc-dot.svelte-1xz28f0:hover{background:var(--m-accent)}.sqc-dot--active.svelte-1xz28f0{background:var(--m-accent);width:26px}.sqc-arrow.svelte-1xz28f0{border:1px solid var(--m-border-strong);width:34px;height:34px;color:var(--m-fg-muted);cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;padding:0;transition:border-color .2s,color .2s,background .2s;display:inline-flex}.sqc-arrow.svelte-1xz28f0:hover{border-color:var(--m-accent);color:var(--m-accent);background:#2b605c14}.sqc-arrow.svelte-1xz28f0 svg:where(.svelte-1xz28f0){width:16px;height:16px}@media (prefers-reduced-motion:reduce){.sqc-quote--in.svelte-1xz28f0 .sqc-ch:where(.svelte-1xz28f0),.sqc-quote--out.svelte-1xz28f0 .sqc-ch:where(.svelte-1xz28f0){opacity:1;animation:none;transform:none}.sqc-foot--in.svelte-1xz28f0,.sqc-foot--out.svelte-1xz28f0{animation:none}.sqc-dot.svelte-1xz28f0,.sqc-arrow.svelte-1xz28f0{transition:none}}.cap.svelte-1xz28f0{color:var(--fg-muted);max-width:60ch;margin:16px 0 0;font-size:13px;line-height:1.55}.cap.svelte-1xz28f0 code:where(.svelte-1xz28f0){font-family:var(--font-mono);background:var(--bg-muted);padding:1px 5px;font-size:12px}