.adywebsk-mtm{width:100%}
.adywebsk-mtm__viewport{position:relative;overflow:hidden;width:100%}
.adywebsk-mtm__inner{display:flex;width:max-content;align-items:center;gap:0}
.adywebsk-mtm__track{display:inline-flex;align-items:center;gap:var(--adywebsk-mtm-gap,40px);white-space:nowrap}
.adywebsk-mtm__item,.adywebsk-mtm__sep{display:inline-block;white-space:nowrap}
.adywebsk-mtm__link{color:inherit}

/* Animate only after JS has measured width + set variables */
.adywebsk-mtm.is-ready:not(.is-static) .adywebsk-mtm__inner{
  will-change:transform;
  transform:translate3d(0,0,0);
  backface-visibility:hidden;
  animation-name:adywebsk-mtm-scroll;
  animation-timing-function:linear;
  animation-iteration-count:infinite;
  animation-duration:var(--adywebsk-mtm-duration,18s);
  animation-delay:var(--adywebsk-mtm-delay,0s);
}

/* RTL (right->left): normal (0 -> -distance)
   LTR (left->right): reverse (-distance -> 0) */
.adywebsk-mtm[data-dir="rtl"].is-ready:not(.is-static) .adywebsk-mtm__inner{animation-direction:normal}
.adywebsk-mtm[data-dir="ltr"].is-ready:not(.is-static) .adywebsk-mtm__inner{animation-direction:reverse}

@keyframes adywebsk-mtm-scroll{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(calc(-1 * var(--adywebsk-mtm-distance,500px)),0,0)}
}

/* Pause on hover */
.adywebsk-mtm[data-pause-hover="1"]:hover .adywebsk-mtm__inner{animation-play-state:paused}

/* Pause on focus (keyboard) */
.adywebsk-mtm[data-pause-focus="1"]:focus-within .adywebsk-mtm__inner{animation-play-state:paused}

/* Reduced motion */
@media (prefers-reduced-motion:reduce){
  .adywebsk-mtm .adywebsk-mtm__inner{animation:none!important;transform:none!important}
}