/* Add custom CSS styles below */ 
.vertical-news-bar{
  --ticker-height: 36px;
  padding: 0 !important;
  overflow: hidden !important;
}

.vertical-news-bar .animated-text__inner{
  height: var(--ticker-height) !important;
  overflow: hidden !important;
}

.vertical-news-bar ul{
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
  animation: vertical-news-scroll 22s linear infinite !important;
  will-change: transform;
}

.vertical-news-bar ul li{
  animation: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: var(--ticker-height) !important;
  min-height: var(--ticker-height) !important;
}

.vertical-news-bar ul li a{
  display: block !important;
  width: 100% !important;
  padding: 0 12px !important;
  line-height: var(--ticker-height) !important;
  text-align: center !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.vertical-news-bar:hover ul{
  animation-play-state: paused !important;
}

@keyframes vertical-news-scroll{
  from { transform: translateY(0); }
  to { transform: translateY(-50%); }
}