.marquee-wrapper {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	position: relative;
}
.marquee-container {
	overflow: hidden;
	position: relative;
	&:hover {
		/* pointer-events: none; */
		.marquee-inner {
			/* animation-play-state: paused; */
		}
	}
}
.marquee-track {
	display: flex;
	gap: 16px;
}
.marquee-inner {
	display: flex;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-fill-mode: forwards;
	animation-play-state: running;
	will-change: transform;
	gap: 16px;
}
@keyframes scroll-left {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-50%);
	}
}
@keyframes scroll-right {
	0% {
		transform: translateX(-50%);
	}
	100% {
		transform: translateX(0);
	}
}
@media (max-width: 767.98px) {
	.marquee-track,
	.marquee-inner {
		gap: 4px;
	}
}