@keyframes loop-anim-left {
  0% {
    transform: translate3d(-100%, 0, 0);
  }

  to {
    transform: translateZ(0);
  }
}

@keyframes loop-anim-right {
  0% {
    transform: translateZ(0);
  }

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

.text-scroll-container {
  display: flex;
  align-items: center;
  gap: var(--grid-horizontal-gap);
}

.text-scroll {
  grid: auto / auto-flow max-content;
  justify-content: center;
  display: grid;
  gap: var(--grid-horizontal-gap);
}

.text-scroll.left_to_right {
  animation: loop-anim-left linear infinite;
}

.text-scroll.right_to_left {
  animation: loop-anim-right linear infinite;
}

.text-scroll .textscroll-item .rich-text {
  white-space: nowrap;
  text-align: center;
}