.z-datav-marquee {
  overflow: hidden;
  position: relative;
}

.z-datav-marquee .marquee-content {
  position: absolute;
  white-space: nowrap;
  animation: marqueeAnimation 10s linear infinite;
}

@keyframes marqueeAnimation {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}

.z-datav-marquee-up .marquee-content {
  display: block;
  position: absolute;
  animation: marqueeUpAnimation 10s linear infinite;
}

@keyframes marqueeUpAnimation {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(-100%);
  }
}