.cd-pl-row { margin-bottom: 40px; }
.cd-pl-row:last-child { margin-bottom: 0; }
.cd-pl-row__head { margin-bottom: 18px; }
.cd-pl-row__title { font-size: 18px; font-weight: 800; color: #0B2545; margin: 0 0 4px; }
.cd-pl-row__desc { font-size: 13.5px; color: #64748B; margin: 0; }

.cd-pl-track-mask {
	overflow: hidden;
	-webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
	mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
}

.cd-pl-track {
	display: flex;
	align-items: center;
	width: max-content;
	animation: cd-pl-scroll 30s linear infinite;
}
.cd-pl-track-mask:hover .cd-pl-track { animation-play-state: paused; }

@keyframes cd-pl-scroll {
	from { transform: translateX(0); }
	to   { transform: translateX(-50%); }
}

.cd-pl-logo {
	flex-shrink: 0;
	width: 160px;
	height: 90px;
	margin: 0 16px;
	background: #fff;
	border: 1px solid #E2E8F0;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 14px 18px;
}
.cd-pl-logo a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.cd-pl-logo img { max-width: 100%; max-height: 100%; object-fit: contain; filter: grayscale(100%); opacity: .75; transition: filter .2s ease, opacity .2s ease; }
.cd-pl-logo:hover img { filter: grayscale(0%); opacity: 1; }
.cd-pl-logo__fallback { font-size: 12.5px; font-weight: 700; color: #64748B; text-align: center; }

.cd-pl-empty { color: #64748B; font-size: 14px; }

@media (prefers-reduced-motion: reduce) {
	.cd-pl-track { animation: none; }
}