.text-marquee__marquee {
  user-select: none;
}

.text-marquee__group {
  animation: scroll-x 20s linear infinite;
}

@media (prefers-reduced-motion: reduce) {
  .text-marquee__group {
    animation-play-state: paused;
  }
}

@keyframes scroll-x {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-100% - 20px));
  }
}