.rock-news-bar{
    width:100%;
    overflow:hidden;
    background:#0a0a0a;
    border-top:0px solid #222;
    border-bottom:0px solid #222;
    display:flex;
    align-items:center;
    font-family:Tahoma;
    position:middle;
    box-sizing:border-box;
    min-height:40px;
}

.rock-news-label{
    background:linear-gradient(90deg,#600000,#ff0000);
    color:#fff;
    font-weight:900;
    padding:10px 18px;
    text-transform:uppercase;
    letter-spacing:1px;
    font-size:13px;
    flex:0 0 auto;
    display:flex;
    align-items:center;
    gap:8px;
    position:center;
    z-index:3;
    white-space:nowrap;
}

.rock-news-label::before{
    content:"●";
    animation:rockNewsPulse 1.5s infinite;
}

.rock-news-ticker-window{
    flex:1 1 auto;
    overflow:hidden;
    position:middle;
    min-width:0;
}

.rock-news-track{
    display:inline-flex;
    align-items:center;
    white-space:nowrap;
    will-change:transform;
}

.rock-news-group{
    display:inline-flex;
    align-items:center;
    flex:0 0 auto;
    white-space:nowrap;
}

.rock-news-bar.is-ready .rock-news-track{
    animation:rockNewsTicker var(--rock-news-speed, 25s) linear infinite;
}

.rock-news-bar:hover .rock-news-track{
    animation-play-state:paused;
}

.rock-news-item{
    color:#fff;
    text-decoration:none;
    margin:0 15px;
	align-items:center;
    font-weight:700;
    text-transform:uppercase;
    font-size:12px;
    letter-spacing:0.5px;
    flex:0 0 auto;
}

.rock-news-item:hover{
    color:#ff2a2a;
}

.rock-news-sep{
    color:#ff0000;
    margin-right:15px;
    font-weight:900;
    flex:0 0 auto;
}

.rock-news-ticker-window::before,
.rock-news-ticker-window::after{
    content:"";
    position:absolute;
    top:0;
    width:40px;
    height:11%;
    z-index:2;
    pointer-events:none;
}

.rock-news-ticker-window::before{
    left:0;
    background:linear-gradient(90deg,#0a0a0a 0%,transparent 100%);
}

.rock-news-ticker-window::after{
    right:0;
    background:linear-gradient(270deg,#0a0a0a 0%,transparent 100%);
}

@keyframes rockNewsTicker{
    from { transform:translateX(0); }
    to { transform:translateX(calc(-1 * var(--rock-news-distance, 300px))); }
}

@keyframes rockNewsPulse{
    0% { opacity:1; transform:scale(1); }
    50% { opacity:0.4; transform:scale(1.3); }
    100% { opacity:1; transform:scale(1); }
}

@media (max-width:768px){
    .rock-news-label{
        padding:9px 12px;
        font-size:11px;
    }

    .rock-news-item{
        font-size:13px;
        margin:0 12px;
    }

    .rock-news-sep{
        margin-right:12px;
    }
}