.chat-message.chat-arriving{animation-duration:var(--chat-motion-duration,280ms);animation-fill-mode:both;transform-origin:center bottom;will-change:transform,opacity}
.chat-message.chat-arriving[data-motion=ios]{animation-name:chat-ios;animation-timing-function:cubic-bezier(.16,.88,.32,1.12)}
.chat-message.chat-arriving[data-motion=slide]{animation-name:chat-slide;animation-timing-function:cubic-bezier(.2,.8,.25,1)}
.chat-message.chat-arriving[data-motion=fade]{animation-name:chat-fade;animation-timing-function:ease-out}
.chat-message.chat-arriving[data-motion=pop]{animation-name:chat-pop;animation-timing-function:cubic-bezier(.15,.82,.28,1.12)}
@keyframes chat-ios{from{opacity:0;transform:translateY(16px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes chat-slide{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes chat-fade{from{opacity:0}to{opacity:1}}
@keyframes chat-pop{from{opacity:0;transform:scale(.86)}to{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.chat-message.chat-arriving{animation:none!important;transform:none!important;opacity:1!important;will-change:auto}}