.wams-marquee-container {
	position: relative;
	overflow: hidden;
	background: #10462C;
	padding: 13px 0;
	-webkit-mask-image: linear-gradient( 90deg, transparent, #000 40px, #000 calc( 100% - 40px ), transparent );
	mask-image: linear-gradient( 90deg, transparent, #000 40px, #000 calc( 100% - 40px ), transparent );
}

.wams-marquee-track {
	display: inline-flex;
	align-items: center;
	white-space: nowrap;
	animation: wams-marquee-scroll 14s linear infinite;
	animation-play-state: paused;
	will-change: transform;
}

.wams-marquee-track.is-ready {
	animation-play-state: running;
}

.wams-marquee-container:hover .wams-marquee-track.is-ready {
	animation-play-state: paused;
}

.wams-marquee-set {
	display: inline-flex;
	align-items: center;
}

.wams-marquee-item {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #ffffff;
	text-decoration: none;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 0.01em;
	padding: 0 4px;
}

.wams-marquee-item:hover {
	color: rgba( 255, 255, 255, 0.75 );
}

.wams-marquee-icon {
	width: 15px;
	height: 15px;
	flex: none;
	color: rgba( 255, 255, 255, 0.55 );
	transition: color 0.15s ease;
}

.wams-marquee-item:hover .wams-marquee-icon {
	color: #ffffff;
}

.wams-marquee-separator {
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: rgba( 255, 255, 255, 0.3 );
	margin: 0 22px;
	flex: none;
}

@keyframes wams-marquee-scroll {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(calc(-1 * var(--wams-marquee-shift, 0px)));
	}
}

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