#dynamic-marquee-container {
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    height: 40px;
    pointer-events: auto; /* Ensure container allows pointer events */
}

#dynamic-marquee {
    position: absolute;
    white-space: nowrap;
    animation: scroll-right linear 60s infinite; /* Fallback duration */
    font-size: 14px;
    line-height: 40px;
    color: var(--wd-widget-title-color);
}

/* Keyframes for scrolling */
@keyframes scroll-right {
    from {
        transform: translateX(-50%);
    }
    to {
        transform: translateX(100%);
    }
}