
.wano-partner-marquee {
		--wano-logo-height: 68px;
	--wano-gap: 54px;
	--wano-row-gap: 28px;
	width: 100%;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	gap: var(--wano-row-gap);
	padding: 8px 0;
}

.wano-partner-marquee__row {
	width: 100%;
	overflow: hidden;
}

.wano-partner-marquee__track {
	display: flex;
	width: max-content;
	will-change: transform;
	animation-duration: var(--wano-row-speed, 55s);
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

.wano-partner-marquee__group {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	gap: var(--wano-gap);
	padding-right: var(--wano-gap);
}

.wano-partner-marquee__item {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 110px;
}

.wano-partner-marquee__link,
.wano-partner-marquee__static {
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
}

.wano-partner-marquee__image {
	display: flex;
	align-items: center;
	justify-content: center;
	height: var(--wano-logo-height);
}

.wano-partner-marquee__logo {
	display: block;
	width: auto;
	max-width: 220px;
	height: auto;
	max-height: var(--wano-logo-height);
	object-fit: contain;
	transition: opacity .25s ease, transform .25s ease;
}

.wano-partner-marquee__link:hover .wano-partner-marquee__logo,
.wano-partner-marquee__link:focus-visible .wano-partner-marquee__logo {
	opacity: .78;
	transform: scale(1.035);
}

.wano-partner-marquee.is-pause-on-hover:hover .wano-partner-marquee__track {
	animation-play-state: paused;
}

.wano-partner-marquee__row.is-direction-left .wano-partner-marquee__track {
	animation-name: wano-partner-marquee-left;
}

.wano-partner-marquee__row.is-direction-right .wano-partner-marquee__track {
	animation-name: wano-partner-marquee-right;
	transform: translate3d(-50%, 0, 0);
}

@keyframes wano-partner-marquee-left {
	from { transform: translate3d(0, 0, 0); }
	to   { transform: translate3d(-50%, 0, 0); }
}

@keyframes wano-partner-marquee-right {
	from { transform: translate3d(-50%, 0, 0); }
	to   { transform: translate3d(0, 0, 0); }
}

@media (max-width: 767px) {
	.wano-partner-marquee {
		--wano-gap: 34px;
		--wano-row-gap: 20px;
	}
	.wano-partner-marquee__item {
		min-width: 88px;
	}
	.wano-partner-marquee__logo {
		max-width: 160px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.wano-partner-marquee__track {
		animation-duration: calc(var(--wano-row-speed, 55s) * 2.5);
	}
}
