.mt-wrapper {
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  direction: ltr;
}

.mt-content {
  display: inline-block;
  padding: 0 2rem;
  white-space: nowrap;
}

/* Infinite scroll effect */
.mt-scroll {
  display: block;
}

.mt-track {
  display: flex;
  white-space: nowrap;
  width: max-content;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  will-change: transform;
}

@keyframes marqueeLeft {
  0%   { transform: translateX(0); }
  100% { transform: translateX(calc(-1 * var(--mt-shift, 0px))); }
}

@keyframes marqueeRight {
  0%   { transform: translateX(calc(-1 * var(--mt-shift, 0px))); }
  100% { transform: translateX(0); }
}