.t4m{container-type:inline-size}.t4m-ipad{transform-origin:50% 50%;transform:translate(calc(100cqw * -150 / 720),calc(100cqw * -95 / 720)) perspective(250cqw) rotateY(-14deg) rotateX(8deg) rotate(2deg) scale(.66);animation:t4m-ipad 5.55s both}@keyframes t4m-ipad{0%{transform:translate(0) perspective(250cqw) rotateY(-24deg) rotateX(12deg) rotate(3deg) scale(.95);animation-timing-function:ease}85.6%{transform:translate(0) perspective(250cqw) rotateY(-14deg) rotateX(8deg) rotate(2deg) scale(1);animation-timing-function:cubic-bezier(.55,0,.2,1)}to{transform:translate(calc(100cqw * -150 / 720),calc(100cqw * -95 / 720)) perspective(250cqw) rotateY(-14deg) rotateX(8deg) rotate(2deg) scale(.66)}}.t4m-browser{transform-origin:50% 0;animation:t4m-browser .85s cubic-bezier(.2,.7,.2,1) 4.75s both}@keyframes t4m-browser{0%{opacity:0;transform:translateY(calc(100cqw * 70 / 720)) scale(.94)}}.t4m-hfade{animation:t4m-in .56s var(--in) ease-in-out both}.t4m-bin{animation:t4m-in .34s calc(var(--in) + .24s) ease-out both}.t4m-bout{animation:t4m-out .24s var(--out) ease-in forwards}.t4m-bmid{animation:t4m-in .34s calc(var(--in) + .24s) ease-out both,t4m-out .24s var(--out) ease-in forwards}@keyframes t4m-in{0%{opacity:0}}@keyframes t4m-out{to{opacity:0}}.t4m-pick{animation:t4m-pick .34s var(--d) ease-out both}@keyframes t4m-pick{0%{opacity:0;transform:scale(.96)}}.t4m-tap{opacity:0;animation:t4m-tap .65s var(--d) ease-out forwards}@keyframes t4m-tap{0%{opacity:.32;scale:.25}to{opacity:0;scale:1.5}}@media (prefers-reduced-motion:reduce){.t4m *,.t4m-ipad{animation:none!important}}