.leonlab-marquee {
	position: relative;
	max-width: 1100px;
	margin: 0 auto;
	overflow: hidden;
	border-radius: 18px;
	border: 1px solid rgba(148, 163, 184, 0.25);
	background: rgba(255, 255, 255, 0.55);
	backdrop-filter: blur(10px);
	padding: 14px 0;
	font-weight: 900;
	font-size: 13px;
	letter-spacing: -0.01em;
}

.leonlab-marquee__viewport {
	position: relative;
	overflow: hidden;
}

.leonlab-marquee__inner {
	display: flex;
	width: max-content;
	animation: leonlab-marquee-left var(--leonlab-marquee-duration, 24s) linear infinite;
	will-change: transform;
}

.leonlab-marquee--dir-right .leonlab-marquee__inner {
	animation-name: leonlab-marquee-right;
}

.leonlab-marquee--pause:hover .leonlab-marquee__inner {
	animation-play-state: paused;
}

.leonlab-marquee--fade .leonlab-marquee__viewport {
	-webkit-mask-image: linear-gradient(to right, transparent 0%, #000 10%, #000 90%, transparent 100%);
	mask-image: linear-gradient(to right, transparent 0%, #000 10%, #000 90%, transparent 100%);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
}

.leonlab-marquee__track {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	padding: 0 12px;
	white-space: nowrap;
	flex: 0 0 auto;
}

.leonlab-marquee__item {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.leonlab-marquee--chips .leonlab-marquee__item {
	padding: 10px 14px;
	border-radius: 999px;
	border: 1px solid rgba(148, 163, 184, 0.35);
	background: rgba(2, 6, 23, 0.04);
	font-weight: inherit;
	font-size: inherit;
}

.leonlab-marquee--plain .leonlab-marquee__item {
	font-weight: inherit;
	letter-spacing: inherit;
	opacity: 0.9;
}

@keyframes leonlab-marquee-left {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-50%);
	}
}

@keyframes leonlab-marquee-right {
	0% {
		transform: translateX(-50%);
	}
	100% {
		transform: translateX(0);
	}
}

@media (prefers-reduced-motion: reduce) {
	.leonlab-marquee__inner {
		animation: none;
	}
}