@property --reports-x {
    syntax: "<percentage>";
    inherits: true;
    initial-value: 0%;
}

@keyframes reports-slide {
    from {
        --reports-x: 0%;
    }

    to {
        --reports-x: -100%;
    }
}

.marquee-reports {
    overflow: hidden;
    flex-shrink: 0;
}

.marquee-reports-content {
    flex-shrink: 0;
    translate: var(--reports-x);
    animation: reports-slide 30s linear infinite;
}