.msr-dock {
  position: fixed !important;
  z-index: 100 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  background: rgba(4, 16, 27, .98) !important;
  box-shadow: 0 -16px 48px #0008, 0 24px 0 24px rgba(4, 16, 27, .98) !important;
}

.msr-shell > .msr-experience,
.msr-tv-detail > .msr-panel > .msr-experience {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.msr-shell > .msr-experience {
  min-height: calc(100vh - 72px);
  min-height: calc(100dvh - 72px);
}

.msr-tv-detail > .msr-panel > .msr-experience {
  width: 100%;
  height: 100%;
}

.msr-shell > .msr-experience > iframe,
.msr-tv-detail > .msr-panel > .msr-experience > iframe {
  flex: 1 1 auto;
  min-height: 0;
  height: auto;
  margin-bottom: 0;
}

.msm-radiola-root:has(> .msr-dock) .msr-shell > .msr-experience,
.msm-radiola-root:has(> .msr-dock) .msr-tv-detail > .msr-panel > .msr-experience {
  padding-bottom: 83px !important;
}

@media (max-width: 720px) {
  .msm-radiola-root:has(> .msr-dock) .msr-shell > .msr-experience,
  .msm-radiola-root:has(> .msr-dock) .msr-tv-detail > .msr-panel > .msr-experience {
    padding-bottom: 65px !important;
  }
}