/* gcf-partner-logos: continuous logo marquee. */

.gcf-partner-logos {
	display: flex;
	width: 100%;
	overflow: hidden;
	-webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
	mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}

.gcf-partner-logos__track {
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	gap: 32px;
	padding-right: 32px;
	animation: gcf-partner-scroll var(--gcf-partner-speed, 40s) linear infinite;
}

.gcf-partner-logos:hover .gcf-partner-logos__track {
	animation-play-state: paused;
}

.gcf-partner-logos__tile {
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	width: 140px;
	height: 56px;
}

.gcf-partner-logos__tile img {
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

@keyframes gcf-partner-scroll {
	from {
		transform: translateX(0);
	}

	to {
		transform: translateX(-100%);
	}
}

@media (prefers-reduced-motion: reduce) {
	.gcf-partner-logos {
		-webkit-mask-image: none;
		mask-image: none;
	}

	.gcf-partner-logos__track {
		flex-wrap: wrap;
		justify-content: center;
		padding-right: 0;
		animation: none;
	}

	.gcf-partner-logos__track[aria-hidden="true"] {
		display: none;
	}
}