j1-template 2024.3.14 → 2024.3.16

Sign up to get free protection for your applications and to get access to all the features.
Files changed (139) hide show
  1. checksums.yaml +4 -4
  2. data/assets/data/amplitude.html +111 -58
  3. data/assets/data/cookieconsent.html +8 -8
  4. data/assets/data/panel.html +4 -3
  5. data/assets/data/speak2me.html +11 -11
  6. data/assets/data/translator.html +29 -29
  7. data/assets/theme/j1/adapter/js/amplitude.js +112 -88
  8. data/assets/theme/j1/adapter/js/j1.js +4 -4
  9. data/assets/theme/j1/adapter/js/masonry.js +2 -2
  10. data/assets/theme/j1/adapter/js/themes.js +42 -4
  11. data/assets/theme/j1/adapter/js/videojs.js +212 -0
  12. data/assets/theme/j1/core/css/icon-fonts/mdib.css +24 -4
  13. data/assets/theme/j1/core/css/icon-fonts/mdib.css.map +1 -1
  14. data/assets/theme/j1/core/css/icon-fonts/mdib.min.css +1 -1
  15. data/assets/theme/j1/core/css/icon-fonts/mdib.min.css.map +1 -1
  16. data/assets/theme/j1/core/css/themes/unolight/bootstrap.css +9 -6
  17. data/assets/theme/j1/core/css/themes/unolight/bootstrap.css.map +1 -1
  18. data/assets/theme/j1/core/css/themes/unolight/bootstrap.min.css +1 -1
  19. data/assets/theme/j1/core/css/themes/unolight/bootstrap.min.css.map +1 -1
  20. data/assets/theme/j1/core/js/template.js +262 -275
  21. data/assets/theme/j1/core/js/template.min.js +7 -7
  22. data/assets/theme/j1/core/js/template.min.js.map +1 -1
  23. data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/amplitude.css +131 -24
  24. data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/amplitude.min.css +1 -1
  25. data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/compact.css +102 -76
  26. data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/compact.min.css +1 -1
  27. data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/large.css +109 -78
  28. data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/large.min.css +1 -1
  29. data/assets/theme/j1/modules/amplitudejs/icons/player/dark/artist.svg +78 -0
  30. data/assets/theme/j1/modules/amplitudejs/icons/player/dark/mute.svg +52 -20
  31. data/assets/theme/j1/modules/amplitudejs/icons/player/dark/next.svg +20 -39
  32. data/assets/theme/j1/modules/amplitudejs/icons/player/dark/now-playing.svg +24 -38
  33. data/assets/theme/j1/modules/amplitudejs/icons/player/dark/playlist-hide.svg +85 -0
  34. data/assets/theme/j1/modules/amplitudejs/icons/player/dark/playlist-music.svg +85 -0
  35. data/assets/theme/j1/modules/amplitudejs/icons/player/dark/playlist-show.svg +85 -0
  36. data/assets/theme/j1/modules/amplitudejs/icons/player/dark/playlist.svg +85 -0
  37. data/assets/theme/j1/modules/amplitudejs/icons/player/dark/previous.svg +18 -37
  38. data/assets/theme/j1/modules/amplitudejs/icons/player/dark/skip-backward.svg +33 -30
  39. data/assets/theme/j1/modules/amplitudejs/icons/player/dark/skip-forward.svg +33 -29
  40. data/assets/theme/j1/modules/amplitudejs/icons/player/dark/small/next.svg +55 -14
  41. data/assets/theme/j1/modules/amplitudejs/icons/player/dark/small/previous.svg +56 -14
  42. data/assets/theme/j1/modules/amplitudejs/icons/player/dark/volume.svg +38 -21
  43. data/assets/theme/j1/modules/amplitudejs/js/amplitude.map +20 -20
  44. data/assets/theme/j1/modules/amplitudejs/js/tech/youtube_example.js +211 -0
  45. data/assets/theme/j1/modules/gemini/js/gemini.js.map +1 -1
  46. data/assets/theme/j1/modules/jquery/js/jquery.min.map +1 -1
  47. data/assets/theme/j1/modules/lightGallery/js/plugins/lg-video.js +206 -122
  48. data/assets/theme/j1/modules/videojs/assets/icons/custom-icons/next.svg +82 -0
  49. data/assets/theme/j1/modules/videojs/css/font/README.md +151 -0
  50. data/assets/theme/j1/modules/videojs/css/font/VideoJS.svg +150 -0
  51. data/assets/theme/j1/modules/videojs/css/font/video-js-cdn.css +2012 -0
  52. data/assets/theme/j1/modules/videojs/css/plugins/controls/skipbuttons.0.css +32 -0
  53. data/assets/theme/j1/modules/videojs/css/plugins/controls/skipbuttons.1.css +31 -0
  54. data/assets/theme/j1/modules/videojs/css/plugins/controls/skipbuttons.css +31 -0
  55. data/assets/theme/j1/modules/videojs/css/plugins/controls/skipbuttons.min.css +21 -0
  56. data/assets/theme/j1/modules/videojs/css/themes/uno.css +14 -3
  57. data/assets/theme/j1/modules/videojs/css/themes/uno.min.css +1 -1
  58. data/assets/theme/j1/modules/videojs/css/videojs.css +1 -0
  59. data/assets/theme/j1/modules/videojs/js/plugins/controls/autocaption/LICENSE +13 -0
  60. data/assets/theme/j1/modules/videojs/js/plugins/controls/autocaption/README.md +75 -0
  61. data/assets/theme/j1/modules/videojs/js/plugins/controls/autocaption/autocaption.js +149 -0
  62. data/assets/theme/j1/modules/videojs/js/plugins/controls/autocaption/autocaption.min.js +21 -0
  63. data/assets/theme/j1/modules/videojs/js/plugins/controls/hotkeys/README.md +76 -30
  64. data/assets/theme/j1/modules/videojs/js/plugins/controls/hotkeys/hotkeys.js +64 -53
  65. data/assets/theme/j1/modules/videojs/js/plugins/controls/hotkeys/hotkeys.min.js +1 -1
  66. data/assets/theme/j1/modules/videojs/js/plugins/controls/skipbuttons/README.md +133 -0
  67. data/assets/theme/j1/modules/videojs/js/plugins/controls/skipbuttons/skipbuttons.js +137 -0
  68. data/assets/theme/j1/modules/videojs/js/plugins/controls/skipbuttons/skipbuttons.min.js +21 -0
  69. data/assets/theme/j1/modules/videojs/js/plugins/controls/zoom/zoom.js +15 -12
  70. data/assets/theme/j1/modules/videojs/js/plugins/players/dm/dailymotion.js +2 -2
  71. data/assets/theme/j1/modules/videojs/js/plugins/players/yt/youtube.js +43 -16
  72. data/lib/j1/patches/rubygems/eventmachine-1.2.7-x64-mingw32/lib/3.3/fastfilereaderext.so +0 -0
  73. data/lib/j1/patches/rubygems/eventmachine-1.2.7-x64-mingw32/lib/3.3/rubyeventmachine.so +0 -0
  74. data/lib/j1/patches/rubygems/eventmachine-1.2.7-x64-mingw32/lib/3.4/fastfilereaderext.so +0 -0
  75. data/lib/j1/patches/rubygems/eventmachine-1.2.7-x64-mingw32/lib/3.4/rubyeventmachine.so +0 -0
  76. data/lib/j1/version.rb +1 -1
  77. data/lib/j1_app/j1_auth_manager/config.rb +0 -4
  78. data/lib/starter_web/Gemfile +45 -22
  79. data/lib/starter_web/README.md +5 -5
  80. data/lib/starter_web/_config.yml +4 -6
  81. data/lib/starter_web/_data/modules/amplitude.yml +67 -37
  82. data/lib/starter_web/_data/modules/defaults/amplitude.yml +1 -0
  83. data/lib/starter_web/_data/modules/defaults/gallery.yml +42 -0
  84. data/lib/starter_web/_data/modules/defaults/videojs.yml +107 -0
  85. data/lib/starter_web/_data/modules/gallery.yml +30 -14
  86. data/lib/starter_web/_data/modules/lazyLoader.yml +8 -8
  87. data/lib/starter_web/_data/modules/masonry.yml +15 -0
  88. data/lib/starter_web/_data/modules/masterslider.yml +6 -6
  89. data/lib/starter_web/_data/modules/videojs.yml +57 -0
  90. data/lib/starter_web/_data/resources.yml +9 -26
  91. data/lib/starter_web/_data/templates/feed.xml +1 -1
  92. data/lib/starter_web/_includes/tables/jekyll_variables.asciidoc +1 -0
  93. data/lib/starter_web/_plugins/asciidoctor/carousel-block.rb +2 -1
  94. data/lib/starter_web/_plugins/asciidoctor/dailymotion-block.rb +4 -1
  95. data/lib/starter_web/_plugins/asciidoctor/lightbox-block.rb +1 -1
  96. data/lib/starter_web/_plugins/asciidoctor/masterslider-block.rb +1 -1
  97. data/lib/starter_web/_plugins/asciidoctor/slick-block.rb +2 -1
  98. data/lib/starter_web/_plugins/asciidoctor/videojs-block.rb +145 -24
  99. data/lib/starter_web/_plugins/asciidoctor/vimeo-block.rb +4 -1
  100. data/lib/starter_web/_plugins/asciidoctor/wistia-block.rb +313 -0
  101. data/lib/starter_web/_plugins/asciidoctor/youtube-block.rb +192 -17
  102. data/lib/starter_web/_plugins/index/lunr.rb +1 -1
  103. data/lib/starter_web/assets/audio/cover/spontanorama/spontanorama.jpg +0 -0
  104. data/lib/starter_web/assets/audio/cover/spontanorama/src/spontanorama.png +0 -0
  105. data/lib/starter_web/assets/audio/cover/spontanorama/src/spontanorama.psd +0 -0
  106. data/lib/starter_web/package.json +1 -1
  107. data/lib/starter_web/pages/public/amplitude_yt_tester.adoc +20 -7
  108. data/lib/starter_web/pages/public/manuals/integrations/amplitudejs/amplitudejs-api.adoc +1 -1
  109. data/lib/starter_web/pages/public/manuals/integrations/videojs/youtube-api.adoc +1638 -0
  110. data/lib/starter_web/pages/public/tools/previewer/preview_bootstrap_theme.adoc +5 -6
  111. data/lib/starter_web/pages/public/tools/previewer/preview_videojs.adoc +203 -0
  112. data/lib/starter_web/pages/public/tour/asciidoc_extensions.adoc +1 -1
  113. data/lib/starter_web/pages/public/tour/bootstrap_themes.adoc +1 -1
  114. data/lib/starter_web/pages/public/tour/highlghter_rouge.adoc +1 -1
  115. data/lib/starter_web/pages/public/tour/modal_extentions.adoc +1 -1
  116. data/lib/starter_web/pages/public/tour/play_audio.adoc +30 -29
  117. data/lib/starter_web/pages/public/tour/play_video.adoc +65 -39
  118. data/lib/starter_web/pages/public/tour/present_images.adoc +17 -16
  119. data/lib/starter_web/pages/public/tour/quicksearch.adoc +1 -1
  120. data/lib/starter_web/pages/public/tour/responsive_tables.adoc +1 -1
  121. data/lib/starter_web/pages/public/tour/typography.adoc +1 -1
  122. metadata +37 -20
  123. data/assets/data/amplitude.28.html +0 -887
  124. data/assets/data/amplitude.29.html +0 -923
  125. data/assets/theme/j1/adapter/js/amplitude.23.js +0 -1165
  126. data/assets/theme/j1/adapter/js/amplitude.24.js +0 -1164
  127. data/assets/theme/j1/adapter/js/amplitude.25.js +0 -1268
  128. data/assets/theme/j1/modules/amplitudejs/icons/player/dark/_pause.svg +0 -19
  129. data/assets/theme/j1/modules/amplitudejs/icons/player/dark/_play.svg +0 -18
  130. data/assets/theme/j1/modules/amplitudejs/icons/player/dark/show-playlist.svg +0 -15
  131. data/assets/theme/j1/modules/jqueryScrollbar/LICENSE +0 -20
  132. data/assets/theme/j1/modules/jqueryScrollbar/README.md +0 -28
  133. data/assets/theme/j1/modules/jqueryScrollbar/css/scrollbar.css +0 -939
  134. data/assets/theme/j1/modules/jqueryScrollbar/css/scrollbar.min.css +0 -20
  135. data/assets/theme/j1/modules/jqueryScrollbar/js/scrollbar.js +0 -851
  136. data/assets/theme/j1/modules/jqueryScrollbar/js/scrollbar.min.js +0 -36
  137. data/assets/theme/j1/modules/jqueryScrollbar/sass/scrollbar.scss +0 -806
  138. data/assets/theme/j1/modules/lightGallery/js/plugins/lg-video.0.js +0 -794
  139. data/lib/starter_web/_data/modules/lazyLoader.0.yml +0 -118
