@media (prefers-reduced-motion: no-preference){body:not(.fx-in) .car{opacity: 0}body.fx-in .car,body.fx-in .fx-car{animation: fx-drive .95s cubic-bezier(.2,.8,.25,1) both}@keyframes fx-drive{0%{opacity: 0;translate: 55% 0}15%{opacity: 1}70%{translate: -2% 0}82%{translate: 0 1.2%}100%{translate: 0 0}}body:not(.fx-in) .tag{opacity: 0}body.fx-in .tag{animation: fx-drop .55s cubic-bezier(.3,1.6,.5,1) both}body.fx-in .tag--1{animation-delay: .55s}body.fx-in .tag--2{animation-delay: .7s}body.fx-in .tag--3{animation-delay: .85s}@keyframes fx-drop{from{opacity: 0;translate: 0 -60px;scale: 1.25}to{opacity: 1;translate: 0 0;scale: 1}}body.fx-in .hero__underline{animation: fx-draw .7s .35s ease-out both}@keyframes fx-draw{from{clip-path: inset(0 100% 0 0)}to{clip-path: inset(0 0 0 0)}}.hero__text{pointer-events: none}.hero__text a,.hero__text button,.hero__text .stores{pointer-events: auto}.tag{cursor: grab;touch-action: none;user-select: none;-webkit-user-select: none}.tag.fx-drag{cursor: grabbing;transition: none;z-index: 5;scale: 1.08}.tag.fx-back{transition: translate .5s cubic-bezier(.3,1.5,.5,1),scale .3s}.car{cursor: pointer}body.fx-in .car.fx-hop,body.fx-in .fx-car.fx-hop{animation: fx-hop .5s cubic-bezier(.3,1.4,.5,1)}@keyframes fx-hop{0%{translate: 0 0}35%{translate: 0 -5%;rotate: -1.5deg}70%{translate: 0 1%;rotate: .5deg}100%{translate: 0 0;rotate: 0deg}}.fx-spark{position: absolute;z-index: 4;width: 22px;height: 22px;pointer-events: none;animation: fx-spark .7s ease-out forwards}@keyframes fx-spark{from{opacity: 1;translate: 0 0;scale: .4}to{opacity: 0;translate: var(--dx) var(--dy);scale: 1.2;rotate: 90deg}}.fx-car{position: absolute;z-index: 3;pointer-events: none}.fx-light{position: absolute;width: 16%;aspect-ratio: 1;translate: -50% -50%;border-radius: 50%;opacity: 0;mix-blend-mode: screen;background: radial-gradient(circle,#fff 0 8%,rgba(190,235,255,.85) 18%,rgba(120,200,255,.35) 40%,transparent 68%)}.fx-light--1{left: 29%;top: 52.7%}.fx-light--2{left: 29.3%;top: 61%;width: 11%}.fx-light--3{left: 10.4%;top: 50.2%;width: 10%}.fx-car.fx-blink .fx-light{animation: fx-blink .9s ease-out}@keyframes fx-blink{0%,100%{opacity: 0}12%,30%{opacity: 1}42%{opacity: 0}55%,70%{opacity: 1}}.fx-shine{position: absolute;inset: 0;opacity: 0;-webkit-mask: var(--car) center / 100% 100% no-repeat;mask: var(--car) center / 100% 100% no-repeat;background: linear-gradient(105deg,transparent 44%,rgba(255,255,255,.35) 48.5%,rgba(255,255,255,.65) 50%,rgba(255,255,255,.35) 51.5%,transparent 56%) 0 0 / 400% 100% no-repeat}.fx-car.fx-shine-go .fx-shine{animation: fx-shine 1.1s ease-in-out}@keyframes fx-shine{0%{opacity: 1;background-position: 100% 0}100%{opacity: 1;background-position: 0 0}}.fx-puff{position: absolute;left: 94%;top: 75%;width: 7%;aspect-ratio: 1;border-radius: 50%;translate: -50% -50%;background: radial-gradient(circle,rgba(225,225,235,.75),rgba(200,200,215,0) 70%);animation: fx-puff 1.1s ease-out forwards}@keyframes fx-puff{from{opacity: .9;scale: .4}to{opacity: 0;scale: 2.4;translate: calc(-50% + var(--px)) calc(-50% + var(--py))}}.car,.fx-car{transform-origin: 70% 85%;transition: rotate .45s cubic-bezier(.3,1.8,.5,1)}.fx-speed{position: absolute;z-index: 1;height: 3px;border-radius: 3px;translate: var(--d) -50%;pointer-events: none;opacity: 0;background: linear-gradient(90deg,rgba(255,255,255,.9),rgba(255,255,255,0));transition: opacity .2s}.fx-tail{position: absolute;width: 9%;aspect-ratio: 1;translate: -50% -50%;border-radius: 50%;opacity: 0;mix-blend-mode: screen;background: radial-gradient(circle,#fff 0 6%,rgba(255,60,60,.95) 16%,rgba(255,20,40,.45) 38%,transparent 66%)}.fx-tail--1{left: 94.2%;top: 46%}.fx-tail--2{left: 93.6%;top: 56%;width: 7%}.fx-car.fx-brake .fx-tail{animation: fx-brake 1s ease-out}@keyframes fx-brake{0%,100%{opacity: 0}10%,60%{opacity: 1}}body[data-state="code"] .code.fx-pop{animation: fx-pop .6s cubic-bezier(.3,1.6,.5,1)}@keyframes fx-pop{0%{scale: .6;opacity: 0}100%{scale: 1;opacity: 1}}.fx-confetti{position: fixed;inset: 0;z-index: 50;pointer-events: none}}
