/* Scope to the existing player containers. The picture is the only in-flow child. */
dialog:is(.film-dialog,#collection-player,#screening).minimal-video,
#film-modal .film-dialog.minimal-video {
  --picture-ratio: 1.7777778;
  --close-space: 48px;
  position: fixed !important;
  inset: calc(var(--close-space) + env(safe-area-inset-top, 0px)) 0 env(safe-area-inset-bottom, 0px) !important;
  box-sizing: content-box !important;
  width: min(1200px, calc(100vw - 26px), calc((100dvh - var(--close-space) - 18px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) * var(--picture-ratio))) !important;
  height: auto !important;
  aspect-ratio: var(--picture-ratio) !important;
  max-width: none !important;
  max-height: none !important;
  margin: auto !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 1px solid #b4b1aa4d !important;
  border-radius: 3px !important;
  background: #000 !important;
  box-shadow: 0 12px 48px #0009 !important;
}
dialog.minimal-video::backdrop {
  background: #080809b8 !important;
  backdrop-filter: blur(4px);
}
#film-modal:has(.minimal-video) {
  background: #080809b8;
  backdrop-filter: blur(4px);
}
.minimal-video::before, .minimal-video::after,
.minimal-video > .film-dialog-shell::before, .minimal-video > .film-dialog-shell::after,
.minimal-video :is(.dialog-head,.dialog-caption,.film-top,.film-foot,.player-footer) {
  display: none !important;
}
.minimal-video > .film-dialog-shell {
  height: 100% !important;
  width: 100% !important;
  position: static !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: #000 !important;
  box-shadow: none !important;
  overflow: visible !important;
}
.minimal-video :is(.dialog-video,.player-mount,.film-frame,#player) {
  height: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: inherit !important;
  background: #000 !important;
  overflow: hidden !important;
}
.minimal-video :is(iframe,video) {
  display: block;
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
  object-fit: contain;
}
.minimal-video > button.minimal-video-close {
  position: absolute !important;
  inset: auto 0 calc(100% + 2px) auto !important;
  display: grid !important;
  place-items: center;
  width: 44px !important;
  height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  background: transparent !important;
  color: #f5f1eb !important;
  border: 0 !important;
  box-shadow: none !important;
  font: 400 25px/1 system-ui, sans-serif !important;
  cursor: pointer;
  z-index: 10;
}
.minimal-video > button.minimal-video-close:is(:hover,:focus-visible) {
  background: #ffffff15 !important;
  outline: 1px solid #ffffff70;
}