.demo[data-astro-cid-ebmxouuq]{--start:1.4s;--ease:cubic-bezier(.23, 1, .32, 1)}.demo[data-astro-cid-ebmxouuq][data-speed=replay]{--start:.7s}.demo[data-astro-cid-ebmxouuq][data-speed=instant]{--start:0s}.demo[data-astro-cid-ebmxouuq][data-reset] [data-astro-cid-ebmxouuq]{transition:none!important}.swap[data-astro-cid-ebmxouuq]{white-space:nowrap;clip-path:inset(-6px 0);transition:width .26s var(--ease)}.swap[data-astro-cid-ebmxouuq]>[data-astro-cid-ebmxouuq]{grid-area:1/1;justify-self:start}.from[data-astro-cid-ebmxouuq],.to[data-astro-cid-ebmxouuq],.avatar-blur[data-astro-cid-ebmxouuq]{transition:opacity .2s,filter .2s}.to[data-astro-cid-ebmxouuq]{opacity:0;filter:blur(4px)}.avatar-blur[data-astro-cid-ebmxouuq]{opacity:0;filter:blur(2px)}.demo[data-astro-cid-ebmxouuq][data-state=after] .swap[data-astro-cid-ebmxouuq]{transition-duration:.32s;transition-delay:calc(var(--start) + 40ms + var(--i) * .26s)}.demo[data-astro-cid-ebmxouuq][data-state=after] .from[data-astro-cid-ebmxouuq]{opacity:0;filter:blur(4px);transition-duration:.26s;transition-delay:calc(var(--start) + var(--i) * .26s)}.demo[data-astro-cid-ebmxouuq][data-state=after] .to[data-astro-cid-ebmxouuq]{opacity:1;filter:blur();transition-duration:.32s;transition-delay:calc(var(--start) + 60ms + var(--i) * .26s)}.demo[data-astro-cid-ebmxouuq][data-state=after] .avatar-blur[data-astro-cid-ebmxouuq]{opacity:1;filter:blur();transition-duration:.4s;transition-delay:max(0s, calc(var(--start) - .1s))}.badge[data-astro-cid-ebmxouuq]{opacity:0;transition:opacity .15s ease, transform .15s var(--ease);transform:translateY(4px)}.demo[data-astro-cid-ebmxouuq][data-state=after] .badge[data-astro-cid-ebmxouuq]{opacity:1;transition-duration:.3s;transition-delay:calc(var(--start) + 1.4s);transform:none}@media (prefers-reduced-motion:reduce){.demo[data-astro-cid-ebmxouuq] [data-astro-cid-ebmxouuq]{transition-property:opacity!important;transition-delay:0s!important;animation:none!important}}