.spv-icon,.spv-phone{transition:opacity .55s cubic-bezier(.2,.8,.2,1),filter .55s cubic-bezier(.2,.8,.2,1),transform .55s cubic-bezier(.2,.8,.2,1)}[data-phase=icon] .spv-phone{opacity:0;filter:blur(8px);transform:translateY(10px)}[data-phase=phone] .spv-icon{opacity:0;filter:blur(8px);transform:translateY(-10px)}[data-phase=phone] .spv-cursor,[data-phase=phone] .spv-ring,[data-phase=phone] .spv-pill{animation:none}.spv-cursor{transform-origin:2px 2px;animation:2s cubic-bezier(.2,.8,.2,1) infinite spv-click}@keyframes spv-click{0%{opacity:0;transform:translate(22px,22px)}12%{opacity:1}40%{transform:translate(0)}48%{transform:translate(0)scale(.82)}56%{transform:translate(0)scale(1)}78%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(22px,22px)}}.spv-ring{opacity:0;animation:2s ease-out infinite spv-ring}@keyframes spv-ring{0%,46%{opacity:0;transform:scale(.3)}50%{opacity:.7;transform:scale(.3)}82%,to{opacity:0;transform:scale(1.6)}}.spv-pill{animation:2s infinite spv-press}@keyframes spv-press{0%,46%,60%,to{transform:scale(1)}50%{transform:scale(.92)}}@media (prefers-reduced-motion:reduce){.spv-cursor,.spv-ring,.spv-pill{animation:none}[data-phase] .spv-icon,[data-phase] .spv-phone{filter:none;transition:opacity .25s;transform:none}}