/* The events page live stage owns the 16:9 box, so Video.js must fill it in every sizing mode. */
#event-live-player.video-js,
#event-live-player.video-js.vjs-fluid,
#event-live-player.video-js.vjs-fill,
#event-live-player.video-js.vjs-16-9 {
    position: absolute;
    inset: 0;
    width: 100%;
    max-width: 100%;
    height: 100%;
    padding-top: 0 !important;
    background-color: #000;
}

[data-event-live-embed],
[data-event-live-embed] iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

#event-live-player .vjs-tech {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

@media (max-width: 639px) {
    #event-live-player.video-js {
        font-size: 9px;
    }

    #event-live-player .vjs-big-play-button {
        transform: scale(0.72);
    }
}