#radio-ticker{

display:none;

position:fixed;

left:0;
width:100%;

background:#333;
color:#ffcc00;

overflow:hidden;

z-index:900;

font-size:14px;

box-shadow:0 2px 6px rgba(0,0,0,0.35);

}

.ticker-container{

width:100%;

overflow:hidden;

}

.ticker-track{

display:flex;

width:max-content;

animation:tickerMove 30s linear infinite;


}

.ticker-content{

display:flex;

align-items:center;

white-space:nowrap;

gap:40px;

padding-right:40px;

}

@keyframes tickerMove{

0%{
transform:translateX(0);
}

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

}


.radio-track span{

margin-right:40px;

}

.separator{

opacity:0.5;

}

.live-badge{

background:red;
color:white;

padding:3px 8px;

border-radius:0px;

margin-right:15px;

font-weight:bold;

animation:liveblink 1s infinite;

}

@keyframes liveblink{

0%{opacity:1}
50%{opacity:0.3}
100%{opacity:1}

}

@keyframes tickerScroll{

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

}

#cover{

width:40px;
height:40px;

object-fit:cover;

margin-right:12px;

border-radius:4px;

vertical-align:middle;

}

#nowplaying{

color:#ffffff;


}

#program-name{

color:#ffffff;


}

#temperature{

color:#ffffff;


}