.kbt-ticker{
  width:100%;
  overflow:hidden;
  background:#0b0b0b;
}

.kbt-ticker__viewport{
  width:100%;
  overflow:hidden;
}

.kbt-ticker__track{
  display:flex;
  width:max-content;
  will-change:transform;
  animation-name:kbt-marquee;
  animation-duration:var(--kbt-duration, 25s);
  animation-timing-function:linear;
  animation-iteration-count:infinite;
  animation-play-state:running;
}

.kbt-ticker[data-kbt-dir="right"] .kbt-ticker__track{
  animation-direction:reverse;
}

.kbt-ticker[data-kbt-pause="yes"]:hover .kbt-ticker__track{
  animation-play-state:paused;
}

.kbt-ticker__group{
  display:flex;
  align-items:center;
  gap:var(--kbt-gap, 28px);
  padding-right:var(--kbt-gap, 28px);
}

.kbt-item{
  display:inline-flex;
  align-items:baseline;
  gap:8px;
  text-decoration:none;
  white-space:nowrap;
  font-weight:600;
  letter-spacing:0.2px;
}

.kbt-item:focus{
  outline:2px solid rgba(255,255,255,0.35);
  outline-offset:2px;
}

.kbt-item__name{
  font-size:14px;
}

.kbt-item__trend{
  font-size:12px;
  line-height:1;
  opacity:0.95;
}

.kbt-item__value{
  font-size:14px;
}

.kbt-item__unit,
.kbt-item__change{
  font-size:12px;
  opacity:0.9;
}

@keyframes kbt-marquee{
  from{ transform:translateX(0); }
  to{ transform:translateX(calc(-1 * var(--kbt-shift, 50%))); }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .kbt-ticker__track{ animation: none !important; transform:none !important; }
}