.automation-page .m-phone-body{background:linear-gradient(145deg,#50544f,#1f2120 32%,#2c2f2d 68%,#565a55);box-shadow:inset 0 0 0 1.5px #ffffff17,inset 0 0 0 4px #0000008c,0 50px 90px -40px #000000e6,0 22px 40px -22px #000000b3}.automation-page .m-phone.is-android .m-phone-body{border-radius:11%/5.2%}.automation-page .m-phone.is-android .m-phone-body>div{border-radius:8.5%/4%}@media(max-width:767px){.automation-page .m-phone{text-align:start}:where(.automation-page .m-phone .flex){justify-content:normal}}.automation-page .m-screen{position:absolute;inset:0;transition:transform .7s cubic-bezier(.2,.85,.25,1),opacity .7s ease,filter .7s ease}.automation-page .m-screen[data-pos=after]{transform:translate(-102%);z-index:3}.automation-page .m-screen[data-pos=current]{z-index:2}.automation-page .m-screen[data-pos=before]{transform:translate(32%) scale(.94);opacity:0;filter:brightness(.45);z-index:1}.automation-page .m-float{animation:m-float 6.5s ease-in-out infinite}@keyframes m-float{50%{transform:translateY(-12px)}}.automation-page .m-note{animation:a-step .45s ease-out both}.m-live .m-pop{animation:m-pop .55s cubic-bezier(.3,1.5,.5,1) both}@keyframes m-pop{0%{opacity:0;transform:scale(.55)}}.m-live .m-rise{animation:m-rise .5s ease-out both}@keyframes m-rise{0%{opacity:0;transform:translateY(3cqw)}}.m-live .m-tick{animation:m-tick .4s cubic-bezier(.3,1.7,.5,1) both}@keyframes m-tick{0%{opacity:0;transform:scale(0)}}.m-live .m-fill{animation:m-fill 1.1s cubic-bezier(.3,.8,.3,1) both}@keyframes m-fill{0%{transform:scaleX(0)}}.m-live .m-bar{animation:m-fill .6s cubic-bezier(.3,.8,.3,1) both}.m-live .m-glow{animation:m-glow 2.2s ease-in-out infinite}@keyframes m-glow{50%{box-shadow:0 0 0 2.4cqw #2196f32e}}.m-live .m-toast{animation:m-toast 3.4s ease-out both}@keyframes m-toast{0%{opacity:0;transform:translateY(-5cqw) scale(.96)}12%,82%{opacity:1;transform:none}to{opacity:0;transform:translateY(-3cqw)}}.m-live .m-banner{animation:m-banner .6s cubic-bezier(.25,1.3,.5,1) both}@keyframes m-banner{0%{opacity:0;transform:translateY(-8cqw) scale(.95)}}.m-live .m-yours{animation:m-yours 2.4s ease-in-out 1.2s infinite}@keyframes m-yours{50%{transform:scale(1.08);border-color:#f49ac1f2}}.automation-page .m-card-0{z-index:3}.automation-page .m-card-1{z-index:2;transform:translateY(4.5cqw) scale(.95);opacity:.85}.automation-page .m-card-2{z-index:1;transform:translateY(9cqw) scale(.9);opacity:.55}.m-live .m-card{animation:m-swipe 7.8s cubic-bezier(.45,0,.3,1) infinite}@keyframes m-swipe{0%,20%{z-index:3;transform:none;opacity:1}30%{z-index:3;transform:translate(135%) rotate(20deg);opacity:0}31%,34%{z-index:1;transform:translateY(9cqw) scale(.9);opacity:0}40%,63%{z-index:1;transform:translateY(9cqw) scale(.9);opacity:.55}67%,96%{z-index:2;transform:translateY(4.5cqw) scale(.95);opacity:.85}to{z-index:3;transform:none;opacity:1}}.m-live .m-stamp{animation:m-stamp 7.8s ease-out infinite;animation-delay:inherit}@keyframes m-stamp{0%,11%{opacity:0;transform:rotate(-12deg) scale(1.6)}15%,28%{opacity:1;transform:rotate(-12deg) scale(1)}31%,to{opacity:0}}.m-live .m-like{animation:m-like 2.6s ease-in-out infinite}@keyframes m-like{0%,10%,30%,to{transform:none}18%{transform:scale(1.18);box-shadow:0 0 0 2.5cqw #9b6bf240}}.m-live .m-press{animation:m-press .45s ease-in-out both}@keyframes m-press{50%{transform:scale(.94);filter:brightness(1.15)}}.m-live .m-ignite{animation:m-ignite .7s cubic-bezier(.3,1.4,.5,1) both}@keyframes m-ignite{0%{opacity:0;transform:translate(-50%) scale(.1)}}.automation-page .m-ignite{transform:translate(-50%);transform-origin:50% 100%}.m-live .m-halo{animation:m-halo 1.2s ease-out both}@keyframes m-halo{0%{opacity:0}}.m-live .m-flicker{transform-origin:50% 100%;animation:m-flicker 1.7s ease-in-out infinite}@keyframes m-flicker{25%{transform:scale(.96,1.05) rotate(-2deg)}50%{transform:scale(1.03,.97) rotate(1.5deg)}75%{transform:scale(.98,1.03) rotate(-1deg)}}@media(prefers-reduced-motion:reduce){.automation-page .m-screen{transition:opacity .2s ease}.automation-page .m-screen[data-pos]{transform:none;filter:none}.automation-page .m-screen[data-pos=after]{opacity:0}.automation-page .m-float,.automation-page .m-note,.m-live *{animation:none!important}}
