vjs-volume-contr=
ol.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-volume-c=
ontrol.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control=
.vjs-slider-active.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-vo=
lume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel:active=
.vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus=
.vjs-volume-control.vjs-volume-vertical { left: -3.5em; transition: left 0=
s ease 0s; }

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-j=
s .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-j=
s .vjs-volume-panel.vjs-volume-panel-horizontal:active { width: 10em; trans=
ition: width 0.1s ease 0s; }

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-onl=
y { width: 4em; }

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical { heigh=
t: 8em; width: 3em; left: -3000em; transition: visibility 1s ease 0s, opaci=
ty 1s ease 0s, height 1s ease 1s, width 1s ease 1s, left 1s ease 1s, top 1s=
ease 1s; }

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal { tra=
nsition: visibility 1s ease 0s, opacity 1s ease 0s, height 1s ease 1s, widt=
h 1s ease 0s, left 1s ease 1s, top 1s ease 1s; }

.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-hori=
zontal { width: 5em; height: 3em; visibility: visible; opacity: 1; position=
: relative; transition: none 0s ease 0s; }

.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical, .video-js.vj=
s-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical { posit=
ion: absolute; bottom: 3em; left: 0.5em; }

.video-js .vjs-volume-panel { display: flex; }

.video-js .vjs-volume-bar { margin: 1.35em 0.45em; }

.vjs-volume-bar.vjs-slider-horizontal { width: 5em; height: 0.3em; }

.vjs-volume-bar.vjs-slider-vertical { width: 0.3em; height: 5em; margin: 1.=
35em auto; }

.video-js .vjs-volume-level { position: absolute; bottom: 0px; left: 0px; b=
ackground-color: rgb(255, 255, 255); }

.video-js .vjs-volume-level::before { position: absolute; font-size: 0.9em;=
}

.vjs-slider-vertical .vjs-volume-level { width: 0.3em; }

.vjs-slider-vertical .vjs-volume-level::before { top: -0.5em; left: -0.3em;=
}

.vjs-slider-horizontal .vjs-volume-level { height: 0.3em; }

.vjs-slider-horizontal .vjs-volume-level::before { top: -0.3em; right: -0.5=
em; }

.video-js .vjs-volume-panel.vjs-volume-panel-vertical { width: 4em; }

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level { height: 100%; }

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level { width: 100%; }

.video-js .vjs-volume-vertical { width: 3em; height: 8em; bottom: 8em; back=
ground-color: rgba(43, 51, 63, 0.7); }

.video-js .vjs-volume-horizontal .vjs-menu { left: -2em; }

.vjs-poster { display: inline-block; vertical-align: middle; background-rep=
eat: no-repeat; background-position: 50% 50%; background-size: contain; bac=
kground-color: rgb(0, 0, 0); cursor: pointer; margin: 0px; padding: 0px; po=
sition: absolute; inset: 0px; height: 100%; }

.vjs-has-started .vjs-poster { display: none; }

.vjs-audio.vjs-has-started .vjs-poster { display: block; }

.vjs-using-native-controls .vjs-poster { display: none; }

.video-js .vjs-live-control { display: flex; align-items: flex-start; flex:=
1 1 auto; font-size: 1em; line-height: 3em; }

.vjs-no-flex .vjs-live-control { display: table-cell; width: auto; text-ali=
gn: left; }

.video-js.vjs-liveui .vjs-live-control, .video-js:not(.vjs-live) .vjs-live-=
control { display: none; }

.video-js .vjs-seek-to-live-control { cursor: pointer; flex: 0 0 auto; disp=
lay: inline-flex; height: 100%; padding-left: 0.5em; padding-right: 0.5em; =
font-size: 1em; line-height: 3em; width: auto; min-width: 4em; }

.vjs-no-flex .vjs-seek-to-live-control { display: table-cell; width: auto; =
text-align: left; }

.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control, .video-js:no=
t(.vjs-live) .vjs-seek-to-live-control { display: none; }

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge { cursor: auto; }

.vjs-seek-to-live-control .vjs-icon-placeholder { margin-right: 0.5em; colo=
r: rgb(136, 136, 136); }

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholde=
r { color: red; }

.video-js .vjs-time-control { flex: 0 0 auto; font-size: 1em; line-height: =
3em; min-width: 2em; width: auto; padding-left: 1em; padding-right: 1em; }

.video-js .vjs-current-time, .video-js .vjs-duration, .vjs-live .vjs-time-c=
ontrol, .vjs-no-flex .vjs-current-time, .vjs-no-flex .vjs-duration { displa=
y: none; }

.vjs-time-divider { display: none; line-height: 3em; }

.vjs-live .vjs-time-divider { display: none; }

.video-js .vjs-play-control { cursor: pointer; }

.video-js .vjs-play-control .vjs-icon-placeholder { flex: 0 0 auto; }

.vjs-text-track-display { position: absolute; inset: 0px 0px 3em; pointer-e=
vents: none; }

.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display { bottom: 1=
em; }

.video-js .vjs-text-track { font-size: 1.4em; text-align: center; margin-bo=
ttom: 0.1em; }

.vjs-subtitles { color: rgb(255, 255, 255); }

.vjs-captions { color: rgb(255, 204, 102); }

.vjs-tt-cue { display: block; }

video::-webkit-media-text-track-display { transform: translateY(-3em); }

.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-dis=
play { transform: translateY(-1.5em); }

.video-js .vjs-fullscreen-control, .video-js .vjs-picture-in-picture-contro=
l { cursor: pointer; flex: 0 0 auto; }

.vjs-playback-rate .vjs-playback-rate-value, .vjs-playback-rate > .vjs-menu=
-button { position: absolute; top: 0px; left: 0px; width: 100%; height: 100=
%; }

.vjs-playback-rate .vjs-playback-rate-value { pointer-events: none; font-si=
ze: 1.5em; line-height: 2; text-align: center; }

.vjs-playback-rate .vjs-menu { width: 4em; left: 0px; }

.vjs-error .vjs-error-display .vjs-modal-dialog-content { font-size: 1.