/* MagicKit - Marquee */
.mk-marquee {
	--mk-marquee-gap: 40px;
	--mk-marquee-duration: 25s;
	padding: 18px 0;
	overflow: hidden;
}

.mk-marquee-fade-yes .mk-marquee {
	-webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
	mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}

.mk-marquee__track {
	display: flex;
	width: max-content;
	animation: mk-marquee var(--mk-marquee-duration) linear infinite;
	will-change: transform;
}

.mk-marquee--right .mk-marquee__track {
	animation-direction: reverse;
}

.mk-marquee--pause:hover .mk-marquee__track {
	animation-play-state: paused;
}

.mk-marquee__group {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	gap: var(--mk-marquee-gap);
	padding-right: var(--mk-marquee-gap);
}

.mk-marquee__item {
	display: inline-flex;
	align-items: center;
	white-space: nowrap;
}

.mk-marquee__item a {
	color: inherit;
	text-decoration: none;
}

.mk-marquee__item img {
	display: block;
	width: auto;
	height: 48px;
}

.mk-marquee__text {
	color: var(--mk-dark);
	font-size: clamp(28px, 4vw, 64px);
	font-weight: 800;
	line-height: 1.1;
	transition: color var(--mk-speed) ease;
}

.mk-marquee-outline-yes .mk-marquee__text {
	color: transparent;
	-webkit-text-stroke: 1.5px var(--mk-dark);
}

.mk-marquee-outline-yes .mk-marquee__item:nth-child(4n + 1) .mk-marquee__text {
	color: var(--mk-dark);
	-webkit-text-stroke: 0;
}

.mk-marquee__sep {
	display: inline-flex;
	color: var(--mk-primary);
	font-size: 28px;
}

.mk-marquee__sep svg {
	width: 1em;
	height: 1em;
	fill: currentColor;
}

@keyframes mk-marquee {
	to {
		transform: translateX(-50%);
	}
}