.stw-marquee-band__pista {
	overflow: hidden;
	width: 100%;

	-webkit-mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
	mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
}

@media (hover: hover) and (pointer: fine) {
	.stw-marquee-band__pista:hover .stw-marquee-band__riga {
		animation-play-state: paused;
	}
}

.stw-marquee-band__pista:focus-within .stw-marquee-band__riga {
	animation-play-state: paused;
}

.stw-marquee-band__riga {
	display: flex;
	width: max-content;
	animation: stw-marquee var(--stw-marquee-durata, 26s) linear infinite;
}

.stw-marquee-band__gruppo {
	display: flex;
	align-items: center;
	flex: 0 0 auto;
	gap: var(--stw-marquee-gap, clamp(24px, 4cqw, 64px));
	padding-right: var(--stw-marquee-gap, clamp(24px, 4cqw, 64px));
}

.stw-marquee-band__voce {
	display: inline-flex;
	align-items: center;
	white-space: nowrap;
	font-family: var(--stw-font-testo, "Manrope", sans-serif);
	font-size: var(--stw-etichetta, 12px);
	font-weight: var(--stw-font-testo-peso-forte, 500);
	letter-spacing: var(--stw-etichetta-spaziatura, 0.14em);
	text-transform: var(--stw-etichetta-trasformazione, uppercase);

	color: var(--stw-testo-secondario, #5b6673);
}

.stw-marquee-band--separatore-punto .stw-marquee-band__voce:not(:last-child)::after {
	content: "·";
	margin-left: var(--stw-marquee-gap, clamp(24px, 4cqw, 64px));
	color: var(--stw-accento-testo, var(--stw-accento, #2557d6));
}

.stw-marquee-band__voce--logo img {
	display: block;
	height: var(--stw-marquee-logo-altezza, 28px);
	width: auto;
}

@keyframes stw-marquee {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-50%);
	}
}

.stw-marquee-band--direzione-indietro .stw-marquee-band__riga {
	animation-direction: reverse;
}

@media (prefers-reduced-motion: reduce) {
	.stw-marquee-band__riga {
		animation: none;
		transform: none;
		width: auto;
		flex-wrap: wrap;
	}

	.stw-widget--marquee-band .stw-marquee-band__gruppo {
		padding-right: 0;
		flex-wrap: wrap;
		row-gap: .4em;
		max-width: 100%;
	}

	.stw-widget--marquee-band .stw-marquee-band__voce {
		white-space: normal;
		max-width: 100%;
	}

	.stw-marquee-band__gruppo--duplicato {
		display: none;
	}
}