.news-ticket-container {
    background: #1a1a1b;
    color: white;
    font-size: 0.875rem;
    display: flex;
    align-items: center;
    overflow: hidden;
    height: 40px;
    border-bottom: 1px solid var(--color-border);
    margin-top: 64px;
    /* Fix for fixed navbar */
}

.ticker-title {
    background: #ff4500;
    color: white;
    font-weight: 700;
    padding: 0 16px;
    height: 100%;
    display: flex;
    align-items: center;
    white-space: nowrap;
    font-size: 0.75rem;
    z-index: 2;
}

.ticker-content {
    flex: 1;
    overflow: hidden;
    position: relative;
    height: 100%;
}

.ticker-wrap {
    display: flex;
    align-items: center;
    height: 100%;
    animation: ticker 45s linear infinite;
    white-space: nowrap;
    padding-left: 100%;
}

.ticker-item {
    display: inline-flex;
    align-items: center;
    padding: 0 24px;
    color: #e5e7eb;
}

.ticker-item a {
    color: inherit;
    text-decoration: none;
}

.ticker-item a:hover {
    text-decoration: underline;
    color: white;
}

.ticker-label {
    background: rgba(255, 255, 255, 0.2);
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 0.625rem;
    font-weight: 700;
    margin-right: 8px;
}

@keyframes ticker {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-100%);
    }
}

.ticker-wrap:hover {
    animation-play-state: paused;
}