.oes-marquee {
	--oes-marquee-item-space: 1em;
	position: relative;
	overflow: hidden;
}

.oes-marquee__track {
	display: flex;
	width: max-content;
	max-width: none;
	animation-name: oes-marquee-scroll;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	will-change: transform;
}

.oes-marquee__group {
	display: flex;
	align-items: center;
	flex: 0 0 auto;
	white-space: nowrap;
}

.oes-marquee__item {
	display: inline-flex;
	align-items: center;
	flex: 0 0 auto;
	padding-inline: calc(var(--oes-marquee-item-space) / 2);
}

.oes-marquee--reverse .oes-marquee__track {
	animation-direction: reverse;
}

.oes-marquee--pause-hover:hover .oes-marquee__track {
	animation-play-state: paused;
}

.oes-marquee--static .oes-marquee__track {
	animation: none;
	transform: none;
}

.oes-marquee--static .oes-marquee__group--clone {
	display: none;
}

@keyframes oes-marquee-scroll {
	to {
		transform: translate3d(-50%, 0, 0);
	}
}

@media (prefers-reduced-motion: reduce) {
	.oes-marquee__track {
		animation: none;
		transform: none;
	}

	.oes-marquee__group--clone {
		display: none;
	}
}