/* Scrolling Ticker Widget styles */

.st-ticker-wrapper {
  overflow: hidden;
  width: 100%;
}

.st-ticker-viewport {
  overflow: hidden;
  width: 100%;
}

.st-ticker-track {
  display: inline-flex;
  white-space: nowrap;
  width: max-content;
  animation-name: st-ticker-scroll;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  will-change: transform;
}

/* Pause on hover, only applied if the wrapper has this class */
.st-ticker-pause-hover:hover .st-ticker-track {
  animation-play-state: paused;
}

.st-ticker-item {
  display: inline-block;
}

.st-ticker-item a {
  text-decoration: none;
}

.st-ticker-item a:hover {
  text-decoration: underline;
}

.st-ticker-separator {
  display: inline-block;
  margin-inline-end: 0px; /* overridden inline by item_gap control on .st-ticker-item, kept here as fallback */
}

@keyframes st-ticker-scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .st-ticker-track {
    animation: none;
  }
}
