.demo-host.svelte-d3m4xd{--demo-area-height: clamp(14rem, 25vh, 17rem)}.demo-area.svelte-d3m4xd{height:var(--demo-area-height)}.demo-close.svelte-d3m4xd{right:.75rem;top:calc(100vh - var(--demo-area-height) + .75rem)}.demo-copy.svelte-d3m4xd{bottom:var(--demo-controls-height);left:50%;display:grid;grid-template-rows:1fr 1fr;height:calc(var(--demo-area-height) - var(--demo-controls-height));width:100%;transform:translate(-50%);text-align:center;transition:height .5s cubic-bezier(.22,1,.36,1),width .5s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1)}.demo-copy.chapter-intro.svelte-d3m4xd{height:min(28rem,calc(100vh - 2rem));width:min(64rem,calc(100% - 2rem));transform:translate(-50%,calc(-50vh + var(--demo-controls-height) + 50%))}.demo-copy.opening-chapter.svelte-d3m4xd{animation:svelte-d3m4xd-demo-opening-copy .18s ease var(--demo-opening-fade-duration) both}.demo-copy.copy-hidden.svelte-d3m4xd{opacity:0}.demo-copy.chapter-entry-abrupt.svelte-d3m4xd{transition:opacity .18s ease}.chapter-entry-abrupt.svelte-d3m4xd .demo-title:where(.svelte-d3m4xd),.chapter-entry-abrupt.svelte-d3m4xd .demo-text:where(.svelte-d3m4xd){transition:none}.demo-title.svelte-d3m4xd{display:flex;align-items:end;justify-content:center;background:#ffffffbf;padding:.75rem 1.5rem .25rem;font-size:clamp(1.75rem,3vw,3rem);font-weight:700;line-height:1.08;color:var(--color-primary-500);overflow-wrap:anywhere;text-wrap:balance;transition:padding .5s cubic-bezier(.22,1,.36,1),font-size .5s cubic-bezier(.22,1,.36,1)}.demo-text-slot.svelte-d3m4xd{display:grid;min-height:0}.demo-text.svelte-d3m4xd{grid-area:1 / 1;display:flex;align-items:start;justify-content:center;overflow:hidden;background:#ffffffbf;padding:.25rem 1.5rem .75rem;font-size:clamp(1.125rem,2vw,1.875rem);line-height:1.2;color:#000;transition:padding .5s cubic-bezier(.22,1,.36,1),font-size .5s cubic-bezier(.22,1,.36,1),opacity .5s ease-out}.demo-text.chapter-text-hidden.svelte-d3m4xd{opacity:0}.chapter-intro.svelte-d3m4xd .demo-title:where(.svelte-d3m4xd){padding:1.25rem 1.5rem .5rem;font-size:clamp(3rem,7vw,6rem)}.chapter-intro.svelte-d3m4xd .demo-title.compact-chapter-title:where(.svelte-d3m4xd){font-size:clamp(2.75rem,6vw,5.25rem)}.chapter-intro.svelte-d3m4xd .demo-text:where(.svelte-d3m4xd){overflow:visible;padding:.5rem 1.5rem 1.25rem;font-size:clamp(1.5rem,3vw,3rem)}.dark .demo-title.svelte-d3m4xd{background:color-mix(in srgb,var(--color-primary-500) 50%,transparent);color:#fff}.dark .demo-text.svelte-d3m4xd{background:#0000007f;color:#fff}.demo-countdown.svelte-d3m4xd{stroke-dasharray:88;stroke-dashoffset:0;animation:svelte-d3m4xd-demo-countdown 6s linear forwards}@media(prefers-reduced-motion:reduce){.demo-copy.svelte-d3m4xd,.demo-title.svelte-d3m4xd,.demo-text.svelte-d3m4xd{transition-duration:1ms}.demo-countdown.svelte-d3m4xd{animation-duration:1ms}}@keyframes svelte-d3m4xd-demo-countdown{to{stroke-dashoffset:88}}@keyframes svelte-d3m4xd-demo-opening-copy{0%{opacity:0}to{opacity:1}}