#library-film-frame {
  position: relative;
  width: min(76vw, 720px, 60.8dvh);
  aspect-ratio: 4 / 5;
  background: #141414;
}
#library-film #library-film-frame video {
  width: 100%;
  height: 100%;
  max-height: none;
  object-fit: contain;
}
#library-film-counter { position: absolute; inset: 0; pointer-events: none; }
#library-film-counter[hidden] { display: none; }
#library-film-counter svg { width: 100%; height: 100%; font-family: Georgia, 'Times New Roman', serif; }
#library-film-frame:fullscreen { width: 100%; height: 100%; }
#library-film-frame:fullscreen #library-film-fullscreen {
  position: absolute; right: 8px; top: 8px; background: #141414; border-radius: 6px;
}
#library-film video::cue { color: #172530; background-color: #f6f0e0; font-family: Georgia, serif; }