html body #rn-viewport-tickers .rn-breaking-ticker-row {
    flex-basis: calc(var(--rn-v4-ticker-1-height, 25px) + 2px) !important;
    height: calc(var(--rn-v4-ticker-1-height, 25px) + 2px) !important;
    min-height: calc(var(--rn-v4-ticker-1-height, 25px) + 2px) !important;
    max-height: calc(var(--rn-v4-ticker-1-height, 25px) + 2px) !important;
    line-height: calc(var(--rn-v4-ticker-1-height, 25px) + 2px) !important;
}

html body #rn-viewport-tickers.rn-viewport-tickers:has(.rn-breaking-ticker-row) {
    height: calc(var(--rn-v4-ticker-1-height, 25px) + var(--rn-v4-ticker-2-height, 24px) + var(--rn-v4-ticker-3-height, 24px) + 2px) !important;
    max-height: none !important;
}

html body #rn-viewport-tickers .rn-breaking-ticker-row .rn-viewport-ticker-track {
    display: flex !important;
    align-items: center !important;
}

html body #rn-viewport-tickers .rn-breaking-ticker-text {
    position: relative !important;
    inset: auto !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 0 14px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
    animation: none !important;
    transform: translateY(0) !important;
    opacity: 1 !important;
    transition: opacity .22s ease, transform .22s ease !important;
    will-change: opacity, transform !important;
}

html body #rn-viewport-tickers .rn-breaking-sentence {
    position: absolute !important;
    inset: 0 14px !important;
    display: block !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: opacity .24s ease, transform .24s ease !important;
    pointer-events: none !important;
}

html body #rn-viewport-tickers .rn-breaking-sentence.is-active {
    position: relative !important;
    inset: auto !important;
    opacity: 1 !important;
    transform: translateY(0) !important;
}

@media (max-width: 699px) {
    html body #rn-viewport-tickers .rn-breaking-ticker-text {
        padding: 0 9px !important;
        font-size: 9.5px !important;
    }
    html body #rn-viewport-tickers .rn-breaking-sentence {
        inset: 0 9px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    html body #rn-viewport-tickers .rn-breaking-ticker-text {
        transition: none !important;
    }
}

/* Keep the complete ticker stack physically attached to its lower boundary. */
@media (min-width: 1181px) {
    html body #rn-viewport-tickers.rn-viewport-tickers {
        bottom: 0 !important;
        transform: none !important;
    }
}

@media (min-width: 700px) and (max-width: 1180px) {
    html body #rn-viewport-tickers.rn-viewport-tickers {
        bottom: 0 !important;
        transform: none !important;
    }
}

@media (max-width: 699px) {
    html body #rn-viewport-tickers.rn-viewport-tickers {
        bottom: var(--rn-site-bottom-menu-height, 68px) !important;
        transform: none !important;
    }
}