/* Extend the live artwork to every edge; inset only interactive content. */
html.rhdg-immersive-open,
html.rhdg-immersive-open body {
  overflow: hidden !important;
  overscroll-behavior: none;
  background: #050709;
}
html.rhdg-immersive-open .site-header,
html.rhdg-immersive-open .player {
  visibility: hidden;
}
.program-modal-backdrop.live-backdrop {
  inset: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  z-index: 10001;
}
.program-modal.live-immersive {
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.live-immersive .modal-hero {
  border: 0 !important;
  border-radius: 0 !important;
}
@media (max-width: 767px) {
  .live-immersive .modal-hero {
    padding-left: max(20px, env(safe-area-inset-left, 0px)) !important;
    padding-right: max(20px, env(safe-area-inset-right, 0px)) !important;
    padding-bottom: max(42px, env(safe-area-inset-bottom, 0px)) !important;
  }
  .live-immersive .modal-topbar {
    padding-top: max(22px, env(safe-area-inset-top, 0px)) !important;
    padding-left: max(20px, env(safe-area-inset-left, 0px)) !important;
    padding-right: max(20px, env(safe-area-inset-right, 0px)) !important;
  }
}