PluginProbe
FV Player 8 / trunk
FV Player 8 vtrunk
trunk 8.0.18 8.0.19 8.0.20 8.0.21 8.0.25 8.0.27 8.1 8.1.3
fv-player / css / skin.css

skin.css in FV Player 8 trunk, at css/skin.css

1,700 lines 37.8 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 @charset "UTF-8";
2 @font-face {
3 src:
4 url(icons/freedomplayer.eot?#iefix) format('embedded-opentype'),
5 url(icons/freedomplayer.woff2) format('woff2'),
6 url(icons/freedomplayer.woff) format('woff');
7 font-family: freedomplayer;
8 }
9
10 .fp-icon {
11 display: inline-block;
12 }
13
14 .fp-icon:after,
15 .fp-icon:before {
16 font-size: 1.7em;
17 font-family: freedomplayer;
18 }
19
20 .fp-controls svg {
21 fill: #f5f5f5;
22 stroke: #f5f5f5;
23 }
24
25 .fp-airplay svg {
26 width: 18px;
27 vertical-align: text-top;
28 }
29
30 .fp-fullscreen {
31 order: 100;
32 }
33
34 .fp-fullscreen svg {
35 width: 22px;
36 stroke-width: 4;
37 vertical-align: text-top;
38 }
39
40 .fp-fullscreen svg.fp-fullscreen-exit {
41 display: none;
42 fill: none;
43 stroke-width: 3;
44 }
45
46 .fp-checked:before {
47 content: '\e003';
48 }
49
50 .fp-embed:before {
51 content: '\e004';
52 color: #fff;
53 }
54
55 .fp-controls a.fp-chromecast {
56 margin: 0 0.5em;
57 }
58
59 .fp-chromecast svg {
60 width: 20px;
61 vertical-align: text-top;
62 }
63
64 .fp-email:before {
65 content: '\e006';
66 }
67
68 .fp-playbtn:before {
69 display: flex;
70 content: '\e007';
71 line-height: 0;
72 }
73
74 .fp-volumebtn:before {
75 content: '\e00b';
76 }
77
78 .fp-volume-off:before {
79 content: '\e00d';
80 }
81
82 .fp-unload:before {
83 content: '\e00f';
84 }
85
86 .fp-prevbtn:before {
87 content: '\e011';
88 }
89
90 .fp-nextbtn:before {
91 content: '\e012';
92 }
93
94 .freedomplayer.is-loading .fp-engine,
95 .freedomplayer.is-loading .fp-ui .fp-controls,
96 .freedomplayer.is-loading .fp-ui .fp-header {
97 opacity: 0;
98 }
99
100 .freedomplayer.is-poster .fp-ui > div,
101 .freedomplayer.is-poster .fp-ui > p,
102 .freedomplayer.is-splash .fp-ui > div,
103 .freedomplayer.is-splash .fp-ui > p {
104 display: none;
105 }
106
107 .freedomplayer.is-poster .fp-ui > .fp-play,
108 .freedomplayer.is-splash .fp-ui > .fp-play {
109 display: block;
110 }
111
112 .freedomplayer.is-poster.is-loading .fp-ui > .fp-play,
113 .freedomplayer.is-splash.is-loading .fp-ui > .fp-play {
114 display: none;
115 }
116
117 .freedomplayer.is-poster.is-loading .fp-ui > .fp-waiting,
118 .freedomplayer.is-splash.is-loading .fp-ui > .fp-waiting {
119 display: block;
120 }
121
122 .freedomplayer.is-poster .fp-captions {
123 display: none !important;
124 }
125
126 .freedomplayer.is-disabled .fp-color {
127 background-color: #999;
128 }
129
130 .freedomplayer.has-title .fp-header {
131 top: 0;
132 text-align: right;
133 }
134
135 .freedomplayer.is-fullscreen .fp-player {
136 background-color: #333;
137 }
138
139 .freedomplayer.is-fullscreen .fp-fullscreen svg.fp-fullscreen-exit {
140 display: block;
141 }
142
143 .freedomplayer.is-fullscreen .fp-fullscreen svg.fp-fullscreen-enter {
144 display: none;
145 }
146
147 .freedomplayer.is-fullscreen .fp-fullscreen.bold svg.fp-fullscreen-exit {
148 stroke-width: 5;
149 }
150
151 .freedomplayer.is-fullscreen {
152 z-index: 9999999 !important;
153 top: 0 !important;
154 left: 0 !important;
155 width: 100% !important;
156 max-width: 100% !important;
157 height: 100% !important;
158 margin: 0 !important;
159 border: 0 !important;
160 border-radius: 0;
161 background-image: none !important;
162 background-color: #333;
163 box-shadow: 0 !important;
164 }
165
166 .freedomplayer.is-fullscreen .fp-controls {
167 bottom: env(safe-area-inset-bottom);
168 }
169
170 .freedomplayer.is-fullscreen .fp-full .fp-timeline {
171 width: calc(100% - env(safe-area-inset-bottom) * 2);
172 margin-right: env(safe-area-inset-bottom);
173 margin-left: env(safe-area-inset-bottom);
174 }
175
176 .freedomplayer.is-fullscreen.is-mouseout.is-playing .fp-ui {
177 cursor: none;
178 }
179
180 .freedomplayer.is-loading .fp-waiting,
181 .freedomplayer.is-seeking .fp-waiting {
182 display: block !important;
183 opacity: 1 !important;
184 }
185
186 .freedomplayer.is-loading .fp-pause,
187 .freedomplayer.is-loading .fp-play,
188 .freedomplayer.is-seeking .fp-pause,
189 .freedomplayer.is-seeking .fp-play {
190 display: none !important;
191 }
192
193 .freedomplayer.is-disabled .fp-fullscreen,
194 .freedomplayer.is-disabled .fp-pause,
195 .freedomplayer.is-disabled .fp-play {
196 display: none;
197 }
198
199 .freedomplayer.is-playing {
200 background-image: none !important;
201 }
202
203 .freedomplayer.is-playing .fp-playbtn:before {
204 content: '\e008';
205 }
206
207 .freedomplayer.is-playing.fp-minimal .fp-playbtn:before,
208 .freedomplayer.is-playing.fp-outlined .fp-playbtn:before {
209 content: '\e208';
210 }
211
212 .freedomplayer.is-playing.fp-edgy .fp-playbtn:before {
213 content: '\e108';
214 }
215
216 .freedomplayer.is-playing.fp-edgy.fp-minimal .fp-playbtn:before,
217 .freedomplayer.is-playing.fp-edgy.fp-outlined .fp-playbtn:before {
218 content: '\e308';
219 }
220
221 .freedomplayer.is-muted .fp-volumebtn:before {
222 content: '\e00d';
223 }
224
225 .freedomplayer.is-muted.fp-minimal .fp-volumebtn:before,
226 .freedomplayer.is-muted.fp-outlined .fp-volumebtn:before {
227 content: '\e20d';
228 }
229
230 .freedomplayer.is-muted.fp-edgy .fp-volumebtn:before {
231 content: '\e10d';
232 }
233
234 .freedomplayer.is-muted.fp-edgy.fp-minimal .fp-volumebtn:before,
235 .freedomplayer.is-muted.fp-edgy.fp-outlined .fp-volumebtn:before {
236 content: '\e30d';
237 }
238
239 .freedomplayer.is-inverted .fp-duration {
240 display: none;
241 }
242
243 .freedomplayer.is-closeable .fp-header .fp-unload,
244 .freedomplayer.is-inverted .fp-remaining {
245 display: block;
246 }
247
248 .freedomplayer.is-error {
249 background-color: #aaa;
250 }
251
252 .freedomplayer.is-error .fp-ui {
253 opacity: 1;
254 }
255
256 .freedomplayer.is-live .fp-timeline {
257 visibility: hidden;
258 }
259
260 .freedomplayer.is-live .fp-bar-slider > .fp-buffer,
261 .freedomplayer.is-live .fp-bar > .fp-buffer {
262 max-width: 100%;
263 }
264
265 .freedomplayer.is-live.is-dvr .fp-timeline {
266 visibility: visible;
267 }
268
269 .freedomplayer.is-live.is-dvr.is-live-position .fp-duration {
270 color: #00abcd;
271 }
272
273 .freedomplayer.is-tiny:not(.is-fullscreen) {
274 font-size: 0.7em;
275 }
276
277 .freedomplayer.is-small:not(.is-fullscreen) {
278 font-size: 0.8em;
279 }
280
281 .freedomplayer.is-captions-rtl .fp-captions {
282 direction: rtl;
283 }
284
285 .freedomplayer.is-touch:not(.is-audio):not(.is-popup-showing) .fp-controls .fp-playbtn,
286 .freedomplayer.no-buffer .fp-ui .fp-controls .fp-timeline .fp-buffer {
287 display: none;
288 }
289
290 .freedomplayer.no-controlbar .fp-controls {
291 visibility: hidden;
292 }
293
294 .freedomplayer.no-controlbar .fp-captions {
295 bottom: 1em;
296 }
297
298 .freedomplayer.no-controlbar.is-muted .fp-controls .fp-volume {
299 order: 101;
300 }
301
302 .freedomplayer.no-controlbar.is-muted .fp-controls .fp-volumebtn {
303 display: block;
304 visibility: visible;
305 }
306
307 .freedomplayer.no-controlbar.is-muted .fp-controls .fp-volumebar {
308 display: none;
309 }
310
311 .freedomplayer.no-controlbar .fp-forward,
312 .freedomplayer.no-controlbar .fp-rewind {
313 visibility: hidden;
314 }
315
316 .freedomplayer.no-volume .fp-volumebar {
317 display: none;
318 }
319
320 @keyframes pulse {
321 0% {
322 opacity: 0;
323 }
324
325 to {
326 opacity: 1;
327 }
328
329 }
330
331 .freedomplayer .fp-chromecast-engine {
332 display: none;
333 position: absolute;
334 top: 0;
335 right: 0;
336 bottom: 0;
337 left: 0;
338 background-color: #333;
339 color: #fff;
340 }
341
342 .freedomplayer .fp-chromecast-engine p {
343 color: #fff;
344 }
345
346 .freedomplayer .fp-chromecast-engine .fp-chromecast-engine-status {
347 font-size: 150%;
348 text-align: center;
349 }
350
351 .freedomplayer .fp-chromecast-engine .fp-chromecast-engine-icon {
352 width: 5em;
353 height: 5em;
354 margin: 10% auto 0;
355 background-color: #fff;
356 -webkit-mask-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6IiBvcGFjaXR5PSIuMSIvPjxwYXRoIGZpbGw9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiLz48cGF0aCBkPSJNMSAxOHYzaDNjMC0xLjY2LTEuMzQtMy0zLTNtMC00djJjMi43NiAwIDUgMi4yNCA1IDVoMmMwLTMuODctMy4xMy03LTctN20xOC03SDV2MS42M2MzLjk2IDEuMjggNy4wOSA0LjQxIDguMzcgOC4zN0gxOXpNMSAxMHYyYTkgOSAwIDAgMSA5IDloMmMwLTYuMDgtNC45My0xMS0xMS0xMW0yMC03SDNjLTEuMSAwLTIgLjktMiAydjNoMlY1aDE4djE0aC03djJoN2MxLjEgMCAyLS45IDItMlY1YzAtMS4xLS45LTItMi0yIi8+PC9zdmc+');
357 mask-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6IiBvcGFjaXR5PSIuMSIvPjxwYXRoIGZpbGw9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiLz48cGF0aCBkPSJNMSAxOHYzaDNjMC0xLjY2LTEuMzQtMy0zLTNtMC00djJjMi43NiAwIDUgMi4yNCA1IDVoMmMwLTMuODctMy4xMy03LTctN20xOC03SDV2MS42M2MzLjk2IDEuMjggNy4wOSA0LjQxIDguMzcgOC4zN0gxOXpNMSAxMHYyYTkgOSAwIDAgMSA5IDloMmMwLTYuMDgtNC45My0xMS0xMS0xMW0yMC03SDNjLTEuMSAwLTIgLjktMiAydjNoMlY1aDE4djE0aC03djJoN2MxLjEgMCAyLS45IDItMlY1YzAtMS4xLS45LTItMi0yIi8+PC9zdmc+');
358 -webkit-mask-size: 100% 100%;
359 }
360
361 .freedomplayer.is-chromecast .fp-chromecast-engine {
362 display: block;
363 }
364
365 .freedomplayer.is-chromecast .fp-engine {
366 opacity: 0;
367 }
368
369 .freedomplayer.fp-default-playlist .fp-next,
370 .freedomplayer.fp-default-playlist .fp-prev {
371 position: absolute;
372 top: calc(50% - 2em);
373 opacity: 0.3;
374 transition: opacity 0.2s;
375 }
376
377 .freedomplayer.fp-default-playlist .fp-next:before,
378 .freedomplayer.fp-default-playlist .fp-prev:before {
379 font-size: 2.8em;
380 font-family: freedomplayer;
381 }
382
383 .freedomplayer.fp-default-playlist .fp-prev {
384 left: 0.4em;
385 }
386
387 .freedomplayer.fp-default-playlist .fp-prev:before {
388 content: '\e011';
389 }
390
391 .freedomplayer.fp-default-playlist .fp-next {
392 right: 0.4em;
393 }
394
395 .freedomplayer.fp-default-playlist .fp-next:before {
396 content: '\e012';
397 }
398
399 .freedomplayer.fp-default-playlist .fp-playlist {
400 position: absolute;
401 right: 0.4em;
402 bottom: 3em;
403 width: 100%;
404 text-align: center;
405 }
406
407 .freedomplayer.fp-default-playlist .fp-playlist a {
408 display: inline-block;
409 width: 0.8em;
410 height: 0.8em;
411 border-radius: 50%;
412 background-color: #fff;
413 opacity: 0.7;
414 transition: transform 0.2s;
415 }
416
417 .freedomplayer.fp-default-playlist .fp-playlist a:hover {
418 transform: scale(1.2);
419 }
420
421 .freedomplayer.fp-default-playlist .fp-playlist a.is-active {
422 opacity: 1;
423 }
424
425 .freedomplayer.fp-default-playlist.fp-edgy .fp-prev:before {
426 content: '\e111';
427 }
428
429 .freedomplayer.fp-default-playlist.fp-edgy .fp-next:before {
430 content: '\e112';
431 }
432
433 .freedomplayer.fp-default-playlist.fp-minimal .fp-prev:before,
434 .freedomplayer.fp-default-playlist.fp-outlined .fp-prev:before {
435 content: '\e211';
436 }
437
438 .freedomplayer.fp-default-playlist.fp-minimal .fp-next:before,
439 .freedomplayer.fp-default-playlist.fp-outlined .fp-next:before {
440 content: '\e212';
441 }
442
443 .freedomplayer.fp-default-playlist.fp-edgy.fp-minimal .fp-prev:before,
444 .freedomplayer.fp-default-playlist.fp-edgy.fp-outlined .fp-prev:before {
445 content: '\e311';
446 }
447
448 .freedomplayer.fp-default-playlist.fp-edgy.fp-minimal .fp-next:before,
449 .freedomplayer.fp-default-playlist.fp-edgy.fp-outlined .fp-next:before {
450 content: '\e312';
451 }
452
453 .freedomplayer.fp-custom-playlist {
454 overflow: visible;
455 }
456
457 .freedomplayer.fp-custom-playlist .fp-playlist,
458 .freedomplayer.fp-custom-playlist.is-loading .fp-playlist,
459 .freedomplayer.fp-custom-playlist.is-poster .fp-playlist,
460 .freedomplayer.fp-custom-playlist.is-splash .fp-playlist {
461 display: block;
462 opacity: 1;
463 }
464
465 .freedomplayer.fp-edgy .fp-pause svg.fp-pause-rounded-fill,
466 .freedomplayer.fp-edgy .fp-pause svg.fp-pause-rounded-outline,
467 .freedomplayer.fp-edgy .fp-pause svg.fp-play-rounded-fill,
468 .freedomplayer.fp-edgy .fp-pause svg.fp-play-rounded-outline,
469 .freedomplayer.fp-edgy .fp-play svg.fp-pause-rounded-fill,
470 .freedomplayer.fp-edgy .fp-play svg.fp-pause-rounded-outline,
471 .freedomplayer.fp-edgy .fp-play svg.fp-play-rounded-fill,
472 .freedomplayer.fp-edgy .fp-play svg.fp-play-rounded-outline {
473 display: none !important;
474 }
475
476 .freedomplayer.fp-edgy .fp-pause svg.fp-pause-sharp-fill,
477 .freedomplayer.fp-edgy .fp-pause svg.fp-play-sharp-fill,
478 .freedomplayer.fp-edgy .fp-play svg.fp-pause-sharp-fill,
479 .freedomplayer.fp-edgy .fp-play svg.fp-play-sharp-fill {
480 display: block;
481 }
482
483 .freedomplayer.fp-edgy.fp-minimal .fp-pause svg.fp-pause-sharp-fill,
484 .freedomplayer.fp-edgy.fp-minimal .fp-pause svg.fp-play-sharp-fill,
485 .freedomplayer.fp-edgy.fp-minimal .fp-play svg.fp-pause-sharp-fill,
486 .freedomplayer.fp-edgy.fp-minimal .fp-play svg.fp-play-sharp-fill,
487 .freedomplayer.fp-edgy.fp-outlined .fp-pause svg.fp-pause-sharp-fill,
488 .freedomplayer.fp-edgy.fp-outlined .fp-pause svg.fp-play-sharp-fill,
489 .freedomplayer.fp-edgy.fp-outlined .fp-play svg.fp-pause-sharp-fill,
490 .freedomplayer.fp-edgy.fp-outlined .fp-play svg.fp-play-sharp-fill {
491 display: none;
492 }
493
494 .freedomplayer.fp-edgy.fp-minimal .fp-pause svg.fp-pause-sharp-outline,
495 .freedomplayer.fp-edgy.fp-minimal .fp-pause svg.fp-play-sharp-outline,
496 .freedomplayer.fp-edgy.fp-minimal .fp-play svg.fp-pause-sharp-outline,
497 .freedomplayer.fp-edgy.fp-minimal .fp-play svg.fp-play-sharp-outline,
498 .freedomplayer.fp-edgy.fp-outlined .fp-pause svg.fp-pause-sharp-outline,
499 .freedomplayer.fp-edgy.fp-outlined .fp-pause svg.fp-play-sharp-outline,
500 .freedomplayer.fp-edgy.fp-outlined .fp-play svg.fp-pause-sharp-outline,
501 .freedomplayer.fp-edgy.fp-outlined .fp-play svg.fp-play-sharp-outline {
502 display: block;
503 }
504
505 .freedomplayer.fp-edgy,
506 .freedomplayer.fp-edgy .fp-bar,
507 .freedomplayer.fp-edgy .fp-bar-slider,
508 .freedomplayer.fp-edgy .fp-bar-slider > div,
509 .freedomplayer.fp-edgy .fp-bar-slider > span,
510 .freedomplayer.fp-edgy .fp-bar > div,
511 .freedomplayer.fp-edgy .fp-bar > span,
512 .freedomplayer.fp-edgy .fp-captions p,
513 .freedomplayer.fp-edgy .fp-menu,
514 .freedomplayer.fp-edgy .fp-textarea,
515 .freedomplayer.fp-edgy .fp-timestamp {
516 border-radius: 0;
517 }
518
519 .freedomplayer.fp-edgy .fp-checked:before {
520 content: '\e103';
521 }
522
523 .freedomplayer.fp-edgy .fp-email:before {
524 content: '\e106';
525 }
526
527 .freedomplayer.fp-edgy .fp-playbtn:before {
528 content: '\e107';
529 }
530
531 .freedomplayer.fp-edgy .fp-volumebtn:before {
532 content: '\e10b';
533 }
534
535 .freedomplayer.fp-edgy .fp-volume-off:before {
536 content: '\e10d';
537 }
538
539 .freedomplayer.fp-edgy .fp-unload:before {
540 content: '\e10f';
541 }
542
543 .freedomplayer.fp-edgy .fp-prevbtn:before {
544 content: '\e111';
545 }
546
547 .freedomplayer.fp-edgy .fp-nextbtn:before {
548 content: '\e112';
549 }
550
551 .freedomplayer.fp-edgy.fp-minimal .fp-checked:before,
552 .freedomplayer.fp-edgy.fp-outlined .fp-checked:before {
553 content: '\e303';
554 }
555
556 .freedomplayer.fp-edgy.fp-minimal .fp-email:before,
557 .freedomplayer.fp-edgy.fp-outlined .fp-email:before {
558 content: '\e306';
559 }
560
561 .freedomplayer.fp-edgy.fp-minimal .fp-playbtn:before,
562 .freedomplayer.fp-edgy.fp-outlined .fp-playbtn:before {
563 content: '\e307';
564 }
565
566 .freedomplayer.fp-edgy.fp-minimal .fp-volumebtn:before,
567 .freedomplayer.fp-edgy.fp-outlined .fp-volumebtn:before {
568 content: '\e30b';
569 }
570
571 .freedomplayer.fp-edgy.fp-minimal .fp-volume-off:before,
572 .freedomplayer.fp-edgy.fp-outlined .fp-volume-off:before {
573 content: '\e30d';
574 }
575
576 .freedomplayer.fp-edgy.fp-minimal .fp-unload:before,
577 .freedomplayer.fp-edgy.fp-outlined .fp-unload:before {
578 content: '\e30f';
579 }
580
581 .freedomplayer.fp-edgy.fp-minimal .fp-prevbtn:before,
582 .freedomplayer.fp-edgy.fp-outlined .fp-prevbtn:before {
583 content: '\e311';
584 }
585
586 .freedomplayer.fp-edgy.fp-minimal .fp-nextbtn:before,
587 .freedomplayer.fp-edgy.fp-outlined .fp-nextbtn:before {
588 content: '\e312';
589 }
590
591 .freedomplayer .fp-message-muted {
592 text-align: center;
593 }
594
595 .freedomplayer .fp-message-muted.fp-shown {
596 opacity: 0;
597 }
598
599 .freedomplayer .fp-message-muted:active,
600 .freedomplayer .fp-message-muted:hover {
601 text-shadow: 0 0 5px #ffffffa8;
602 }
603
604 .freedomplayer.is-mouse-over .fp-message-muted.fp-shown {
605 opacity: 1;
606 }
607
608 .freedomplayer.has-fp-message-muted .fp-header {
609 display: none;
610 }
611
612 .freedomplayer .fp-volumebtn-notice {
613 position: relative;
614 top: 3px;
615 }
616
617 .freedomplayer .fp-volumebtn-notice:before {
618 content: '\e00d';
619 }
620
621 .freedomplayer.fp-minimal .fp-volumebtn-notice:before,
622 .freedomplayer.fp-outlined .fp-volumebtn-notice:before {
623 content: '\e20d';
624 }
625
626 .freedomplayer.fp-edgy .fp-volumebtn-notice:before {
627 content: '\e10d';
628 }
629
630 .freedomplayer.fp-edgy.fp-minimal .fp-volumebtn-notice:before,
631 .freedomplayer.fp-edgy.fp-outlined .fp-volumebtn-notice:before {
632 content: '\e30d';
633 }
634
635 .freedomplayer.no-controlbar.is-muted .fp-message-muted,
636 .freedomplayer.no-controlbar.is-muted:not(.has-fp-message-muted) .fp-controls,
637 .freedomplayer.no-controlbar.is-muted:not(.has-fp-message-muted) .fp-controls .fp-volume {
638 opacity: 1;
639 }
640
641 .freedomplayer .fp-captions,
642 .freedomplayer .fp-controls,
643 .freedomplayer .fp-header,
644 .freedomplayer .fp-player,
645 .freedomplayer .fp-ui {
646 position: absolute;
647 width: 100%;
648 }
649
650 .freedomplayer {
651 display: inline-block;
652 position: relative;
653 width: 100%;
654 max-height: 100%;
655 overflow: visible;
656 zoom: 1 !important;
657 border-radius: 0.24em;
658 background-position: 50%;
659 background-size: contain;
660 background-repeat: no-repeat;
661 font-size: 14px;
662 font-family: avenir, sans-serif;
663 -webkit-tap-highlight-color: transparent;
664 }
665
666 .freedomplayer .fp-hidden,
667 .freedomplayer strong.fp-hidden {
668 display: none;
669 }
670
671 .freedomplayer .fp-shown {
672 display: block !important;
673 }
674
675 .freedomplayer a,
676 .freedomplayer div,
677 .freedomplayer p,
678 .freedomplayer span,
679 .freedomplayer strong {
680 box-sizing: border-box;
681 }
682
683 .freedomplayer.is-ready:not(.is-poster) {
684 background: none;
685 }
686
687 .freedomplayer .fp-engine {
688 display: block;
689 position: absolute;
690 top: 0;
691 right: 0;
692 bottom: 0;
693 left: 0;
694 width: 100%;
695 height: 100% !important;
696 }
697
698 .freedomplayer video.fp-engine:not(.native-subtitles)::-webkit-media-controls {
699 display: none !important;
700 }
701
702 .freedomplayer .fp-player {
703 position: absolute;
704 top: 0;
705 bottom: 0;
706 }
707
708 .freedomplayer .fp-waiting {
709 display: none;
710 }
711
712 .freedomplayer .fp-pause,
713 .freedomplayer .fp-play,
714 .freedomplayer .fp-waiting {
715 position: static;
716 }
717
718 .freedomplayer .fp-ui .fp-preload {
719 margin: auto;
720 }
721
722 .freedomplayer.is-poster .fp-preload,
723 .freedomplayer.is-splash .fp-preload {
724 display: block;
725 position: absolute;
726 height: 2em;
727 opacity: 0.8;
728 }
729
730 .freedomplayer .fp-ui {
731 top: 0;
732 height: 100%;
733 background-image: none;
734 color: #f5f5f5;
735 text-align: center;
736 cursor: pointer;
737 transition: background-image 0.1s;
738 }
739
740 .freedomplayer .fp-ui a,
741 .freedomplayer .fp-ui a:before,
742 .freedomplayer .fp-ui strong {
743 color: inherit !important;
744 font-style: normal !important;
745 text-decoration: none !important;
746 }
747
748 .freedomplayer .fp-ui > div,
749 .freedomplayer .fp-ui > p {
750 opacity: 0;
751 transition: opacity 0.1s;
752 will-change: opacity;
753 }
754
755 .freedomplayer.fp-ui-shown .fp-ui .fp-controls > a,
756 .freedomplayer.fp-ui-shown .fp-ui .fp-controls > div,
757 .freedomplayer.fp-ui-shown .fp-ui .fp-controls > span,
758 .freedomplayer.fp-ui-shown .fp-ui .fp-controls > strong,
759 .freedomplayer.fp-ui-shown .fp-ui > div,
760 .freedomplayer.fp-ui-shown .fp-ui > p,
761 .freedomplayer.is-loading .fp-ui .fp-controls > a,
762 .freedomplayer.is-loading .fp-ui .fp-controls > div,
763 .freedomplayer.is-loading .fp-ui .fp-controls > span,
764 .freedomplayer.is-loading .fp-ui .fp-controls > strong,
765 .freedomplayer.is-loading .fp-ui > div,
766 .freedomplayer.is-loading .fp-ui > p,
767 .freedomplayer.is-mouseover:not(.is-fullscreen.is-mouseover-top) .fp-ui .fp-controls > a,
768 .freedomplayer.is-mouseover:not(.is-fullscreen.is-mouseover-top) .fp-ui .fp-controls > div,
769 .freedomplayer.is-mouseover:not(.is-fullscreen.is-mouseover-top) .fp-ui .fp-controls > span,
770 .freedomplayer.is-mouseover:not(.is-fullscreen.is-mouseover-top) .fp-ui .fp-controls > strong,
771 .freedomplayer.is-mouseover:not(.is-fullscreen.is-mouseover-top) .fp-ui > div,
772 .freedomplayer.is-mouseover:not(.is-fullscreen.is-mouseover-top) .fp-ui > p,
773 .freedomplayer.is-paused:not(.was-played) .fp-ui .fp-controls > a,
774 .freedomplayer.is-paused:not(.was-played) .fp-ui .fp-controls > div,
775 .freedomplayer.is-paused:not(.was-played) .fp-ui .fp-controls > span,
776 .freedomplayer.is-paused:not(.was-played) .fp-ui .fp-controls > strong,
777 .freedomplayer.is-paused:not(.was-played) .fp-ui > div,
778 .freedomplayer.is-paused:not(.was-played) .fp-ui > p,
779 .freedomplayer.is-seeking:not(.is-mobile-seeking) .fp-ui .fp-controls > a,
780 .freedomplayer.is-seeking:not(.is-mobile-seeking) .fp-ui .fp-controls > div,
781 .freedomplayer.is-seeking:not(.is-mobile-seeking) .fp-ui .fp-controls > span,
782 .freedomplayer.is-seeking:not(.is-mobile-seeking) .fp-ui .fp-controls > strong,
783 .freedomplayer.is-seeking:not(.is-mobile-seeking) .fp-ui > div,
784 .freedomplayer.is-seeking:not(.is-mobile-seeking) .fp-ui > p,
785 .freedomplayer.is-splash .fp-ui .fp-controls > a,
786 .freedomplayer.is-splash .fp-ui .fp-controls > div,
787 .freedomplayer.is-splash .fp-ui .fp-controls > span,
788 .freedomplayer.is-splash .fp-ui .fp-controls > strong,
789 .freedomplayer.is-splash .fp-ui > div,
790 .freedomplayer.is-splash .fp-ui > p {
791 opacity: 1;
792 }
793
794 .freedomplayer.is-fullscreen.was-played:not(.is-touch):not(.is-mouseover-bottom):not(
795 .is-fullscreen-exit-hint
796 ):not(.fixed-controls)
797 .fp-controls,
798 .freedomplayer:not(.is-touch):not(.is-mouseover-top).was-played .fp-header {
799 opacity: 0;
800 }
801
802 .freedomplayer.is-mobile-seeking .fp-controls {
803 visibility: hidden;
804 opacity: 1;
805 }
806
807 .freedomplayer.is-mobile-seeking .fp-forward,
808 .freedomplayer.is-mobile-seeking .fp-rewind,
809 .freedomplayer.is-mobile-seeking .fp-timeline {
810 visibility: visible;
811 opacity: 1;
812 }
813
814 .freedomplayer.is-fullscreen-exit-hint .fp-controls {
815 visibility: hidden;
816 opacity: 1;
817 }
818
819 .freedomplayer.is-fullscreen-exit-hint .fp-fullscreen,
820 .freedomplayer.is-fullscreen-exit-hint .fp-timeline {
821 visibility: visible;
822 opacity: 1;
823 }
824
825 .freedomplayer .fp-header {
826 z-index: 2;
827 top: 0;
828 height: 3em;
829 padding-left: 0.65em;
830 text-align: left;
831 }
832
833 .freedomplayer .fp-header .fp-icon {
834 padding: 0.5em 1em;
835 }
836
837 .freedomplayer .fp-header .fp-icon.fp-active {
838 color: #ec6c4c;
839 }
840
841 .freedomplayer .fp-unload {
842 display: none;
843 }
844
845 .freedomplayer.is-mouseover.is-touch .fp-ui {
846 background: #0009;
847 }
848
849 .freedomplayer:not(.is-touch):not(.fixed-controls).fp-slim.is-fullscreen.is-mouseover-bottom .fp-ui,
850 .freedomplayer:not(.is-touch):not(.fixed-controls).fp-slim.is-mouseover:not(.is-fullscreen) .fp-ui {
851 background-image: linear-gradient(0deg, #00000040, #0000 15%);
852 }
853
854 .freedomplayer .fp-help {
855 display: none;
856 }
857
858 .freedomplayer .fp-message {
859 padding: 0.6em 0.9em;
860 overflow: hidden;
861 background-color: #00000080;
862 font-size: 1.2em;
863 text-align: left;
864 opacity: 0;
865 transition: opacity 0.3s;
866 }
867
868 .freedomplayer .fp-message.fp-shown {
869 opacity: 1;
870 }
871
872 .freedomplayer .fp-message.fp-shown + .fp-header {
873 opacity: 0;
874 }
875
876 .freedomplayer .fp-textarea {
877 position: absolute;
878 top: 15%;
879 left: 10%;
880 width: 80%;
881 min-height: 60%;
882 border: 0;
883 border-radius: 0.2em;
884 outline: 0;
885 background-color: #00000080;
886 color: #fff;
887 }
888
889 .freedomplayer .fp-logo {
890 position: absolute;
891 bottom: 3em;
892 left: 0.9em;
893 }
894
895 .freedomplayer .fp-logo img {
896 width: 100%;
897 }
898
899 .freedomplayer .fp-captions {
900 display: none;
901 bottom: 3em;
902 color: #fff;
903 text-align: center;
904 }
905
906 .freedomplayer .fp-captions p {
907 display: inline-block;
908 margin: 0.1em;
909 padding: 0.1em 0.3em;
910 border-radius: 0.2em;
911 background-color: #000000a6;
912 font-size: 110%;
913 }
914
915 .freedomplayer.fp-full .fp-captions {
916 bottom: 4.4em;
917 }
918
919 .freedomplayer.has-subtitles video::-webkit-media-text-track-container {
920 display: none;
921 }
922
923 .freedomplayer.has-subtitles.is-fullscreen
924 video.native-subtitles::-webkit-media-text-track-container {
925 display: block;
926 }
927
928 .freedomplayer .fp-speed-flash {
929 display: none;
930 position: absolute;
931 top: 0;
932 right: 0;
933 bottom: 0;
934 left: 0;
935 width: 4em;
936 height: 2em;
937 margin: auto;
938 transform: scale(0.8);
939 color: #fff;
940 font-weight: 700;
941 font-size: 4em;
942 text-shadow: 0 0 10px #0000004d;
943 opacity: 0 !important;
944 transition: all 0.2s;
945 }
946
947 .freedomplayer .fp-speed-flash.fp-hilite {
948 transform: scale(1);
949 opacity: 1 !important;
950 }
951
952 .freedomplayer .fp-forward .fp-playbtn,
953 .freedomplayer .fp-pause .fp-playbtn,
954 .freedomplayer .fp-play .fp-playbtn,
955 .freedomplayer .fp-rewind .fp-playbtn {
956 display: none;
957 }
958
959 .freedomplayer .fp-forward svg,
960 .freedomplayer .fp-pause svg,
961 .freedomplayer .fp-play svg,
962 .freedomplayer .fp-rewind svg {
963 display: none;
964 position: absolute;
965 top: 0;
966 right: 0;
967 bottom: 0;
968 left: 0;
969 width: 6em;
970 height: 6em;
971 max-height: 30%;
972 margin: auto;
973 transform: scale(0.8);
974 opacity: 0;
975 transition: all 0.2s;
976 }
977
978 .freedomplayer .fp-forward svg.fp-pause-rounded-fill,
979 .freedomplayer .fp-forward svg.fp-play-rounded-fill,
980 .freedomplayer .fp-pause svg.fp-pause-rounded-fill,
981 .freedomplayer .fp-pause svg.fp-play-rounded-fill,
982 .freedomplayer .fp-play svg.fp-pause-rounded-fill,
983 .freedomplayer .fp-play svg.fp-play-rounded-fill,
984 .freedomplayer .fp-rewind svg.fp-pause-rounded-fill,
985 .freedomplayer .fp-rewind svg.fp-play-rounded-fill {
986 display: block;
987 }
988
989 .freedomplayer .fp-forward svg path,
990 .freedomplayer .fp-pause svg path,
991 .freedomplayer .fp-play svg path,
992 .freedomplayer .fp-rewind svg path {
993 pointer-events: none;
994 }
995
996 .freedomplayer .fp-forward.fp-visible svg,
997 .freedomplayer .fp-pause.fp-visible svg,
998 .freedomplayer .fp-play.fp-visible svg,
999 .freedomplayer .fp-rewind.fp-visible svg {
1000 transform: scale(1.5);
1001 opacity: 1;
1002 }
1003
1004 .freedomplayer .fp-forward.fp-visible-change,
1005 .freedomplayer .fp-pause.fp-visible-change,
1006 .freedomplayer .fp-play.fp-visible-change,
1007 .freedomplayer .fp-rewind.fp-visible-change {
1008 opacity: 1;
1009 }
1010
1011 .freedomplayer .fp-remaining {
1012 display: none;
1013 }
1014
1015 .freedomplayer .fp-forward,
1016 .freedomplayer .fp-rewind {
1017 position: absolute;
1018 top: 50%;
1019 left: 0;
1020 width: 18vw;
1021 height: 54%;
1022 transform: translateY(-50%);
1023 }
1024
1025 .freedomplayer .fp-forward svg,
1026 .freedomplayer .fp-rewind svg {
1027 width: 2em;
1028 max-width: 14vw;
1029 transform: none;
1030 }
1031
1032 .freedomplayer .fp-forward svg:active,
1033 .freedomplayer .fp-rewind svg:active {
1034 transform: scale(0.9);
1035 }
1036
1037 .freedomplayer .fp-forward {
1038 right: 0;
1039 left: auto;
1040 padding-left: 9vw;
1041 }
1042
1043 .freedomplayer .fp-forward svg {
1044 margin-left: 9vw;
1045 }
1046
1047 .freedomplayer .fp-rewind {
1048 left: 0;
1049 padding-right: 9vw;
1050 }
1051
1052 .freedomplayer .fp-rewind svg {
1053 margin-right: 9vw;
1054 }
1055
1056 .freedomplayer.is-mouseover.is-ready .fp-forward,
1057 .freedomplayer.is-mouseover.is-ready .fp-rewind {
1058 display: block;
1059 }
1060
1061 .freedomplayer.is-mouseover.is-ready .fp-forward svg,
1062 .freedomplayer.is-mouseover.is-ready .fp-rewind svg {
1063 display: block;
1064 opacity: 1;
1065 }
1066
1067 .freedomplayer.is-mouseover.is-cva .fp-forward,
1068 .freedomplayer.is-mouseover.is-cva .fp-rewind,
1069 .freedomplayer.is-mouseover.is-disabled .fp-forward,
1070 .freedomplayer.is-mouseover.is-disabled .fp-rewind {
1071 display: none;
1072 }
1073
1074 .freedomplayer.is-mobile-seeking.is-ready .fp-forward,
1075 .freedomplayer.is-mobile-seeking.is-ready .fp-forward svg,
1076 .freedomplayer.is-mobile-seeking.is-ready .fp-rewind,
1077 .freedomplayer.is-mobile-seeking.is-ready .fp-rewind svg {
1078 display: block;
1079 opacity: 1;
1080 }
1081
1082 .freedomplayer .fp-controls {
1083 display: flex;
1084 z-index: 2;
1085 bottom: 0;
1086 align-items: center;
1087 justify-content: space-around;
1088 height: 2.4em;
1089 padding-right: 0.3em;
1090 padding-left: 0.3em;
1091 }
1092
1093 .freedomplayer .fp-controls > a,
1094 .freedomplayer .fp-controls > div,
1095 .freedomplayer .fp-controls > p,
1096 .freedomplayer .fp-controls > span {
1097 margin: 0 0.6em;
1098 opacity: 0;
1099 }
1100
1101 .freedomplayer .fp-controls strong {
1102 margin: 0;
1103 padding: 0.4em 0.6em;
1104 }
1105
1106 .freedomplayer .fp-controls > strong {
1107 font-weight: 400;
1108 letter-spacing: 1px;
1109 white-space: nowrap;
1110 }
1111
1112 .freedomplayer .fp-controls img {
1113 width: 1.2em;
1114 }
1115
1116 .freedomplayer .fp-bar,
1117 .freedomplayer .fp-bar-slider {
1118 position: relative;
1119 flex: 1;
1120 height: 0.9em;
1121 border-radius: 0.24em;
1122 background-color: #ffffff80;
1123 cursor: col-resize;
1124 }
1125
1126 .freedomplayer .fp-bar .fp-buffer,
1127 .freedomplayer .fp-bar .fp-progress,
1128 .freedomplayer .fp-bar-slider .fp-buffer,
1129 .freedomplayer .fp-bar-slider .fp-progress {
1130 position: absolute;
1131 height: 100%;
1132 border-radius: 0.24em;
1133 background-color: #fff9;
1134 }
1135
1136 .freedomplayer .fp-bar .fp-buffer.fp-progress.animated,
1137 .freedomplayer .fp-bar .fp-progress.fp-progress.animated,
1138 .freedomplayer .fp-bar-slider .fp-progress.fp-progress.animated {
1139 transition-property: width, height;
1140 transition-timing-function: linear;
1141 }
1142
1143 .freedomplayer .fp-bar .fp-buffer.fp-buffer,
1144 .freedomplayer .fp-bar .fp-progress.fp-buffer,
1145 .freedomplayer .fp-bar-slider .fp-buffer.fp-buffer {
1146 transition: width 0.25s linear;
1147 }
1148
1149 .freedomplayer .fp-bar.no-animation .fp-buffer,
1150 .freedomplayer .fp-bar.no-animation .fp-progress,
1151 .freedomplayer .no-animation.fp-bar-slider .fp-buffer,
1152 .freedomplayer .no-animation.fp-bar-slider .fp-progress {
1153 transition: none;
1154 }
1155
1156 .freedomplayer .fp-timeline {
1157 transition: height 0.2s;
1158 }
1159
1160 .freedomplayer .fp-cuepoint {
1161 position: absolute;
1162 width: 2px;
1163 height: 100%;
1164 background-color: #000;
1165 }
1166
1167 .freedomplayer .fp-timestamp {
1168 display: none;
1169 position: absolute;
1170 bottom: 1.4em;
1171 height: auto;
1172 padding: 0.1em 0.3em;
1173 border-radius: 0.2em;
1174 background-color: #000000a6;
1175 font-size: 90%;
1176 }
1177
1178 .freedomplayer .fp-timeline.is-fp-dragging .fp-timestamp,
1179 .freedomplayer:not(.is-touch) .fp-timeline:hover .fp-timestamp {
1180 display: inline;
1181 }
1182
1183 .freedomplayer .fp-volume {
1184 display: flex;
1185 align-items: center;
1186 height: 100%;
1187 }
1188
1189 .freedomplayer .fp-bar-slider {
1190 -ms-flex: 1 0 auto;
1191 background-color: initial;
1192 white-space: nowrap;
1193 transition: height 0.2s;
1194 -webkit-user-select: none;
1195 user-select: none;
1196 }
1197
1198 .freedomplayer .fp-bar-slider em {
1199 display: inline-block;
1200 position: relative;
1201 width: 5px;
1202 height: 100%;
1203 margin-left: 3px;
1204 transform: scale(1.1);
1205 transform-origin: bottom;
1206 border-radius: 2px;
1207 vertical-align: top;
1208 transition: transform 0.4s;
1209 -webkit-user-select: none;
1210 user-select: none;
1211 }
1212
1213 .freedomplayer .fp-bar-slider em:hover {
1214 transform: scaleY(1.35);
1215 transition: transform 0.2s;
1216 }
1217
1218 .freedomplayer .fp-bar-slider em.fp-grey {
1219 background-color: #ffffffbf;
1220 }
1221
1222 .freedomplayer.is-rtl .fp-elapsed {
1223 margin-left: 0;
1224 }
1225
1226 .freedomplayer.no-flex .fp-controls {
1227 white-space: nowrap;
1228 }
1229
1230 .freedomplayer.no-flex .fp-controls > a,
1231 .freedomplayer.no-flex .fp-controls > div,
1232 .freedomplayer.no-flex .fp-controls > span,
1233 .freedomplayer.no-flex .fp-controls > stong {
1234 display: inline-block;
1235 margin: 0 0.3em;
1236 vertical-align: center;
1237 }
1238
1239 .freedomplayer.no-flex .fp-timeline {
1240 width: 40%;
1241 }
1242
1243 .freedomplayer.no-flex.fp-full .fp-timeline {
1244 height: 0.9em;
1245 margin-bottom: 0.6em;
1246 }
1247
1248 .freedomplayer.no-flex.fp-fat .fp-bar,
1249 .freedomplayer.no-flex.fp-fat .fp-bar-slider,
1250 .freedomplayer.no-flex.fp-playful .fp-bar,
1251 .freedomplayer.no-flex.fp-playful .fp-bar-slider {
1252 height: 0.9em !important;
1253 }
1254
1255 .freedomplayer.fp-fat .fp-bar,
1256 .freedomplayer.fp-fat .fp-bar-slider,
1257 .freedomplayer.fp-playful .fp-bar,
1258 .freedomplayer.fp-playful .fp-bar-slider {
1259 height: 100%;
1260 border-radius: 0;
1261 }
1262
1263 .freedomplayer.fp-fat .fp-bar-slider > div,
1264 .freedomplayer.fp-fat .fp-bar-slider > span,
1265 .freedomplayer.fp-fat .fp-bar > div,
1266 .freedomplayer.fp-fat .fp-bar > span,
1267 .freedomplayer.fp-playful .fp-bar-slider > div,
1268 .freedomplayer.fp-playful .fp-bar-slider > span,
1269 .freedomplayer.fp-playful .fp-bar > div,
1270 .freedomplayer.fp-playful .fp-bar > span {
1271 border-radius: 0;
1272 }
1273
1274 .freedomplayer.fp-fat .fp-timestamp,
1275 .freedomplayer.fp-playful .fp-timestamp {
1276 bottom: 3.2em;
1277 }
1278
1279 .freedomplayer.fp-fat .fp-bar-slider em,
1280 .freedomplayer.fp-playful .fp-bar-slider em {
1281 transform: scaleY(0.6);
1282 transform-origin: center;
1283 }
1284
1285 .freedomplayer.fp-fat .fp-bar-slider em:hover,
1286 .freedomplayer.fp-playful .fp-bar-slider em:hover {
1287 transform: scaleY(0.75);
1288 }
1289
1290 .freedomplayer.fp-slim .fp-timeline {
1291 height: 0.2em;
1292 }
1293
1294 .freedomplayer.fp-slim .fp-controls:hover .fp-bar-slider:before,
1295 .freedomplayer.fp-slim:not(.fp-full) .fp-controls:hover .fp-timeline:before,
1296 .freedomplayer.fp-slim:not(.fp-full).is-mobile-seeking .fp-timeline:before {
1297 position: absolute;
1298 top: -1.2em;
1299 right: 0;
1300 left: -1em;
1301 height: 2.4em;
1302 content: '';
1303 }
1304
1305 .freedomplayer.fp-slim .fp-cue {
1306 width: 4px;
1307 }
1308
1309 .freedomplayer.fp-slim .fp-bar-slider {
1310 height: 0.2em;
1311 }
1312
1313 .freedomplayer.fp-full .fp-timeline {
1314 position: absolute;
1315 bottom: 2.8em;
1316 left: 0;
1317 width: 100%;
1318 height: 0.3em;
1319 margin: 0;
1320 overflow: inherit;
1321 border-radius: 0;
1322 }
1323
1324 .freedomplayer.fp-full .fp-timeline:before {
1325 position: absolute;
1326 top: -1.2em;
1327 left: 0;
1328 width: 100%;
1329 height: 1.2em;
1330 content: '';
1331 }
1332
1333 .freedomplayer.fp-full .fp-controls {
1334 height: 2.8em;
1335 }
1336
1337 .freedomplayer.fp-full .fp-controls:hover .fp-timeline {
1338 height: 1em;
1339 }
1340
1341 .freedomplayer.fp-full .fp-volume {
1342 margin-right: auto;
1343 }
1344
1345 .freedomplayer.fp-full .fp-duration,
1346 .freedomplayer.fp-full .fp-remaining {
1347 margin-left: 0;
1348 }
1349
1350 .freedomplayer.fp-full .fp-duration:before,
1351 .freedomplayer.fp-full .fp-remaining:before {
1352 position: relative;
1353 left: -0.3em;
1354 content: '/';
1355 }
1356
1357 .freedomplayer.fp-full.is-rtl .fp-duration:before,
1358 .freedomplayer.fp-full.is-rtl .fp-remaining:before {
1359 left: 0.3em;
1360 }
1361
1362 .freedomplayer.fp-slim.fp-full .fp-controls:hover .fp-timeline {
1363 height: 0.3em;
1364 }
1365
1366 .freedomplayer.fp-minimal .fp-controls {
1367 background-color: initial !important;
1368 }
1369
1370 .freedomplayer.fp-minimal .fp-controls > a,
1371 .freedomplayer.fp-minimal .fp-controls > div,
1372 .freedomplayer.fp-minimal .fp-controls > span,
1373 .freedomplayer.fp-minimal .fp-controls > strong,
1374 .freedomplayer.fp-minimal .fp-header > a,
1375 .freedomplayer.fp-minimal .fp-header > div,
1376 .freedomplayer.fp-minimal .fp-header > p,
1377 .freedomplayer.fp-minimal .fp-header > span {
1378 display: none;
1379 }
1380
1381 .freedomplayer.fp-minimal .fp-timeline {
1382 display: block;
1383 flex: none;
1384 width: 100%;
1385 max-width: 12em;
1386 height: 0.3em;
1387 margin: 0 auto;
1388 }
1389
1390 .freedomplayer.fp-playful .fp-color,
1391 .freedomplayer.fp-playful .fp-color-play {
1392 background-color: #ec6c4c;
1393 fill: #ec6c4c;
1394 }
1395
1396 .freedomplayer.fp-playful .fp-controls {
1397 background-color: #006680;
1398 }
1399
1400 .freedomplayer .fp-selected:before {
1401 content: '✓ ';
1402 }
1403
1404 .freedomplayer .fp-menu {
1405 display: none;
1406 z-index: 21;
1407 position: absolute;
1408 right: 0.5em;
1409 bottom: -100%;
1410 width: 8em;
1411 height: 0;
1412 transform: scale(0.95);
1413 border-radius: 0.24em;
1414 background-color: #00000080;
1415 font-size: 90%;
1416 opacity: 0 !important;
1417 transition:
1418 opacity 0.2s,
1419 transform 0.2s,
1420 height 0.2s;
1421 }
1422
1423 .freedomplayer .fp-menu::-webkit-scrollbar {
1424 width: 8px;
1425 background: #333;
1426 }
1427
1428 .freedomplayer .fp-menu::-webkit-scrollbar-track {
1429 -webkit-box-shadow: inset 0 0 6px #0000004d;
1430 }
1431
1432 .freedomplayer .fp-menu::-webkit-scrollbar-thumb {
1433 border-radius: 4px;
1434 outline: none;
1435 background-color: #999;
1436 }
1437
1438 .freedomplayer .fp-menu.fp-active {
1439 display: block;
1440 bottom: 3.2em;
1441 height: auto;
1442 max-height: calc(100% - 3.2em);
1443 overflow-y: auto;
1444 transform: scale(1);
1445 opacity: 1 !important;
1446 }
1447
1448 .freedomplayer .fp-menu > a {
1449 display: block;
1450 padding: 0.4em 1.2em;
1451 text-align: right;
1452 }
1453
1454 .freedomplayer .fp-menu strong {
1455 display: block;
1456 padding: 0.7em;
1457 border-bottom: 1px solid #fff3;
1458 background-color: #0000004d;
1459 font-size: 90%;
1460 letter-spacing: 1px;
1461 text-transform: uppercase;
1462 cursor: default;
1463 }
1464
1465 .freedomplayer .fp-menu a {
1466 color: #fffc;
1467 }
1468
1469 .freedomplayer .fp-menu a:hover:not(.fp-selected) {
1470 background-color: #000;
1471 color: #fff;
1472 }
1473
1474 .freedomplayer .fp-menu .fp-icon {
1475 cursor: pointer;
1476 }
1477
1478 .freedomplayer .fp-menu .fp-icon:before {
1479 margin-right: 0.1em;
1480 font-size: 1.5em;
1481 vertical-align: -0.1em;
1482 }
1483
1484 .freedomplayer .fp-qsel-menu {
1485 width: auto;
1486 }
1487
1488 .freedomplayer .fp-context-menu {
1489 display: none;
1490 right: auto;
1491 bottom: auto !important;
1492 width: auto;
1493 }
1494
1495 .freedomplayer .fp-context-menu.fp-active {
1496 display: block;
1497 }
1498
1499 .freedomplayer .fp-context-menu a,
1500 .freedomplayer .fp-context-menu strong {
1501 color: #fff;
1502 text-align: left;
1503 white-space: nowrap;
1504 }
1505
1506 .freedomplayer .fp-subtitle-menu {
1507 width: auto;
1508 }
1509
1510 .freedomplayer.fp-minimal .fp-pause svg.fp-pause-rounded-fill,
1511 .freedomplayer.fp-minimal .fp-pause svg.fp-play-rounded-fill,
1512 .freedomplayer.fp-minimal .fp-play svg.fp-pause-rounded-fill,
1513 .freedomplayer.fp-minimal .fp-play svg.fp-play-rounded-fill,
1514 .freedomplayer.fp-outlined .fp-pause svg.fp-pause-rounded-fill,
1515 .freedomplayer.fp-outlined .fp-pause svg.fp-play-rounded-fill,
1516 .freedomplayer.fp-outlined .fp-play svg.fp-pause-rounded-fill,
1517 .freedomplayer.fp-outlined .fp-play svg.fp-play-rounded-fill {
1518 display: none;
1519 }
1520
1521 .freedomplayer.fp-minimal .fp-pause svg.fp-pause-rounded-outline,
1522 .freedomplayer.fp-minimal .fp-pause svg.fp-play-rounded-outline,
1523 .freedomplayer.fp-minimal .fp-play svg.fp-pause-rounded-outline,
1524 .freedomplayer.fp-minimal .fp-play svg.fp-play-rounded-outline,
1525 .freedomplayer.fp-outlined .fp-pause svg.fp-pause-rounded-outline,
1526 .freedomplayer.fp-outlined .fp-pause svg.fp-play-rounded-outline,
1527 .freedomplayer.fp-outlined .fp-play svg.fp-pause-rounded-outline,
1528 .freedomplayer.fp-outlined .fp-play svg.fp-play-rounded-outline {
1529 display: block;
1530 }
1531
1532 .freedomplayer.fp-minimal .fp-checked:before,
1533 .freedomplayer.fp-outlined .fp-checked:before {
1534 content: '\e203';
1535 }
1536
1537 .freedomplayer.fp-minimal .fp-email:before,
1538 .freedomplayer.fp-outlined .fp-email:before {
1539 content: '\e206';
1540 }
1541
1542 .freedomplayer.fp-minimal .fp-playbtn:before,
1543 .freedomplayer.fp-outlined .fp-playbtn:before {
1544 content: '\e207';
1545 }
1546
1547 .freedomplayer.fp-minimal .fp-volumebtn:before,
1548 .freedomplayer.fp-outlined .fp-volumebtn:before {
1549 content: '\e20b';
1550 }
1551
1552 .freedomplayer.fp-minimal .fp-volume-off:before,
1553 .freedomplayer.fp-outlined .fp-volume-off:before {
1554 content: '\e20d';
1555 }
1556
1557 .freedomplayer.fp-minimal .fp-unload:before,
1558 .freedomplayer.fp-outlined .fp-unload:before {
1559 content: '\e20f';
1560 }
1561
1562 .freedomplayer.fp-minimal .fp-prevbtn:before,
1563 .freedomplayer.fp-outlined .fp-prevbtn:before {
1564 content: '\e211';
1565 }
1566
1567 .freedomplayer.fp-minimal .fp-nextbtn:before,
1568 .freedomplayer.fp-outlined .fp-nextbtn:before {
1569 content: '\e212';
1570 }
1571
1572 .freedomplayer .fp-bar .fp-color,
1573 .freedomplayer .fp-color {
1574 background-color: #00abcd;
1575 fill: #0003;
1576 }
1577
1578 .freedomplayer .fp-color-play {
1579 fill: #0000;
1580 }
1581
1582 .freedomplayer.is-rtl {
1583 direction: rtl;
1584 }
1585
1586 .freedomplayer.is-rtl .fp-icon {
1587 transform: rotate(180deg);
1588 }
1589
1590 .freedomplayer.is-rtl .fp-menu .fp-icon {
1591 transform: none;
1592 }
1593
1594 .freedomplayer.-grayscale video.fp-engine {
1595 filter: grayscale(100%);
1596 }
1597
1598 .freedomplayer.-sepia video.fp-engine {
1599 filter: sepia(100%);
1600 }
1601
1602 .freedomplayer.-blur video.fp-engine {
1603 filter: blur(5px);
1604 }
1605
1606 @keyframes waiting {
1607 0% {
1608 transform: scale(1);
1609 }
1610
1611 20% {
1612 transform: scaleY(2);
1613 }
1614
1615 40% {
1616 transform: scale(1);
1617 }
1618
1619 }
1620
1621 .fp-preload {
1622 display: block;
1623 position: static;
1624 top: 0;
1625 right: 0;
1626 bottom: 0;
1627 left: 0;
1628 height: 0;
1629 margin: auto;
1630 opacity: 0;
1631 transition: opacity 1s 0.3s;
1632 }
1633
1634 .is-loading .fp-waiting .fp-preload,
1635 .is-seeking .fp-waiting .fp-preload {
1636 display: block;
1637 position: absolute;
1638 height: 2em;
1639 opacity: 0.8;
1640 }
1641
1642 .fp-preload b {
1643 display: inline-block;
1644 width: 0.4em;
1645 height: 2em;
1646 margin: 0 0.2em;
1647 border-radius: 0.1em;
1648 background-color: #fff;
1649 box-shadow: 0 0 0.5rem #222;
1650 animation: waiting 1s ease-in-out infinite;
1651 }
1652
1653 .fp-preload b:first-child {
1654 animation-delay: 0;
1655 }
1656
1657 .fp-preload b:nth-child(2) {
1658 animation-delay: 0.1s;
1659 }
1660
1661 .fp-preload b:nth-child(3) {
1662 animation-delay: 0.15s;
1663 }
1664
1665 .fp-preload b:nth-child(4) {
1666 animation-delay: 0.25s;
1667 }
1668
1669 .fp-filters {
1670 position: absolute;
1671 width: 0 !important;
1672 height: 0 !important;
1673 overflow: hidden !important;
1674 }
1675
1676 @media screen and (orientation: portrait) {
1677 .freedomplayer .fp-forward,
1678 .freedomplayer .fp-rewind {
1679 width: 14vw;
1680 }
1681
1682 .freedomplayer .fp-forward {
1683 padding-left: auto;
1684 }
1685
1686 .freedomplayer .fp-forward svg {
1687 margin-left: 0;
1688 }
1689
1690 .freedomplayer .fp-rewind {
1691 padding-right: auto;
1692 }
1693
1694 .freedomplayer .fp-rewind svg {
1695 margin-right: 0;
1696 }
1697
1698 }
1699
1700