/* Oversized angled information ribbon. The copy follows the ribbon angle. */
.slanted-info-ticker {
  box-sizing: border-box;
  width: 108%;
  height: 132px;
  margin: 28px -4% 32px;
  border: 0;
  transform: rotate(-2.45deg);
  transform-origin: center;
  clip-path: none;
  background: linear-gradient(90deg,#063a59 0%,#12122f 45%,#48103e 100%);
  box-shadow: 0 -12px 46px rgba(22,213,255,.2),0 22px 54px rgba(255,32,156,.2);
}

.slanted-info-ticker::before,
.slanted-info-ticker::after {
  left: 0;
  right: 0;
  width: auto;
  transform: none;
}

.slanted-info-ticker::before { top: 0; height: 3px; }
.slanted-info-ticker::after { bottom: 0; height: 3px; }

.slanted-ticker-track {
  height: 100%;
  padding-block: 18px;
  transform: translate3d(0,0,0);
  animation: tvzz-safe-ticker-run 34s linear infinite;
}

.slanted-ticker-set span {
  min-height: 92px;
  padding-inline: 58px;
  font-size: 20px;
  line-height: 1;
  letter-spacing: .08em;
  text-shadow: 0 3px 18px rgba(0,0,0,.72);
}

.slanted-ticker-set span::after {
  margin-left: 58px;
  font-size: 13px;
}

@keyframes tvzz-safe-ticker-run {
  to { transform: translate3d(-50%,0,0); }
}

@media (max-width: 820px) {
  .slanted-info-ticker {
    width: 112%;
    height: 96px;
    margin: 20px -6% 24px;
    transform: rotate(-2.2deg);
  }

  .slanted-info-ticker::before { top: 0; }
  .slanted-info-ticker::after { bottom: 0; }
  .slanted-ticker-track {
    padding-block: 12px;
    transform: translate3d(0,0,0);
    animation: tvzz-mobile-ticker-run 27s linear infinite;
  }
  .slanted-ticker-set span {
    min-height: 70px;
    padding-inline: 34px;
    font-size: 15px;
  }
  .slanted-ticker-set span::after { margin-left: 34px; font-size: 10px; }
  @keyframes tvzz-mobile-ticker-run { to { transform: translate3d(-50%,0,0); } }
}

@media (prefers-reduced-motion: reduce) {
  .slanted-info-ticker { transform: none; }
  .slanted-ticker-track { transform: none; animation: none; overflow-x: auto; }
}