@keyframes j9-notice-marquee-rtl {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(50%);
    }
}

.j9-notice-marquee-inner {
    display: inline-flex;
    width: max-content;
    animation: j9-notice-marquee-rtl var(--j9-marquee-duration, 22s) linear infinite;
}

.j9-notice-marquee-inner > span {
    display: inline-block;
    padding-inline-end: 3rem;
    white-space: nowrap;
}

@media (prefers-reduced-motion: reduce) {
    .j9-notice-marquee-inner {
        animation: none !important;
    }
}