.ims-logo-strip {
	width: 100%;
	overflow: hidden;
}

.ims-logo-strip .ims-logo-strip__viewport {
	display: flex;
	width: 100%;
	overflow: hidden;
}

.ims-logo-strip .ims-logo-strip__track {
	display: flex;
	gap: 20px;
	align-items: center;
	flex-shrink: 0;
	padding: 0 10px;
}

/* Static mode: centre and wrap instead of scrolling */
.ims-logo-strip.is-static .ims-logo-strip__viewport {
	justify-content: center;
}

.ims-logo-strip.is-static .ims-logo-strip__track {
	flex-wrap: wrap;
	justify-content: center;
	max-width: 1200px;
	margin: 0 auto;
}

/* Scrolling mode */
.ims-logo-strip.is-animated .ims-logo-strip__track {
	animation-name: imsLogoScroll;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

.ims-logo-strip.is-animated:hover .ims-logo-strip__track {
	animation-play-state: paused;
}

@keyframes imsLogoScroll {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-100%);
	}
}

/* Respect visitors who prefer reduced motion */
@media (prefers-reduced-motion: reduce) {
	.ims-logo-strip.is-animated .ims-logo-strip__track {
		animation: none;
	}
	.ims-logo-strip.is-animated .ims-logo-strip__viewport {
		justify-content: center;
		flex-wrap: wrap;
	}
}