.ticker-container {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.ticker {
  white-space: nowrap;
  display: inline-block;
  padding-left: 100%;
  animation: ticker-scroll 60s linear infinite;
  text-transform: uppercase;
}

@keyframes ticker-scroll {
  0% {
    transform: translate3d(0, 0, 0);
  }

  100% {
    transform: translate3d(-100%, 0, 0);
  }
}

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

.ticker span.stock-up {
  color: #00ff00;
}

.ticker span.stock-down {
  color: #ff0000;
}

.ticker {
  font-size: var(--ticker-font-size);
  letter-spacing: 0.5px;
}