.zr-marquee {
	--gap: 1rem;
	position: relative;
	display: flex;
	overflow: hidden;
	user-select: none;
	gap: var(--gap);
}

.zr-marquee__content {
	flex-shrink: 0;
	display: flex;
	justify-content: space-around;
	gap: var(--gap);
	min-width: 100%;
}

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

@media (prefers-reduced-motion: reduce) {
	.zr-marquee__content {
		animation-play-state: paused !important;
	}
}

.zr-marquee__content {
	animation: zr-marquee-scroll 60s linear infinite;
}

.zr-marquee--hover-pause:hover .zr-marquee__content {
	animation-play-state: paused;
}

.zr-marquee__content > * {
	flex: 0 0 auto;
	padding: 1rem 2rem;
	text-align: center;
}