@keyframes how-tap{0%,30%{opacity:0;transform:scale(.4)}40%{opacity:.85;transform:scale(1)}55%,to{opacity:0;transform:scale(1.6)}}@keyframes how-ring{0%,38%{box-shadow:0 0 0 0 transparent}45%,to{box-shadow:0 0 0 3px var(--primary)}}@keyframes how-type{0%,10%{clip-path:inset(0 100% 0 0)}45%,to{clip-path:inset(0 0 0 0)}}@keyframes how-type-long{0%,8%{clip-path:inset(0 100% 0 0)}50%,to{clip-path:inset(0 0 0 0)}}@keyframes how-caret{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes how-appear{0%,50%{opacity:0;transform:translateY(8px)}62%,to{opacity:1;transform:translateY(0)}}@keyframes how-appear-late{0%,70%{opacity:0;transform:translateY(8px)}80%,to{opacity:1;transform:translateY(0)}}@keyframes how-pop{0%,55%{opacity:0;transform:scale(.6)}65%{opacity:1;transform:scale(1.06)}72%,to{opacity:1;transform:scale(1)}}@keyframes how-drop{0%,15%{opacity:0;transform:translateY(-70px)}35%{opacity:1;transform:translateY(6px)}42%,to{opacity:1;transform:translateY(0)}}@keyframes how-banner{0%,45%{transform:translateY(-120%)}55%,90%{transform:translateY(0)}to{transform:translateY(-120%)}}@keyframes how-sheet{0%,10%{transform:translateY(105%)}30%,to{transform:translateY(0)}}@keyframes how-rowflash{0%,45%{background:var(--surface)}55%,to{background:var(--soft-line)}}@keyframes how-box{0%,8%{opacity:0;transform:translateY(-6px)}14%,to{opacity:1;transform:translateY(0)}}@keyframes how-turn{0%,30%{transform:rotateY(0deg)}60%,to{transform:rotateY(-170deg)}}@keyframes how-swipe{0%,20%{opacity:0;transform:translateX(50px)}30%{opacity:1}60%{opacity:1;transform:translateX(-60px)}70%,to{opacity:0;transform:translateX(-60px)}}@keyframes how-load{0%,50%{width:0}70%,to{width:100%}}@keyframes how-slide{0%,45%{transform:translateY(105%)}55%,to{transform:translateY(0)}}@keyframes how-late{0%,80%{opacity:0;transform:scale(.8)}88%,to{opacity:1;transform:scale(1)}}@keyframes how-confetti{0%{opacity:0;transform:translateY(10px) scale(.6)}20%{opacity:1}to{opacity:0;transform:translateY(-90px) scale(1)}}.how-tap{animation:how-tap 5s ease-out infinite}.how-tap-6{animation:how-tap 6s ease-out infinite}.how-tap-4{animation:how-tap 4s ease-out infinite}.how-ring{animation:how-ring 4s ease-in-out infinite}.how-caret{animation:how-caret 1s step-end infinite}.how-type-long{animation:how-type-long 6s steps(var(--how-steps,17)) infinite}.how-type{animation:how-type 5s steps(var(--how-steps,3)) infinite}.how-appear{animation:how-appear 5s ease-out infinite}.how-appear-late{animation:how-appear-late 6s ease-out infinite}.how-pop{animation:how-pop 6s ease-out infinite}.how-drop{animation:how-drop 6s ease-out infinite}.how-banner{animation:how-banner 6s ease-in-out infinite}.how-sheet{animation:how-sheet 6s ease-out infinite}.how-rowflash{animation:how-rowflash 6s ease-out infinite}.how-box{animation:how-box 6s ease-out infinite}.how-turn{animation:how-turn 4s ease-in-out infinite;transform-origin:left center;backface-visibility:hidden}.how-swipe{animation:how-swipe 4s ease-in-out infinite}.how-load{animation:how-load 6s ease-in-out infinite}.how-slide{animation:how-slide 5s ease-out infinite}.how-late{animation:how-late 5s ease-out infinite}.how-confetti{animation:how-confetti 3s ease-out infinite}.how-still *{animation:none!important}.how-still .how-rm-off{display:none!important}@media (prefers-reduced-motion:reduce){.how-phone *{animation:none!important}.how-phone .how-rm-off{display:none!important}}@media (max-width:560px){.how-phone{transform:scale(.8);transform-origin:top center;margin-bottom:-111px}}