3, 51, 63, 0.7); }

.vjs-has-started .vjs-control-bar { display: flex; visibility: visible; opa=
city: 1; transition: visibility 0.1s ease 0s, opacity 0.1s ease 0s; }

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { visibilit=
y: visible; opacity: 0; transition: visibility 1s ease 0s, opacity 1s ease =
0s; }

.vjs-controls-disabled .vjs-control-bar, .vjs-error .vjs-control-bar, .vjs-=
using-native-controls .vjs-control-bar { display: none !important; }

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {=
opacity: 1; visibility: visible; }

.vjs-has-started.vjs-no-flex .vjs-control-bar { display: table; }

.video-js .vjs-control { position: relative; text-align: center; margin: 0p=
x; padding: 0px; height: 100%; width: 4em; flex: 0 0 auto; }

.vjs-button > .vjs-icon-placeholder::before { font-size: 1.8em; line-height=
: 1.67; }

.video-js .vjs-control:focus, .video-js .vjs-control:focus::before, .video-=
js .vjs-control:hover::before { text-shadow: rgb(255, 255, 255) 0px 0px 1em=
; }

.video-js .vjs-control-text { border: 0px; clip: rect(0px, 0px, 0px, 0px); =
height: 1px; overflow: hidden; padding: 0px; position: absolute; width: 1px=
; }

.vjs-no-flex .vjs-control { display: table-cell; vertical-align: middle; }

.video-js .vjs-custom-control-spacer { display: none; }

.video-js .vjs-progress-control { cursor: pointer; flex: 1 1 auto; display:=
flex; align-items: center; min-width: 4em; touch-action: none; }

.video-js .vjs-progress-control.disabled { cursor: default; }

.vjs-live .vjs-progress-control { display: none; }

.vjs-liveui .vjs-progress-control { display: flex; align-items: center; }

.vjs-no-flex .vjs-progress-control { width: auto; }

.video-js .vjs-progress-holder { flex: 1 1 auto; transition: all 0.2s ease =
0s; height: 0.3em; }

.video-js .vjs-progress-control .vjs-progress-holder { margin: 0px 10px; }

.video-js .vjs-progress-control:hover .vjs-progress-holder { font-size: 1.6=
6667em; }

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled { font-=
size: 1em; }

.video-js .vjs-progress-holder .vjs-load-progress, .video-js .vjs-progress-=
holder .vjs-load-progress div, .video-js .vjs-progress-holder .vjs-play-pro=
gress { position: absolute; display: block; height: 100%; margin: 0px; padd=
ing: 0px; width: 0px; }

.video-js .vjs-play-progress { background-color: rgb(255, 255, 255); }

.video-js .vjs-play-progress::before { font-size: 0.9em; position: absolute=
; right: -0.5em; top: -0.333333em; z-index: 1; }

.video-js .vjs-load-progress { background: rgba(115, 133, 159, 0.5); }

.video-js .vjs-load-progress div { background: rgba(115, 133, 159, 0.75); }

.video-js .vjs-time-tooltip { background-color: rgba(255, 255, 255, 0.8); b=
order-radius: 0.3em; color: rgb(0, 0, 0); float: right; font-family: Arial,=
Helvetica, sans-serif; font-size: 1em; padding: 6px 8px 8px; pointer-event=
s: none; position: absolute; top: -3.4em; visibility: hidden; z-index: 1; }

.video-js .vjs-progress-holder:focus .vjs-time-tooltip { display: none; }

.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-=
tooltip, .video-js .vjs-progress-control:hover .vjs-time-tooltip { display:=
block; font-size: 0.6em; visibility: visible; }

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip { font-siz=
e: 1em; }

.video-js .vjs-progress-control .vjs-mouse-display { display: none; positio=
n: absolute; width: 1px; height: 100%; background-color: rgb(0, 0, 0); z-in=
dex: 1; }

.vjs-no-flex .vjs-progress-control .vjs-mouse-display { z-index: 0; }

.video-js .vjs-progress-control:hover .vjs-mouse-display { display: block; =
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display { visi=
bility: hidden; opacity: 0; transition: visibility 1s ease 0s, opacity 1s e=
ase 0s; }

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-di=
splay { display: none; }

.vjs-mouse-display .vjs-time-tooltip { color: rgb(255, 255, 255); backgroun=
d-color: rgba(0, 0, 0, 0.8); }

.video-js .vjs-slider { position: relative; cursor: pointer; padding: 0px; =
margin: 0px 0.45em; user-select: none; background-color: rgba(115, 133, 159=
, 0.5); }

.video-js .vjs-slider.disabled { cursor: default; }

.video-js .vjs-slider:focus { text-shadow: rgb(255, 255, 255) 0px 0px 1em; =
box-shadow: rgb(255, 255, 255) 0px 0px 1em; }

.video-js .vjs-mute-control { cursor: pointer; flex: 0 0 auto; }

.video-js .vjs-volume-control { cursor: pointer; margin-right: 1em; display=
: flex; }

.video-js .vjs-volume-control.vjs-volume-horizontal { width: 5em; }

.video-js .vjs-volume-panel .vjs-volume-control { visibility: visible; opac=
ity: 0; width: 1px; height: 1px; margin-left: -1px; }

.video-js .vjs-volume-panel { transition: width 1s ease 0s; }

.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-contr=
ol, .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .v=
js-volume-panel .vjs-volume-control.vjs-slider-active, .video-js .vjs-volum=
e-panel .vjs-volume-control:active, .video-js .vjs-volume-panel:active .vjs=
-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control { vi=
sibility: visible; opacity: 1; position: relative; transition: visibility 0=
.1s ease 0s, opacity 0.1s ease 0s, height 0.1s ease 0s, width 0.1s ease 0s,=
left 0s ease 0s, top 0s ease 0s; }

.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-contr=
ol.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-volume=
-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-con=
trol.vjs-slider-active.vjs-volume-horizontal, .video-js .vjs-volume-panel .=
vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-pane=
l:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-p=
anel:focus .vjs-volume-control.vjs-volume-horizontal { width: 5em; height: =
3em; margin-right: 0px; }

.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .