.thumb[data-astro-cid-ib2yipwd]{transition:transform .24s cubic-bezier(.23,1,.32,1)}[data-state=after] .thumb[data-astro-cid-ib2yipwd]{transform:translate(100%)}button[data-astro-cid-ib2yipwd]{transition:color .15s,transform .16s cubic-bezier(.23,1,.32,1)}button[data-astro-cid-ib2yipwd]:active{transform:scale(.95)}@media (hover:hover) and (pointer:fine){button[data-astro-cid-ib2yipwd]:hover{color:var(--ink)}}@media (prefers-reduced-motion:reduce){.thumb[data-astro-cid-ib2yipwd],button[data-astro-cid-ib2yipwd]{transition:none}}.demo[data-astro-cid-jaqriigt]{--start:1.3s;--ease:cubic-bezier(.23, 1, .32, 1)}.demo[data-astro-cid-jaqriigt][data-speed=replay]{--start:.7s}.demo[data-astro-cid-jaqriigt][data-speed=instant]{--start:0s}.demo[data-astro-cid-jaqriigt][data-reset] [data-astro-cid-jaqriigt]{transition:none!important}.bar[data-astro-cid-jaqriigt]{opacity:0;transform-origin:0;transition:opacity .18s ease, transform .2s var(--ease);transform:scaleX(.2)}.value[data-astro-cid-jaqriigt]{transition:opacity .18s}.demo[data-astro-cid-jaqriigt][data-state=after] .bar[data-astro-cid-jaqriigt]{opacity:1;transition-duration:.38s;transition-delay:calc(var(--start) + var(--i) * .3s);transform:none}.demo[data-astro-cid-jaqriigt][data-state=after] .value[data-astro-cid-jaqriigt]{opacity:0;transition-duration:.2s;transition-delay:calc(var(--start) + .16s + var(--i) * .3s)}.scan[data-astro-cid-jaqriigt]{opacity:0}.demo[data-astro-cid-jaqriigt][data-state=after] .scan[data-astro-cid-jaqriigt]{animation:1.1s cubic-bezier(.65,0,.35,1) forwards scan;animation-delay:calc(var(--start) + 1.1s)}.badge[data-astro-cid-jaqriigt]{opacity:0;transition:opacity .15s ease, transform .15s var(--ease);transform:translateY(4px)}.demo[data-astro-cid-jaqriigt][data-state=after] .badge[data-astro-cid-jaqriigt]{opacity:1;transition-duration:.3s;transition-delay:calc(var(--start) + 2.15s);transform:none}@keyframes scan{0%{opacity:1;transform:translateY(0)}85%{opacity:1}to{opacity:0;transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){.demo[data-astro-cid-jaqriigt] [data-astro-cid-jaqriigt]{transition-property:opacity!important;transition-delay:0s!important;animation:none!important}}.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}}