/* Logo Slider */
.logo-slider {
	margin-top: var(--space-12);
	overflow: hidden;
	-webkit-mask-image: linear-gradient(to right, transparent, black 8%, black 92%, transparent);
	mask-image: linear-gradient(to right, transparent, black 8%, black 92%, transparent);
}

.logo-slider__track {
	display: flex;
	align-items: center;
	gap: var(--space-12);
	width: max-content;
	will-change: transform;
}

.logo-slider__item {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 40px;
}

.logo-slider__item img {
	max-height: 40px;
	max-width: 140px;
	width: auto;
	object-fit: contain;
	filter: grayscale(100%) brightness(0.4);
	opacity: 0.6;
	transition: filter 0.3s, opacity 0.3s;
}

.logo-slider__item img:hover {
	filter: grayscale(0%) brightness(1);
	opacity: 1;
}

@media (max-width: 768px) {
	.logo-slider {
		margin-top: var(--space-8);
	}

	.logo-slider__track {
		gap: var(--space-8);
	}

	.logo-slider__item img {
		max-height: 32px;
		max-width: 110px;
	}
}