/* Keep the same viewport before metadata, during cover fade and during playback. */
.media-shell-cover-start .media-viewport{position:relative;aspect-ratio:16/9;max-height:65vh;flex-shrink:0;background:#000}
.media-shell.media-shell-cover-start .media-viewport video{position:absolute;inset:0;width:100%;height:100%;min-height:0;max-height:100%;object-fit:contain}
.media-opening-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000;pointer-events:none;opacity:1;transition:opacity .35s ease}
.media-opening-cover[data-dismissed=true]{opacity:0}
.media-shell-cover-start:fullscreen .media-viewport,.media-shell-cover-start[data-media-fullscreen=true] .media-viewport{aspect-ratio:auto;max-height:none;min-height:0;flex:1}
@media(prefers-reduced-motion:reduce){.media-opening-cover{transition:none}}