html.nadir-scroll-sequences .media-plane video {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

html.nadir-scroll-sequences .media-plane .poster {
  opacity: 1 !important;
}

.scroll-sequence {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: block;
  opacity: 0;
  pointer-events: none;
  touch-action: pan-y;
  transition: opacity 180ms linear;
  transform: translateZ(0);
}

.scroll-sequence.is-ready {
  opacity: 1;
}

html.nadir-scroll-sequences .media-grade {
  z-index: 2;
}

.rupture-canvas {
  pointer-events: none !important;
}

@media (max-width: 599px) {
  .scroll-sequence {
    touch-action: pan-y !important;
  }

  .rupture-canvas {
    pointer-events: none !important;
    touch-action: pan-y !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .scroll-sequence {
    display: none;
  }
}