/* Explain: Styles for reusable UI components, including marquee animation. */
@keyframes ticker-rtl {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(100%);
    }
}

.ticker-content {
    display: inline-block;
    white-space: nowrap;
    padding-left: 100%;
    animation: ticker-rtl 100s linear infinite;
    will-change: transform;
}