body{
    --plyr-control-spacing: calc(var(--plyr-control-spacing-num)*1px);
	--plyr-video-controls-background: rgba(0,0,0,0.8);
}

/* Scale captions with video height, not page width. Scale down to a minimum
   of 10px so it does not become unreadable, rather than scaling
   exactly proportional to video height */
.plyr__captions {
    font-size: calc(18px + 8px*(var(--video_height) - 720)/720) !important;
}


/* make buffered progress more visible */
.plyr--video .plyr__progress__buffer{
    color: rgba(255,255,255,0.75) !important;
}

/* Avoid visual jumps and flashes as plyr loads */
.plyr audio, .plyr iframe, .plyr video{
    width: 100% !important;
    height: 100% !important;
}
.plyr__video-wrapper{
    height: 100% !important;
    width: 100% !important;
}

/* Prevent this div from blocking right-click menu for video
e.g. Firefox playback speed options */
.plyr__poster{
    display: none !important;
}

/* Get rid of obnoxiously high padding on controls bar */
.plyr__controls{
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

.plyr__captions{
    pointer-events: none;
}


/* For menus without a button above them - make them scroll if
   they are too high for the player*/
.plyr div[role="menu"]{
    overflow-y: scroll;
    max-height: calc(var(--video_height)*1px - 10px - 40px);
}

/* For menus with a button above them */
.plyr button + div[role="menu"]{
    overflow-y: scroll;
    /* Subtract margin between controls and menu, and controls height,
       and height of top menu button*/
    max-height: calc(var(--video_height)*1px - 10px - 40px - 42px*var(--plyr-control-spacing-num)/10);
}