.guide-float{animation:guide-float var(--float-duration,6s) ease-in-out var(--float-delay,0s) infinite alternate;animation-play-state:paused}[data-live] .guide-float{animation-play-state:running}@keyframes guide-float{0%{transform:translate3d(0, 0, 0) rotate(calc(var(--float-tilt,4deg) * -1))}to{transform:translate3d(var(--float-x,0px), var(--float-y,-12px), 0) rotate(var(--float-tilt,4deg))}}.guide-pop{animation:guide-pop 1s var(--pop-delay,0s) both;animation-play-state:paused}[data-pop-ready] .guide-pop{animation-play-state:running}@keyframes guide-pop{0%{transform:scale(0) rotate(calc(var(--pop-tilt,10deg) * -1));opacity:0;animation-timing-function:cubic-bezier(.2,.9,.3,1.3)}45%{transform:scale(1.12) rotate(var(--pop-tilt,10deg));opacity:1;animation-timing-function:ease-in-out}70%{transform:scale(.95) rotate(calc(var(--pop-tilt,10deg) * -.4));animation-timing-function:ease-in-out}to{transform:scale(1)rotate(0)}}.guide-ring-fill{animation:guide-ring-fill var(--ring-step,4.4s) linear both;animation-play-state:paused}[data-ring-running] .guide-ring-fill{animation-play-state:running}@keyframes guide-ring-fill{0%{transform:translate(-100%)}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.guide-float,.guide-pop{animation:none}}