/* Бесконечная лента каналов. В экспорте правила лежали инлайновым <style>
   внутри секции; наведение ставит прокрутку на паузу. */
.hero__cards {
	animation: tribute-hero-marquee 60s linear infinite;
}

.hero__cards-scroll:hover .hero__cards {
	animation-play-state: paused;
}

@keyframes tribute-hero-marquee {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(-100%);
	}
}

@media screen and (max-width: 378px) {
	.hero__title {
		max-width: 320px;
	}
}