.marquee-554-container {
	width: 100%;
	overflow: hidden;
	display: flex;
	align-items: center;
}

.marquee-554-track-wrapper {
	display: flex;
	width: max-content;
}

.marquee-554-track {
	display: flex;
	align-items: center;
	animation: scroll-554 30s linear infinite;
	/* default gap fallback */
	gap: 24px;
	padding-right: 24px; /* needs to match gap for seamless loop */
}

@keyframes scroll-554 {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-100%);
	}
}

.marquee-554-pause-on-hover:hover .marquee-554-track {
	animation-play-state: paused;
}

@media (prefers-reduced-motion: reduce) {
	.marquee-554-track {
		animation-play-state: paused;
	}
}

.marquee-554-pill {
	/* Border radius is now controlled via widget settings with an 8px default */
	background-color: transparent;
	border: 1px solid currentColor;
	white-space: nowrap;
	display: flex;
	justify-content: center;
	align-items: center;
}
