.logo-carousel{
	position: relative;
	left: 50%;.logo-carousel__list
	width: 100dvw;
	transform: translateX(-50%);
}

.logo-carousel__list {
	align-items: center;
	gap: var(--spacer_56);
	animation: scrollCarousel var(--duration, 60s) infinite linear;
}
.logo-carousel__list {
	direction: ltr;
}
.logo-carousel__list[data-dir="left"] {
	animation-direction: reverse;
}

@keyframes scrollCarousel {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(var(--translate_value));
	}
}

.logo-carousel__item {
	flex-shrink: 0;
  max-width: 130px;
}

.logo-carousel__item-image {
	max-height: 6.7rem;
}