@layer utilities{.cursor-a,.cursor-b{will-change:transform}@media (prefers-reduced-motion:no-preference){.cursor-a{animation:11s ease-in-out infinite cursor-a-drift}.cursor-b{animation:13s ease-in-out -3s infinite cursor-b-drift}.knob-thumb{animation:8s ease-in-out infinite knob-drift}.knob-fill{animation:8s ease-in-out infinite knob-fill}.knob-radius-value{position:relative}.knob-radius-value:before{content:"4";animation:8s step-end infinite knob-radius-value}.knob-headline-bar{width:60%;animation:8s step-end infinite knob-headline-bar}.knob-headline-text{position:relative}.knob-headline-text:before{content:"Ship faster.";animation:8s step-end infinite knob-headline-cycle}.knob-card-radius{border-radius:4px;animation:8s ease-in-out infinite knob-card-radius}.state-stepper-fill{width:0%;animation:6s ease-in-out infinite state-stepper-fill}.state-stepper-dot-0{animation:6s ease-in-out infinite state-dot-0}.state-stepper-dot-1{animation:6s ease-in-out infinite state-dot-1}.state-stepper-dot-2{animation:6s ease-in-out infinite state-dot-2}.state-stepper-dot-3{animation:6s ease-in-out infinite state-dot-3}.state-step-label:before{content:"cart";animation:6s step-end infinite state-step-label}}@keyframes cursor-a-drift{0%{transform:translate(40px,60px)}25%{transform:translate(220px,40px)}50%{transform:translate(280px,200px)}75%{transform:translate(120px,240px)}to{transform:translate(40px,60px)}}@keyframes cursor-b-drift{0%{transform:translate(360px,220px)}25%{transform:translate(180px,280px)}50%{transform:translate(80px,140px)}75%{transform:translate(300px,80px)}to{transform:translate(360px,220px)}}@keyframes knob-drift{0%{left:14%}50%{left:78%}to{left:14%}}@keyframes knob-fill{0%{width:14%}50%{width:78%}to{width:14%}}@keyframes knob-headline-cycle{0%,32%{content:"Ship faster."}33%,65%{content:"Build it once."}66%,to{content:"Design in code."}}@keyframes knob-card-radius{0%,to{border-radius:4px}50%{border-radius:18px}}@keyframes knob-headline-bar{0%,32%{width:60%}33%,65%{width:70%}66%,to{width:75%}}@keyframes knob-radius-value{0%,14%{content:"4"}15%,34%{content:"8"}35%,64%{content:"16"}65%,84%{content:"8"}85%,to{content:"4"}}@keyframes state-stepper-fill{0%,14%{width:0%}25%,39%{width:33.333%}50%,64%{width:66.666%}75%,89%{width:100%}to{width:0%}}@keyframes state-dot-0{0%,14%,to{background-color:#106be3;border-color:#106be3;transform:scale(1.2)}25%,99%{background-color:var(--card);border-color:var(--border);transform:scale(1)}}@keyframes state-dot-1{0%,24%{background-color:var(--card);border-color:var(--border);transform:scale(1)}25%,39%{background-color:#106be3;border-color:#106be3;transform:scale(1.2)}40%,to{background-color:var(--card);border-color:var(--border);transform:scale(1)}}@keyframes state-dot-2{0%,49%{background-color:var(--card);border-color:var(--border);transform:scale(1)}50%,64%{background-color:#106be3;border-color:#106be3;transform:scale(1.2)}65%,to{background-color:var(--card);border-color:var(--border);transform:scale(1)}}@keyframes state-dot-3{0%,74%{background-color:var(--card);border-color:var(--border);transform:scale(1)}75%,to{background-color:#106be3;border-color:#106be3;transform:scale(1.2)}}@keyframes state-step-label{0%,24%{content:"cart"}25%,49%{content:"address"}50%,74%{content:"pay"}75%,to{content:"done"}}}