/* BazarFeed moving ticker — v2 */
.bf-tickers{
  width:100%;
  overflow:hidden;
  background:#090909;
  border-bottom:1px solid rgba(197,151,62,.22);
  position:relative;
  z-index:20;
}
.bf-ticker{
  width:100%;
  height:58px;
  display:flex;
  align-items:center;
  overflow:hidden;
  position:relative;
  box-sizing:border-box;
}
.bf-ticker + .bf-ticker{border-top:1px solid rgba(255,255,255,.08)}
.bf-ticker-label{
  flex:0 0 auto;
  height:100%;
  min-width:136px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 14px;
  box-sizing:border-box;
  color:#fff;
  font-size:13px;
  font-weight:800;
  letter-spacing:.3px;
  white-space:nowrap;
  position:relative;
  z-index:3;
}
.bf-crypto .bf-ticker-label{background:#101922}
.bf-market .bf-ticker-label{background:#d7192f}
.bf-marquee{
  min-width:0;
  flex:1 1 auto;
  height:100%;
  overflow:hidden;
  position:relative;
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 22px,#000 calc(100% - 22px),transparent 100%);
  mask-image:linear-gradient(to right,transparent 0,#000 22px,#000 calc(100% - 22px),transparent 100%);
}
.bf-marquee-track{
  display:flex;
  width:max-content;
  min-width:max-content;
  height:100%;
  align-items:center;
  will-change:transform;
  animation:bfTickerMove 28s linear infinite;
}
.bf-market .bf-marquee-track{animation-duration:32s}
.bf-marquee:hover .bf-marquee-track{animation-play-state:paused}
.bf-ticker-items{
  display:flex;
  align-items:center;
  height:100%;
  flex:0 0 auto;
}
.bf-ticker-items.bf-clone{margin-left:0}
.bf-ticker-item{
  height:100%;
  min-width:205px;
  padding:0 18px;
  display:flex;
  align-items:center;
  gap:7px;
  border-right:1px solid rgba(255,255,255,.10);
  color:#fff;
  white-space:nowrap;
  box-sizing:border-box;
}
.bf-market .bf-ticker-item{min-width:210px}
.bf-ticker-item b{font-size:13px;letter-spacing:.2px}
.bf-ticker-item small{font-size:11px;color:#aeb6bf}
.bf-ticker-item strong{font-size:13px;color:#f5f5f5}
.bf-ticker-item em{font-size:11px;font-style:normal;font-weight:700}
.bf-ticker-item em.up{color:#18c88b}
.bf-ticker-item em.down{color:#ff4d61}
.bf-ticker-arrow{
  flex:0 0 52px;
  width:52px;
  height:100%;
  border:0;
  border-left:1px solid rgba(255,255,255,.12);
  background:#10161d;
  color:#fff;
  font-size:30px;
  line-height:1;
  cursor:pointer;
  position:relative;
  z-index:4;
}
.bf-market .bf-ticker-arrow{background:#f4f4f4;color:#222}
@keyframes bfTickerMove{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}
@media(max-width:700px){
  .bf-ticker{height:48px}
  .bf-ticker-label{min-width:118px;font-size:11px;padding:0 9px}
  .bf-ticker-item,.bf-market .bf-ticker-item{min-width:180px;padding:0 12px;gap:5px}
  .bf-ticker-item b,.bf-ticker-item strong{font-size:12px}
  .bf-ticker-item small,.bf-ticker-item em{font-size:10px}
  .bf-ticker-arrow{flex-basis:40px;width:40px;font-size:25px}
}
@media(prefers-reduced-motion:reduce){
  .bf-marquee-track{animation-duration:90s}
}