.video-stage > .landscape-video {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
  opacity: 0;
  transition: opacity .6s ease;
}
.video-stage > .landscape-video.is-ready { opacity: 1; }
.video-stage > .landscape-video[hidden] { display: none; }
.video-controls .landscape-toggle {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 50%;
  padding: 5px;
  min-width: 28px;
  min-height: 28px;
  background: #071b2d45;
  color: #fff;
}
.video-controls .landscape-toggle:hover:not(:disabled) { background: #071b2d88; }
.video-controls .landscape-toggle:disabled { opacity: .65; }
.video-controls .landscape-toggle .icon { width: 12px; height: 12px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.landscape-toggle[hidden], .landscape-toggle [hidden] { display: none !important; }
.video-controls [data-landscape-time] { white-space: nowrap; font-variant-numeric: tabular-nums; }
.video-controls .video-timeline i { width: 0; }
.landscape-playing .video-controls .video-timeline i { transition: width .22s linear; }
.landscape-playing .video-controls .video-timeline.is-loop-reset i { transition: none; }
@media (max-width: 640px) {
  .video-controls .landscape-toggle { min-width: 32px; min-height: 32px; padding: 7px; }
}
@media (prefers-reduced-motion: reduce) {
  .video-stage > .landscape-video { transition: none; }
}