/* SphereNexus v2.6.2 — always-populated continuous Live News marquee. */
.live-update-bar--marquee .live-update-bar__inner {
    grid-template-columns: auto minmax(0, 1fr) auto;
}

.live-update-bar--marquee .live-update-viewport {
    height: 28px;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 24px, #000 calc(100% - 24px), transparent);
    mask-image: linear-gradient(90deg, transparent, #000 24px, #000 calc(100% - 24px), transparent);
}

.live-news-marquee {
    width: max-content;
    min-width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    animation: spherenexusLiveMarquee var(--sn-ticker-duration, 36s) linear infinite;
    will-change: transform;
}

.live-news-marquee__group {
    min-width: max-content;
    height: 100%;
    display: flex;
    align-items: center;
}

.live-update-bar--marquee .live-update-item {
    position: relative;
    inset: auto;
    min-width: max-content;
    height: 100%;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 0 27px 0 0;
    margin: 0 22px 0 0;
    color: #e7f0f5;
    opacity: 1;
    visibility: visible;
    transform: none;
    transition: color .2s ease;
    white-space: nowrap;
}

.live-update-bar--marquee .live-update-item::after {
    content: "";
    position: absolute;
    right: 0;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #31bdb6;
    box-shadow: 0 0 0 4px rgba(49, 189, 182, .12);
}

.live-update-bar--marquee .live-update-item__title {
    max-width: none;
    overflow: visible;
    text-overflow: clip;
}

.live-update-bar--marquee:hover .live-news-marquee,
.live-update-bar--marquee:focus-within .live-news-marquee {
    animation-play-state: paused;
}

@keyframes spherenexusLiveMarquee {
    from { transform: translate3d(0, 0, 0); }
    to { transform: translate3d(-50%, 0, 0); }
}

@media (max-width: 820px) {
    .live-update-bar--marquee .live-update-bar__inner {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .live-update-bar--marquee .live-update-viewport {
        height: 26px;
        -webkit-mask-image: linear-gradient(90deg, transparent, #000 13px, #000 calc(100% - 13px), transparent);
        mask-image: linear-gradient(90deg, transparent, #000 13px, #000 calc(100% - 13px), transparent);
    }

    .live-update-bar--marquee .live-update-item {
        gap: 7px;
        margin-right: 17px;
        padding-right: 22px;
    }

    .live-update-bar--marquee .live-update-item__category,
    .live-update-bar--marquee .live-update-item__time {
        display: inline-block;
    }
}

@media (max-width: 520px) {
    .live-update-bar--marquee .live-update-badge {
        width: auto;
        min-width: 72px;
        justify-content: flex-start;
        padding: 6px 14px 6px 9px;
    }

    .live-update-bar--marquee .live-update-badge span:last-child {
        display: inline;
    }

    .live-update-bar--marquee .live-update-item__category,
    .live-update-bar--marquee .live-update-item__time {
        display: none;
    }

    .live-update-bar--marquee .live-update-item__title {
        font-size: 10px;
        font-weight: 600;
    }
}

@media (prefers-reduced-motion: reduce) {
    .live-news-marquee {
        width: 100%;
        animation: none;
    }

    .live-news-marquee__group:first-child {
        min-width: 0;
        overflow: hidden;
    }

    .live-news-marquee__group[aria-hidden="true"] {
        display: none;
    }
}