.marquee {
	--duration: 55s;
	--gap: var(--space);
	display: flex;
	overflow: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	gap: var(--gap);
}

.marquee-content-items {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: space-around;
	gap: var(--gap);
	/*min-width: 100%;*/
	-webkit-animation: marquee_animation var(--duration) linear infinite;
	animation: marquee_animation var(--duration) linear infinite;
	will-change: transform;
}

@media (prefers-reduced-motion: reduce) {
	.marquee-content-items {
		-webkit-animation-play-state: paused;
		animation-play-state: paused;
	}
}

.marquee--reverse .marquee-content-items {
	animation-direction: reverse;
	-webkit-animation-delay: calc(var(--duration) / -2);
	animation-delay: calc(var(--duration) / -2);
}

@-webkit-keyframes marquee_animation {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(calc(-100% - var(--gap)));
	}
}

@keyframes marquee_animation {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(calc(-100% - var(--gap)));
	}
}