.demo-msg.svelte-1h9mpi5{transition:opacity .5s var(--ease-unmask), transform .5s var(--ease-unmask)}.demo-msg[data-on=false].svelte-1h9mpi5{opacity:0;transform:translateY(12px)}.demo-bubble.svelte-1h9mpi5{animation:svelte-1h9mpi5-demo-bubble-in .3s var(--ease-unmask) both}@keyframes svelte-1h9mpi5-demo-bubble-in{0%{opacity:0;transform:translateY(4px)scale(.94)}to{opacity:1;transform:none}}.demo-step.svelte-1h9mpi5{transition:box-shadow .4s var(--ease-ui), background-color .4s var(--ease-ui);box-shadow:inset 2px 0 #0000}.demo-step.svelte-1h9mpi5>span:where(.svelte-1h9mpi5){transition:transform .4s var(--ease-ui);display:inline-block}.demo-step.is-active.svelte-1h9mpi5>span:where(.svelte-1h9mpi5){transform:translate(3px)}.demo-step.svelte-1h9mpi5 p:where(.svelte-1h9mpi5){transition:color .4s var(--ease-ui)}.demo-step.is-active.svelte-1h9mpi5{box-shadow:inset 2px 0 0 var(--brand);background-color:var(--brand-soft)}.demo-step.is-active.svelte-1h9mpi5 p:where(.svelte-1h9mpi5){color:var(--foreground)}.demo-dot.svelte-1h9mpi5{background:currentColor;border-radius:9999px;width:4px;height:4px;animation:1s ease-in-out infinite svelte-1h9mpi5-demo-blink}.demo-dot.svelte-1h9mpi5:nth-child(2){animation-delay:.15s}.demo-dot.svelte-1h9mpi5:nth-child(3){animation-delay:.3s}.demo-pulse.svelte-1h9mpi5{animation:2.4s ease-in-out infinite svelte-1h9mpi5-demo-blink}@keyframes svelte-1h9mpi5-demo-blink{0%,to{opacity:.3}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.demo-msg.svelte-1h9mpi5,.demo-step.svelte-1h9mpi5,.demo-step.svelte-1h9mpi5>span:where(.svelte-1h9mpi5),.demo-step.svelte-1h9mpi5 p:where(.svelte-1h9mpi5){transition:none}.demo-step.is-active.svelte-1h9mpi5>span:where(.svelte-1h9mpi5){transform:none}.demo-dot.svelte-1h9mpi5,.demo-bubble.svelte-1h9mpi5,.demo-pulse.svelte-1h9mpi5{animation:none}}