.ticker {
	display: flex;
	gap: 56px;
	overflow: hidden;
	mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}

.ticker__track {
	display: flex;
	flex-shrink: 0;
	gap: 56px;
	align-items: center;
	margin: 0;
	padding: 0;
	list-style: none;
	animation: ticker-scroll 32s linear infinite;
}

.ticker__item img {
	width: auto;
	height: 48px;
	filter: var(--ticker-filter, grayscale(1));
}

@keyframes ticker-scroll {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(calc(-100% - 56px));
	}
}

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