@keyframes hero-banner-usp-ticker {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(min(0px, calc(-100% + 100cqw)));
    }
}

[data-content-type="hero_banner"] .hero-banner-usp-track {
    animation: hero-banner-usp-ticker 16s linear infinite alternate;
}

@media (min-width: 768px) {
    [data-content-type="hero_banner"] .hero-banner-usp-track {
        animation-duration: 12s;
    }
}

@media (min-width: 1280px) {
    [data-content-type="hero_banner"] .hero-banner-usp-track {
        animation-duration: 4s;
    }
}

[data-content-type="hero_banner"] .hero-banner-usp:hover .hero-banner-usp-track {
    animation-play-state: paused;
}

@media (prefers-reduced-motion: reduce) {
    [data-content-type="hero_banner"] .hero-banner-usp-track {
        animation: none;
    }
}