/* Main Container */
.slg-container {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	width: 100%;
	position: relative;
}

/* Row wrapping the track */
.slg-row {
	display: flex;
	width: 100%;
	overflow: hidden;
	position: relative;
}

/* The animating track */
.slg-track {
	display: flex;
	align-items: center;
	width: max-content;
	flex-wrap: nowrap;
	will-change: transform;
}

/* Pause on hover/focus */
.slg-container.slg-pause-hover .slg-row:hover .slg-track,
.slg-container.slg-pause-hover .slg-row:focus-within .slg-track {
	animation-play-state: paused !important;
}

/* Items */
.slg-item {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.slg-item a {
	display: block;
	width: 100%;
	height: 100%;
}

.slg-item img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
}

/* Keyframes */
@keyframes slg-marquee-left {
	0% { transform: translate3d(0, 0, 0); }
	100% { transform: translate3d(-50%, 0, 0); } /* Track contains 2 full sets */
}

@keyframes slg-marquee-right {
	0% { transform: translate3d(-50%, 0, 0); }
	100% { transform: translate3d(0, 0, 0); }
}

/* Reduced Motion */
@media (prefers-reduced-motion: reduce) {
	.slg-track {
		animation: none !important;
		flex-wrap: wrap;
		width: 100%;
		justify-content: center;
	}
	.slg-item[aria-hidden="true"] {
		display: none !important;
	}
}
