.msg.msg-enter {
  opacity: 0;
  will-change: transform, opacity;
}
.msg.msg-enter.me {
  transform: translate3d(10px, 8px, 0) scale(.985);
}
.msg.msg-enter.them {
  transform: translate3d(-10px, 8px, 0) scale(.985);
}
.msg.msg-enter.msg-enter-active {
  opacity: 1;
  transform: translate3d(0,0,0) scale(1);
  transition: transform .26s cubic-bezier(.22,1,.36,1), opacity .2s ease-out;
}
.msg.msg-enter.no-anim,
.msg.msg-enter.no-anim.msg-enter-active {
  opacity: 1;
  transform: none;
  transition: none;
}
@media (prefers-reduced-motion: reduce) {
  .msg.msg-enter,
  .msg.msg-enter.msg-enter-active {
    opacity: 1;
    transform: none;
    transition: none;
  }
}