175dcd7f6a39216769984ea54b19aafe37d2aeee
[moodle.git] / media / player / videojs / styles.css
1 /* stylelint-disable */
2 @charset "UTF-8";
3 .vjs-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
4   position: absolute;
5   top: 0;
6   left: 0;
7   width: 100%;
8   height: 100%;
9 }
11 .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
12   text-align: center;
13 }
15 @font-face {
16   font-family: VideoJS;
17   src: url(data:application/font-woff;charset=utf-8;base64,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) format("woff");
18   font-weight: normal;
19   font-style: normal;
20 }
21 .vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
22   font-family: VideoJS;
23   font-weight: normal;
24   font-style: normal;
25 }
26 .vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
27   content: "\f101";
28 }
30 .vjs-icon-play-circle {
31   font-family: VideoJS;
32   font-weight: normal;
33   font-style: normal;
34 }
35 .vjs-icon-play-circle:before {
36   content: "\f102";
37 }
39 .vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
40   font-family: VideoJS;
41   font-weight: normal;
42   font-style: normal;
43 }
44 .vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
45   content: "\f103";
46 }
48 .vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
49   font-family: VideoJS;
50   font-weight: normal;
51   font-style: normal;
52 }
53 .vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
54   content: "\f104";
55 }
57 .vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
58   font-family: VideoJS;
59   font-weight: normal;
60   font-style: normal;
61 }
62 .vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
63   content: "\f105";
64 }
66 .vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
67   font-family: VideoJS;
68   font-weight: normal;
69   font-style: normal;
70 }
71 .vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
72   content: "\f106";
73 }
75 .vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
76   font-family: VideoJS;
77   font-weight: normal;
78   font-style: normal;
79 }
80 .vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
81   content: "\f107";
82 }
84 .vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
85   font-family: VideoJS;
86   font-weight: normal;
87   font-style: normal;
88 }
89 .vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
90   content: "\f108";
91 }
93 .vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
94   font-family: VideoJS;
95   font-weight: normal;
96   font-style: normal;
97 }
98 .vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
99   content: "\f109";
102 .vjs-icon-square {
103   font-family: VideoJS;
104   font-weight: normal;
105   font-style: normal;
107 .vjs-icon-square:before {
108   content: "\f10a";
111 .vjs-icon-spinner {
112   font-family: VideoJS;
113   font-weight: normal;
114   font-style: normal;
116 .vjs-icon-spinner:before {
117   content: "\f10b";
120 .vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
121 .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
122 .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
123 .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
124 .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder {
125   font-family: VideoJS;
126   font-weight: normal;
127   font-style: normal;
129 .vjs-icon-subtitles:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
130 .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
131 .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
132 .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
133 .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
134   content: "\f10c";
137 .vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
138 .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder {
139   font-family: VideoJS;
140   font-weight: normal;
141   font-style: normal;
143 .vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
144 .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before {
145   content: "\f10d";
148 .vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
149   font-family: VideoJS;
150   font-weight: normal;
151   font-style: normal;
153 .vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
154   content: "\f10e";
157 .vjs-icon-share {
158   font-family: VideoJS;
159   font-weight: normal;
160   font-style: normal;
162 .vjs-icon-share:before {
163   content: "\f10f";
166 .vjs-icon-cog {
167   font-family: VideoJS;
168   font-weight: normal;
169   font-style: normal;
171 .vjs-icon-cog:before {
172   content: "\f110";
175 .vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress {
176   font-family: VideoJS;
177   font-weight: normal;
178   font-style: normal;
180 .vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before, .video-js .vjs-volume-level:before, .video-js .vjs-play-progress:before {
181   content: "\f111";
184 .vjs-icon-circle-outline {
185   font-family: VideoJS;
186   font-weight: normal;
187   font-style: normal;
189 .vjs-icon-circle-outline:before {
190   content: "\f112";
193 .vjs-icon-circle-inner-circle {
194   font-family: VideoJS;
195   font-weight: normal;
196   font-style: normal;
198 .vjs-icon-circle-inner-circle:before {
199   content: "\f113";
202 .vjs-icon-hd {
203   font-family: VideoJS;
204   font-weight: normal;
205   font-style: normal;
207 .vjs-icon-hd:before {
208   content: "\f114";
211 .vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
212   font-family: VideoJS;
213   font-weight: normal;
214   font-style: normal;
216 .vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
217   content: "\f115";
220 .vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
221   font-family: VideoJS;
222   font-weight: normal;
223   font-style: normal;
225 .vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
226   content: "\f116";
229 .vjs-icon-facebook {
230   font-family: VideoJS;
231   font-weight: normal;
232   font-style: normal;
234 .vjs-icon-facebook:before {
235   content: "\f117";
238 .vjs-icon-gplus {
239   font-family: VideoJS;
240   font-weight: normal;
241   font-style: normal;
243 .vjs-icon-gplus:before {
244   content: "\f118";
247 .vjs-icon-linkedin {
248   font-family: VideoJS;
249   font-weight: normal;
250   font-style: normal;
252 .vjs-icon-linkedin:before {
253   content: "\f119";
256 .vjs-icon-twitter {
257   font-family: VideoJS;
258   font-weight: normal;
259   font-style: normal;
261 .vjs-icon-twitter:before {
262   content: "\f11a";
265 .vjs-icon-tumblr {
266   font-family: VideoJS;
267   font-weight: normal;
268   font-style: normal;
270 .vjs-icon-tumblr:before {
271   content: "\f11b";
274 .vjs-icon-pinterest {
275   font-family: VideoJS;
276   font-weight: normal;
277   font-style: normal;
279 .vjs-icon-pinterest:before {
280   content: "\f11c";
283 .vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
284   font-family: VideoJS;
285   font-weight: normal;
286   font-style: normal;
288 .vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
289   content: "\f11d";
292 .vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
293   font-family: VideoJS;
294   font-weight: normal;
295   font-style: normal;
297 .vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
298   content: "\f11e";
301 .vjs-icon-next-item {
302   font-family: VideoJS;
303   font-weight: normal;
304   font-style: normal;
306 .vjs-icon-next-item:before {
307   content: "\f11f";
310 .vjs-icon-previous-item {
311   font-family: VideoJS;
312   font-weight: normal;
313   font-style: normal;
315 .vjs-icon-previous-item:before {
316   content: "\f120";
319 .vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
320   font-family: VideoJS;
321   font-weight: normal;
322   font-style: normal;
324 .vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
325   content: "\f121";
328 .vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
329   font-family: VideoJS;
330   font-weight: normal;
331   font-style: normal;
333 .vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
334   content: "\f122";
337 .video-js {
338   display: block;
339   vertical-align: top;
340   box-sizing: border-box;
341   color: #fff;
342   background-color: #000;
343   position: relative;
344   padding: 0;
345   font-size: 10px;
346   line-height: 1;
347   font-weight: normal;
348   font-style: normal;
349   font-family: Arial, Helvetica, sans-serif;
350   word-break: initial;
352 .video-js:-moz-full-screen {
353   position: absolute;
355 .video-js:-webkit-full-screen {
356   width: 100% !important;
357   height: 100% !important;
360 .video-js[tabindex="-1"] {
361   outline: none;
364 .video-js *,
365 .video-js *:before,
366 .video-js *:after {
367   box-sizing: inherit;
370 .video-js ul {
371   font-family: inherit;
372   font-size: inherit;
373   line-height: inherit;
374   list-style-position: outside;
375   margin-left: 0;
376   margin-right: 0;
377   margin-top: 0;
378   margin-bottom: 0;
381 .video-js.vjs-fluid,
382 .video-js.vjs-16-9,
383 .video-js.vjs-4-3 {
384   width: 100%;
385   max-width: 100%;
386   height: 0;
389 .video-js.vjs-16-9 {
390   padding-top: 56.25%;
393 .video-js.vjs-4-3 {
394   padding-top: 75%;
397 .video-js.vjs-fill {
398   width: 100%;
399   height: 100%;
402 .video-js .vjs-tech {
403   position: absolute;
404   top: 0;
405   left: 0;
406   width: 100%;
407   height: 100%;
410 body.vjs-full-window {
411   padding: 0;
412   margin: 0;
413   height: 100%;
416 .vjs-full-window .video-js.vjs-fullscreen {
417   position: fixed;
418   overflow: hidden;
419   z-index: 1000;
420   left: 0;
421   top: 0;
422   bottom: 0;
423   right: 0;
426 .video-js.vjs-fullscreen {
427   width: 100% !important;
428   height: 100% !important;
429   padding-top: 0 !important;
432 .video-js.vjs-fullscreen.vjs-user-inactive {
433   cursor: none;
436 .vjs-hidden {
437   display: none !important;
440 .vjs-disabled {
441   opacity: 0.5;
442   cursor: default;
445 .video-js .vjs-offscreen {
446   height: 1px;
447   left: -9999px;
448   position: absolute;
449   top: 0;
450   width: 1px;
453 .vjs-lock-showing {
454   display: block !important;
455   opacity: 1;
456   visibility: visible;
459 .vjs-no-js {
460   padding: 20px;
461   color: #fff;
462   background-color: #000;
463   font-size: 18px;
464   font-family: Arial, Helvetica, sans-serif;
465   text-align: center;
466   width: 300px;
467   height: 150px;
468   margin: 0px auto;
471 .vjs-no-js a,
472 .vjs-no-js a:visited {
473   color: #66A8CC;
476 .video-js .vjs-big-play-button {
477   font-size: 3em;
478   line-height: 1.5em;
479   height: 1.63332em;
480   width: 3em;
481   display: block;
482   position: absolute;
483   top: 10px;
484   left: 10px;
485   padding: 0;
486   cursor: pointer;
487   opacity: 1;
488   border: 0.06666em solid #fff;
489   background-color: #2B333F;
490   background-color: rgba(43, 51, 63, 0.7);
491   border-radius: 0.3em;
492   transition: all 0.4s;
494 .vjs-big-play-centered .vjs-big-play-button {
495   top: 50%;
496   left: 50%;
497   margin-top: -0.81666em;
498   margin-left: -1.5em;
501 .video-js:hover .vjs-big-play-button,
502 .video-js .vjs-big-play-button:focus {
503   border-color: #fff;
504   background-color: #73859f;
505   background-color: rgba(115, 133, 159, 0.5);
506   transition: all 0s;
509 .vjs-controls-disabled .vjs-big-play-button,
510 .vjs-has-started .vjs-big-play-button,
511 .vjs-using-native-controls .vjs-big-play-button,
512 .vjs-error .vjs-big-play-button {
513   display: none;
516 .vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
517   display: block;
520 .video-js button {
521   background: none;
522   border: none;
523   color: inherit;
524   display: inline-block;
525   font-size: inherit;
526   line-height: inherit;
527   text-transform: none;
528   text-decoration: none;
529   transition: none;
530   -webkit-appearance: none;
531   -moz-appearance: none;
532   appearance: none;
535 .vjs-control .vjs-button {
536   width: 100%;
537   height: 100%;
540 .video-js .vjs-control.vjs-close-button {
541   cursor: pointer;
542   height: 3em;
543   position: absolute;
544   right: 0;
545   top: 0.5em;
546   z-index: 2;
548 .video-js .vjs-modal-dialog {
549   background: rgba(0, 0, 0, 0.8);
550   background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
551   overflow: auto;
554 .video-js .vjs-modal-dialog > * {
555   box-sizing: border-box;
558 .vjs-modal-dialog .vjs-modal-dialog-content {
559   font-size: 1.2em;
560   line-height: 1.5;
561   padding: 20px 24px;
562   z-index: 1;
565 .vjs-menu-button {
566   cursor: pointer;
569 .vjs-menu-button.vjs-disabled {
570   cursor: default;
573 .vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
574   display: none;
577 .vjs-menu .vjs-menu-content {
578   display: block;
579   padding: 0;
580   margin: 0;
581   font-family: Arial, Helvetica, sans-serif;
582   overflow: auto;
585 .vjs-menu .vjs-menu-content > * {
586   box-sizing: border-box;
589 .vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
590   display: none;
593 .vjs-menu li {
594   list-style: none;
595   margin: 0;
596   padding: 0.2em 0;
597   line-height: 1.4em;
598   font-size: 1.2em;
599   text-align: center;
600   text-transform: lowercase;
603 .vjs-menu li.vjs-menu-item:focus,
604 .vjs-menu li.vjs-menu-item:hover,
605 .js-focus-visible .vjs-menu li.vjs-menu-item:hover {
606   background-color: #73859f;
607   background-color: rgba(115, 133, 159, 0.5);
610 .vjs-menu li.vjs-selected,
611 .vjs-menu li.vjs-selected:focus,
612 .vjs-menu li.vjs-selected:hover,
613 .js-focus-visible .vjs-menu li.vjs-selected:hover {
614   background-color: #fff;
615   color: #2B333F;
618 .vjs-menu li.vjs-menu-title {
619   text-align: center;
620   text-transform: uppercase;
621   font-size: 1em;
622   line-height: 2em;
623   padding: 0;
624   margin: 0 0 0.3em 0;
625   font-weight: bold;
626   cursor: default;
629 .vjs-menu-button-popup .vjs-menu {
630   display: none;
631   position: absolute;
632   bottom: 0;
633   width: 10em;
634   left: -3em;
635   height: 0em;
636   margin-bottom: 1.5em;
637   border-top-color: rgba(43, 51, 63, 0.7);
640 .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
641   background-color: #2B333F;
642   background-color: rgba(43, 51, 63, 0.7);
643   position: absolute;
644   width: 100%;
645   bottom: 1.5em;
646   max-height: 15em;
649 .vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
650 .vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
651   max-height: 5em;
654 .vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
655   max-height: 10em;
658 .vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
659   max-height: 14em;
662 .vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
663 .vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
664 .vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
665   max-height: 25em;
668 .vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,
669 .vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
670   display: block;
673 .video-js .vjs-menu-button-inline {
674   transition: all 0.4s;
675   overflow: hidden;
678 .video-js .vjs-menu-button-inline:before {
679   width: 2.222222222em;
682 .video-js .vjs-menu-button-inline:hover,
683 .video-js .vjs-menu-button-inline:focus,
684 .video-js .vjs-menu-button-inline.vjs-slider-active,
685 .video-js.vjs-no-flex .vjs-menu-button-inline {
686   width: 12em;
689 .vjs-menu-button-inline .vjs-menu {
690   opacity: 0;
691   height: 100%;
692   width: auto;
693   position: absolute;
694   left: 4em;
695   top: 0;
696   padding: 0;
697   margin: 0;
698   transition: all 0.4s;
701 .vjs-menu-button-inline:hover .vjs-menu,
702 .vjs-menu-button-inline:focus .vjs-menu,
703 .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
704   display: block;
705   opacity: 1;
708 .vjs-no-flex .vjs-menu-button-inline .vjs-menu {
709   display: block;
710   opacity: 1;
711   position: relative;
712   width: auto;
715 .vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
716 .vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
717 .vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
718   width: auto;
721 .vjs-menu-button-inline .vjs-menu-content {
722   width: auto;
723   height: 100%;
724   margin: 0;
725   overflow: hidden;
728 .video-js .vjs-control-bar {
729   display: none;
730   width: 100%;
731   position: absolute;
732   bottom: 0;
733   left: 0;
734   right: 0;
735   height: 3em;
736   background-color: #2B333F;
737   background-color: rgba(43, 51, 63, 0.7);
740 .vjs-has-started .vjs-control-bar {
741   display: flex;
742   visibility: visible;
743   opacity: 1;
744   transition: visibility 0.1s, opacity 0.1s;
747 .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
748   visibility: visible;
749   opacity: 0;
750   transition: visibility 1s, opacity 1s;
753 .vjs-controls-disabled .vjs-control-bar,
754 .vjs-using-native-controls .vjs-control-bar,
755 .vjs-error .vjs-control-bar {
756   display: none !important;
759 .vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
760   opacity: 1;
761   visibility: visible;
764 .vjs-has-started.vjs-no-flex .vjs-control-bar {
765   display: table;
768 .video-js .vjs-control {
769   position: relative;
770   text-align: center;
771   margin: 0;
772   padding: 0;
773   height: 100%;
774   width: 4em;
775   flex: none;
778 .vjs-button > .vjs-icon-placeholder:before {
779   font-size: 1.8em;
780   line-height: 1.67;
783 .video-js .vjs-control:focus:before,
784 .video-js .vjs-control:hover:before,
785 .video-js .vjs-control:focus {
786   text-shadow: 0em 0em 1em white;
789 .video-js .vjs-control-text {
790   border: 0;
791   clip: rect(0 0 0 0);
792   height: 1px;
793   overflow: hidden;
794   padding: 0;
795   position: absolute;
796   width: 1px;
799 .vjs-no-flex .vjs-control {
800   display: table-cell;
801   vertical-align: middle;
804 .video-js .vjs-custom-control-spacer {
805   display: none;
808 .video-js .vjs-progress-control {
809   cursor: pointer;
810   flex: auto;
811   display: flex;
812   align-items: center;
813   min-width: 4em;
814   touch-action: none;
817 .video-js .vjs-progress-control.disabled {
818   cursor: default;
821 .vjs-live .vjs-progress-control {
822   display: none;
825 .vjs-liveui .vjs-progress-control {
826   display: flex;
827   align-items: center;
830 .vjs-no-flex .vjs-progress-control {
831   width: auto;
834 .video-js .vjs-progress-holder {
835   flex: auto;
836   transition: all 0.2s;
837   height: 0.3em;
840 .video-js .vjs-progress-control .vjs-progress-holder {
841   margin: 0 10px;
844 .video-js .vjs-progress-control:hover .vjs-progress-holder {
845   font-size: 1.6666666667em;
848 .video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
849   font-size: 1em;
852 .video-js .vjs-progress-holder .vjs-play-progress,
853 .video-js .vjs-progress-holder .vjs-load-progress,
854 .video-js .vjs-progress-holder .vjs-load-progress div {
855   position: absolute;
856   display: block;
857   height: 100%;
858   margin: 0;
859   padding: 0;
860   width: 0;
863 .video-js .vjs-play-progress {
864   background-color: #fff;
866 .video-js .vjs-play-progress:before {
867   font-size: 0.9em;
868   position: absolute;
869   right: -0.5em;
870   top: -0.3333333333em;
871   z-index: 1;
874 .video-js .vjs-load-progress {
875   background: rgba(115, 133, 159, 0.5);
878 .video-js .vjs-load-progress div {
879   background: rgba(115, 133, 159, 0.75);
882 .video-js .vjs-time-tooltip {
883   background-color: #fff;
884   background-color: rgba(255, 255, 255, 0.8);
885   border-radius: 0.3em;
886   color: #000;
887   float: right;
888   font-family: Arial, Helvetica, sans-serif;
889   font-size: 1em;
890   padding: 6px 8px 8px 8px;
891   pointer-events: none;
892   position: absolute;
893   top: -3.4em;
894   visibility: hidden;
895   z-index: 1;
898 .video-js .vjs-progress-holder:focus .vjs-time-tooltip {
899   display: none;
902 .video-js .vjs-progress-control:hover .vjs-time-tooltip,
903 .video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
904   display: block;
905   font-size: 0.6em;
906   visibility: visible;
909 .video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
910   font-size: 1em;
913 .video-js .vjs-progress-control .vjs-mouse-display {
914   display: none;
915   position: absolute;
916   width: 1px;
917   height: 100%;
918   background-color: #000;
919   z-index: 1;
922 .vjs-no-flex .vjs-progress-control .vjs-mouse-display {
923   z-index: 0;
926 .video-js .vjs-progress-control:hover .vjs-mouse-display {
927   display: block;
930 .video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
931   visibility: hidden;
932   opacity: 0;
933   transition: visibility 1s, opacity 1s;
936 .video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
937   display: none;
940 .vjs-mouse-display .vjs-time-tooltip {
941   color: #fff;
942   background-color: #000;
943   background-color: rgba(0, 0, 0, 0.8);
946 .video-js .vjs-slider {
947   position: relative;
948   cursor: pointer;
949   padding: 0;
950   margin: 0 0.45em 0 0.45em;
951   /* iOS Safari */
952   -webkit-touch-callout: none;
953   /* Safari */
954   -webkit-user-select: none;
955   /* Konqueror HTML */
956   /* Firefox */
957   -moz-user-select: none;
958   /* Internet Explorer/Edge */
959   -ms-user-select: none;
960   /* Non-prefixed version, currently supported by Chrome and Opera */
961   user-select: none;
962   background-color: #73859f;
963   background-color: rgba(115, 133, 159, 0.5);
966 .video-js .vjs-slider.disabled {
967   cursor: default;
970 .video-js .vjs-slider:focus {
971   text-shadow: 0em 0em 1em white;
972   box-shadow: 0 0 1em #fff;
975 .video-js .vjs-mute-control {
976   cursor: pointer;
977   flex: none;
979 .video-js .vjs-volume-control {
980   cursor: pointer;
981   margin-right: 1em;
982   display: flex;
985 .video-js .vjs-volume-control.vjs-volume-horizontal {
986   width: 5em;
989 .video-js .vjs-volume-panel .vjs-volume-control {
990   visibility: visible;
991   opacity: 0;
992   width: 1px;
993   height: 1px;
994   margin-left: -1px;
997 .video-js .vjs-volume-panel {
998   transition: width 1s;
1000 .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
1001   visibility: visible;
1002   opacity: 1;
1003   position: relative;
1004   transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
1006 .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
1007   width: 5em;
1008   height: 3em;
1009   margin-right: 0;
1011 .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.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, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
1012   left: -3.5em;
1013   transition: left 0s;
1015 .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
1016   width: 10em;
1017   transition: width 0.1s;
1019 .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
1020   width: 4em;
1023 .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
1024   height: 8em;
1025   width: 3em;
1026   left: -3000em;
1027   transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
1030 .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
1031   transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
1034 .video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
1035   width: 5em;
1036   height: 3em;
1037   visibility: visible;
1038   opacity: 1;
1039   position: relative;
1040   transition: none;
1043 .video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
1044 .video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
1045   position: absolute;
1046   bottom: 3em;
1047   left: 0.5em;
1050 .video-js .vjs-volume-panel {
1051   display: flex;
1054 .video-js .vjs-volume-bar {
1055   margin: 1.35em 0.45em;
1058 .vjs-volume-bar.vjs-slider-horizontal {
1059   width: 5em;
1060   height: 0.3em;
1063 .vjs-volume-bar.vjs-slider-vertical {
1064   width: 0.3em;
1065   height: 5em;
1066   margin: 1.35em auto;
1069 .video-js .vjs-volume-level {
1070   position: absolute;
1071   bottom: 0;
1072   left: 0;
1073   background-color: #fff;
1075 .video-js .vjs-volume-level:before {
1076   position: absolute;
1077   font-size: 0.9em;
1080 .vjs-slider-vertical .vjs-volume-level {
1081   width: 0.3em;
1083 .vjs-slider-vertical .vjs-volume-level:before {
1084   top: -0.5em;
1085   left: -0.3em;
1088 .vjs-slider-horizontal .vjs-volume-level {
1089   height: 0.3em;
1091 .vjs-slider-horizontal .vjs-volume-level:before {
1092   top: -0.3em;
1093   right: -0.5em;
1096 .video-js .vjs-volume-panel.vjs-volume-panel-vertical {
1097   width: 4em;
1100 .vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
1101   height: 100%;
1104 .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
1105   width: 100%;
1108 .video-js .vjs-volume-vertical {
1109   width: 3em;
1110   height: 8em;
1111   bottom: 8em;
1112   background-color: #2B333F;
1113   background-color: rgba(43, 51, 63, 0.7);
1116 .video-js .vjs-volume-horizontal .vjs-menu {
1117   left: -2em;
1120 .vjs-poster {
1121   display: inline-block;
1122   vertical-align: middle;
1123   background-repeat: no-repeat;
1124   background-position: 50% 50%;
1125   background-size: contain;
1126   background-color: #000000;
1127   cursor: pointer;
1128   margin: 0;
1129   padding: 0;
1130   position: absolute;
1131   top: 0;
1132   right: 0;
1133   bottom: 0;
1134   left: 0;
1135   height: 100%;
1138 .vjs-has-started .vjs-poster {
1139   display: none;
1142 .vjs-audio.vjs-has-started .vjs-poster {
1143   display: block;
1146 .vjs-using-native-controls .vjs-poster {
1147   display: none;
1150 .video-js .vjs-live-control {
1151   display: flex;
1152   align-items: flex-start;
1153   flex: auto;
1154   font-size: 1em;
1155   line-height: 3em;
1158 .vjs-no-flex .vjs-live-control {
1159   display: table-cell;
1160   width: auto;
1161   text-align: left;
1164 .video-js:not(.vjs-live) .vjs-live-control,
1165 .video-js.vjs-liveui .vjs-live-control {
1166   display: none;
1169 .video-js .vjs-seek-to-live-control {
1170   cursor: pointer;
1171   flex: none;
1172   display: inline-flex;
1173   height: 100%;
1174   padding-left: 0.5em;
1175   padding-right: 0.5em;
1176   font-size: 1em;
1177   line-height: 3em;
1178   width: auto;
1179   min-width: 4em;
1182 .vjs-no-flex .vjs-seek-to-live-control {
1183   display: table-cell;
1184   width: auto;
1185   text-align: left;
1188 .video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
1189 .video-js:not(.vjs-live) .vjs-seek-to-live-control {
1190   display: none;
1193 .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
1194   cursor: auto;
1197 .vjs-seek-to-live-control .vjs-icon-placeholder {
1198   margin-right: 0.5em;
1199   color: #888;
1202 .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
1203   color: red;
1206 .video-js .vjs-time-control {
1207   flex: none;
1208   font-size: 1em;
1209   line-height: 3em;
1210   min-width: 2em;
1211   width: auto;
1212   padding-left: 1em;
1213   padding-right: 1em;
1216 .vjs-live .vjs-time-control {
1217   display: none;
1220 .video-js .vjs-current-time,
1221 .vjs-no-flex .vjs-current-time {
1222   display: none;
1225 .video-js .vjs-duration,
1226 .vjs-no-flex .vjs-duration {
1227   display: none;
1230 .vjs-time-divider {
1231   display: none;
1232   line-height: 3em;
1235 .vjs-live .vjs-time-divider {
1236   display: none;
1239 .video-js .vjs-play-control {
1240   cursor: pointer;
1243 .video-js .vjs-play-control .vjs-icon-placeholder {
1244   flex: none;
1247 .vjs-text-track-display {
1248   position: absolute;
1249   bottom: 3em;
1250   left: 0;
1251   right: 0;
1252   top: 0;
1253   pointer-events: none;
1256 .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
1257   bottom: 1em;
1260 .video-js .vjs-text-track {
1261   font-size: 1.4em;
1262   text-align: center;
1263   margin-bottom: 0.1em;
1266 .vjs-subtitles {
1267   color: #fff;
1270 .vjs-captions {
1271   color: #fc6;
1274 .vjs-tt-cue {
1275   display: block;
1278 video::-webkit-media-text-track-display {
1279   transform: translateY(-3em);
1282 .video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
1283   transform: translateY(-1.5em);
1286 .video-js .vjs-picture-in-picture-control {
1287   cursor: pointer;
1288   flex: none;
1290 .video-js .vjs-fullscreen-control {
1291   cursor: pointer;
1292   flex: none;
1294 .vjs-playback-rate > .vjs-menu-button,
1295 .vjs-playback-rate .vjs-playback-rate-value {
1296   position: absolute;
1297   top: 0;
1298   left: 0;
1299   width: 100%;
1300   height: 100%;
1303 .vjs-playback-rate .vjs-playback-rate-value {
1304   pointer-events: none;
1305   font-size: 1.5em;
1306   line-height: 2;
1307   text-align: center;
1310 .vjs-playback-rate .vjs-menu {
1311   width: 4em;
1312   left: 0em;
1315 .vjs-error .vjs-error-display .vjs-modal-dialog-content {
1316   font-size: 1.4em;
1317   text-align: center;
1320 .vjs-error .vjs-error-display:before {
1321   color: #fff;
1322   content: "X";
1323   font-family: Arial, Helvetica, sans-serif;
1324   font-size: 4em;
1325   left: 0;
1326   line-height: 1;
1327   margin-top: -0.5em;
1328   position: absolute;
1329   text-shadow: 0.05em 0.05em 0.1em #000;
1330   text-align: center;
1331   top: 50%;
1332   vertical-align: middle;
1333   width: 100%;
1336 .vjs-loading-spinner {
1337   display: none;
1338   position: absolute;
1339   top: 50%;
1340   left: 50%;
1341   margin: -25px 0 0 -25px;
1342   opacity: 0.85;
1343   text-align: left;
1344   border: 6px solid rgba(43, 51, 63, 0.7);
1345   box-sizing: border-box;
1346   background-clip: padding-box;
1347   width: 50px;
1348   height: 50px;
1349   border-radius: 25px;
1350   visibility: hidden;
1353 .vjs-seeking .vjs-loading-spinner,
1354 .vjs-waiting .vjs-loading-spinner {
1355   display: block;
1356   -webkit-animation: vjs-spinner-show 0s linear 0.3s forwards;
1357           animation: vjs-spinner-show 0s linear 0.3s forwards;
1360 .vjs-loading-spinner:before,
1361 .vjs-loading-spinner:after {
1362   content: "";
1363   position: absolute;
1364   margin: -6px;
1365   box-sizing: inherit;
1366   width: inherit;
1367   height: inherit;
1368   border-radius: inherit;
1369   opacity: 1;
1370   border: inherit;
1371   border-color: transparent;
1372   border-top-color: white;
1375 .vjs-seeking .vjs-loading-spinner:before,
1376 .vjs-seeking .vjs-loading-spinner:after,
1377 .vjs-waiting .vjs-loading-spinner:before,
1378 .vjs-waiting .vjs-loading-spinner:after {
1379   -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
1380   animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
1383 .vjs-seeking .vjs-loading-spinner:before,
1384 .vjs-waiting .vjs-loading-spinner:before {
1385   border-top-color: white;
1388 .vjs-seeking .vjs-loading-spinner:after,
1389 .vjs-waiting .vjs-loading-spinner:after {
1390   border-top-color: white;
1391   -webkit-animation-delay: 0.44s;
1392   animation-delay: 0.44s;
1395 @keyframes vjs-spinner-show {
1396   to {
1397     visibility: visible;
1398   }
1400 @-webkit-keyframes vjs-spinner-show {
1401   to {
1402     visibility: visible;
1403   }
1405 @keyframes vjs-spinner-spin {
1406   100% {
1407     transform: rotate(360deg);
1408   }
1410 @-webkit-keyframes vjs-spinner-spin {
1411   100% {
1412     -webkit-transform: rotate(360deg);
1413   }
1415 @keyframes vjs-spinner-fade {
1416   0% {
1417     border-top-color: #73859f;
1418   }
1419   20% {
1420     border-top-color: #73859f;
1421   }
1422   35% {
1423     border-top-color: white;
1424   }
1425   60% {
1426     border-top-color: #73859f;
1427   }
1428   100% {
1429     border-top-color: #73859f;
1430   }
1432 @-webkit-keyframes vjs-spinner-fade {
1433   0% {
1434     border-top-color: #73859f;
1435   }
1436   20% {
1437     border-top-color: #73859f;
1438   }
1439   35% {
1440     border-top-color: white;
1441   }
1442   60% {
1443     border-top-color: #73859f;
1444   }
1445   100% {
1446     border-top-color: #73859f;
1447   }
1449 .vjs-chapters-button .vjs-menu ul {
1450   width: 24em;
1453 .video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
1454   vertical-align: middle;
1455   display: inline-block;
1456   margin-bottom: -0.1em;
1459 .video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
1460   font-family: VideoJS;
1461   content: "";
1462   font-size: 1.5em;
1463   line-height: inherit;
1466 .video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
1467   vertical-align: middle;
1468   display: inline-block;
1469   margin-bottom: -0.1em;
1472 .video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
1473   font-family: VideoJS;
1474   content: " ";
1475   font-size: 1.5em;
1476   line-height: inherit;
1479 .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-current-time,
1480 .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-time-divider,
1481 .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-duration,
1482 .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-remaining-time,
1483 .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-playback-rate,
1484 .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-chapters-button,
1485 .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-descriptions-button,
1486 .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-captions-button,
1487 .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-subtitles-button,
1488 .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-audio-button,
1489 .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-control, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-current-time,
1490 .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-time-divider,
1491 .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-duration,
1492 .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-remaining-time,
1493 .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-playback-rate,
1494 .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-chapters-button,
1495 .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-descriptions-button,
1496 .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-captions-button,
1497 .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-subtitles-button,
1498 .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-audio-button,
1499 .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-control, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-current-time,
1500 .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-time-divider,
1501 .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-duration,
1502 .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-remaining-time,
1503 .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-playback-rate,
1504 .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-chapters-button,
1505 .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-descriptions-button,
1506 .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-captions-button,
1507 .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subtitles-button,
1508 .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-audio-button,
1509 .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-control {
1510   display: none;
1512 .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
1513 .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
1514 .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
1515 .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
1516 .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
1517 .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,
1518 .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
1519   width: auto;
1520   width: initial;
1522 .video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-liveui) .vjs-subs-caps-button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-button, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subs-caps-button {
1523   display: none;
1525 .video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-custom-control-spacer {
1526   flex: auto;
1527   display: block;
1529 .video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer, .video-js:not(.vjs-fullscreen).vjs-layout-tiny.vjs-no-flex .vjs-custom-control-spacer {
1530   width: auto;
1532 .video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-progress-control, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-progress-control {
1533   display: none;
1536 .vjs-modal-dialog.vjs-text-track-settings {
1537   background-color: #2B333F;
1538   background-color: rgba(43, 51, 63, 0.75);
1539   color: #fff;
1540   height: 70%;
1543 .vjs-text-track-settings .vjs-modal-dialog-content {
1544   display: table;
1547 .vjs-text-track-settings .vjs-track-settings-colors,
1548 .vjs-text-track-settings .vjs-track-settings-font,
1549 .vjs-text-track-settings .vjs-track-settings-controls {
1550   display: table-cell;
1553 .vjs-text-track-settings .vjs-track-settings-controls {
1554   text-align: right;
1555   vertical-align: bottom;
1558 @supports (display: grid) {
1559   .vjs-text-track-settings .vjs-modal-dialog-content {
1560     display: grid;
1561     grid-template-columns: 1fr 1fr;
1562     grid-template-rows: 1fr;
1563     padding: 20px 24px 0px 24px;
1564   }
1566   .vjs-track-settings-controls .vjs-default-button {
1567     margin-bottom: 20px;
1568   }
1570   .vjs-text-track-settings .vjs-track-settings-controls {
1571     grid-column: 1/-1;
1572   }
1574   .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
1575 .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
1576 .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
1577     grid-template-columns: 1fr;
1578   }
1580 .vjs-track-setting > select {
1581   margin-right: 1em;
1582   margin-bottom: 0.5em;
1585 .vjs-text-track-settings fieldset {
1586   margin: 5px;
1587   padding: 3px;
1588   border: none;
1591 .vjs-text-track-settings fieldset span {
1592   display: inline-block;
1595 .vjs-text-track-settings fieldset span > select {
1596   max-width: 7.3em;
1599 .vjs-text-track-settings legend {
1600   color: #fff;
1601   margin: 0 0 5px 0;
1604 .vjs-text-track-settings .vjs-label {
1605   position: absolute;
1606   clip: rect(1px 1px 1px 1px);
1607   clip: rect(1px, 1px, 1px, 1px);
1608   display: block;
1609   margin: 0 0 5px 0;
1610   padding: 0;
1611   border: 0;
1612   height: 1px;
1613   width: 1px;
1614   overflow: hidden;
1617 .vjs-track-settings-controls button:focus,
1618 .vjs-track-settings-controls button:active {
1619   outline-style: solid;
1620   outline-width: medium;
1621   background-image: linear-gradient(0deg, #fff 88%, #73859f 100%);
1624 .vjs-track-settings-controls button:hover {
1625   color: rgba(43, 51, 63, 0.75);
1628 .vjs-track-settings-controls button {
1629   background-color: #fff;
1630   background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
1631   color: #2B333F;
1632   cursor: pointer;
1633   border-radius: 2px;
1636 .vjs-track-settings-controls .vjs-default-button {
1637   margin-right: 1em;
1640 @media print {
1641   .video-js > *:not(.vjs-tech):not(.vjs-poster) {
1642     visibility: hidden;
1643   }
1645 .vjs-resize-manager {
1646   position: absolute;
1647   top: 0;
1648   left: 0;
1649   width: 100%;
1650   height: 100%;
1651   border: none;
1652   z-index: -1000;
1655 .js-focus-visible .video-js *:focus:not(.focus-visible) {
1656   outline: none;
1657   background: none;
1660 .video-js *:focus:not(:focus-visible),
1661 .video-js .vjs-menu *:focus:not(:focus-visible) {
1662   outline: none;
1663   background: none;
1666 /* Modifications of player made by Moodle: */
1668 /* Audio: https://github.com/videojs/video.js/issues/2777 */
1670 /* Audio: Remove big play button (leave only the button in controls). */
1671 .video-js.vjs-audio .vjs-big-play-button {
1672   display: none;
1674 /* Audio: Make the controlbar visible by default */
1675 .video-js.vjs-audio .vjs-control-bar {
1676   display: -webkit-box;
1677   display: -webkit-flex;
1678   display: -ms-flexbox;
1679   display: flex;
1681 /* Make player height minimum to the controls height so when we hide video/poster area the controls are displayed correctly. */
1682 .video-js.vjs-audio {
1683   min-height: 3em;
1685 /* In case of error reset height to the default (otherwise no aspect ratio is available and height becomes 0). */
1686 .video-js.vjs-error {
1687   height: 150px;
1689 /* Minimum height for videos should not be less than the size of play button. */
1690 .mediaplugin_videojs video {
1691   min-height: 32px;
1694 /* MDL-61020: VideoJS timeline progress bar should not be flipped in RTL mode. */
1696 /* Prevent the progress bar from being flipped in RTL. */
1697 .video-js .vjs-progress-holder .vjs-play-progress,
1698 .video-js .vjs-progress-holder .vjs-load-progress,
1699 .video-js .vjs-progress-holder .vjs-load-progress div {
1700   /*rtl:begin:ignore*/
1701   left: 0;
1702   right: auto;
1703   /*rtl:end:ignore*/
1705 /* Keep the video scrubber button at the end of the progress bar in RTL. */
1706 .video-js .vjs-play-progress:before {
1707   /*rtl:begin:ignore*/
1708   left: auto;
1709   right: -0.5em;
1710   /*rtl:end:ignore*/
1712 /* Prevent the volume slider from being flipped in RTL. */
1713 .video-js .vjs-volume-level {
1714   /*rtl:begin:ignore*/
1715   left: 0;
1716   right: auto;
1717   /*rtl:end:ignore*/
1719 /* Keep the volume slider handle at the end of the volume slider in RTL. */
1720 .vjs-slider-horizontal .vjs-volume-level:before {
1721   /*rtl:begin:ignore*/
1722   left: auto;
1723   right: -0.5em;
1724   /*rtl:end:ignore*/