vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js:=
not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-ho=
rizontal:hover, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-=
panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js:not(.vjs-ful=
lscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:acti=
ve, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-vo=
lume-panel-horizontal:hover, .video-js:not(.vjs-fullscreen).vjs-layout-x-sm=
all .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video=
-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-pa=
nel-horizontal:active, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .v=
js-volume-panel.vjs-volume-panel-horizontal:hover { width: auto; }

.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subs-caps-button, .vide=
o-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-=
button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-liveui) =
.vjs-subs-caps-button { display: none; }

.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-custom-control-spacer, =
.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-custom-co=
ntrol-spacer { flex: 1 1 auto; display: block; }

.video-js:not(.vjs-fullscreen).vjs-layout-tiny.vjs-no-flex .vjs-custom-cont=
rol-spacer, .video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui.vj=
s-no-flex .vjs-custom-control-spacer { width: auto; }

.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-progress-control, .vide=
o-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-progress-contr=
ol { display: none; }

.vjs-modal-dialog.vjs-text-track-settings { background-color: rgba(43, 51, =
63, 0.75); color: rgb(255, 255, 255); height: 70%; }

.vjs-text-track-settings .vjs-modal-dialog-content { display: table; }

.vjs-text-track-settings .vjs-track-settings-colors, .vjs-text-track-settin=
gs .vjs-track-settings-controls, .vjs-text-track-settings .vjs-track-settin=
gs-font { display: table-cell; }

.vjs-text-track-settings .vjs-track-settings-controls { text-align: right; =
vertical-align: bottom; }

@supports (display:grid) {
.vjs-text-track-settings .vjs-modal-dialog-content { display: grid; grid-=
template-columns: 1fr 1fr; grid-template-rows: 1fr; padding: 20px 24px 0px;=
}
.vjs-track-settings-controls .vjs-default-button { margin-bottom: 20px; }
.vjs-text-track-settings .vjs-track-settings-controls { grid-column: 1 / =
-1; }
.vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content, .vj=
s-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content, .vjs-layo=
ut-x-small .vjs-text-track-settings .vjs-modal-dialog-content { grid-templa=
te-columns: 1fr; }
}

.vjs-track-setting > select { margin-right: 1em; margin-bottom: 0.5em; }

.vjs-text-track-settings fieldset { margin: 5px; padding: 3px; border: none=
; }

.vjs-text-track-settings fieldset span { display: inline-block; }

.vjs-text-track-settings fieldset span > select { max-width: 7.3em; }

.vjs-text-track-settings legend { color: rgb(255, 255, 255); margin: 0px 0p=
x 5px; }

.vjs-text-track-settings .vjs-label { position: absolute; clip: rect(1px, 1=
px, 1px, 1px); display: block; margin: 0px 0px 5px; padding: 0px; border: 0=
px; height: 1px; width: 1px; overflow: hidden; }

.vjs-track-settings-controls button:active, .vjs-track-settings-controls bu=
tton:focus { outline-style: solid; outline-width: medium; background-image:=
linear-gradient(0deg, rgb(255, 255, 255) 88%, rgb(115, 133, 159)); }

.vjs-track-settings-controls button:hover { color: rgba(43, 51, 63, 0.75); =
}

.vjs-track-settings-controls button { background-color: rgb(255, 255, 255);=
background-image: linear-gradient(-180deg, rgb(255, 255, 255) 88%, rgb(115=
, 133, 159)); color: rgb(43, 51, 63); cursor: pointer; border-radius: 2px; =
}

.vjs-track-settings-controls .vjs-default-button { margin-right: 1em; }

@media print {
.video-js > :not(.vjs-tech):not(.vjs-poster) { visibility: hidden; }
}

.vjs-resize-manager { position: absolute; top: 0px; left: 0px; width: 100%;=
height: 100%; border: none; z-index: -1000; }

.js-focus-visible .video-js :focus:not(.focus-visible), .video-js .vjs-menu=
:focus:not(:focus-visible), .video-js :focus:not(:focus-visible) { outline=
: 0px; background: 0px 0px; }

.am-fade-appear, .am-fade-enter { opacity: 0; }

.am-fade-appear, .am-fade-enter, .am-fade-leave { animation-duration: 0.2s;=
animation-fill-mode: both; animation-timing-function: cubic-bezier(0.55, 0=
, 0.55, 0.2); animation-play-state: paused; }

.am-fade-appear.am-fade-appear-active, .am-fade-enter.am-fade-enter-active =
{ animation-name: amFadeIn; animation-play-state: running; }

.am-fade-leave.am-fade-leave-active { animation-name: amFadeOut; animation-=
play-state: running; }

@-webkit-keyframes amFadeIn {=20
0% { opacity: 0; }
100% { opacity: 1; }
}

@keyframes amFadeIn {=20
0% { opacity: 0; }
100% { opacity: 1; }
}

@-webkit-keyframes amFadeOut {=20
0% { opacity: 1; }
100% { opacity: 0; }
}

@keyframes amFadeOut {=20
0% { opacity: 1; }
100% { opacity: 0; }
}

.am-slide-up-appear, .am-slide-up-enter { transform: translateY(100%); }

.am-slide-up-appear, .am-slide-up-enter, .am-slide-up-leave { animation-dur=
ation: 0.2s; animation-fill-mode: both; animation-timing-function: cubic-be=
zier(0.55, 0, 0.55, 0.2); animation-play-state: paused; }

.am-slide-up-appear.am-slide-up-appear-active, .am-slide-up-enter.am-slide-=
up-enter-active { animation-name: amSlideUpIn; animation-play-state: runnin=
g; }

.am-slide-up-leave.am-slide-up-leave-active { animation-name: amSlideUpOut;=
animation-play-state: running; }

@-webkit-keyframes amSlideUpIn {=20
0% { transform: translateY(100%); }
100% { transform: translate(0px); }
}

@keyframes amSlideUpIn {=20
0% { transform: translateY(100%); }
100% { transform: translate(0px); }
}

@-webkit-keyframes amSlideUpOut {=20
0% { transform: translate(0px); }