@keyframes ap-phone-in{0%{opacity:0;transform:perspective(1400px)translateY(70px)rotateX(14deg)scale(.94)}}.ap-phone-in{transform-origin:50% 100%;animation:ap-phone-in 1s cubic-bezier(.16, 1, .3, 1) var(--d,0s) both}@keyframes ap-fade{0%{opacity:0;transform:translateY(8px)}}.ap-fade{animation:ap-fade .6s ease-out var(--d,0s) both}@keyframes ap-pop{0%{opacity:0;transform:scale(.5)}}.ap-pop{animation:ap-pop .45s cubic-bezier(.34, 1.56, .64, 1) var(--d,0s) both}@keyframes ap-blk{0%{opacity:0;transform:translateY(10px)scale(.96)}}.ap-blk{animation:ap-blk .5s cubic-bezier(.34, 1.4, .64, 1) var(--d,0s) both}@keyframes ap-hide{0%{opacity:1}to{opacity:0}}.ap-wire{opacity:0;pointer-events:none;animation:ap-hide .45s ease var(--d,0s) both}.ap-out{opacity:0;animation:ap-hide .2s ease var(--d,0s) both}@keyframes ap-in{0%{opacity:0;transform:translateY(6px)scale(.8)}}.ap-in{animation:ap-in .35s cubic-bezier(.34, 1.56, .64, 1) var(--d,0s) both}@keyframes ap-tap{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)}8%{opacity:1;transform:translate(-50%,-50%)scale(.45)}to{opacity:0;transform:translate(-50%,-50%)scale(1.5)}}.ap-tap{opacity:0;animation:ap-tap .55s ease-out var(--d,0s) both}@keyframes ap-press{50%{transform:scale(.88)}}.ap-press{animation:ap-press .3s ease var(--d,0s) both}@keyframes ap-slide{0%{transform:translate(0)}}.ap-slide{animation:ap-slide .5s cubic-bezier(.65, 0, .35, 1) var(--d,0s) both;transform:translate(-300px)}@keyframes ap-step{0%{opacity:0;transform:scale(.4)}}.ap-step{animation:ap-step .4s cubic-bezier(.34, 1.56, .64, 1) var(--d,0s) both}@keyframes ap-label{0%{opacity:.4}}.ap-label{animation:ap-label .3s ease var(--d,0s) both}@keyframes ap-grow{0%{transform:scaleY(0)}}.ap-grow{animation:ap-grow 2.25s linear var(--d,0s) both}@keyframes ap-grow-x{0%{transform:scaleX(0)}}.ap-grow-x{animation:ap-grow-x 2.25s linear var(--d,0s) both}@keyframes ap-push{0%{opacity:0;transform:translateY(-28px)scale(.94)}}.ap-push{animation:ap-push .6s cubic-bezier(.16, 1, .3, 1) var(--d,0s) both}@keyframes ap-swap{0%{opacity:0;transform:translateY(6px)}}.ap-swap{animation:.45s cubic-bezier(.16,1,.3,1) both ap-swap}@keyframes ap-shift{0%{transform:translateY(-40px)}}.ap-shift{animation:ap-shift .45s cubic-bezier(.65, 0, .35, 1) var(--d,0s) both}@keyframes ap-glow{0%{background-color:#ffde14d9}}.ap-glow{animation:ap-glow 1.1s ease-out var(--d,0s) both;background-color:#ffde1438}@keyframes ap-knob{0%{transform:translate(0)}}.ap-knob{animation:ap-knob .3s cubic-bezier(.34, 1.56, .64, 1) var(--d,0s) both;transform:translate(12px)}@keyframes ap-track{0%{background-color:#d6d4cd}}.ap-track{animation:ap-track .3s ease var(--d,0s) both}.ap-band-phone{width:148px;position:absolute}.ap-band-phone-a{z-index:2;top:4px;left:calc(50% - 156px);transform:rotate(-8deg)}.ap-band-phone-b{top:40px;left:calc(50% + 8px);transform:rotate(7deg)}@media (min-width:640px){.ap-band-phone{width:190px}.ap-band-phone-a{left:calc(50% - 204px)}.ap-band-phone-b{left:calc(50% + 14px)}}@media (min-width:1024px){.ap-band-phone{width:224px}.ap-band-phone-a{top:-60px;left:0}.ap-band-phone-b{top:auto;bottom:-60px;left:auto;right:0}}.ap-b-stage{background-color:var(--s2);background-image:radial-gradient(circle at 1px 1px,#1414141c 1px,#0000 0);background-size:18px 18px}.ap-b-stage[data-arm] .ap-b-in{animation:ap-fade .6s ease-out var(--d,0s) both}@keyframes ap-b-type{0%{clip-path:inset(0 100% 0 0)}}.ap-b-stage[data-arm] .ap-b-type{animation:ap-b-type .5s steps(12, end) var(--d,0s) both}.ap-b-stage[data-arm] .ap-b-row{animation:ap-fade .35s ease-out var(--d,0s) both}.ap-b-stage[data-arm] .ap-b-press{animation:ap-press .3s ease var(--d,0s) both}.ap-b-old{opacity:0}.ap-b-stage[data-arm] .ap-b-old{animation:ap-hide .2s ease var(--d,0s) both}.ap-b-stage[data-arm] .ap-b-new{animation:ap-in .35s cubic-bezier(.34, 1.56, .64, 1) var(--d,0s) both}@keyframes ap-b-pop{0%{opacity:0;transform:translateY(12px)scale(.94)}}.ap-b-stage[data-arm] .ap-b-pop{animation:ap-b-pop .5s cubic-bezier(.34, 1.4, .64, 1) var(--d,0s) both}.ap-b-stage[data-arm] .ap-b-check{animation:ap-pop .4s cubic-bezier(.34, 1.56, .64, 1) var(--d,0s) both}@keyframes ap-b-spin{0%{transform:rotate(-360deg)}}.ap-b-stage[data-arm] .ap-b-spin{animation:ap-b-spin .8s cubic-bezier(.65, 0, .35, 1) var(--d,0s) both}.ap-b-flash{opacity:.4;transform-origin:0}@keyframes ap-b-flash{0%{opacity:0;transform:scaleX(0)}50%{opacity:1;transform:scaleX(1)}to{opacity:.4}}.ap-b-stage[data-arm] .ap-b-flash{animation:ap-b-flash .9s ease-out var(--d,0s) both}@keyframes ap-b-fly-x{0%{opacity:0;transform:translate(0)scale(1)}12%,85%{opacity:1}to{opacity:0;transform:translateX(var(--dx)) scale(.5)}}.ap-b-fly-x{opacity:0}.ap-b-stage[data-arm] .ap-b-fly-x{animation:ap-b-fly-x .6s cubic-bezier(.45, 0, .55, 1) var(--d,0s) both}@keyframes ap-b-fly-y{0%{animation-timing-function:cubic-bezier(.2,.7,.4,1);transform:translateY(0)}45%{transform:translateY(var(--peak));animation-timing-function:cubic-bezier(.6,0,.8,.4)}to{transform:translateY(var(--dy))}}.ap-b-stage[data-arm] .ap-b-fly-y{animation:ap-b-fly-y .6s linear var(--d,0s) both}
