.marquee-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	overflow: hidden;
	position: relative;
}
.marquee-container {
	overflow: hidden;
	position: relative;
}
@media (any-hover: hover) {
	.marquee-container:hover .marquee-inner,
	.marquee-container .work-item:hover ~ .marquee-inner {
		animation-play-state: paused;
	}
}

.marquee-track {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 16px;
}
.marquee-inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-play-state: running;
	animation-play-state: running;
	will-change: transform;
	gap: 16px;
}
@-webkit-keyframes scroll-left {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	100% {
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}
@keyframes scroll-left {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	100% {
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}
@-webkit-keyframes scroll-right {
	0% {
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}
@keyframes scroll-right {
	0% {
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}
@media (max-width: 767.98px) {
	.marquee-track,
	.marquee-inner {
		gap: 4px;
	}
}