/* Scrolling text strips: see inc/marquee.php. */
.sng-marquee {
	overflow: hidden;
}

.sng-marquee__track {
	flex-wrap: nowrap;
	flex-shrink: 0;
	width: max-content;
	max-width: none;
}

.sng-marquee__track > * {
	flex-shrink: 0;
	white-space: nowrap;
}

/* marquee.js sets --marquee-duration once the items are repeated. */
.sng-marquee__track.is-running {
	animation: sng-marquee var(--marquee-duration) linear infinite;
}

.sng-marquee:hover .sng-marquee__track,
.sng-marquee:focus-within .sng-marquee__track {
	animation-play-state: paused;
}

@keyframes sng-marquee {
	to {
		transform: translateX(-50%);
	}
}

@media (prefers-reduced-motion: reduce) {
	.sng-marquee__track.is-running {
		animation: none;
	}
}