/* assets/css/radio-player.css */

/* Simple marquee animation for the "Now playing" text */
.radio-marquee p {
  display: inline-block;
  white-space: nowrap;
  animation: radio-marquee 30s linear infinite;
}

@keyframes radio-marquee {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}

/* Respect prefers-reduced-motion */
@media (prefers-reduced-motion: reduce) {
  .radio-marquee p {
    animation: none;
    transform: translateX(0);
  }
}