.logo-scroller-3187-container {
	overflow: hidden;
	width: 100%;
	display: flex;
}

.logo-scroller-3187-track {
	display: flex;
	align-items: center;
	animation: scroll_3187 20s linear infinite;
	width: max-content;
}

.logo-scroller-3187-track:hover {
	animation-play-state: paused;
}

.logo-scroller-3187-item {
	flex-shrink: 0;
}

.logo-scroller-3187-item img,
.logo-scroller-3187-img {
	width: auto;
	max-width: none;
	object-fit: contain;
	filter: grayscale(100%);
	transition: filter 0.3s ease;
	display: block;
}

.logo-scroller-3187-item:hover img,
.logo-scroller-3187-item:hover .logo-scroller-3187-img {
	filter: grayscale(0%);
}

@keyframes scroll_3187 {
	0% {
		transform: translateX(0);
	}
	100% {
		/* Seamless loop requires moving exactly half the total width plus half the gap */
		transform: translateX(calc(-50% - (var(--scroller-gap-3187, 50px) / 2)));
	}
}