.block-newbanner {
  background: #000000;
  color: #ffffff;
  width: 100%;
  overflow: hidden;
  padding: 15px 0;
}
.block-newbanner .marquee {
  width: 100%;
  overflow: hidden;
}
.block-newbanner .marquee-track {
  display: flex;
  width: max-content;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  animation: block-newbanner-scroll 60s linear infinite;
  will-change: transform;
}
.block-newbanner .marquee-track span {
  flex: 0 0 auto;
}
@keyframes block-newbanner-scroll {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-50%, 0, 0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .block-newbanner .marquee-track {
    animation: none;
  }
}
@media (max-width: 768px) {
  .block-newbanner .marquee-track {
    font: var(--h2);
  }
}