.mes-entry-effect-init {
    opacity: 0;
    transform: translate3d(0, -34px, 0);
    will-change: opacity, transform;
}

.mes-entry-effect-init.mes-entry-effect-show {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    animation: mesEntryDropIn 0.95s cubic-bezier(0.2, 0.8, 0.2, 1) both;
}

@keyframes mesEntryDropIn {
    0% {
        opacity: 0;
        transform: translate3d(0, -34px, 0);
    }
    65% {
        opacity: 1;
        transform: translate3d(0, 7px, 0);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .mes-entry-effect-init {
        opacity: 1;
        transform: none;
        transition: none;
    }
}