/* Keep loading transitions independent of API latency and native video controls. */
#player .player-stage{background:#050c1c}
#player .player-loading-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;background:#050c1c url('logo.png') center/112px 112px no-repeat;pointer-events:none}
#player .player-loading-poster[data-kind="logo"]{object-fit:contain;box-sizing:border-box;padding:30%;background:#050c1c}
#player .player-loading-poster[hidden]{display:none!important}
#player .player-stage[data-loading="true"] .player-center-play{display:none!important}
#player .player-stage[data-loading="true"] .player-play-toggle{visibility:hidden;pointer-events:none}
#player .player-motion-frame[data-transition="true"]{will-change:transform,opacity}
#player .player-motion-frame[data-dragging="true"]{will-change:transform}
#player .player-center-play,#player .player-error,#player .player-next-card{pointer-events:auto}
@media (prefers-reduced-motion:reduce){#player .player-motion-frame{will-change:auto!important}}