@import '@tale/ui/globals.css';

/* Marquee track. The track contains the logos rendered twice; translating
   -50% wraps the second set into the first's slot for a seamless loop. */
@keyframes marquee {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-50%, 0, 0);
  }
}

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