.cp-logo-strip {
	--cp-ls-bg: #F4F4F5;
	--cp-ls-color: var(--cp-text-label);
	--cp-ls-duration: 30s;

	background: var(--cp-ls-bg);
	padding: 18px 0;
	overflow: hidden;
}

.cp-logo-strip__track {
	display: flex;
	width: max-content;
	animation: cp-logo-strip-scroll var(--cp-ls-duration) linear infinite;
}

.cp-logo-strip--static .cp-logo-strip__track {
	animation: none;
	justify-content: center;
	width: 100%;
	flex-wrap: wrap;
}

.cp-logo-strip__item {
	display: inline-flex;
	align-items: center;
	gap: 24px;
	padding: 0 24px;
	font-size: 14px;
	font-weight: 600;
	white-space: nowrap;
	color: var(--cp-ls-color);
}

.cp-logo-strip__dot {
	opacity: 0.6;
}

@keyframes cp-logo-strip-scroll {
	from { transform: translateX(0); }
	to   { transform: translateX(-25%); }
}

@media (prefers-reduced-motion: reduce) {
	.cp-logo-strip__track {
		animation: none;
	}
}