/* === Animations (замена Velocity) === */

.mm-anim {animation-duration: var(--mm-dur, 800ms); animation-delay: var(--mm-delay, 0ms); animation-timing-function: cubic-bezier(0.37, 0, 0.63, 1); animation-fill-mode: both; animation-iteration-count: 1;}

.mm-fx-slideUpIn {animation-name: mm-slideUpIn;}
.mm-fx-slideUpBigIn {animation-name: mm-slideUpBigIn;}
.mm-fx-slideDownIn {animation-name: mm-slideDownIn;}
.mm-fx-slideLeftIn {animation-name: mm-slideLeftIn;}
.mm-fx-slideRightIn {animation-name: mm-slideRightIn;}
.mm-fx-slideLeftBigIn {animation-name: mm-slideLeftBigIn;}
.mm-fx-slideRightBigIn {animation-name: mm-slideRightBigIn;}
.mm-fx-fadeIn {animation-name: mm-fadeIn;}
.mm-fx-expandIn {animation-name: mm-expandIn;}
.mm-fx-bounceIn {animation-name: mm-bounceIn;}

@keyframes mm-slideUpIn {
  from {opacity: 0; transform: translate3d(0, 20px, 0);}
  to {opacity: 1; transform: translate3d(0, 0, 0);}
}

@keyframes mm-slideUpBigIn {
  from {opacity: 0; transform: translate3d(0, 75px, 0);}
  to {opacity: 1; transform: translate3d(0, 0, 0);}
}

@keyframes mm-slideDownIn {
  from {opacity: 0; transform: translate3d(0, -20px, 0);}
  to {opacity: 1; transform: translate3d(0, 0, 0);}
}

@keyframes mm-slideLeftIn {
  from {opacity: 0; transform: translate3d(-20px, 0, 0);}
  to {opacity: 1; transform: translate3d(0, 0, 0);}
}

@keyframes mm-slideRightIn {
  from {opacity: 0; transform: translate3d(20px, 0, 0);}
  to {opacity: 1; transform: translate3d(0, 0, 0);}
}

@keyframes mm-slideLeftBigIn {
  from {opacity: 0; transform: translate3d(-75px, 0, 0);}
  to {opacity: 1; transform: translate3d(0, 0, 0);}
}

@keyframes mm-slideRightBigIn {
  from {opacity: 0; transform: translate3d(75px, 0, 0);}
  to {opacity: 1; transform: translate3d(0, 0, 0);}
}

@keyframes mm-fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes mm-expandIn {
  from {opacity: 0; transform: translate3d(0, 0, 0) scale(0.625);}
  to {opacity: 1; transform: translate3d(0, 0, 0) scale(1);}
}

@keyframes mm-bounceIn {
  0% {opacity: 0; transform: translate3d(0, 0, 0) scale(0.3);}
  35% {opacity: 1; transform: translate3d(0, 0, 0) scale(1.05);}
  55% {transform: translate3d(0, 0, 0) scale(0.9);}
  100% {opacity: 1; transform: translate3d(0, 0, 0) scale(1);}
}

@media (prefers-reduced-motion: reduce) {

  .mm-anim {animation-duration: 1ms !important; animation-delay: 0ms !important;}

}