.a4p-scrolling-text-wrapper {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.a4p-scrolling-text-viewport {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.a4p-scrolling-text-track {
  display: flex;
  align-items: center;
  width: max-content;
  min-width: max-content;
  will-change: transform;
  animation-duration: var(--a4p-scroll-duration, 30000ms);
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  transform: translate3d(0, 0, 0);
}

.a4p-scrolling-text-direction-left {
  animation-name: a4p-scrolling-text-loop-left;
}

.a4p-scrolling-text-direction-right {
  animation-name: a4p-scrolling-text-loop-right;
}

.a4p-scrolling-text-pause:hover .a4p-scrolling-text-track {
  animation-play-state: paused;
}

.a4p-scrolling-text-sequence {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  white-space: nowrap;
  min-width: max-content;
}

.a4p-scrolling-text-item {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  white-space: nowrap;
}

.a4p-scrolling-text-item > * {
  display: inline;
  margin: 0;
}

@keyframes a4p-scrolling-text-loop-left {
  0% {
    transform: translate3d(0, 0, 0);
  }

  100% {
    transform: translate3d(-16.666666%, 0, 0);
  }
}

@keyframes a4p-scrolling-text-loop-right {
  0% {
    transform: translate3d(-16.666666%, 0, 0);
  }

  100% {
    transform: translate3d(0, 0, 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .a4p-scrolling-text-track {
    animation: none;
    transform: none;
  }
}