rs-marquee {
  white-space:nowrap;
  overflow: hidden;
  position: relative;
  display: flex;
  --gap: 1rem;
  gap: var(--gap);
}

.rs-marquee > * {
  flex-grow: 0;
  flex-shrink: 0;
}

@keyframes rs-marquee-scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-100% - var(--gap)));
  }
}

rs-marquee.marquee-playing {
  /* Ker smo v marquee nacinu lahko samozavestno dodamo !important */
  justify-content: flex-start !important;
}

rs-marquee.marquee-playing .rs-marquee-content {
  --animation-duration: calc(1s * var(--marquee-base-duration));
  animation: rs-marquee-scroll var(--animation-duration) linear infinite;
  animation-delay: 2s;
}

rs-marquee:not(.marquee-playing) .rs-marquee-content[aria-hidden=true] {
  display: none;
}

rs-marquee:hover .rs-marquee-content {
  animation-play-state: paused;
}

rs-marquee .rs-marquee-content {
  padding-right: 2rem;
}

@media (prefers-reduced-motion: reduce) {
  rs-marquee .rs-marquee-content {
    animation-play-state: paused !important;
  }
  rs-marquee .rs-marquee-content[aria-hidden=true] {
    display: none;
  }
}