@@ -0,0 +1,2012 @@
1
+ .vjs-svg-icon {
2
+ display: inline-block;
3
+ background-repeat: no-repeat;
4
+ background-position: center;
5
+ fill: currentColor;
6
+ height: 1.8em;
7
+ width: 1.8em;
8
+ }
9
+ .vjs-svg-icon:before {
10
+ content: none !important;
11
+ }
12
+
13
+ .vjs-svg-icon:hover,
14
+ .vjs-control:focus .vjs-svg-icon {
15
+ filter: drop-shadow(0 0 0.25em #fff);
16
+ }
17
+
18
+ .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 {
19
+ position: absolute;
20
+ top: 0;
21
+ left: 0;
22
+ width: 100%;
23
+ height: 100%;
24
+ }
25
+
26
+ .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
27
+ text-align: center;
28
+ }
29
+
30
+ @font-face {
31
+ font-family: VideoJS;
32
+ src: url(data:application/font-woff;charset=utf-8;base64,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) format("woff");
33
+ font-weight: normal;
34
+ font-style: normal;
35
+ }
36
+ .vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
37
+ font-family: VideoJS;
38
+ font-weight: normal;
39
+ font-style: normal;
40
+ }
41
+ .vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
42
+ content: "\f101";
43
+ }
44
+
45
+ .vjs-icon-play-circle {
46
+ font-family: VideoJS;
47
+ font-weight: normal;
48
+ font-style: normal;
49
+ }
50
+ .vjs-icon-play-circle:before {
51
+ content: "\f102";
52
+ }
53
+
54
+ .vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
55
+ font-family: VideoJS;
56
+ font-weight: normal;
57
+ font-style: normal;
58
+ }
59
+ .vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
60
+ content: "\f103";
61
+ }
62
+
63
+ .vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
64
+ font-family: VideoJS;
65
+ font-weight: normal;
66
+ font-style: normal;
67
+ }
68
+ .vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
69
+ content: "\f104";
70
+ }
71
+
72
+ .vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
73
+ font-family: VideoJS;
74
+ font-weight: normal;
75
+ font-style: normal;
76
+ }
77
+ .vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
78
+ content: "\f105";
79
+ }
80
+
81
+ .vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
82
+ font-family: VideoJS;
83
+ font-weight: normal;
84
+ font-style: normal;
85
+ }
86
+ .vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
87
+ content: "\f106";
88
+ }
89
+
90
+ .vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
91
+ font-family: VideoJS;
92
+ font-weight: normal;
93
+ font-style: normal;
94
+ }
95
+ .vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
96
+ content: "\f107";
97
+ }
98
+
99
+ .vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
100
+ font-family: VideoJS;
101
+ font-weight: normal;
102
+ font-style: normal;
103
+ }
104
+ .vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
105
+ content: "\f108";
106
+ }
107
+
108
+ .vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
109
+ font-family: VideoJS;
110
+ font-weight: normal;
111
+ font-style: normal;
112
+ }
113
+ .vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
114
+ content: "\f109";
115
+ }
116
+
117
+ .vjs-icon-spinner {
118
+ font-family: VideoJS;
119
+ font-weight: normal;
120
+ font-style: normal;
121
+ }
122
+ .vjs-icon-spinner:before {
123
+ content: "\f10a";
124
+ }
125
+
126
+ .vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
127
+ .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
128
+ .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
129
+ .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
130
+ .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder {
131
+ font-family: VideoJS;
132
+ font-weight: normal;
133
+ font-style: normal;
134
+ }
135
+ .vjs-icon-subtitles:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
136
+ .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
137
+ .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
138
+ .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
139
+ .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
140
+ content: "\f10b";
141
+ }
142
+
143
+ .vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
144
+ .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder {
145
+ font-family: VideoJS;
146
+ font-weight: normal;
147
+ font-style: normal;
148
+ }
149
+ .vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
150
+ .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before {
151
+ content: "\f10c";
152
+ }
153
+
154
+ .vjs-icon-hd {
155
+ font-family: VideoJS;
156
+ font-weight: normal;
157
+ font-style: normal;
158
+ }
159
+ .vjs-icon-hd:before {
160
+ content: "\f10d";
161
+ }
162
+
163
+ .vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
164
+ font-family: VideoJS;
165
+ font-weight: normal;
166
+ font-style: normal;
167
+ }
168
+ .vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
169
+ content: "\f10e";
170
+ }
171
+
172
+ .vjs-icon-downloading {
173
+ font-family: VideoJS;
174
+ font-weight: normal;
175
+ font-style: normal;
176
+ }
177
+ .vjs-icon-downloading:before {
178
+ content: "\f10f";
179
+ }
180
+
181
+ .vjs-icon-file-download {
182
+ font-family: VideoJS;
183
+ font-weight: normal;
184
+ font-style: normal;
185
+ }
186
+ .vjs-icon-file-download:before {
187
+ content: "\f110";
188
+ }
189
+
190
+ .vjs-icon-file-download-done {
191
+ font-family: VideoJS;
192
+ font-weight: normal;
193
+ font-style: normal;
194
+ }
195
+ .vjs-icon-file-download-done:before {
196
+ content: "\f111";
197
+ }
198
+
199
+ .vjs-icon-file-download-off {
200
+ font-family: VideoJS;
201
+ font-weight: normal;
202
+ font-style: normal;
203
+ }
204
+ .vjs-icon-file-download-off:before {
205
+ content: "\f112";
206
+ }
207
+
208
+ .vjs-icon-share {
209
+ font-family: VideoJS;
210
+ font-weight: normal;
211
+ font-style: normal;
212
+ }
213
+ .vjs-icon-share:before {
214
+ content: "\f113";
215
+ }
216
+
217
+ .vjs-icon-cog {
218
+ font-family: VideoJS;
219
+ font-weight: normal;
220
+ font-style: normal;
221
+ }
222
+ .vjs-icon-cog:before {
223
+ content: "\f114";
224
+ }
225
+
226
+ .vjs-icon-square {
227
+ font-family: VideoJS;
228
+ font-weight: normal;
229
+ font-style: normal;
230
+ }
231
+ .vjs-icon-square:before {
232
+ content: "\f115";
233
+ }
234
+
235
+ .vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress {
236
+ font-family: VideoJS;
237
+ font-weight: normal;
238
+ font-style: normal;
239
+ }
240
+ .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 {
241
+ content: "\f116";
242
+ }
243
+
244
+ .vjs-icon-circle-outline {
245
+ font-family: VideoJS;
246
+ font-weight: normal;
247
+ font-style: normal;
248
+ }
249
+ .vjs-icon-circle-outline:before {
250
+ content: "\f117";
251
+ }
252
+
253
+ .vjs-icon-circle-inner-circle {
254
+ font-family: VideoJS;
255
+ font-weight: normal;
256
+ font-style: normal;
257
+ }
258
+ .vjs-icon-circle-inner-circle:before {
259
+ content: "\f118";
260
+ }
261
+
262
+ .vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
263
+ font-family: VideoJS;
264
+ font-weight: normal;
265
+ font-style: normal;
266
+ }
267
+ .vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
268
+ content: "\f119";
269
+ }
270
+
271
+ .vjs-icon-repeat {
272
+ font-family: VideoJS;
273
+ font-weight: normal;
274
+ font-style: normal;
275
+ }
276
+ .vjs-icon-repeat:before {
277
+ content: "\f11a";
278
+ }
279
+
280
+ .vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
281
+ font-family: VideoJS;
282
+ font-weight: normal;
283
+ font-style: normal;
284
+ }
285
+ .vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
286
+ content: "\f11b";
287
+ }
288
+
289
+ .vjs-icon-replay-5, .video-js .vjs-skip-backward-5 .vjs-icon-placeholder {
290
+ font-family: VideoJS;
291
+ font-weight: normal;
292
+ font-style: normal;
293
+ }
294
+ .vjs-icon-replay-5:before, .video-js .vjs-skip-backward-5 .vjs-icon-placeholder:before {
295
+ content: "\f11c";
296
+ }
297
+
298
+ .vjs-icon-replay-10, .video-js .vjs-skip-backward-10 .vjs-icon-placeholder {
299
+ font-family: VideoJS;
300
+ font-weight: normal;
301
+ font-style: normal;
302
+ }
303
+ .vjs-icon-replay-10:before, .video-js .vjs-skip-backward-10 .vjs-icon-placeholder:before {
304
+ content: "\f11d";
305
+ }
306
+
307
+ .vjs-icon-replay-30, .video-js .vjs-skip-backward-30 .vjs-icon-placeholder {
308
+ font-family: VideoJS;
309
+ font-weight: normal;
310
+ font-style: normal;
311
+ }
312
+ .vjs-icon-replay-30:before, .video-js .vjs-skip-backward-30 .vjs-icon-placeholder:before {
313
+ content: "\f11e";
314
+ }
315
+
316
+ .vjs-icon-forward-5, .video-js .vjs-skip-forward-5 .vjs-icon-placeholder {
317
+ font-family: VideoJS;
318
+ font-weight: normal;
319
+ font-style: normal;
320
+ }
321
+ .vjs-icon-forward-5:before, .video-js .vjs-skip-forward-5 .vjs-icon-placeholder:before {
322
+ content: "\f11f";
323
+ }
324
+
325
+ .vjs-icon-forward-10, .video-js .vjs-skip-forward-10 .vjs-icon-placeholder {
326
+ font-family: VideoJS;
327
+ font-weight: normal;
328
+ font-style: normal;
329
+ }
330
+ .vjs-icon-forward-10:before, .video-js .vjs-skip-forward-10 .vjs-icon-placeholder:before {
331
+ content: "\f120";
332
+ }
333
+
334
+ .vjs-icon-forward-30, .video-js .vjs-skip-forward-30 .vjs-icon-placeholder {
335
+ font-family: VideoJS;
336
+ font-weight: normal;
337
+ font-style: normal;
338
+ }
339
+ .vjs-icon-forward-30:before, .video-js .vjs-skip-forward-30 .vjs-icon-placeholder:before {
340
+ content: "\f121";
341
+ }
342
+
343
+ .vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
344
+ font-family: VideoJS;
345
+ font-weight: normal;
346
+ font-style: normal;
347
+ }
348
+ .vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
349
+ content: "\f122";
350
+ }
351
+
352
+ .vjs-icon-next-item {
353
+ font-family: VideoJS;
354
+ font-weight: normal;
355
+ font-style: normal;
356
+ }
357
+ .vjs-icon-next-item:before {
358
+ content: "\f123";
359
+ }
360
+
361
+ .vjs-icon-previous-item {
362
+ font-family: VideoJS;
363
+ font-weight: normal;
364
+ font-style: normal;
365
+ }
366
+ .vjs-icon-previous-item:before {
367
+ content: "\f124";
368
+ }
369
+
370
+ .vjs-icon-shuffle {
371
+ font-family: VideoJS;
372
+ font-weight: normal;
373
+ font-style: normal;
374
+ }
375
+ .vjs-icon-shuffle:before {
376
+ content: "\f125";
377
+ }
378
+
379
+ .vjs-icon-cast {
380
+ font-family: VideoJS;
381
+ font-weight: normal;
382
+ font-style: normal;
383
+ }
384
+ .vjs-icon-cast:before {
385
+ content: "\f126";
386
+ }
387
+
388
+ .vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
389
+ font-family: VideoJS;
390
+ font-weight: normal;
391
+ font-style: normal;
392
+ }
393
+ .vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
394
+ content: "\f127";
395
+ }
396
+
397
+ .vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
398
+ font-family: VideoJS;
399
+ font-weight: normal;
400
+ font-style: normal;
401
+ }
402
+ .vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
403
+ content: "\f128";
404
+ }
405
+
406
+ .vjs-icon-facebook {
407
+ font-family: VideoJS;
408
+ font-weight: normal;
409
+ font-style: normal;
410
+ }
411
+ .vjs-icon-facebook:before {
412
+ content: "\f129";
413
+ }
414
+
415
+ .vjs-icon-linkedin {
416
+ font-family: VideoJS;
417
+ font-weight: normal;
418
+ font-style: normal;
419
+ }
420
+ .vjs-icon-linkedin:before {
421
+ content: "\f12a";
422
+ }
423
+
424
+ .vjs-icon-twitter {
425
+ font-family: VideoJS;
426
+ font-weight: normal;
427
+ font-style: normal;
428
+ }
429
+ .vjs-icon-twitter:before {
430
+ content: "\f12b";
431
+ }
432
+
433
+ .vjs-icon-tumblr {
434
+ font-family: VideoJS;
435
+ font-weight: normal;
436
+ font-style: normal;
437
+ }
438
+ .vjs-icon-tumblr:before {
439
+ content: "\f12c";
440
+ }
441
+
442
+ .vjs-icon-pinterest {
443
+ font-family: VideoJS;
444
+ font-weight: normal;
445
+ font-style: normal;
446
+ }
447
+ .vjs-icon-pinterest:before {
448
+ content: "\f12d";
449
+ }
450
+
451
+ .vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
452
+ font-family: VideoJS;
453
+ font-weight: normal;
454
+ font-style: normal;
455
+ }
456
+ .vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
457
+ content: "\f12e";
458
+ }
459
+
460
+ .video-js {
461
+ display: inline-block;
462
+ vertical-align: top;
463
+ box-sizing: border-box;
464
+ color: #fff;
465
+ background-color: #000;
466
+ position: relative;
467
+ padding: 0;
468
+ font-size: 10px;
469
+ line-height: 1;
470
+ font-weight: normal;
471
+ font-style: normal;
472
+ font-family: Arial, Helvetica, sans-serif;
473
+ word-break: initial;
474
+ }
475
+ .video-js:-moz-full-screen {
476
+ position: absolute;
477
+ }
478
+ .video-js:-webkit-full-screen {
479
+ width: 100% !important;
480
+ height: 100% !important;
481
+ }
482
+
483
+ .video-js[tabindex="-1"] {
484
+ outline: none;
485
+ }
486
+
487
+ .video-js *,
488
+ .video-js *:before,
489
+ .video-js *:after {
490
+ box-sizing: inherit;
491
+ }
492
+
493
+ .video-js ul {
494
+ font-family: inherit;
495
+ font-size: inherit;
496
+ line-height: inherit;
497
+ list-style-position: outside;
498
+ margin-left: 0;
499
+ margin-right: 0;
500
+ margin-top: 0;
501
+ margin-bottom: 0;
502
+ }
503
+
504
+ .video-js.vjs-fluid,
505
+ .video-js.vjs-16-9,
506
+ .video-js.vjs-4-3,
507
+ .video-js.vjs-9-16,
508
+ .video-js.vjs-1-1 {
509
+ width: 100%;
510
+ max-width: 100%;
511
+ }
512
+
513
+ .video-js.vjs-fluid:not(.vjs-audio-only-mode),
514
+ .video-js.vjs-16-9:not(.vjs-audio-only-mode),
515
+ .video-js.vjs-4-3:not(.vjs-audio-only-mode),
516
+ .video-js.vjs-9-16:not(.vjs-audio-only-mode),
517
+ .video-js.vjs-1-1:not(.vjs-audio-only-mode) {
518
+ height: 0;
519
+ }
520
+
521
+ .video-js.vjs-16-9:not(.vjs-audio-only-mode) {
522
+ padding-top: 56.25%;
523
+ }
524
+
525
+ .video-js.vjs-4-3:not(.vjs-audio-only-mode) {
526
+ padding-top: 75%;
527
+ }
528
+
529
+ .video-js.vjs-9-16:not(.vjs-audio-only-mode) {
530
+ padding-top: 177.7777777778%;
531
+ }
532
+
533
+ .video-js.vjs-1-1:not(.vjs-audio-only-mode) {
534
+ padding-top: 100%;
535
+ }
536
+
537
+ .video-js.vjs-fill:not(.vjs-audio-only-mode) {
538
+ width: 100%;
539
+ height: 100%;
540
+ }
541
+
542
+ .video-js .vjs-tech {
543
+ position: absolute;
544
+ top: 0;
545
+ left: 0;
546
+ width: 100%;
547
+ height: 100%;
548
+ }
549
+
550
+ .video-js.vjs-audio-only-mode .vjs-tech {
551
+ display: none;
552
+ }
553
+
554
+ body.vjs-full-window,
555
+ body.vjs-pip-window {
556
+ padding: 0;
557
+ margin: 0;
558
+ height: 100%;
559
+ }
560
+
561
+ .vjs-full-window .video-js.vjs-fullscreen,
562
+ body.vjs-pip-window .video-js {
563
+ position: fixed;
564
+ overflow: hidden;
565
+ z-index: 1000;
566
+ left: 0;
567
+ top: 0;
568
+ bottom: 0;
569
+ right: 0;
570
+ }
571
+
572
+ .video-js.vjs-fullscreen:not(.vjs-ios-native-fs),
573
+ body.vjs-pip-window .video-js {
574
+ width: 100% !important;
575
+ height: 100% !important;
576
+ padding-top: 0 !important;
577
+ display: block;
578
+ }
579
+
580
+ .video-js.vjs-fullscreen.vjs-user-inactive {
581
+ cursor: none;
582
+ }
583
+
584
+ .vjs-pip-container .vjs-pip-text {
585
+ position: absolute;
586
+ bottom: 10%;
587
+ font-size: 2em;
588
+ background-color: rgba(0, 0, 0, 0.7);
589
+ padding: 0.5em;
590
+ text-align: center;
591
+ width: 100%;
592
+ }
593
+
594
+ .vjs-layout-tiny.vjs-pip-container .vjs-pip-text,
595
+ .vjs-layout-x-small.vjs-pip-container .vjs-pip-text,
596
+ .vjs-layout-small.vjs-pip-container .vjs-pip-text {
597
+ bottom: 0;
598
+ font-size: 1.4em;
599
+ }
600
+
601
+ .vjs-hidden {
602
+ display: none !important;
603
+ }
604
+
605
+ .vjs-disabled {
606
+ opacity: 0.5;
607
+ cursor: default;
608
+ }
609
+
610
+ .video-js .vjs-offscreen {
611
+ height: 1px;
612
+ left: -9999px;
613
+ position: absolute;
614
+ top: 0;
615
+ width: 1px;
616
+ }
617
+
618
+ .vjs-lock-showing {
619
+ display: block !important;
620
+ opacity: 1 !important;
621
+ visibility: visible !important;
622
+ }
623
+
624
+ .vjs-no-js {
625
+ padding: 20px;
626
+ color: #fff;
627
+ background-color: #000;
628
+ font-size: 18px;
629
+ font-family: Arial, Helvetica, sans-serif;
630
+ text-align: center;
631
+ width: 300px;
632
+ height: 150px;
633
+ margin: 0px auto;
634
+ }
635
+
636
+ .vjs-no-js a,
637
+ .vjs-no-js a:visited {
638
+ color: #66A8CC;
639
+ }
640
+
641
+ .video-js .vjs-big-play-button {
642
+ font-size: 3em;
643
+ line-height: 1.5em;
644
+ height: 1.63332em;
645
+ width: 3em;
646
+ display: block;
647
+ position: absolute;
648
+ top: 50%;
649
+ left: 50%;
650
+ padding: 0;
651
+ margin-top: -0.81666em;
652
+ margin-left: -1.5em;
653
+ cursor: pointer;
654
+ opacity: 1;
655
+ border: 0.06666em solid #fff;
656
+ background-color: #2B333F;
657
+ background-color: rgba(43, 51, 63, 0.7);
658
+ border-radius: 0.3em;
659
+ transition: all 0.4s;
660
+ }
661
+ .vjs-big-play-button .vjs-svg-icon {
662
+ width: 1em;
663
+ height: 1em;
664
+ position: absolute;
665
+ top: 50%;
666
+ left: 50%;
667
+ line-height: 1;
668
+ transform: translate(-50%, -50%);
669
+ }
670
+
671
+ .video-js:hover .vjs-big-play-button,
672
+ .video-js .vjs-big-play-button:focus {
673
+ border-color: #fff;
674
+ background-color: #73859f;
675
+ background-color: rgba(115, 133, 159, 0.5);
676
+ transition: all 0s;
677
+ }
678
+
679
+ .vjs-controls-disabled .vjs-big-play-button,
680
+ .vjs-has-started .vjs-big-play-button,
681
+ .vjs-using-native-controls .vjs-big-play-button,
682
+ .vjs-error .vjs-big-play-button {
683
+ display: none;
684
+ }
685
+
686
+ .vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause:not(.vjs-seeking, .vjs-scrubbing, .vjs-error) .vjs-big-play-button {
687
+ display: block;
688
+ }
689
+
690
+ .video-js button {
691
+ background: none;
692
+ border: none;
693
+ color: inherit;
694
+ display: inline-block;
695
+ font-size: inherit;
696
+ line-height: inherit;
697
+ text-transform: none;
698
+ text-decoration: none;
699
+ transition: none;
700
+ -webkit-appearance: none;
701
+ -moz-appearance: none;
702
+ appearance: none;
703
+ }
704
+
705
+ .video-js.vjs-spatial-navigation-enabled .vjs-button:focus {
706
+ outline: 0.0625em solid white;
707
+ box-shadow: none;
708
+ }
709
+
710
+ .vjs-control .vjs-button {
711
+ width: 100%;
712
+ height: 100%;
713
+ }
714
+
715
+ .video-js .vjs-control.vjs-close-button {
716
+ cursor: pointer;
717
+ height: 3em;
718
+ position: absolute;
719
+ right: 0;
720
+ top: 0.5em;
721
+ z-index: 2;
722
+ }
723
+ .video-js .vjs-modal-dialog {
724
+ background: rgba(0, 0, 0, 0.8);
725
+ background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
726
+ overflow: auto;
727
+ }
728
+
729
+ .video-js .vjs-modal-dialog > * {
730
+ box-sizing: border-box;
731
+ }
732
+
733
+ .vjs-modal-dialog .vjs-modal-dialog-content {
734
+ font-size: 1.2em;
735
+ line-height: 1.5;
736
+ padding: 20px 24px;
737
+ z-index: 1;
738
+ }
739
+
740
+ .vjs-menu-button {
741
+ cursor: pointer;
742
+ }
743
+
744
+ .vjs-menu-button.vjs-disabled {
745
+ cursor: default;
746
+ }
747
+
748
+ .vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
749
+ display: none;
750
+ }
751
+
752
+ .vjs-menu .vjs-menu-content {
753
+ display: block;
754
+ padding: 0;
755
+ margin: 0;
756
+ font-family: Arial, Helvetica, sans-serif;
757
+ overflow: auto;
758
+ }
759
+
760
+ .vjs-menu .vjs-menu-content > * {
761
+ box-sizing: border-box;
762
+ }
763
+
764
+ .vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
765
+ display: none;
766
+ }
767
+
768
+ .vjs-menu li {
769
+ display: flex;
770
+ justify-content: center;
771
+ list-style: none;
772
+ margin: 0;
773
+ padding: 0.2em 0;
774
+ line-height: 1.4em;
775
+ font-size: 1.2em;
776
+ text-align: center;
777
+ text-transform: lowercase;
778
+ }
779
+
780
+ .vjs-menu li.vjs-menu-item:focus,
781
+ .vjs-menu li.vjs-menu-item:hover,
782
+ .js-focus-visible .vjs-menu li.vjs-menu-item:hover {
783
+ background-color: #73859f;
784
+ background-color: rgba(115, 133, 159, 0.5);
785
+ }
786
+
787
+ .vjs-menu li.vjs-selected,
788
+ .vjs-menu li.vjs-selected:focus,
789
+ .vjs-menu li.vjs-selected:hover,
790
+ .js-focus-visible .vjs-menu li.vjs-selected:hover {
791
+ background-color: #fff;
792
+ color: #2B333F;
793
+ }
794
+ .vjs-menu li.vjs-selected .vjs-svg-icon,
795
+ .vjs-menu li.vjs-selected:focus .vjs-svg-icon,
796
+ .vjs-menu li.vjs-selected:hover .vjs-svg-icon,
797
+ .js-focus-visible .vjs-menu li.vjs-selected:hover .vjs-svg-icon {
798
+ fill: #000000;
799
+ }
800
+
801
+ .video-js .vjs-menu *:not(.vjs-selected):focus:not(:focus-visible),
802
+ .js-focus-visible .vjs-menu *:not(.vjs-selected):focus:not(.focus-visible) {
803
+ background: none;
804
+ }
805
+
806
+ .vjs-menu li.vjs-menu-title {
807
+ text-align: center;
808
+ text-transform: uppercase;
809
+ font-size: 1em;
810
+ line-height: 2em;
811
+ padding: 0;
812
+ margin: 0 0 0.3em 0;
813
+ font-weight: bold;
814
+ cursor: default;
815
+ }
816
+
817
+ .vjs-menu-button-popup .vjs-menu {
818
+ display: none;
819
+ position: absolute;
820
+ bottom: 0;
821
+ width: 10em;
822
+ left: -3em;
823
+ height: 0em;
824
+ margin-bottom: 1.5em;
825
+ border-top-color: rgba(43, 51, 63, 0.7);
826
+ }
827
+
828
+ .vjs-pip-window .vjs-menu-button-popup .vjs-menu {
829
+ left: unset;
830
+ right: 1em;
831
+ }
832
+
833
+ .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
834
+ background-color: #2B333F;
835
+ background-color: rgba(43, 51, 63, 0.7);
836
+ position: absolute;
837
+ width: 100%;
838
+ bottom: 1.5em;
839
+ max-height: 15em;
840
+ }
841
+
842
+ .vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
843
+ .vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
844
+ max-height: 5em;
845
+ }
846
+
847
+ .vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
848
+ max-height: 10em;
849
+ }
850
+
851
+ .vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
852
+ max-height: 14em;
853
+ }
854
+
855
+ .vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
856
+ .vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
857
+ .vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
858
+ max-height: 25em;
859
+ }
860
+
861
+ .vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,
862
+ .vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
863
+ display: block;
864
+ }
865
+
866
+ .video-js .vjs-menu-button-inline {
867
+ transition: all 0.4s;
868
+ overflow: hidden;
869
+ }
870
+
871
+ .video-js .vjs-menu-button-inline:before {
872
+ width: 2.222222222em;
873
+ }
874
+
875
+ .video-js .vjs-menu-button-inline:hover,
876
+ .video-js .vjs-menu-button-inline:focus,
877
+ .video-js .vjs-menu-button-inline.vjs-slider-active {
878
+ width: 12em;
879
+ }
880
+
881
+ .vjs-menu-button-inline .vjs-menu {
882
+ opacity: 0;
883
+ height: 100%;
884
+ width: auto;
885
+ position: absolute;
886
+ left: 4em;
887
+ top: 0;
888
+ padding: 0;
889
+ margin: 0;
890
+ transition: all 0.4s;
891
+ }
892
+
893
+ .vjs-menu-button-inline:hover .vjs-menu,
894
+ .vjs-menu-button-inline:focus .vjs-menu,
895
+ .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
896
+ display: block;
897
+ opacity: 1;
898
+ }
899
+
900
+ .vjs-menu-button-inline .vjs-menu-content {
901
+ width: auto;
902
+ height: 100%;
903
+ margin: 0;
904
+ overflow: hidden;
905
+ }
906
+
907
+ .video-js .vjs-control-bar {
908
+ display: none;
909
+ width: 100%;
910
+ position: absolute;
911
+ bottom: 0;
912
+ left: 0;
913
+ right: 0;
914
+ height: 3em;
915
+ background-color: #2B333F;
916
+ background-color: rgba(43, 51, 63, 0.7);
917
+ }
918
+
919
+ .video-js.vjs-spatial-navigation-enabled .vjs-control-bar {
920
+ gap: 1px;
921
+ }
922
+
923
+ .video-js:not(.vjs-controls-disabled, .vjs-using-native-controls, .vjs-error) .vjs-control-bar.vjs-lock-showing {
924
+ display: flex !important;
925
+ }
926
+
927
+ .vjs-has-started .vjs-control-bar,
928
+ .vjs-audio-only-mode .vjs-control-bar {
929
+ display: flex;
930
+ visibility: visible;
931
+ opacity: 1;
932
+ transition: visibility 0.1s, opacity 0.1s;
933
+ }
934
+
935
+ .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
936
+ visibility: visible;
937
+ opacity: 0;
938
+ pointer-events: none;
939
+ transition: visibility 1s, opacity 1s;
940
+ }
941
+
942
+ .vjs-controls-disabled .vjs-control-bar,
943
+ .vjs-using-native-controls .vjs-control-bar,
944
+ .vjs-error .vjs-control-bar {
945
+ display: none !important;
946
+ }
947
+
948
+ .vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,
949
+ .vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
950
+ opacity: 1;
951
+ visibility: visible;
952
+ pointer-events: auto;
953
+ }
954
+
955
+ .video-js .vjs-control {
956
+ position: relative;
957
+ text-align: center;
958
+ margin: 0;
959
+ padding: 0;
960
+ height: 100%;
961
+ width: 4em;
962
+ flex: none;
963
+ }
964
+
965
+ .video-js .vjs-control.vjs-visible-text {
966
+ width: auto;
967
+ padding-left: 1em;
968
+ padding-right: 1em;
969
+ }
970
+
971
+ .vjs-button > .vjs-icon-placeholder:before {
972
+ font-size: 1.8em;
973
+ line-height: 1.67;
974
+ }
975
+
976
+ .vjs-button > .vjs-icon-placeholder {
977
+ display: block;
978
+ }
979
+
980
+ .vjs-button > .vjs-svg-icon {
981
+ display: inline-block;
982
+ }
983
+
984
+ .video-js .vjs-control:focus:before,
985
+ .video-js .vjs-control:hover:before,
986
+ .video-js .vjs-control:focus {
987
+ text-shadow: 0em 0em 1em white;
988
+ }
989
+
990
+ .video-js *:not(.vjs-visible-text) > .vjs-control-text {
991
+ border: 0;
992
+ clip: rect(0 0 0 0);
993
+ height: 1px;
994
+ overflow: hidden;
995
+ padding: 0;
996
+ position: absolute;
997
+ width: 1px;
998
+ }
999
+
1000
+ .video-js .vjs-custom-control-spacer {
1001
+ display: none;
1002
+ }
1003
+
1004
+ .video-js .vjs-progress-control {
1005
+ cursor: pointer;
1006
+ flex: auto;
1007
+ display: flex;
1008
+ align-items: center;
1009
+ min-width: 4em;
1010
+ touch-action: none;
1011
+ }
1012
+
1013
+ .video-js .vjs-progress-control.disabled {
1014
+ cursor: default;
1015
+ }
1016
+
1017
+ .vjs-live .vjs-progress-control {
1018
+ display: none;
1019
+ }
1020
+
1021
+ .vjs-liveui .vjs-progress-control {
1022
+ display: flex;
1023
+ align-items: center;
1024
+ }
1025
+
1026
+ .video-js .vjs-progress-holder {
1027
+ flex: auto;
1028
+ transition: all 0.2s;
1029
+ height: 0.3em;
1030
+ }
1031
+
1032
+ .video-js .vjs-progress-control .vjs-progress-holder {
1033
+ margin: 0 10px;
1034
+ }
1035
+
1036
+ .video-js .vjs-progress-control:hover .vjs-progress-holder {
1037
+ font-size: 1.6666666667em;
1038
+ }
1039
+
1040
+ .video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
1041
+ font-size: 1em;
1042
+ }
1043
+
1044
+ .video-js .vjs-progress-holder .vjs-play-progress,
1045
+ .video-js .vjs-progress-holder .vjs-load-progress,
1046
+ .video-js .vjs-progress-holder .vjs-load-progress div {
1047
+ position: absolute;
1048
+ display: block;
1049
+ height: 100%;
1050
+ margin: 0;
1051
+ padding: 0;
1052
+ width: 0;
1053
+ }
1054
+
1055
+ .video-js .vjs-play-progress {
1056
+ background-color: #fff;
1057
+ }
1058
+ .video-js .vjs-play-progress:before {
1059
+ font-size: 0.9em;
1060
+ position: absolute;
1061
+ right: -0.5em;
1062
+ line-height: 0.35em;
1063
+ z-index: 1;
1064
+ }
1065
+
1066
+ .vjs-svg-icons-enabled .vjs-play-progress:before {
1067
+ content: none !important;
1068
+ }
1069
+
1070
+ .vjs-play-progress .vjs-svg-icon {
1071
+ position: absolute;
1072
+ top: -0.35em;
1073
+ right: -0.4em;
1074
+ width: 0.9em;
1075
+ height: 0.9em;
1076
+ pointer-events: none;
1077
+ line-height: 0.15em;
1078
+ z-index: 1;
1079
+ }
1080
+
1081
+ .video-js .vjs-load-progress {
1082
+ background: rgba(115, 133, 159, 0.5);
1083
+ }
1084
+
1085
+ .video-js .vjs-load-progress div {
1086
+ background: rgba(115, 133, 159, 0.75);
1087
+ }
1088
+
1089
+ .video-js .vjs-time-tooltip {
1090
+ background-color: #fff;
1091
+ background-color: rgba(255, 255, 255, 0.8);
1092
+ border-radius: 0.3em;
1093
+ color: #000;
1094
+ float: right;
1095
+ font-family: Arial, Helvetica, sans-serif;
1096
+ font-size: 1em;
1097
+ padding: 6px 8px 8px 8px;
1098
+ pointer-events: none;
1099
+ position: absolute;
1100
+ top: -3.4em;
1101
+ visibility: hidden;
1102
+ z-index: 1;
1103
+ }
1104
+
1105
+ .video-js .vjs-progress-holder:focus .vjs-time-tooltip {
1106
+ display: none;
1107
+ }
1108
+
1109
+ .video-js .vjs-progress-control:hover .vjs-time-tooltip,
1110
+ .video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
1111
+ display: block;
1112
+ font-size: 0.6em;
1113
+ visibility: visible;
1114
+ }
1115
+
1116
+ .video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
1117
+ font-size: 1em;
1118
+ }
1119
+
1120
+ .video-js .vjs-progress-control .vjs-mouse-display {
1121
+ display: none;
1122
+ position: absolute;
1123
+ width: 1px;
1124
+ height: 100%;
1125
+ background-color: #000;
1126
+ z-index: 1;
1127
+ }
1128
+
1129
+ .video-js .vjs-progress-control:hover .vjs-mouse-display {
1130
+ display: block;
1131
+ }
1132
+
1133
+ .video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
1134
+ visibility: hidden;
1135
+ opacity: 0;
1136
+ transition: visibility 1s, opacity 1s;
1137
+ }
1138
+
1139
+ .vjs-mouse-display .vjs-time-tooltip {
1140
+ color: #fff;
1141
+ background-color: #000;
1142
+ background-color: rgba(0, 0, 0, 0.8);
1143
+ }
1144
+
1145
+ .video-js .vjs-slider {
1146
+ position: relative;
1147
+ cursor: pointer;
1148
+ padding: 0;
1149
+ margin: 0 0.45em 0 0.45em;
1150
+ /* iOS Safari */
1151
+ -webkit-touch-callout: none;
1152
+ /* Safari, and Chrome 53 */
1153
+ -webkit-user-select: none;
1154
+ /* Non-prefixed version, currently supported by Chrome and Opera */
1155
+ -moz-user-select: none;
1156
+ user-select: none;
1157
+ background-color: #73859f;
1158
+ background-color: rgba(115, 133, 159, 0.5);
1159
+ }
1160
+
1161
+ .video-js .vjs-slider.disabled {
1162
+ cursor: default;
1163
+ }
1164
+
1165
+ .video-js .vjs-slider:focus {
1166
+ text-shadow: 0em 0em 1em white;
1167
+ box-shadow: 0 0 1em #fff;
1168
+ }
1169
+
1170
+ .video-js.vjs-spatial-navigation-enabled .vjs-slider:focus {
1171
+ outline: 0.0625em solid white;
1172
+ }
1173
+
1174
+ .video-js .vjs-mute-control {
1175
+ cursor: pointer;
1176
+ flex: none;
1177
+ }
1178
+ .video-js .vjs-volume-control {
1179
+ cursor: pointer;
1180
+ margin-right: 1em;
1181
+ display: flex;
1182
+ }
1183
+
1184
+ .video-js .vjs-volume-control.vjs-volume-horizontal {
1185
+ width: 5em;
1186
+ }
1187
+
1188
+ .video-js .vjs-volume-panel .vjs-volume-control {
1189
+ visibility: visible;
1190
+ opacity: 0;
1191
+ width: 1px;
1192
+ height: 1px;
1193
+ margin-left: -1px;
1194
+ }
1195
+
1196
+ .video-js .vjs-volume-panel {
1197
+ transition: width 1s;
1198
+ }
1199
+ .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 {
1200
+ visibility: visible;
1201
+ opacity: 1;
1202
+ position: relative;
1203
+ transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
1204
+ }
1205
+ .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 {
1206
+ width: 5em;
1207
+ height: 3em;
1208
+ margin-right: 0;
1209
+ }
1210
+ .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 {
1211
+ left: -3.5em;
1212
+ transition: left 0s;
1213
+ }
1214
+ .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 {
1215
+ width: 10em;
1216
+ transition: width 0.1s;
1217
+ }
1218
+ .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
1219
+ width: 4em;
1220
+ }
1221
+
1222
+ .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
1223
+ height: 8em;
1224
+ width: 3em;
1225
+ left: -3000em;
1226
+ transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
1227
+ }
1228
+
1229
+ .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
1230
+ transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
1231
+ }
1232
+
1233
+ .video-js .vjs-volume-panel {
1234
+ display: flex;
1235
+ }
1236
+
1237
+ .video-js .vjs-volume-bar {
1238
+ margin: 1.35em 0.45em;
1239
+ }
1240
+
1241
+ .vjs-volume-bar.vjs-slider-horizontal {
1242
+ width: 5em;
1243
+ height: 0.3em;
1244
+ }
1245
+
1246
+ .vjs-volume-bar.vjs-slider-vertical {
1247
+ width: 0.3em;
1248
+ height: 5em;
1249
+ margin: 1.35em auto;
1250
+ }
1251
+
1252
+ .video-js .vjs-volume-level {
1253
+ position: absolute;
1254
+ bottom: 0;
1255
+ left: 0;
1256
+ background-color: #fff;
1257
+ }
1258
+ .video-js .vjs-volume-level:before {
1259
+ position: absolute;
1260
+ font-size: 0.9em;
1261
+ z-index: 1;
1262
+ }
1263
+
1264
+ .vjs-slider-vertical .vjs-volume-level {
1265
+ width: 0.3em;
1266
+ }
1267
+ .vjs-slider-vertical .vjs-volume-level:before {
1268
+ top: -0.5em;
1269
+ left: -0.3em;
1270
+ z-index: 1;
1271
+ }
1272
+
1273
+ .vjs-svg-icons-enabled .vjs-volume-level:before {
1274
+ content: none;
1275
+ }
1276
+
1277
+ .vjs-volume-level .vjs-svg-icon {
1278
+ position: absolute;
1279
+ width: 0.9em;
1280
+ height: 0.9em;
1281
+ pointer-events: none;
1282
+ z-index: 1;
1283
+ }
1284
+
1285
+ .vjs-slider-horizontal .vjs-volume-level {
1286
+ height: 0.3em;
1287
+ }
1288
+ .vjs-slider-horizontal .vjs-volume-level:before {
1289
+ line-height: 0.35em;
1290
+ right: -0.5em;
1291
+ }
1292
+
1293
+ .vjs-slider-horizontal .vjs-volume-level .vjs-svg-icon {
1294
+ right: -0.3em;
1295
+ transform: translateY(-50%);
1296
+ }
1297
+
1298
+ .vjs-slider-vertical .vjs-volume-level .vjs-svg-icon {
1299
+ top: -0.55em;
1300
+ transform: translateX(-50%);
1301
+ }
1302
+
1303
+ .video-js .vjs-volume-panel.vjs-volume-panel-vertical {
1304
+ width: 4em;
1305
+ }
1306
+
1307
+ .vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
1308
+ height: 100%;
1309
+ }
1310
+
1311
+ .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
1312
+ width: 100%;
1313
+ }
1314
+
1315
+ .video-js .vjs-volume-vertical {
1316
+ width: 3em;
1317
+ height: 8em;
1318
+ bottom: 8em;
1319
+ background-color: #2B333F;
1320
+ background-color: rgba(43, 51, 63, 0.7);
1321
+ }
1322
+
1323
+ .video-js .vjs-volume-horizontal .vjs-menu {
1324
+ left: -2em;
1325
+ }
1326
+
1327
+ .video-js .vjs-volume-tooltip {
1328
+ background-color: #fff;
1329
+ background-color: rgba(255, 255, 255, 0.8);
1330
+ border-radius: 0.3em;
1331
+ color: #000;
1332
+ float: right;
1333
+ font-family: Arial, Helvetica, sans-serif;
1334
+ font-size: 1em;
1335
+ padding: 6px 8px 8px 8px;
1336
+ pointer-events: none;
1337
+ position: absolute;
1338
+ top: -3.4em;
1339
+ visibility: hidden;
1340
+ z-index: 1;
1341
+ }
1342
+
1343
+ .video-js .vjs-volume-control:hover .vjs-volume-tooltip,
1344
+ .video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
1345
+ display: block;
1346
+ font-size: 1em;
1347
+ visibility: visible;
1348
+ }
1349
+
1350
+ .video-js .vjs-volume-vertical:hover .vjs-volume-tooltip,
1351
+ .video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
1352
+ left: 1em;
1353
+ top: -12px;
1354
+ }
1355
+
1356
+ .video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {
1357
+ font-size: 1em;
1358
+ }
1359
+
1360
+ .video-js .vjs-volume-control .vjs-mouse-display {
1361
+ display: none;
1362
+ position: absolute;
1363
+ width: 100%;
1364
+ height: 1px;
1365
+ background-color: #000;
1366
+ z-index: 1;
1367
+ }
1368
+
1369
+ .video-js .vjs-volume-horizontal .vjs-mouse-display {
1370
+ width: 1px;
1371
+ height: 100%;
1372
+ }
1373
+
1374
+ .video-js .vjs-volume-control:hover .vjs-mouse-display {
1375
+ display: block;
1376
+ }
1377
+
1378
+ .video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display {
1379
+ visibility: hidden;
1380
+ opacity: 0;
1381
+ transition: visibility 1s, opacity 1s;
1382
+ }
1383
+
1384
+ .vjs-mouse-display .vjs-volume-tooltip {
1385
+ color: #fff;
1386
+ background-color: #000;
1387
+ background-color: rgba(0, 0, 0, 0.8);
1388
+ }
1389
+
1390
+ .vjs-poster {
1391
+ display: inline-block;
1392
+ vertical-align: middle;
1393
+ cursor: pointer;
1394
+ margin: 0;
1395
+ padding: 0;
1396
+ position: absolute;
1397
+ top: 0;
1398
+ right: 0;
1399
+ bottom: 0;
1400
+ left: 0;
1401
+ height: 100%;
1402
+ }
1403
+
1404
+ .vjs-has-started .vjs-poster,
1405
+ .vjs-using-native-controls .vjs-poster {
1406
+ display: none;
1407
+ }
1408
+
1409
+ .vjs-audio.vjs-has-started .vjs-poster,
1410
+ .vjs-has-started.vjs-audio-poster-mode .vjs-poster,
1411
+ .vjs-pip-container.vjs-has-started .vjs-poster {
1412
+ display: block;
1413
+ }
1414
+
1415
+ .vjs-poster img {
1416
+ width: 100%;
1417
+ height: 100%;
1418
+ object-fit: contain;
1419
+ }
1420
+
1421
+ .video-js .vjs-live-control {
1422
+ display: flex;
1423
+ align-items: flex-start;
1424
+ flex: auto;
1425
+ font-size: 1em;
1426
+ line-height: 3em;
1427
+ }
1428
+
1429
+ .video-js:not(.vjs-live) .vjs-live-control,
1430
+ .video-js.vjs-liveui .vjs-live-control {
1431
+ display: none;
1432
+ }
1433
+
1434
+ .video-js .vjs-seek-to-live-control {
1435
+ align-items: center;
1436
+ cursor: pointer;
1437
+ flex: none;
1438
+ display: inline-flex;
1439
+ height: 100%;
1440
+ padding-left: 0.5em;
1441
+ padding-right: 0.5em;
1442
+ font-size: 1em;
1443
+ line-height: 3em;
1444
+ width: auto;
1445
+ min-width: 4em;
1446
+ }
1447
+
1448
+ .video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
1449
+ .video-js:not(.vjs-live) .vjs-seek-to-live-control {
1450
+ display: none;
1451
+ }
1452
+
1453
+ .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
1454
+ cursor: auto;
1455
+ }
1456
+
1457
+ .vjs-seek-to-live-control .vjs-icon-placeholder {
1458
+ margin-right: 0.5em;
1459
+ color: #888;
1460
+ }
1461
+
1462
+ .vjs-svg-icons-enabled .vjs-seek-to-live-control {
1463
+ line-height: 0;
1464
+ }
1465
+
1466
+ .vjs-seek-to-live-control .vjs-svg-icon {
1467
+ width: 1em;
1468
+ height: 1em;
1469
+ pointer-events: none;
1470
+ fill: #888888;
1471
+ }
1472
+
1473
+ .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
1474
+ color: red;
1475
+ }
1476
+
1477
+ .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-svg-icon {
1478
+ fill: red;
1479
+ }
1480
+
1481
+ .video-js .vjs-time-control {
1482
+ flex: none;
1483
+ font-size: 1em;
1484
+ line-height: 3em;
1485
+ min-width: 2em;
1486
+ width: auto;
1487
+ padding-left: 1em;
1488
+ padding-right: 1em;
1489
+ }
1490
+
1491
+ .vjs-live .vjs-time-control,
1492
+ .vjs-live .vjs-time-divider,
1493
+ .video-js .vjs-current-time,
1494
+ .video-js .vjs-duration {
1495
+ display: none;
1496
+ }
1497
+
1498
+ .vjs-time-divider {
1499
+ display: none;
1500
+ line-height: 3em;
1501
+ }
1502
+
1503
+ .vjs-normalise-time-controls:not(.vjs-live) .vjs-time-control {
1504
+ display: flex;
1505
+ }
1506
+
1507
+ .video-js .vjs-play-control {
1508
+ cursor: pointer;
1509
+ }
1510
+
1511
+ .video-js .vjs-play-control .vjs-icon-placeholder {
1512
+ flex: none;
1513
+ }
1514
+
1515
+ .vjs-text-track-display {
1516
+ position: absolute;
1517
+ bottom: 3em;
1518
+ left: 0;
1519
+ right: 0;
1520
+ top: 0;
1521
+ pointer-events: none;
1522
+ }
1523
+
1524
+ .vjs-error .vjs-text-track-display {
1525
+ display: none;
1526
+ }
1527
+
1528
+ .video-js.vjs-controls-disabled .vjs-text-track-display,
1529
+ .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
1530
+ bottom: 1em;
1531
+ }
1532
+
1533
+ .video-js .vjs-text-track {
1534
+ font-size: 1.4em;
1535
+ text-align: center;
1536
+ margin-bottom: 0.1em;
1537
+ }
1538
+
1539
+ .vjs-subtitles {
1540
+ color: #fff;
1541
+ }
1542
+
1543
+ .vjs-captions {
1544
+ color: #fc6;
1545
+ }
1546
+
1547
+ .vjs-tt-cue {
1548
+ display: block;
1549
+ }
1550
+
1551
+ video::-webkit-media-text-track-display {
1552
+ transform: translateY(-3em);
1553
+ }
1554
+
1555
+ .video-js.vjs-controls-disabled video::-webkit-media-text-track-display,
1556
+ .video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
1557
+ transform: translateY(-1.5em);
1558
+ }
1559
+
1560
+ .video-js.vjs-force-center-align-cues .vjs-text-track-cue {
1561
+ text-align: center !important;
1562
+ width: 80% !important;
1563
+ }
1564
+
1565
+ @supports not (inset: 10px) {
1566
+ .video-js .vjs-text-track-display > div {
1567
+ top: 0;
1568
+ right: 0;
1569
+ bottom: 0;
1570
+ left: 0;
1571
+ }
1572
+ }
1573
+ .video-js .vjs-picture-in-picture-control {
1574
+ cursor: pointer;
1575
+ flex: none;
1576
+ }
1577
+ .video-js.vjs-audio-only-mode .vjs-picture-in-picture-control,
1578
+ .vjs-pip-window .vjs-picture-in-picture-control {
1579
+ display: none;
1580
+ }
1581
+
1582
+ .video-js .vjs-fullscreen-control {
1583
+ cursor: pointer;
1584
+ flex: none;
1585
+ }
1586
+ .video-js.vjs-audio-only-mode .vjs-fullscreen-control,
1587
+ .vjs-pip-window .vjs-fullscreen-control {
1588
+ display: none;
1589
+ }
1590
+
1591
+ .vjs-playback-rate > .vjs-menu-button,
1592
+ .vjs-playback-rate .vjs-playback-rate-value {
1593
+ position: absolute;
1594
+ top: 0;
1595
+ left: 0;
1596
+ width: 100%;
1597
+ height: 100%;
1598
+ }
1599
+
1600
+ .vjs-playback-rate .vjs-playback-rate-value {
1601
+ pointer-events: none;
1602
+ font-size: 1.5em;
1603
+ line-height: 2;
1604
+ text-align: center;
1605
+ }
1606
+
1607
+ .vjs-playback-rate .vjs-menu {
1608
+ width: 4em;
1609
+ left: 0em;
1610
+ }
1611
+
1612
+ .vjs-error .vjs-error-display .vjs-modal-dialog-content {
1613
+ font-size: 1.4em;
1614
+ text-align: center;
1615
+ }
1616
+
1617
+ .vjs-loading-spinner {
1618
+ display: none;
1619
+ position: absolute;
1620
+ top: 50%;
1621
+ left: 50%;
1622
+ transform: translate(-50%, -50%);
1623
+ opacity: 0.85;
1624
+ text-align: left;
1625
+ border: 0.6em solid rgba(43, 51, 63, 0.7);
1626
+ box-sizing: border-box;
1627
+ background-clip: padding-box;
1628
+ width: 5em;
1629
+ height: 5em;
1630
+ border-radius: 50%;
1631
+ visibility: hidden;
1632
+ }
1633
+
1634
+ .vjs-seeking .vjs-loading-spinner,
1635
+ .vjs-waiting .vjs-loading-spinner {
1636
+ display: flex;
1637
+ justify-content: center;
1638
+ align-items: center;
1639
+ animation: vjs-spinner-show 0s linear 0.3s forwards;
1640
+ }
1641
+
1642
+ .vjs-error .vjs-loading-spinner {
1643
+ display: none;
1644
+ }
1645
+
1646
+ .vjs-loading-spinner:before,
1647
+ .vjs-loading-spinner:after {
1648
+ content: "";
1649
+ position: absolute;
1650
+ box-sizing: inherit;
1651
+ width: inherit;
1652
+ height: inherit;
1653
+ border-radius: inherit;
1654
+ opacity: 1;
1655
+ border: inherit;
1656
+ border-color: transparent;
1657
+ border-top-color: white;
1658
+ }
1659
+
1660
+ .vjs-seeking .vjs-loading-spinner:before,
1661
+ .vjs-seeking .vjs-loading-spinner:after,
1662
+ .vjs-waiting .vjs-loading-spinner:before,
1663
+ .vjs-waiting .vjs-loading-spinner:after {
1664
+ animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
1665
+ }
1666
+
1667
+ .vjs-seeking .vjs-loading-spinner:before,
1668
+ .vjs-waiting .vjs-loading-spinner:before {
1669
+ border-top-color: rgb(255, 255, 255);
1670
+ }
1671
+
1672
+ .vjs-seeking .vjs-loading-spinner:after,
1673
+ .vjs-waiting .vjs-loading-spinner:after {
1674
+ border-top-color: rgb(255, 255, 255);
1675
+ animation-delay: 0.44s;
1676
+ }
1677
+
1678
+ @keyframes vjs-spinner-show {
1679
+ to {
1680
+ visibility: visible;
1681
+ }
1682
+ }
1683
+ @keyframes vjs-spinner-spin {
1684
+ 100% {
1685
+ transform: rotate(360deg);
1686
+ }
1687
+ }
1688
+ @keyframes vjs-spinner-fade {
1689
+ 0% {
1690
+ border-top-color: #73859f;
1691
+ }
1692
+ 20% {
1693
+ border-top-color: #73859f;
1694
+ }
1695
+ 35% {
1696
+ border-top-color: white;
1697
+ }
1698
+ 60% {
1699
+ border-top-color: #73859f;
1700
+ }
1701
+ 100% {
1702
+ border-top-color: #73859f;
1703
+ }
1704
+ }
1705
+ .video-js.vjs-audio-only-mode .vjs-captions-button {
1706
+ display: none;
1707
+ }
1708
+
1709
+ .vjs-chapters-button .vjs-menu ul {
1710
+ width: 24em;
1711
+ }
1712
+
1713
+ .video-js.vjs-audio-only-mode .vjs-descriptions-button {
1714
+ display: none;
1715
+ }
1716
+
1717
+ .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-svg-icon {
1718
+ width: 1.5em;
1719
+ height: 1.5em;
1720
+ }
1721
+
1722
+ .video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
1723
+ vertical-align: middle;
1724
+ display: inline-block;
1725
+ margin-bottom: -0.1em;
1726
+ }
1727
+
1728
+ .video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
1729
+ font-family: VideoJS;
1730
+ content: "\f10c";
1731
+ font-size: 1.5em;
1732
+ line-height: inherit;
1733
+ }
1734
+
1735
+ .video-js.vjs-audio-only-mode .vjs-subs-caps-button {
1736
+ display: none;
1737
+ }
1738
+
1739
+ .video-js .vjs-audio-button + .vjs-menu .vjs-descriptions-menu-item .vjs-menu-item-text .vjs-icon-placeholder,
1740
+ .video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
1741
+ vertical-align: middle;
1742
+ display: inline-block;
1743
+ margin-bottom: -0.1em;
1744
+ }
1745
+
1746
+ .video-js .vjs-audio-button + .vjs-menu .vjs-descriptions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before,
1747
+ .video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
1748
+ font-family: VideoJS;
1749
+ content: " \f12e";
1750
+ font-size: 1.5em;
1751
+ line-height: inherit;
1752
+ }
1753
+
1754
+ .video-js.vjs-layout-small .vjs-current-time,
1755
+ .video-js.vjs-layout-small .vjs-time-divider,
1756
+ .video-js.vjs-layout-small .vjs-duration,
1757
+ .video-js.vjs-layout-small .vjs-remaining-time,
1758
+ .video-js.vjs-layout-small .vjs-playback-rate,
1759
+ .video-js.vjs-layout-small .vjs-volume-control, .video-js.vjs-layout-x-small .vjs-current-time,
1760
+ .video-js.vjs-layout-x-small .vjs-time-divider,
1761
+ .video-js.vjs-layout-x-small .vjs-duration,
1762
+ .video-js.vjs-layout-x-small .vjs-remaining-time,
1763
+ .video-js.vjs-layout-x-small .vjs-playback-rate,
1764
+ .video-js.vjs-layout-x-small .vjs-volume-control, .video-js.vjs-layout-tiny .vjs-current-time,
1765
+ .video-js.vjs-layout-tiny .vjs-time-divider,
1766
+ .video-js.vjs-layout-tiny .vjs-duration,
1767
+ .video-js.vjs-layout-tiny .vjs-remaining-time,
1768
+ .video-js.vjs-layout-tiny .vjs-playback-rate,
1769
+ .video-js.vjs-layout-tiny .vjs-volume-control {
1770
+ display: none;
1771
+ }
1772
+ .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover {
1773
+ width: auto;
1774
+ width: initial;
1775
+ }
1776
+ .video-js.vjs-layout-x-small .vjs-progress-control, .video-js.vjs-layout-tiny .vjs-progress-control {
1777
+ display: none;
1778
+ }
1779
+ .video-js.vjs-layout-x-small .vjs-custom-control-spacer {
1780
+ flex: auto;
1781
+ display: block;
1782
+ }
1783
+
1784
+ .vjs-modal-dialog.vjs-text-track-settings {
1785
+ background-color: #2B333F;
1786
+ background-color: rgba(43, 51, 63, 0.75);
1787
+ color: #fff;
1788
+ height: 70%;
1789
+ }
1790
+ .vjs-spatial-navigation-enabled .vjs-modal-dialog.vjs-text-track-settings {
1791
+ height: 80%;
1792
+ }
1793
+
1794
+ .vjs-error .vjs-text-track-settings {
1795
+ display: none;
1796
+ }
1797
+
1798
+ .vjs-text-track-settings .vjs-modal-dialog-content {
1799
+ display: table;
1800
+ }
1801
+
1802
+ .vjs-text-track-settings .vjs-track-settings-colors,
1803
+ .vjs-text-track-settings .vjs-track-settings-font,
1804
+ .vjs-text-track-settings .vjs-track-settings-controls {
1805
+ display: table-cell;
1806
+ }
1807
+
1808
+ .vjs-text-track-settings .vjs-track-settings-controls {
1809
+ text-align: right;
1810
+ vertical-align: bottom;
1811
+ }
1812
+
1813
+ @supports (display: grid) {
1814
+ .vjs-text-track-settings .vjs-modal-dialog-content {
1815
+ display: grid;
1816
+ grid-template-columns: 1fr 1fr;
1817
+ grid-template-rows: 1fr;
1818
+ padding: 20px 24px 0px 24px;
1819
+ }
1820
+ .vjs-track-settings-controls .vjs-default-button {
1821
+ margin-bottom: 20px;
1822
+ }
1823
+ .vjs-text-track-settings .vjs-track-settings-controls {
1824
+ grid-column: 1/-1;
1825
+ }
1826
+ .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
1827
+ .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
1828
+ .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
1829
+ grid-template-columns: 1fr;
1830
+ }
1831
+ }
1832
+ .vjs-text-track-settings select {
1833
+ font-size: inherit;
1834
+ }
1835
+
1836
+ .vjs-track-setting > select {
1837
+ margin-right: 1em;
1838
+ margin-bottom: 0.5em;
1839
+ }
1840
+
1841
+ .vjs-text-track-settings fieldset {
1842
+ margin: 10px;
1843
+ border: none;
1844
+ }
1845
+
1846
+ .vjs-text-track-settings fieldset span {
1847
+ display: inline-block;
1848
+ padding: 0 0.6em 0.8em;
1849
+ }
1850
+
1851
+ .vjs-text-track-settings fieldset span > select {
1852
+ max-width: 7.3em;
1853
+ }
1854
+
1855
+ .vjs-text-track-settings legend {
1856
+ color: #fff;
1857
+ font-weight: bold;
1858
+ font-size: 1.2em;
1859
+ }
1860
+
1861
+ .vjs-text-track-settings .vjs-label {
1862
+ margin: 0 0.5em 0.5em 0;
1863
+ }
1864
+
1865
+ .vjs-track-settings-controls button:focus,
1866
+ .vjs-track-settings-controls button:active {
1867
+ outline-style: solid;
1868
+ outline-width: medium;
1869
+ background-image: linear-gradient(0deg, #fff 88%, #73859f 100%);
1870
+ }
1871
+
1872
+ .vjs-track-settings-controls button:hover {
1873
+ color: rgba(43, 51, 63, 0.75);
1874
+ }
1875
+
1876
+ .vjs-track-settings-controls button {
1877
+ background-color: #fff;
1878
+ background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
1879
+ color: #2B333F;
1880
+ cursor: pointer;
1881
+ border-radius: 2px;
1882
+ }
1883
+
1884
+ .vjs-track-settings-controls .vjs-default-button {
1885
+ margin-right: 1em;
1886
+ }
1887
+
1888
+ .vjs-title-bar {
1889
+ background: rgba(0, 0, 0, 0.9);
1890
+ background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 60%, rgba(0, 0, 0, 0) 100%);
1891
+ font-size: 1.2em;
1892
+ line-height: 1.5;
1893
+ transition: opacity 0.1s;
1894
+ padding: 0.666em 1.333em 4em;
1895
+ pointer-events: none;
1896
+ position: absolute;
1897
+ top: 0;
1898
+ width: 100%;
1899
+ }
1900
+
1901
+ .vjs-error .vjs-title-bar {
1902
+ display: none;
1903
+ }
1904
+
1905
+ .vjs-title-bar-title,
1906
+ .vjs-title-bar-description {
1907
+ margin: 0;
1908
+ overflow: hidden;
1909
+ text-overflow: ellipsis;
1910
+ white-space: nowrap;
1911
+ }
1912
+
1913
+ .vjs-title-bar-title {
1914
+ font-weight: bold;
1915
+ margin-bottom: 0.333em;
1916
+ }
1917
+
1918
+ .vjs-playing.vjs-user-inactive .vjs-title-bar {
1919
+ opacity: 0;
1920
+ transition: opacity 1s;
1921
+ }
1922
+
1923
+ .video-js .vjs-skip-forward-5 {
1924
+ cursor: pointer;
1925
+ }
1926
+ .video-js .vjs-skip-forward-10 {
1927
+ cursor: pointer;
1928
+ }
1929
+ .video-js .vjs-skip-forward-30 {
1930
+ cursor: pointer;
1931
+ }
1932
+ .video-js .vjs-skip-backward-5 {
1933
+ cursor: pointer;
1934
+ }
1935
+ .video-js .vjs-skip-backward-10 {
1936
+ cursor: pointer;
1937
+ }
1938
+ .video-js .vjs-skip-backward-30 {
1939
+ cursor: pointer;
1940
+ }
1941
+ .video-js .vjs-transient-button {
1942
+ position: absolute;
1943
+ height: 3em;
1944
+ display: flex;
1945
+ align-items: center;
1946
+ justify-content: center;
1947
+ background-color: rgba(50, 50, 50, 0.5);
1948
+ cursor: pointer;
1949
+ opacity: 1;
1950
+ transition: opacity 1s;
1951
+ }
1952
+
1953
+ .video-js:not(.vjs-has-started) .vjs-transient-button {
1954
+ display: none;
1955
+ }
1956
+
1957
+ .video-js.not-hover .vjs-transient-button:not(.force-display),
1958
+ .video-js.vjs-user-inactive .vjs-transient-button:not(.force-display) {
1959
+ opacity: 0;
1960
+ }
1961
+
1962
+ .video-js .vjs-transient-button span {
1963
+ padding: 0 0.5em;
1964
+ }
1965
+
1966
+ .video-js .vjs-transient-button.vjs-left {
1967
+ left: 1em;
1968
+ }
1969
+
1970
+ .video-js .vjs-transient-button.vjs-right {
1971
+ right: 1em;
1972
+ }
1973
+
1974
+ .video-js .vjs-transient-button.vjs-top {
1975
+ top: 1em;
1976
+ }
1977
+
1978
+ .video-js .vjs-transient-button.vjs-near-top {
1979
+ top: 4em;
1980
+ }
1981
+
1982
+ .video-js .vjs-transient-button.vjs-bottom {
1983
+ bottom: 4em;
1984
+ }
1985
+
1986
+ .video-js .vjs-transient-button:hover {
1987
+ background-color: rgba(50, 50, 50, 0.9);
1988
+ }
1989
+
1990
+ @media print {
1991
+ .video-js > *:not(.vjs-tech):not(.vjs-poster) {
1992
+ visibility: hidden;
1993
+ }
1994
+ }
1995
+ .vjs-resize-manager {
1996
+ position: absolute;
1997
+ top: 0;
1998
+ left: 0;
1999
+ width: 100%;
2000
+ height: 100%;
2001
+ border: none;
2002
+ z-index: -1000;
2003
+ }
2004
+
2005
+ .js-focus-visible .video-js *:focus:not(.focus-visible) {
2006
+ outline: none;
2007
+ }
2008
+
2009
+ .video-js *:focus:not(:focus-visible) {
2010
+ outline: none;
2011
+ }
2012
+