next-cloudinary 4.21.0 → 4.22.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/cld-video-player.css +503 -324
  2. package/dist/fonts/cloudinary_icon_for_black_bg.svg +1 -69
  3. package/dist/fonts/cloudinary_icon_for_white_bg.svg +1 -69
  4. package/dist/index.js +1 -1
  5. package/dist/index.js.map +1 -1
  6. package/dist/index.mjs +1 -1
  7. package/dist/index.mjs.map +1 -1
  8. package/package.json +1 -1
  9. package/plugins/copy-assets.ts +1 -1
package/dist/cld-video-player.css CHANGED
@@ -5,259 +5,456 @@
5
5
  /*!********************************************************************************************************************!*\
6
6
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js!./assets/styles/main.scss ***!
7
7
  \********************************************************************************************************************/
8
- @charset "UTF-8";
9
- .cld-video-player .vjs-time-tooltip,
10
- .cld-video-player .vjs-mouse-display:after,
11
- .cld-video-player .vjs-play-progress:after {
12
- font-weight: 300;
13
- padding: 0.4em 0.6em;
14
- top: -2.6em;
15
- }
16
- .cld-video-player .vjs-recommendations-overlay .vjs-recommendations-overlay-item:active:after,
17
- .cld-video-player .vjs-recommendations-overlay .vjs-recommendations-overlay-item:hover:after {
18
- content: "";
19
- position: absolute;
20
- width: 100%;
21
- height: 100%;
22
- top: 0px;
23
- left: 0px;
24
- background-color: rgba(255, 255, 255, 0.2);
25
- }
26
- .cld-video-player .vjs-context-menu-ui .vjs-menu-content .vjs-menu-item {
27
- text-align: left;
28
- }
29
- .cld-video-player.vjs-ad-playing .vjs-play-control.vjs-paused, .cld-video-player.vjs-ad-playing .vjs-volume-level {
30
- background-color: transparent !important;
31
- }
32
- .cld-video-player.vjs-ad-playing .vjs-play-progress:before {
33
- display: none;
34
- }
35
-
36
- .cld-video-player.cld-video-player-skin-light .video-js button:hover,
37
- .cld-video-player.cld-video-player-skin-light .vjs-volume-menu-button:hover {
38
- opacity: 0.9;
39
- }
40
- .cld-video-player.cld-video-player-skin-light .vjs-title-bar .vjs-title-bar-title:not(:empty) + .vjs-title-bar-subtitle:not(:empty):before {
41
- content: "•";
42
- padding: 0 0.45em;
43
- font-size: 1.4em;
44
- font-weight: 500;
45
- }
46
- .cld-video-player.cld-video-player-skin-light .vjs-title-bar {
47
- flex-direction: row;
48
- justify-content: left;
49
- height: 3.6em;
50
- }
51
- .cld-video-player.cld-video-player-skin-light .vjs-title-bar > div {
52
- width: auto;
53
- padding: 0;
54
- margin: 0;
8
+ .cld-video-player.cld-video-player-skin- .vjs-control:focus {
9
+ opacity: 1;
10
+ text-shadow: 0 0 1em var(--color-text);
55
11
  }
56
12
 
57
13
  @font-face {
58
14
  font-family: VideoJS;
59
- src: url(data:application/font-woff;charset=utf-8;base64,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) format("woff");
60
- }
61
- .vjs-icon-play,
62
- .vjs-icon-play-circle,
63
- .vjs-icon-pause,
64
- .vjs-icon-volume-mute,
65
- .vjs-icon-volume-low,
66
- .vjs-icon-volume-mid,
67
- .vjs-icon-volume-high,
68
- .vjs-icon-fullscreen-enter,
69
- .vjs-icon-fullscreen-exit,
70
- .vjs-icon-square,
71
- .vjs-icon-spinner,
72
- .vjs-icon-subtitles,
73
- .vjs-icon-captions,
74
- .vjs-icon-chapters,
75
- .vjs-icon-share,
76
- .vjs-icon-cog,
77
- .vjs-icon-circle,
78
- .vjs-icon-circle-outline,
79
- .vjs-icon-circle-inner-circle,
80
- .vjs-icon-hd,
81
- .vjs-icon-cancel,
82
- .vjs-icon-replay,
83
- .vjs-icon-play-previous,
84
- .vjs-icon-play-next,
85
- .vjs-icon-close,
86
- .vjs-icon-skip-10-min,
87
- .vjs-icon-skip-10-plus,
88
- .vjs-icon-facebook,
89
- .vjs-icon-gplus,
90
- .vjs-icon-linkedin,
91
- .vjs-icon-twitter,
92
- .vjs-icon-tumblr,
93
- .vjs-icon-pinterest,
94
- .vjs-icon-audio-description,
95
- .vjs-icon-audio,
96
- .vjs-icon-cart {
97
- font-family: VideoJS !important;
15
+ src: url(data:application/font-woff;charset=utf-8;base64,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) format("woff");
16
+ font-weight: normal;
17
+ font-style: normal;
18
+ }
19
+ .vjs-icon-play {
20
+ font-family: VideoJS;
98
21
  font-weight: normal;
99
22
  font-style: normal;
100
23
  }
101
-
102
24
  .vjs-icon-play:before {
103
25
  content: "\f101";
104
26
  }
105
27
 
28
+ .vjs-icon-play-circle {
29
+ font-family: VideoJS;
30
+ font-weight: normal;
31
+ font-style: normal;
32
+ }
106
33
  .vjs-icon-play-circle:before {
107
34
  content: "\f102";
108
35
  }
109
36
 
37
+ .vjs-icon-pause {
38
+ font-family: VideoJS;
39
+ font-weight: normal;
40
+ font-style: normal;
41
+ }
110
42
  .vjs-icon-pause:before {
111
43
  content: "\f103";
112
44
  }
113
45
 
46
+ .vjs-icon-volume-mute {
47
+ font-family: VideoJS;
48
+ font-weight: normal;
49
+ font-style: normal;
50
+ }
114
51
  .vjs-icon-volume-mute:before {
115
52
  content: "\f104";
116
53
  }
117
54
 
55
+ .vjs-icon-volume-low {
56
+ font-family: VideoJS;
57
+ font-weight: normal;
58
+ font-style: normal;
59
+ }
118
60
  .vjs-icon-volume-low:before {
119
61
  content: "\f105";
120
62
  }
121
63
 
64
+ .vjs-icon-volume-mid {
65
+ font-family: VideoJS;
66
+ font-weight: normal;
67
+ font-style: normal;
68
+ }
122
69
  .vjs-icon-volume-mid:before {
123
70
  content: "\f106";
124
71
  }
125
72
 
73
+ .vjs-icon-volume-high {
74
+ font-family: VideoJS;
75
+ font-weight: normal;
76
+ font-style: normal;
77
+ }
126
78
  .vjs-icon-volume-high:before {
127
79
  content: "\f107";
128
80
  }
129
81
 
82
+ .vjs-icon-fullscreen-enter {
83
+ font-family: VideoJS;
84
+ font-weight: normal;
85
+ font-style: normal;
86
+ }
130
87
  .vjs-icon-fullscreen-enter:before {
131
88
  content: "\f108";
132
89
  }
133
90
 
91
+ .vjs-icon-fullscreen-exit {
92
+ font-family: VideoJS;
93
+ font-weight: normal;
94
+ font-style: normal;
95
+ }
134
96
  .vjs-icon-fullscreen-exit:before {
135
97
  content: "\f109";
136
98
  }
137
99
 
138
- .vjs-icon-square:before {
100
+ .vjs-icon-spinner {
101
+ font-family: VideoJS;
102
+ font-weight: normal;
103
+ font-style: normal;
104
+ }
105
+ .vjs-icon-spinner:before {
139
106
  content: "\f10a";
140
107
  }
141
108
 
142
- .vjs-icon-spinner:before {
109
+ .vjs-icon-subtitles {
110
+ font-family: VideoJS;
111
+ font-weight: normal;
112
+ font-style: normal;
113
+ }
114
+ .vjs-icon-subtitles:before {
143
115
  content: "\f10b";
144
116
  }
145
117
 
146
- .vjs-icon-subtitles:before {
118
+ .vjs-icon-captions {
119
+ font-family: VideoJS;
120
+ font-weight: normal;
121
+ font-style: normal;
122
+ }
123
+ .vjs-icon-captions:before {
147
124
  content: "\f10c";
148
125
  }
149
126
 
150
- .vjs-icon-captions:before {
127
+ .vjs-icon-hd {
128
+ font-family: VideoJS;
129
+ font-weight: normal;
130
+ font-style: normal;
131
+ }
132
+ .vjs-icon-hd:before {
151
133
  content: "\f10d";
152
134
  }
153
135
 
136
+ .vjs-icon-chapters {
137
+ font-family: VideoJS;
138
+ font-weight: normal;
139
+ font-style: normal;
140
+ }
154
141
  .vjs-icon-chapters:before {
155
142
  content: "\f10e";
156
143
  }
157
144
 
158
- .vjs-icon-share:before {
145
+ .vjs-icon-downloading {
146
+ font-family: VideoJS;
147
+ font-weight: normal;
148
+ font-style: normal;
149
+ }
150
+ .vjs-icon-downloading:before {
159
151
  content: "\f10f";
160
152
  }
161
153
 
162
- .vjs-icon-cog:before {
154
+ .vjs-icon-file-download {
155
+ font-family: VideoJS;
156
+ font-weight: normal;
157
+ font-style: normal;
158
+ }
159
+ .vjs-icon-file-download:before {
163
160
  content: "\f110";
164
161
  }
165
162
 
166
- .vjs-icon-circle:before {
163
+ .vjs-icon-file-download-done {
164
+ font-family: VideoJS;
165
+ font-weight: normal;
166
+ font-style: normal;
167
+ }
168
+ .vjs-icon-file-download-done:before {
167
169
  content: "\f111";
168
170
  }
169
171
 
170
- .vjs-icon-circle-outline:before {
172
+ .vjs-icon-file-download-off {
173
+ font-family: VideoJS;
174
+ font-weight: normal;
175
+ font-style: normal;
176
+ }
177
+ .vjs-icon-file-download-off:before {
171
178
  content: "\f112";
172
179
  }
173
180
 
174
- .vjs-icon-circle-inner-circle:before {
181
+ .vjs-icon-share {
182
+ font-family: VideoJS;
183
+ font-weight: normal;
184
+ font-style: normal;
185
+ }
186
+ .vjs-icon-share:before {
175
187
  content: "\f113";
176
188
  }
177
189
 
178
- .vjs-icon-hd:before {
190
+ .vjs-icon-cog {
191
+ font-family: VideoJS;
192
+ font-weight: normal;
193
+ font-style: normal;
194
+ }
195
+ .vjs-icon-cog:before {
179
196
  content: "\f114";
180
197
  }
181
198
 
182
- .vjs-icon-cancel:before {
199
+ .vjs-icon-square {
200
+ font-family: VideoJS;
201
+ font-weight: normal;
202
+ font-style: normal;
203
+ }
204
+ .vjs-icon-square:before {
183
205
  content: "\f115";
184
206
  }
185
207
 
186
- .vjs-icon-replay:before {
208
+ .vjs-icon-circle {
209
+ font-family: VideoJS;
210
+ font-weight: normal;
211
+ font-style: normal;
212
+ }
213
+ .vjs-icon-circle:before {
187
214
  content: "\f116";
188
215
  }
189
216
 
190
- .vjs-icon-play-previous:before {
217
+ .vjs-icon-circle-outline {
218
+ font-family: VideoJS;
219
+ font-weight: normal;
220
+ font-style: normal;
221
+ }
222
+ .vjs-icon-circle-outline:before {
191
223
  content: "\f117";
192
224
  }
193
225
 
194
- .vjs-icon-play-next:before {
226
+ .vjs-icon-circle-inner-circle {
227
+ font-family: VideoJS;
228
+ font-weight: normal;
229
+ font-style: normal;
230
+ }
231
+ .vjs-icon-circle-inner-circle:before {
195
232
  content: "\f118";
196
233
  }
197
234
 
198
- .vjs-icon-close:before {
235
+ .vjs-icon-cancel {
236
+ font-family: VideoJS;
237
+ font-weight: normal;
238
+ font-style: normal;
239
+ }
240
+ .vjs-icon-cancel:before {
199
241
  content: "\f119";
200
242
  }
201
243
 
202
- .vjs-icon-skip-10-min:before {
244
+ .vjs-icon-repeat {
245
+ font-family: VideoJS;
246
+ font-weight: normal;
247
+ font-style: normal;
248
+ }
249
+ .vjs-icon-repeat:before {
203
250
  content: "\f11a";
204
251
  }
205
252
 
206
- .vjs-icon-skip-10-plus:before {
253
+ .vjs-icon-replay {
254
+ font-family: VideoJS;
255
+ font-weight: normal;
256
+ font-style: normal;
257
+ }
258
+ .vjs-icon-replay:before {
207
259
  content: "\f11b";
208
260
  }
209
261
 
210
- .vjs-icon-facebook:before {
262
+ .vjs-icon-replay-5 {
263
+ font-family: VideoJS;
264
+ font-weight: normal;
265
+ font-style: normal;
266
+ }
267
+ .vjs-icon-replay-5:before {
211
268
  content: "\f11c";
212
269
  }
213
270
 
214
- .vjs-icon-gplus:before {
271
+ .vjs-icon-replay-10 {
272
+ font-family: VideoJS;
273
+ font-weight: normal;
274
+ font-style: normal;
275
+ }
276
+ .vjs-icon-replay-10:before {
215
277
  content: "\f11d";
216
278
  }
217
279
 
218
- .vjs-icon-linkedin:before {
280
+ .vjs-icon-replay-30 {
281
+ font-family: VideoJS;
282
+ font-weight: normal;
283
+ font-style: normal;
284
+ }
285
+ .vjs-icon-replay-30:before {
219
286
  content: "\f11e";
220
287
  }
221
288
 
222
- .vjs-icon-twitter:before {
289
+ .vjs-icon-forward-5 {
290
+ font-family: VideoJS;
291
+ font-weight: normal;
292
+ font-style: normal;
293
+ }
294
+ .vjs-icon-forward-5:before {
223
295
  content: "\f11f";
224
296
  }
225
297
 
226
- .vjs-icon-tumblr:before {
298
+ .vjs-icon-forward-10 {
299
+ font-family: VideoJS;
300
+ font-weight: normal;
301
+ font-style: normal;
302
+ }
303
+ .vjs-icon-forward-10:before {
227
304
  content: "\f120";
228
305
  }
229
306
 
230
- .vjs-icon-pinterest:before {
307
+ .vjs-icon-forward-30 {
308
+ font-family: VideoJS;
309
+ font-weight: normal;
310
+ font-style: normal;
311
+ }
312
+ .vjs-icon-forward-30:before {
231
313
  content: "\f121";
232
314
  }
233
315
 
234
- .vjs-icon-audio-description:before {
316
+ .vjs-icon-audio {
317
+ font-family: VideoJS;
318
+ font-weight: normal;
319
+ font-style: normal;
320
+ }
321
+ .vjs-icon-audio:before {
235
322
  content: "\f122";
236
323
  }
237
324
 
238
- .vjs-icon-audio:before {
325
+ .vjs-icon-next-item {
326
+ font-family: VideoJS;
327
+ font-weight: normal;
328
+ font-style: normal;
329
+ }
330
+ .vjs-icon-next-item:before {
239
331
  content: "\f123";
240
332
  }
241
333
 
242
- .vjs-icon-cart:before {
334
+ .vjs-icon-previous-item {
335
+ font-family: VideoJS;
336
+ font-weight: normal;
337
+ font-style: normal;
338
+ }
339
+ .vjs-icon-previous-item:before {
243
340
  content: "\f124";
244
341
  }
245
342
 
246
- .vjs-label-hidden {
247
- display: none !important;
343
+ .vjs-icon-shuffle {
344
+ font-family: VideoJS;
345
+ font-weight: normal;
346
+ font-style: normal;
347
+ }
348
+ .vjs-icon-shuffle:before {
349
+ content: "\f125";
248
350
  }
249
351
 
250
- .cld-video-player .vjs-control-bar .vjs-control.vjs-ads-label {
251
- line-height: 3em;
352
+ .vjs-icon-cast {
353
+ font-family: VideoJS;
252
354
  font-weight: normal;
253
- text-align: center;
254
- display: none;
255
- width: auto;
256
- padding: 0 1em;
355
+ font-style: normal;
356
+ }
357
+ .vjs-icon-cast:before {
358
+ content: "\f126";
257
359
  }
258
360
 
259
- .cld-video-player.vjs-ad-playing .vjs-control.vjs-ads-label {
260
- display: block;
361
+ .vjs-icon-picture-in-picture-enter {
362
+ font-family: VideoJS;
363
+ font-weight: normal;
364
+ font-style: normal;
365
+ }
366
+ .vjs-icon-picture-in-picture-enter:before {
367
+ content: "\f127";
368
+ }
369
+
370
+ .vjs-icon-picture-in-picture-exit {
371
+ font-family: VideoJS;
372
+ font-weight: normal;
373
+ font-style: normal;
374
+ }
375
+ .vjs-icon-picture-in-picture-exit:before {
376
+ content: "\f128";
377
+ }
378
+
379
+ .vjs-icon-close {
380
+ font-family: VideoJS;
381
+ font-weight: normal;
382
+ font-style: normal;
383
+ }
384
+ .vjs-icon-close:before {
385
+ content: "\f129";
386
+ }
387
+
388
+ .vjs-icon-facebook {
389
+ font-family: VideoJS;
390
+ font-weight: normal;
391
+ font-style: normal;
392
+ }
393
+ .vjs-icon-facebook:before {
394
+ content: "\f12a";
395
+ }
396
+
397
+ .vjs-icon-linkedin {
398
+ font-family: VideoJS;
399
+ font-weight: normal;
400
+ font-style: normal;
401
+ }
402
+ .vjs-icon-linkedin:before {
403
+ content: "\f12b";
404
+ }
405
+
406
+ .vjs-icon-twitter {
407
+ font-family: VideoJS;
408
+ font-weight: normal;
409
+ font-style: normal;
410
+ }
411
+ .vjs-icon-twitter:before {
412
+ content: "\f12c";
413
+ }
414
+
415
+ .vjs-icon-tumblr {
416
+ font-family: VideoJS;
417
+ font-weight: normal;
418
+ font-style: normal;
419
+ }
420
+ .vjs-icon-tumblr:before {
421
+ content: "\f12d";
422
+ }
423
+
424
+ .vjs-icon-pinterest {
425
+ font-family: VideoJS;
426
+ font-weight: normal;
427
+ font-style: normal;
428
+ }
429
+ .vjs-icon-pinterest:before {
430
+ content: "\f12e";
431
+ }
432
+
433
+ .vjs-icon-audio-description {
434
+ font-family: VideoJS;
435
+ font-weight: normal;
436
+ font-style: normal;
437
+ }
438
+ .vjs-icon-audio-description:before {
439
+ content: "\f12f";
440
+ }
441
+
442
+ .vjs-icon-cart {
443
+ font-family: VideoJS;
444
+ font-weight: normal;
445
+ font-style: normal;
446
+ }
447
+ .vjs-icon-cart:before {
448
+ content: "\f130";
449
+ }
450
+
451
+ .vjs-icon-check {
452
+ font-family: VideoJS;
453
+ font-weight: normal;
454
+ font-style: normal;
455
+ }
456
+ .vjs-icon-check:before {
457
+ content: "\f131";
261
458
  }
262
459
 
263
460
  .cld-video-player .ima-fullscreen-div, .cld-video-player .ima-mute-div, .cld-video-player .ima-play-pause-div, .cld-video-player .ima-slider-div {
@@ -666,60 +863,41 @@
666
863
  width: 100%;
667
864
  }
668
865
  }
669
- .video-js .vjs-control:before {
670
- font-size: 2em;
671
- line-height: 1.5em;
672
- }
673
-
674
- .video-js .vjs-control {
675
- width: 3em;
676
- }
677
-
678
- .video-js {
866
+ .cld-video-player {
867
+ font-family: Arial, Helvetica, sans-serif;
679
868
  overflow: hidden;
869
+ font-size: 12px;
870
+ font-weight: 300;
680
871
  }
681
-
682
- .video-js .vjs-control,
683
- .vjs-icon-close,
684
- .vjs-volume-bar {
872
+ .cld-video-player:focus {
873
+ outline: none;
874
+ }
875
+ .cld-video-player .vjs-control,
876
+ .cld-video-player .vjs-icon-close,
877
+ .cld-video-player .vjs-volume-bar {
685
878
  z-index: 1;
686
879
  }
687
-
688
- .video-js .vjs-control:focus,
689
- .vjs-big-play-button:focus,
690
- .vjs-icon-close:focus,
691
- .vjs-volume-bar:focus {
880
+ .cld-video-player .vjs-control:focus,
881
+ .cld-video-player .vjs-big-play-button:focus,
882
+ .cld-video-player .vjs-icon-close:focus,
883
+ .cld-video-player .vjs-volume-bar:focus {
692
884
  outline: none;
693
885
  }
694
- .video-js .vjs-control:hover,
695
- .vjs-big-play-button:hover,
696
- .vjs-icon-close:hover,
697
- .vjs-volume-bar:hover {
698
- opacity: 0.95;
699
- }
700
-
701
- .vjs-cloudinary-button:focus {
886
+ .cld-video-player .vjs-control::before,
887
+ .cld-video-player .vjs-icon-placeholder::before,
888
+ .cld-video-player .vjs-time-divider,
889
+ .cld-video-player .vjs-duration,
890
+ .cld-video-player .vjs-playback-rate-value,
891
+ .cld-video-player .vjs-cloudinary-button:focus {
702
892
  opacity: 0.8;
703
893
  }
704
-
705
- .cld-video-player.cld-video-player-skin-dark .vjs-big-play-button:focus {
706
- background-color: rgba(40, 40, 40, 0.8);
707
- }
708
- .cld-video-player.cld-video-player-skin-light .vjs-big-play-button:focus {
709
- background-color: rgba(223, 234, 252, 0.8);
710
- }
711
-
712
- .cld-video-player-skin-light .vjs-control:focus {
713
- text-shadow: 0 0 1em #0E2F5A;
714
- }
715
-
716
- .cld-video-player {
717
- font-family: Arial, Helvetica, sans-serif;
718
- font-size: 12px;
719
- font-weight: 300;
720
- }
721
- .cld-video-player:focus {
722
- outline: none;
894
+ .cld-video-player .vjs-control:hover::before,
895
+ .cld-video-player .vjs-icon-placeholder:hover::before,
896
+ .cld-video-player .vjs-time-divider:hover,
897
+ .cld-video-player .vjs-duration:hover,
898
+ .cld-video-player .vjs-playback-rate:hover .vjs-playback-rate-value {
899
+ opacity: 1;
900
+ text-shadow: none;
723
901
  }
724
902
  .cld-video-player.cld-fluid {
725
903
  width: 100%;
@@ -733,11 +911,16 @@
733
911
  object-fit: cover;
734
912
  }
735
913
  .cld-video-player .vjs-time-control {
736
- padding-left: 0;
737
- padding-right: 0;
914
+ padding-left: 0.15em;
915
+ padding-right: 0.15em;
916
+ width: auto;
917
+ font-variant-numeric: tabular-nums;
918
+ }
919
+ .cld-video-player .vjs-time-control > * {
920
+ font-size: 90%;
738
921
  }
739
922
  .cld-video-player .vjs-time-divider {
740
- min-width: 1em;
923
+ min-width: 0;
741
924
  display: block;
742
925
  }
743
926
  .cld-video-player .vjs-current-time {
@@ -749,6 +932,10 @@
749
932
  .cld-video-player .vjs-duration {
750
933
  display: block;
751
934
  }
935
+ .cld-video-player .vjs-time-tooltip {
936
+ padding: 0.4em 0.6em;
937
+ top: -2.6em;
938
+ }
752
939
  .cld-video-player .vjs-big-play-button {
753
940
  font-size: 5em;
754
941
  width: 1.5em;
@@ -829,36 +1016,53 @@
829
1016
  visibility: hidden;
830
1017
  opacity: 0;
831
1018
  }
1019
+ .cld-video-player .vjs-progress-control.vjs-control::before, .cld-video-player .vjs-control-bar .vjs-control.vjs-progress-control-events-blocker::before {
1020
+ content: "";
1021
+ pointer-events: none;
1022
+ position: absolute;
1023
+ bottom: 0;
1024
+ left: 0;
1025
+ right: 0;
1026
+ width: 100%;
1027
+ height: 5rem;
1028
+ background: linear-gradient(to bottom, transparent 0%, currentColor 100%);
1029
+ opacity: 0.4;
1030
+ z-index: 0;
1031
+ }
1032
+ .cld-video-player .vjs-control {
1033
+ width: 2.5em;
1034
+ }
1035
+ .cld-video-player .vjs-control::before,
1036
+ .cld-video-player .vjs-icon-placeholder:before {
1037
+ font-size: 1.8em;
1038
+ line-height: 1.7;
1039
+ -moz-osx-font-smoothing: grayscale;
1040
+ -webkit-font-smoothing: antialiased;
1041
+ text-rendering: optimizeLegibility;
1042
+ }
832
1043
  .cld-video-player .vjs-control-bar {
833
1044
  z-index: 2;
1045
+ backdrop-filter: blur(10px);
1046
+ font-size: 120%;
834
1047
  }
835
1048
  .cld-video-player .vjs-control-bar .vjs-volume-panel {
836
- margin-right: 1em;
837
- }
838
- .cld-video-player .vjs-control-bar .vjs-menu-button-inline:hover,
839
- .cld-video-player .vjs-control-bar .vjs-menu-button-inline:focus,
840
- .cld-video-player .vjs-control-bar .vjs-menu-button-inline.vjs-slider-active,
841
- .cld-video-player .vjs-control-bar .vjs-no-flex .vjs-menu-button-inline {
842
- width: 10em;
1049
+ margin-right: 0.5em;
843
1050
  }
844
- .cld-video-player .vjs-control-bar .vjs-menu-button-inline:before {
845
- width: 1.6em;
846
- }
847
- .cld-video-player .vjs-control-bar .vjs-menu-button-inline .vjs-menu {
848
- left: 3em;
1051
+ .cld-video-player .vjs-control-bar .vjs-volume-panel.vjs-volume-panel-horizontal {
1052
+ max-width: 8em;
849
1053
  }
850
1054
  .cld-video-player .vjs-control-bar .vjs-progress-control, .cld-video-player .vjs-control-bar .vjs-progress-control-events-blocker {
1055
+ backdrop-filter: blur(10px);
851
1056
  position: absolute;
852
1057
  left: 0px;
853
1058
  width: 100%;
854
- height: 1.2em;
1059
+ height: 3px;
855
1060
  bottom: 100%;
856
- transform: translateY(50%);
857
1061
  }
858
1062
  .cld-video-player .vjs-control-bar .vjs-progress-holder {
859
1063
  margin: 0;
860
- height: 0.15em;
861
1064
  z-index: 1;
1065
+ height: 100%;
862
1066
  }
863
1067
  .cld-video-player .vjs-control-bar .vjs-progress-holder::after {
864
1068
  content: "";
@@ -869,43 +1073,72 @@
869
1073
  top: -0.4rem;
870
1074
  bottom: -0.4rem;
871
1075
  }
1076
+ .cld-video-player .vjs-control-bar .vjs-progress-control:hover, .cld-video-player .vjs-control-bar .vjs-progress-control-events-blocker:hover {
1077
+ z-index: 2;
1078
+ }
872
1079
  .cld-video-player .vjs-control-bar .vjs-progress-control:hover .vjs-progress-holder, .cld-video-player .vjs-control-bar .vjs-progress-control-events-blocker:hover .vjs-progress-holder {
873
- font-size: 1.2em;
1080
+ font-size: inherit;
874
1081
  transition: none;
875
1082
  }
876
- .cld-video-player .vjs-control-bar .vjs-progress-control:hover .vjs-time-tooltip, .cld-video-player .vjs-control-bar .vjs-progress-control-events-blocker:hover .vjs-time-tooltip {
1083
+ .cld-video-player .vjs-control-bar .vjs-progress-control:hover .vjs-progress-holder .vjs-time-tooltip, .cld-video-player .vjs-control-bar .vjs-progress-control-events-blocker:hover .vjs-progress-holder .vjs-time-tooltip {
877
1084
  font-size: 0.8em;
878
1085
  }
879
1086
  .cld-video-player .vjs-control-bar .vjs-progress-control:hover .vjs-progress-holder::after, .cld-video-player .vjs-control-bar .vjs-progress-control-events-blocker:hover .vjs-progress-holder::after {
880
1087
  top: -1.4rem;
881
1088
  }
1089
+ .cld-video-player .vjs-control-bar .vjs-load-progress div {
1090
+ background: none;
1091
+ }
882
1092
  .cld-video-player .vjs-control-bar .vjs-play-progress::before {
883
- content: "\f111";
1093
+ display: none;
884
1094
  }
885
1095
  .cld-video-player .vjs-control-bar .vjs-progress-control-events-blocker {
886
1096
  background-color: transparent;
887
1097
  }
1098
+ .cld-video-player .vjs-playback-rate-value {
1099
+ font-size: 1.3em;
1100
+ line-height: 2.3em;
1101
+ }
888
1102
  .cld-video-player .vjs-subs-caps-button .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
889
1103
  vertical-align: top;
890
1104
  display: inline-block;
891
1105
  margin-bottom: -0.3em;
892
1106
  }
1107
+ .cld-video-player .vjs-subs-caps-button > .vjs-icon-placeholder:before {
1108
+ content: "\f10b" !important;
1109
+ }
893
1110
  .cld-video-player .vjs-menu .vjs-menu-content {
894
1111
  min-width: 10em;
895
1112
  width: auto;
896
1113
  overflow: visible;
897
1114
  padding: 0.2em 0;
898
1115
  }
1116
+ .cld-video-player .vjs-menu .vjs-selected {
1117
+ background: none;
1118
+ color: var(--color-text);
1119
+ }
899
1120
  .cld-video-player .vjs-menu .vjs-menu-item {
900
1121
  text-align: left;
901
1122
  white-space: nowrap;
902
1123
  text-transform: capitalize;
903
- font-size: 1em;
1124
+ font-size: 0.9em;
904
1125
  padding: 0 1em;
905
1126
  line-height: 2em;
906
1127
  }
907
- .cld-video-player .vjs-menu .vjs-menu-item.vjs-selected {
908
- font-weight: bold;
1128
+ .cld-video-player .vjs-menu:has(.vjs-selected) .vjs-menu-item {
1129
+ padding-left: 2em;
1130
+ }
1131
+ .cld-video-player .vjs-menu:has(.vjs-selected) .vjs-menu-item.vjs-selected:before {
1132
+ font-family: VideoJS;
1133
+ font-weight: 400;
1134
+ font-style: normal;
1135
+ content: "\f131";
1136
+ display: block;
1137
+ position: absolute;
1138
+ width: 1em;
1139
+ margin-left: -1.3em;
1140
+ font-size: 1.2em;
1141
+ line-height: 1.6;
909
1142
  }
910
1143
  .cld-video-player .vjs-spacer {
911
1144
  flex: auto;
@@ -917,17 +1150,31 @@
917
1150
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js!./components/logoButton/logo-button.scss ***!
918
1151
  \***********************************************************************************************************************************/
919
1152
  .vjs-control-bar a.vjs-control.vjs-cloudinary-button {
920
- background-image: url(fonts/cloudinary_icon_for_black_bg.svg);
1153
+ background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNzIuOCAxMTMuMTgiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojZmZmO308L3N0eWxlPjwvZGVmcz48ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIj48ZyBpZD0iTGF5ZXJfMS0yIiBkYXRhLW5hbWU9IkxheWVyIDEiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE0MC4yNSw0MC4yN0E1Ny44NCw1Ny44NCwwLDAsMCw4NS41NiwwLDU2Ljc1LDU2Ljc1LDAsMCwwLDM1LjI0LDI5LjlhNDIuNzksNDIuNzksMCwwLDAtMTAuMzMsODFsMS4wOC41aC4wNlY5OS4yM2EzMS45NSwzMS45NSwwLDAsMSwxMy4zMS01OWwzLS4zMSwxLjMxLTIuNzRBNDYsNDYsMCwwLDEsODUuNTYsMTAuODVhNDYuODMsNDYuODMsMCwwLDEsNDUuMTksMzUuNzlsMSw0LjExLDQuMjMuMDdhMjYuNTYsMjYuNTYsMCwwLDEsMjYsMjYuNDRjMCwxMC4xMS01LjgzLDE4LjM2LTE1LjcyLDIyLjU1djExLjU1bC43MS0uMjRjMTUuOTUtNS4yMSwyNS44Ni0xOC4xOSwyNS44Ni0zMy44NkEzNy40OSwzNy40OSwwLDAsMCwxNDAuMjUsNDAuMjdaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNjQuNTYsMTEwbDIuMzgsMi4zOGEuNDcuNDcsMCwwLDEtLjM0LjgxSDQ3Ljg0YTguNTMsOC41MywwLDAsMS04LjU0LTguNTNWNjguMTRhLjQ3LjQ3LDAsMCwwLS40Ny0uNDdIMzQuNzZhLjQ4LjQ4LDAsMCwxLS4zNC0uODFMNTAuMzUsNTAuOTRhLjQ2LjQ2LDAsMCwxLC42NywwTDY2Ljk0LDY2Ljg2YS40Ny40NywwLDAsMS0uMzQuODFINjIuNTNhLjQ3LjQ3LDAsMCwwLS40Ny40N1YxMDRBOC41Myw4LjUzLDAsMCwwLDY0LjU2LDExMFoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik05OS43NiwxMTBsMi4zOCwyLjM4YS40Ny40NywwLDAsMS0uMzQuODFIODNhOC41Myw4LjUzLDAsMCwxLTguNTQtOC41M1Y3Ny4zMmEuNDcuNDcsMCwwLDAtLjQ3LS40OEg3MGEuNDguNDgsMCwwLDEtLjM0LS44MUw4NS41NSw2MC4xMWEuNDYuNDYsMCwwLDEsLjY3LDBMMTAyLjE0LDc2YS40Ny40NywwLDAsMS0uMzQuODFIOTcuNzNhLjQ3LjQ3LDAsMCwwLS40Ny40OFYxMDRBOC41Myw4LjUzLDAsMCwwLDk5Ljc2LDExMFoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xMzUsMTEwbDIuMzgsMi4zOGEuNDcuNDcsMCwwLDEtLjMzLjgxSDExOC4yNGE4LjU0LDguNTQsMCwwLDEtOC41NC04LjUzVjg2LjQ5YS40Ny40NywwLDAsMC0uNDctLjQ3aC00LjA3YS40Ny40NywwLDAsMS0uMzMtLjgxbDE1LjkyLTE1LjkzYS40OC40OCwwLDAsMSwuNjcsMGwxNS45MiwxNS45M0EuNDcuNDcsMCwwLDEsMTM3LDg2aC00LjA4YS40Ny40NywwLDAsMC0uNDcuNDdWMTA0QTguNTMsOC41MywwLDAsMCwxMzUsMTEwWiIvPjwvZz48L2c+PC9zdmc+);
921
1154
  background-size: 25px;
922
1155
  background-position: center;
923
1156
  background-repeat: no-repeat;
1157
+ color: inherit;
924
1158
  }
925
1159
  .cld-video-player-skin-light .vjs-control-bar a.vjs-control.vjs-cloudinary-button {
926
- background-image: url(fonts/cloudinary_icon_for_white_bg.svg);
1160
+ background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNzIuOCAxMTMuMTgiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojMzQ0OGM1O308L3N0eWxlPjwvZGVmcz48ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIj48ZyBpZD0iTGF5ZXJfMS0yIiBkYXRhLW5hbWU9IkxheWVyIDEiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE0MC4yNSw0MC4yN0E1Ny44NCw1Ny44NCwwLDAsMCw4NS41NiwwLDU2Ljc1LDU2Ljc1LDAsMCwwLDM1LjI0LDI5LjlhNDIuNzksNDIuNzksMCwwLDAtMTAuMzMsODFsMS4wOC41aC4wNlY5OS4yM2EzMS45NSwzMS45NSwwLDAsMSwxMy4zMS01OWwzLS4zMSwxLjMxLTIuNzRBNDYsNDYsMCwwLDEsODUuNTYsMTAuODVhNDYuODMsNDYuODMsMCwwLDEsNDUuMTksMzUuNzlsMSw0LjExLDQuMjMuMDdhMjYuNTYsMjYuNTYsMCwwLDEsMjYsMjYuNDRjMCwxMC4xMS01LjgzLDE4LjM2LTE1LjcyLDIyLjU1djExLjU1bC43MS0uMjRjMTUuOTUtNS4yMSwyNS44Ni0xOC4xOSwyNS44Ni0zMy44NkEzNy40OSwzNy40OSwwLDAsMCwxNDAuMjUsNDAuMjdaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNjQuNTYsMTEwbDIuMzgsMi4zOGEuNDcuNDcsMCwwLDEtLjM0LjgxSDQ3Ljg0YTguNTMsOC41MywwLDAsMS04LjU0LTguNTNWNjguMTRhLjQ3LjQ3LDAsMCwwLS40Ny0uNDdIMzQuNzZhLjQ4LjQ4LDAsMCwxLS4zNC0uODFMNTAuMzUsNTAuOTRhLjQ2LjQ2LDAsMCwxLC42NywwTDY2Ljk0LDY2Ljg2YS40Ny40NywwLDAsMS0uMzQuODFINjIuNTNhLjQ3LjQ3LDAsMCwwLS40Ny40N1YxMDRBOC41Myw4LjUzLDAsMCwwLDY0LjU2LDExMFoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik05OS43NiwxMTBsMi4zOCwyLjM4YS40Ny40NywwLDAsMS0uMzQuODFIODNhOC41Myw4LjUzLDAsMCwxLTguNTQtOC41M1Y3Ny4zMmEuNDcuNDcsMCwwLDAtLjQ3LS40OEg3MGEuNDguNDgsMCwwLDEtLjM0LS44MUw4NS41NSw2MC4xMWEuNDYuNDYsMCwwLDEsLjY3LDBMMTAyLjE0LDc2YS40Ny40NywwLDAsMS0uMzQuODFIOTcuNzNhLjQ3LjQ3LDAsMCwwLS40Ny40OFYxMDRBOC41Myw4LjUzLDAsMCwwLDk5Ljc2LDExMFoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xMzUsMTEwbDIuMzgsMi4zOGEuNDcuNDcsMCwwLDEtLjMzLjgxSDExOC4yNGE4LjU0LDguNTQsMCwwLDEtOC41NC04LjUzVjg2LjQ5YS40Ny40NywwLDAsMC0uNDctLjQ3aC00LjA3YS40Ny40NywwLDAsMS0uMzMtLjgxbDE1LjkyLTE1LjkzYS40OC40OCwwLDAsMSwuNjcsMGwxNS45MiwxNS45M0EuNDcuNDcsMCwwLDEsMTM3LDg2aC00LjA4YS40Ny40NywwLDAsMC0uNDcuNDdWMTA0QTguNTMsOC41MywwLDAsMCwxMzUsMTEwWiIvPjwvZz48L2c+PC9zdmc+);
927
1161
  }
928
1162
  .vjs-control-bar a.vjs-control.vjs-cloudinary-button:hover {
929
1163
  cursor: pointer;
930
1164
  }
1165
+ .vjs-control-bar a.vjs-control.vjs-cloudinary-button:last-child {
1166
+ margin-right: 0.4em;
1167
+ margin-left: 0.8em;
1168
+ }
1169
+ .vjs-control-bar a.vjs-control.vjs-cloudinary-button:last-child::before {
1170
+ content: "";
1171
+ position: absolute;
1172
+ left: -0.25em;
1173
+ top: 0.3em;
1174
+ bottom: 0.3em;
1175
+ border-left: 1px solid currentColor;
1176
+ opacity: 0.25;
1177
+ }
931
1178
  /*!***********************************************************************************************************************************!*\
932
1179
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js!./assets/styles/components/playlist.scss ***!
933
1180
  \***********************************************************************************************************************************/
@@ -1001,7 +1248,7 @@
1001
1248
  }
1002
1249
  @media only screen and (max-width: 768px) {
1003
1250
  .cld-video-player-skin-dark .cld-plw-item-info-wrap {
1004
- background: #272727;
1251
+ background: var(--color-base);
1005
1252
  }
1006
1253
  }
1007
1254
 
@@ -1112,28 +1359,12 @@
1112
1359
  text-align: left;
1113
1360
  background-repeat: no-repeat;
1114
1361
  background-size: cover;
1115
- background-position: center center;
1362
+ background-position: center;
1116
1363
  }
1117
1364
  .cld-thumbnail .cld-thumbnail-img {
1118
1365
  display: none;
1119
1366
  }
1120
- .cld-video-player-skin-light .cld-thumbnail .cld-plw-item-info-wrap {
1121
- background: #fff;
1122
- }
1123
- .cld-video-player-skin-light .cld-thumbnail.cld-plw-panel-item-active {
1124
- border: 1px solid #0078FF;
1125
- box-sizing: border-box;
1126
- }
1127
- .cld-video-player-skin-light .cld-thumbnail.cld-plw-panel-item-active .cld-plw-item-info-wrap {
1128
- background: rgba(0, 119, 255, 0.8);
1129
- }
1130
- .cld-video-player-skin-light .cld-thumbnail.cld-plw-panel-item-active .cld-plw-item-info-wrap {
1131
- color: #fff;
1132
- }
1133
- .cld-video-player-skin-light .cld-thumbnail.cld-plw-panel-item-active:hover .cld-plw-item-info-wrap {
1134
- color: #fff;
1135
- }
1136
- .cld-video-player-skin-dark .cld-thumbnail:before {
1367
+ .cld-thumbnail:before {
1137
1368
  content: "";
1138
1369
  position: absolute;
1139
1370
  top: 40%;
@@ -1141,23 +1372,15 @@
1141
1372
  right: 0;
1142
1373
  bottom: 0;
1143
1374
  left: 0;
1144
- background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent 80%);
1145
- opacity: 1;
1375
+ background: linear-gradient(to top, var(--color-base), transparent 80%);
1376
+ opacity: 0.6;
1146
1377
  }
1147
- .cld-video-player-skin-dark .cld-thumbnail.cld-plw-panel-item-active {
1148
- border: 1px solid #FF620C;
1378
+ .cld-thumbnail.cld-plw-panel-item-active {
1379
+ border: 1px solid var(--color-accent);
1149
1380
  box-sizing: border-box;
1150
1381
  }
1151
- @media only screen and (min-width: 769px) {
1152
- .cld-video-player-skin-dark .cld-thumbnail.cld-plw-panel-item-active:before {
1153
- background: linear-gradient(to top, rgba(0, 0, 0, 0.9), transparent 90%);
1154
- }
1155
- .cld-video-player-skin-dark .cld-thumbnail.cld-plw-panel-item-active .cld-plw-item-info-wrap {
1156
- font-weight: 500;
1157
- }
1158
- }
1159
- .cld-video-player-skin-dark .cld-thumbnail.cld-plw-panel-item-active .cld-plw-item-info-wrap {
1160
- color: #FF620C;
1382
+ .cld-thumbnail.cld-plw-panel-item-active .cld-plw-item-info-wrap {
1383
+ color: var(--color-accent);
1161
1384
  }
1162
1385
 
1163
1386
  .cld-plw-panel-item:hover:after {
@@ -1167,7 +1390,8 @@
1167
1390
  height: 100%;
1168
1391
  top: 0px;
1169
1392
  left: 0px;
1170
- background-color: rgba(255, 255, 255, 0.2);
1393
+ background-color: var(--color-text);
1394
+ opacity: 0.2;
1171
1395
  }
1172
1396
 
1173
1397
  @media only screen and (max-width: 768px) {
@@ -1341,44 +1565,43 @@
1341
1565
  /*!************************************************************************************************************************************!*\
1342
1566
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js!./assets/styles/components/title-bar.scss ***!
1343
1567
  \************************************************************************************************************************************/
1344
- .video-js .vjs-title-bar {
1345
- display: none;
1568
+ .cld-video-player .vjs-title-bar {
1569
+ display: flex;
1570
+ flex-direction: column;
1571
+ align-items: center;
1572
+ visibility: visible;
1573
+ opacity: 1;
1574
+ transition: opacity 0.1s;
1346
1575
  width: 100%;
1347
1576
  position: absolute;
1348
1577
  top: 0;
1349
1578
  left: 0;
1350
- height: 7.2em;
1351
- text-align: left;
1352
- padding: 16px 21px;
1579
+ padding: 2em;
1580
+ padding: clamp(1.3em, 4cqw, 2em);
1353
1581
  pointer-events: none;
1582
+ container-type: inline-size;
1354
1583
  }
1355
- .video-js .vjs-title-bar .vjs-title-bar-title {
1584
+ .cld-video-player .vjs-title-bar .vjs-title-bar-title {
1356
1585
  width: 100%;
1357
- font-size: 1.2em;
1358
- font-weight: 500;
1359
- line-height: 1.2em;
1360
- margin-bottom: 0.55em;
1361
- }
1362
- .video-js .vjs-title-bar .vjs-title-bar-subtitle {
1586
+ font-weight: 700;
1587
+ line-height: 1.2;
1588
+ margin-bottom: 0.5em;
1589
+ margin-bottom: clamp(0.2em, 1.5cqw, 0.5em);
1590
+ font-size: 1.8em;
1591
+ font-size: clamp(1.3em, 4cqw, 1.8em);
1592
+ }
1593
+ .cld-video-player .vjs-title-bar .vjs-title-bar-subtitle {
1363
1594
  width: 100%;
1595
+ font-weight: 100;
1596
+ line-height: 1;
1364
1597
  font-size: 1em;
1365
- font-weight: 300;
1366
- line-height: 1em;
1367
- }
1368
-
1369
- .vjs-has-started .vjs-title-bar {
1370
- display: flex;
1371
- flex-direction: column;
1372
- align-items: center;
1373
- visibility: visible;
1374
- opacity: 1;
1375
- transition: visibility 0.1s, opacity 0.1s;
1598
+ font-size: clamp(0.8em, 3cqw, 1.1em);
1376
1599
  }
1377
1600
 
1378
1601
  .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-title-bar {
1379
1602
  visibility: visible;
1380
1603
  opacity: 0;
1381
- transition: visibility 1s, opacity 1s;
1604
+ transition: opacity 1s;
1382
1605
  }
1383
1606
 
1384
1607
  .vjs-controls-disabled .vjs-title-bar,
@@ -1392,44 +1615,6 @@
1392
1615
  opacity: 1;
1393
1616
  visibility: visible;
1394
1617
  }
1395
-
1396
- .vjs-has-started.vjs-no-flex .vjs-title-bar {
1397
- display: table;
1398
- }
1399
- /*!**********************************************************************************************************************************************!*\
1400
- !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js!./assets/styles/components/triangle-volume-bar.scss ***!
1401
- \**********************************************************************************************************************************************/
1402
- .video-js .vjs-volume-panel-horizontal .vjs-volume-level:before, .video-js .vjs-volume-panel-horizontal .vjs-volume-control:before {
1403
- content: "";
1404
- font-size: 20px;
1405
- position: absolute;
1406
- top: 0;
1407
- left: 0;
1408
- width: 0;
1409
- height: 0;
1410
- line-height: 0px;
1411
- border-style: solid;
1412
- border-width: 0 0 1.2em 6em;
1413
- border-color: transparent transparent #0e2f5a transparent;
1414
- }
1415
- .video-js .vjs-volume-panel-horizontal .vjs-volume-control {
1416
- overflow: hidden;
1417
- height: 3em;
1418
- }
1419
- .video-js .vjs-volume-panel-horizontal .vjs-volume-bar {
1420
- margin: 0;
1421
- height: 100%;
1422
- background-color: transparent;
1423
- }
1424
- .video-js .vjs-volume-panel-horizontal .vjs-volume-level {
1425
- overflow: hidden;
1426
- height: 100%;
1427
- background: transparent;
1428
- box-shadow: none;
1429
- }
1430
- .video-js .vjs-volume-panel-horizontal .vjs-volume-level:before {
1431
- border-color: transparent transparent #e8e8e9 transparent;
1432
- }
1433
1618
  /*!*******************************************************************************************************************************************!*\
1434
1619
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js!./components/shoppable-bar/shoppable-widget.scss ***!
1435
1620
  \*******************************************************************************************************************************************/
@@ -1966,7 +2151,7 @@
1966
2151
  /*!***************************************************************************************************************************************!*\
1967
2152
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js!./plugins/vtt-thumbnails/vtt-thumbnails.scss ***!
1968
2153
  \***************************************************************************************************************************************/
1969
- .vjs-vtt-thumbnail-display {
2154
+ .cld-video-player .vjs-vtt-thumbnail-display {
1970
2155
  position: absolute;
1971
2156
  left: 0;
1972
2157
  bottom: 15px;
@@ -1975,43 +2160,32 @@
1975
2160
  transition: opacity 0.2s;
1976
2161
  bottom: 3em;
1977
2162
  pointer-events: none;
1978
- border: 3px solid #fff;
1979
- border-radius: 3px;
1980
- box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
2163
+ border: 1px solid var(--color-base);
2164
+ border-radius: 2px;
2165
+ box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
1981
2166
  backdrop-filter: blur(12px);
1982
2167
  }
1983
-
1984
- .vjs-vtt-time-display {
2168
+ .cld-video-player .vjs-vtt-time-display {
2169
+ font-size: 80%;
2170
+ line-height: 1.4;
1985
2171
  position: absolute;
1986
- bottom: -1.7em;
2172
+ bottom: -2.8em;
1987
2173
  left: 0;
1988
2174
  right: 0;
1989
2175
  margin: auto;
1990
- color: #fff;
1991
- text-shadow: 0 0 3px #000;
2176
+ color: var(--color-text);
2177
+ background: var(--color-base);
2178
+ padding: 0.3em 0.6em;
2179
+ width: fit-content;
2180
+ border-radius: 4px;
1992
2181
  }
1993
-
1994
- .vjs-vtt-thumbnails .vjs-time-tooltip {
2182
+ .cld-video-player.vjs-vtt-thumbnails .vjs-time-tooltip {
1995
2183
  display: none !important;
1996
2184
  }
1997
2185
  /*!*********************************************************************************************************************************************!*\
1998
2186
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js!./plugins/aiHighlightsGraph/aiHighlightsGraph.scss ***!
1999
2187
  \*********************************************************************************************************************************************/
2000
- .vjs-progress-control::before {
2001
- content: "";
2002
- pointer-events: none;
2003
- position: absolute;
2004
- bottom: 50%;
2005
- left: 0;
2006
- right: 0;
2007
- width: 100%;
2008
- height: 600%;
2009
- background: linear-gradient(to bottom, transparent 0%, currentColor 100%);
2010
- opacity: 0.4;
2011
- z-index: 0;
2012
- }
2013
-
2014
- .vjs-highlights-graph-display {
2188
+ .cld-video-player .vjs-highlights-graph-display {
2015
2189
  position: absolute;
2016
2190
  left: 0;
2017
2191
  right: 0;
@@ -2021,21 +2195,26 @@
2021
2195
  opacity: 0;
2022
2196
  transition: opacity 0.2s;
2023
2197
  }
2024
- .vjs-progress-control:hover .vjs-highlights-graph-display {
2025
- opacity: 0.8;
2026
- }
2027
- .vjs-highlights-graph-display svg {
2198
+ .cld-video-player .vjs-highlights-graph-display svg {
2028
2199
  width: 100%;
2029
2200
  height: 100%;
2030
2201
  }
2031
- .vjs-highlights-graph-display path {
2202
+ .cld-video-player .vjs-highlights-graph-display path {
2032
2203
  fill: currentColor;
2033
2204
  }
2205
+ .cld-video-player .vjs-progress-control:hover .vjs-highlights-graph-display {
2206
+ opacity: 0.8;
2207
+ }
2034
2208
  /*!*********************************************************************************************************************************************!*\
2035
2209
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js!./components/qualitySelector/quality-selector.scss ***!
2036
2210
  \*********************************************************************************************************************************************/
2037
- .video-js .vjs-http-source-selector .vjs-button {
2038
- font-size: 17px;
2211
+ .cld-video-player .vjs-http-source-selector > .vjs-button > .vjs-icon-placeholder {
2212
+ font-family: VideoJS;
2213
+ font-weight: 400;
2214
+ font-style: normal;
2215
+ }
2216
+ .cld-video-player .vjs-http-source-selector > .vjs-button > .vjs-icon-placeholder:before {
2217
+ content: "\f114";
2039
2218
  }
2040
2219
 
2041
2220
  /*# sourceMappingURL=cld-video-player.css.map*/