.p9marquee {
  width: 100%;
  overflow: hidden;
}

.p9marquee__viewport {
  width: 100%;
  overflow: hidden;
}

.p9marquee__track {
  display: flex;
  align-items: center;
  gap: var(--p9marquee-gap, 40px);
  width: max-content;
  will-change: transform;
}

.p9marquee__track.is-animated {
  animation: p9marquee-move var(--p9marquee-duration, 10s) linear infinite;
}

@keyframes p9marquee-move {
  to {
    transform: translateX(var(--p9marquee-step, -200px));
  }
}


.p9marquee__track.is-intro {
  animation: p9marquee-intro var(--p9marquee-intro-duration, 1s) linear 1;
}

@keyframes p9marquee-intro {
  to {
    transform: translateX(0px);
  }
}

.p9marquee[data-pausehover="1"]:hover .p9marquee__track {
  animation-play-state: paused;
}

@media (prefers-reduced-motion: reduce) {
  .p9marquee__track {
    animation: none !important;
    transform: none !important;
  }
}