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