/* sp-walkthrough.css — force video visible when playing */
#sp-walkthrough.sp-walkthrough-root {
  position: relative;
  isolation: isolate;
}
#sp-walkthrough .poster-wrapper {
  position: relative !important;
}

/* Idle: poster on, video off */
#sp-walkthrough .cinematic-slide:not(.sp-wt-playing):not(.sp-wt-paused) .live-video {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}
#sp-walkthrough .cinematic-slide:not(.sp-wt-playing):not(.sp-wt-paused) .poster-wrapper > img {
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
}

/* PLAYING — beat all other index CSS */
html body #sp-walkthrough .cinematic-slide.sp-wt-playing .live-video,
html body #sp-walkthrough .cinematic-slide.sp-wt-paused .live-video {
  transition: opacity 0.12s ease !important;
}
html body #sp-walkthrough .cinematic-slide.sp-wt-playing .live-video,
html body #sp-walkthrough .cinematic-slide.sp-wt-paused .live-video,
html body #sp-walkthrough .cinematic-slide.sp-offline-playing .live-video,
html body #sp-walkthrough .cinematic-slide.sp-wt-playing .poster-wrapper .live-video,
html body #sp-walkthrough .cinematic-slide.sp-offline-playing .poster-wrapper .live-video {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 8 !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  pointer-events: none !important;
  background: #000 !important;
}
html body #sp-walkthrough .cinematic-slide.sp-wt-playing .live-video iframe,
html body #sp-walkthrough .cinematic-slide.sp-wt-paused .live-video iframe,
html body #sp-walkthrough .cinematic-slide.sp-offline-playing .live-video iframe {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
}
html body #sp-walkthrough .cinematic-slide.sp-wt-playing .poster-wrapper > img,
html body #sp-walkthrough .cinematic-slide.sp-wt-paused .poster-wrapper > img,
html body #sp-walkthrough .cinematic-slide.sp-offline-playing .poster-wrapper > img {
  opacity: 0 !important;
  visibility: hidden !important;
}
html body #sp-walkthrough .cinematic-slide.sp-wt-playing .playBut,
html body #sp-walkthrough .cinematic-slide.sp-wt-playing a.playBut,
html body #sp-walkthrough .cinematic-slide.sp-offline-playing .playBut,
html body #sp-walkthrough .cinematic-slide.sp-offline-playing a.playBut {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Stopped */
html body #sp-walkthrough .cinematic-slide.sp-wt-stopped .live-video {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}
html body #sp-walkthrough .cinematic-slide.sp-wt-stopped .poster-wrapper > img {
  opacity: 1 !important;
  visibility: visible !important;
}

/* smooth return */
html body #sp-walkthrough .cinematic-slide.sp-wt-playing .live-video,
html body #sp-walkthrough .cinematic-slide.sp-wt-paused .live-video {
  transition: opacity 0.12s ease !important;
}
html body #sp-plyr-overlay {
  transition: opacity 0.18s ease, visibility 0.18s ease !important;
}