forked from Nicasso/css-m3-thesis-2016
-
Notifications
You must be signed in to change notification settings - Fork 0
/
seznam.cz.css
9464 lines (7919 loc) · 221 KB
/
seznam.cz.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
.sznp-rich-wrapper a,.sznp-rich-wrapper button,.sznp-rich-wrapper div,.sznp-rich-wrapper img,.sznp-rich-wrapper span,.sznp-rich-wrapper svg,.sznp-ui-html-wrapper a,.sznp-ui-html-wrapper button,.sznp-ui-html-wrapper div,.sznp-ui-html-wrapper img,.sznp-ui-html-wrapper span,.sznp-ui-html-wrapper svg,.sznp-wrapper a,.sznp-wrapper button,.sznp-wrapper div,.sznp-wrapper img,.sznp-wrapper span,.sznp-wrapper svg {
-webkit-animation: none 0s ease 0s 1 normal none running;
animation: none 0s ease 0s 1 normal none running;
-webkit-backface-visibility: visible;
backface-visibility: visible;
background: transparent none repeat 0 0/auto auto padding-box border-box scroll;
border: medium none currentColor;
border-collapse: separate;
-o-border-image: none;
border-image: none;
border-radius: 0;
border-spacing: 0;
bottom: auto;
box-shadow: none;
box-sizing: content-box;
caption-side: top;
clear: none;
clip: auto;
color: #000;
-webkit-columns: auto;
-moz-columns: auto;
columns: auto;
-webkit-column-count: auto;
-moz-column-count: auto;
column-count: auto;
-webkit-column-fill: balance;
-moz-column-fill: balance;
column-fill: balance;
-webkit-column-gap: normal;
-moz-column-gap: normal;
column-gap: normal;
-webkit-column-rule: medium none currentColor;
-moz-column-rule: medium none currentColor;
column-rule: medium none currentColor;
-webkit-column-span: 1;
-moz-column-span: 1;
column-span: 1;
-webkit-column-width: auto;
-moz-column-width: auto;
column-width: auto;
content: normal;
counter-increment: none;
counter-reset: none;
cursor: auto;
direction: ltr;
display: inline;
empty-cells: show;
float: none;
font-family: serif;
font-size: medium;
font-style: normal;
font-variant: normal;
font-weight: 400;
font-stretch: normal;
line-height: normal;
height: auto;
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
left: auto;
letter-spacing: normal;
list-style: disc outside none;
margin: 0;
max-height: none;
max-width: none;
min-height: 0;
min-width: 0;
opacity: 1;
orphans: 2;
outline: medium none invert;
overflow-x: visible;
overflow-y: visible;
padding: 0;
page-break-after: auto;
page-break-before: auto;
page-break-inside: auto;
-webkit-perspective: none;
perspective: none;
-webkit-perspective-origin: 50% 50%;
perspective-origin: 50% 50%;
position: static;
right: auto;
-moz-tab-size: 8;
-o-tab-size: 8;
tab-size: 8;
table-layout: auto;
text-align: left;
-moz-text-align-last: auto;
text-align-last: auto;
text-decoration: none;
text-indent: 0;
text-shadow: none;
text-transform: none;
top: auto;
-webkit-transform: none;
transform: none;
-webkit-transform-origin: 50% 50% 0;
transform-origin: 50% 50% 0;
-webkit-transform-style: flat;
transform-style: flat;
-webkit-transition: none 0s ease 0s;
transition: none 0s ease 0s;
unicode-bidi: normal;
vertical-align: baseline;
visibility: visible;
white-space: normal;
widows: 2;
width: auto;
word-spacing: normal;
z-index: auto;
all: initial;
visibility: inherit;
cursor: inherit;
font-family: Arial,Helvetica,sans-serif;
font-size: inherit;
overflow: visible;
box-sizing: border-box
}
.sznp-rich-wrapper a,.sznp-ui-html-wrapper a,.sznp-wrapper a {
text-decoration: underline;
-webkit-tap-highlight-color: rgba(0,0,0,0)
}
.sznp-rich-wrapper button,.sznp-ui-html-wrapper button,.sznp-wrapper button {
background: transparent;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
outline: none;
-webkit-tap-highlight-color: rgba(0,0,0,0)
}
.sznp-rich-wrapper div,.sznp-ui-html-wrapper div,.sznp-wrapper div {
display: block
}
.sznp-rich-wrapper svg,.sznp-ui-html-wrapper svg,.sznp-wrapper svg {
display: block;
color: currentColor;
fill: currentColor;
stroke: currentColor;
background: none
}
.sznp-rich-wrapper img,.sznp-ui-html-wrapper img,.sznp-wrapper img {
border: none
}
.sznp-rich-wrapper .sznp-blind,.sznp-ui-html-wrapper .sznp-blind,.sznp-wrapper .sznp-blind {
position: absolute!important;
top: -624.938em!important;
left: -624.938em!important
}
.sznp-rich-wrapper .sznp-hidden,.sznp-ui-html-wrapper .sznp-hidden,.sznp-wrapper .sznp-hidden {
display: none!important
}
.sznp-rich-wrapper .sznp-icon,.sznp-ui-html-wrapper .sznp-icon,.sznp-wrapper .sznp-icon {
width: 100%;
height: 100%;
display: block
}
.sznp-rich-wrapper .sznp-icon svg,.sznp-ui-html-wrapper .sznp-icon svg,.sznp-wrapper .sznp-icon svg {
width: 100%;
height: 100%
}
.sznp-rich-wrapper .sznp-ui-widget-icon,.sznp-ui-html-wrapper .sznp-ui-widget-icon,.sznp-wrapper .sznp-ui-widget-icon {
display: block;
width: 100%;
height: 100%
}
.sznp-rich-wrapper .sznp-ui-widget-volume,.sznp-ui-html-wrapper .sznp-ui-widget-volume,.sznp-wrapper .sznp-ui-widget-volume {
position: relative;
width: 100%;
height: 100%;
cursor: pointer
}
.sznp-rich-wrapper .sznp-ui-widget-volume:before,.sznp-ui-html-wrapper .sznp-ui-widget-volume:before,.sznp-wrapper .sznp-ui-widget-volume:before {
content: " ";
display: inline-block;
vertical-align: middle;
height: 100%;
width: 0
}
.sznp-rich-wrapper .sznp-ui-widget-volume .sznp-ui-widget-icon-container,.sznp-ui-html-wrapper .sznp-ui-widget-volume .sznp-ui-widget-icon-container,.sznp-wrapper .sznp-ui-widget-volume .sznp-ui-widget-icon-container {
position: relative;
display: inline-block;
cursor: pointer;
width: 1.625em;
height: 1.625em;
padding: .125em 0;
vertical-align: middle;
z-index: 0
}
.sznp-rich-wrapper .sznp-ui-widget-volume .sznp-ui-widget-icon-container .sznp-ui-widget-icon,.sznp-ui-html-wrapper .sznp-ui-widget-volume .sznp-ui-widget-icon-container .sznp-ui-widget-icon,.sznp-wrapper .sznp-ui-widget-volume .sznp-ui-widget-icon-container .sznp-ui-widget-icon {
-webkit-transition: -webkit-transform .1s ease-out;
transition: -webkit-transform .1s ease-out;
transition: transform .1s ease-out;
transition: transform .1s ease-out,-webkit-transform .1s ease-out
}
.sznp-rich-wrapper .sznp-ui-widget-volume .sznp-ui-widget-icon-container:hover .sznp-ui-widget-icon,.sznp-ui-html-wrapper .sznp-ui-widget-volume .sznp-ui-widget-icon-container:hover .sznp-ui-widget-icon,.sznp-wrapper .sznp-ui-widget-volume .sznp-ui-widget-icon-container:hover .sznp-ui-widget-icon {
-webkit-transform: scale(1.05);
transform: scale(1.05)
}
.sznp-rich-wrapper .sznp-ui-widget-volume .sznp-ui-widget-icon-container:active .sznp-ui-widget-icon,.sznp-ui-html-wrapper .sznp-ui-widget-volume .sznp-ui-widget-icon-container:active .sznp-ui-widget-icon,.sznp-wrapper .sznp-ui-widget-volume .sznp-ui-widget-icon-container:active .sznp-ui-widget-icon {
-webkit-transform: scale(1);
transform: scale(1)
}
.sznp-rich-wrapper .sznp-ui-widget-volume .sznp-ui-volume-bar-container,.sznp-ui-html-wrapper .sznp-ui-widget-volume .sznp-ui-volume-bar-container,.sznp-wrapper .sznp-ui-widget-volume .sznp-ui-volume-bar-container {
position: relative;
width: 2.5em;
height: 1.625em;
display: inline-block;
vertical-align: middle;
margin-left: -.25em;
z-index: 1
}
.sznp-rich-wrapper .sznp-ui-widget-volume .sznp-ui-volume-bar-container .sznp-ui-volume-bar,.sznp-ui-html-wrapper .sznp-ui-widget-volume .sznp-ui-volume-bar-container .sznp-ui-volume-bar,.sznp-wrapper .sznp-ui-widget-volume .sznp-ui-volume-bar-container .sznp-ui-volume-bar {
position: absolute;
width: 100%;
height: .93333em;
margin-top: -.466667em;
top: 50%;
left: 0;
cursor: pointer;
display: inline-block;
font-size: .9375em
}
.sznp-rich-wrapper .sznp-ui-widget-volume .sznp-ui-volume-bar-container .sznp-ui-volume-bar .sznp-ui-volume-bar-item,.sznp-ui-html-wrapper .sznp-ui-widget-volume .sznp-ui-volume-bar-container .sznp-ui-volume-bar .sznp-ui-volume-bar-item,.sznp-wrapper .sznp-ui-widget-volume .sznp-ui-volume-bar-container .sznp-ui-volume-bar .sznp-ui-volume-bar-item {
border-radius: .5px;
cursor: pointer;
display: inline-block;
height: 100%;
background: hsla(0,0%,100%,.2)
}
.sznp-rich-wrapper .sznp-ui-widget-volume .sznp-ui-volume-bar-container .sznp-ui-volume-bar .sznp-ui-volume-bar-item.sznp-ui-fillable,.sznp-ui-html-wrapper .sznp-ui-widget-volume .sznp-ui-volume-bar-container .sznp-ui-volume-bar .sznp-ui-volume-bar-item.sznp-ui-fillable,.sznp-wrapper .sznp-ui-widget-volume .sznp-ui-volume-bar-container .sznp-ui-volume-bar .sznp-ui-volume-bar-item.sznp-ui-fillable {
opacity: 1;
width: 3px
}
.sznp-rich-wrapper .sznp-ui-widget-volume .sznp-ui-volume-bar-container .sznp-ui-volume-bar .sznp-ui-volume-bar-item.sznp-ui-space,.sznp-ui-html-wrapper .sznp-ui-widget-volume .sznp-ui-volume-bar-container .sznp-ui-volume-bar .sznp-ui-volume-bar-item.sznp-ui-space,.sznp-wrapper .sznp-ui-widget-volume .sznp-ui-volume-bar-container .sznp-ui-volume-bar .sznp-ui-volume-bar-item.sznp-ui-space {
opacity: 0;
width: 2px
}
.sznp-rich-wrapper .sznp-ui-widget-seek-bar,.sznp-ui-html-wrapper .sznp-ui-widget-seek-bar,.sznp-wrapper .sznp-ui-widget-seek-bar {
position: relative;
width: 100%;
height: 100%;
-webkit-transition: -webkit-transform .1s ease-out;
transition: -webkit-transform .1s ease-out;
transition: transform .1s ease-out;
transition: transform .1s ease-out,-webkit-transform .1s ease-out
}
.sznp-rich-wrapper .sznp-ui-widget-seek-bar:before,.sznp-ui-html-wrapper .sznp-ui-widget-seek-bar:before,.sznp-wrapper .sznp-ui-widget-seek-bar:before {
content: " ";
display: inline-block;
vertical-align: middle;
height: 100%;
width: 0
}
.sznp-rich-wrapper .sznp-ui-widget-seek-bar .sznp-ui-seek-bar-container,.sznp-ui-html-wrapper .sznp-ui-widget-seek-bar .sznp-ui-seek-bar-container,.sznp-wrapper .sznp-ui-widget-seek-bar .sznp-ui-seek-bar-container {
display: inline-block;
width: 100%;
height: 1.375em;
vertical-align: middle
}
.sznp-rich-wrapper .sznp-ui-widget-seek-bar .sznp-ui-seek-bar-container .sznp-ui-time-info-container,.sznp-ui-html-wrapper .sznp-ui-widget-seek-bar .sznp-ui-seek-bar-container .sznp-ui-time-info-container,.sznp-wrapper .sznp-ui-widget-seek-bar .sznp-ui-seek-bar-container .sznp-ui-time-info-container {
position: absolute;
top: -1.125em;
left: 0;
z-index: 1
}
.sznp-rich-wrapper .sznp-ui-widget-seek-bar .sznp-ui-seek-bar-container .sznp-ui-live-bubble-container,.sznp-ui-html-wrapper .sznp-ui-widget-seek-bar .sznp-ui-seek-bar-container .sznp-ui-live-bubble-container,.sznp-wrapper .sznp-ui-widget-seek-bar .sznp-ui-seek-bar-container .sznp-ui-live-bubble-container {
position: absolute;
top: -1.3125em;
right: 0;
z-index: 0;
opacity: 1
}
.sznp-rich-wrapper .sznp-ui-widget-seek-bar .sznp-ui-seek-bar-container .sznp-ui-rewind-bubble-container,.sznp-ui-html-wrapper .sznp-ui-widget-seek-bar .sznp-ui-seek-bar-container .sznp-ui-rewind-bubble-container,.sznp-wrapper .sznp-ui-widget-seek-bar .sznp-ui-seek-bar-container .sznp-ui-rewind-bubble-container {
position: absolute;
top: -1.3125em;
left: 0;
z-index: 0;
opacity: 1;
-webkit-transition: opacity .15s;
transition: opacity .15s
}
.sznp-rich-wrapper .sznp-ui-widget-seek-bar .sznp-ui-seek-bar-container .sznp-ui-seek-bar-box,.sznp-ui-html-wrapper .sznp-ui-widget-seek-bar .sznp-ui-seek-bar-container .sznp-ui-seek-bar-box,.sznp-wrapper .sznp-ui-widget-seek-bar .sznp-ui-seek-bar-container .sznp-ui-seek-bar-box {
position: relative;
z-index: 1;
height: 100%;
padding: .25em 0;
cursor: pointer
}
.sznp-rich-wrapper .sznp-ui-widget-seek-bar .sznp-ui-seek-bar-container .sznp-ui-seek-bar-box .sznp-ui-seek-bar-box-wrapper,.sznp-ui-html-wrapper .sznp-ui-widget-seek-bar .sznp-ui-seek-bar-container .sznp-ui-seek-bar-box .sznp-ui-seek-bar-box-wrapper,.sznp-wrapper .sznp-ui-widget-seek-bar .sznp-ui-seek-bar-container .sznp-ui-seek-bar-box .sznp-ui-seek-bar-box-wrapper {
position: relative;
height: 100%
}
.sznp-rich-wrapper .sznp-ui-widget-seek-bar .sznp-ui-seek-bar-container .sznp-ui-seek-bar-box .sznp-ui-seek-bar-box-wrapper .sznp-ui-full-bar,.sznp-rich-wrapper .sznp-ui-widget-seek-bar .sznp-ui-seek-bar-container .sznp-ui-seek-bar-box .sznp-ui-seek-bar-box-wrapper .sznp-ui-loading-bar,.sznp-rich-wrapper .sznp-ui-widget-seek-bar .sznp-ui-seek-bar-container .sznp-ui-seek-bar-box .sznp-ui-seek-bar-box-wrapper .sznp-ui-progress-bar,.sznp-rich-wrapper .sznp-ui-widget-seek-bar .sznp-ui-seek-bar-container .sznp-ui-seek-bar-box .sznp-ui-seek-bar-box-wrapper .sznp-ui-seeking-bar,.sznp-ui-html-wrapper .sznp-ui-widget-seek-bar .sznp-ui-seek-bar-container .sznp-ui-seek-bar-box .sznp-ui-seek-bar-box-wrapper .sznp-ui-full-bar,.sznp-ui-html-wrapper .sznp-ui-widget-seek-bar .sznp-ui-seek-bar-container .sznp-ui-seek-bar-box .sznp-ui-seek-bar-box-wrapper .sznp-ui-loading-bar,.sznp-ui-html-wrapper .sznp-ui-widget-seek-bar .sznp-ui-seek-bar-container .sznp-ui-seek-bar-box .sznp-ui-seek-bar-box-wrapper .sznp-ui-progress-bar,.sznp-ui-html-wrapper .sznp-ui-widget-seek-bar .sznp-ui-seek-bar-container .sznp-ui-seek-bar-box .sznp-ui-seek-bar-box-wrapper .sznp-ui-seeking-bar,.sznp-wrapper .sznp-ui-widget-seek-bar .sznp-ui-seek-bar-container .sznp-ui-seek-bar-box .sznp-ui-seek-bar-box-wrapper .sznp-ui-full-bar,.sznp-wrapper .sznp-ui-widget-seek-bar .sznp-ui-seek-bar-container .sznp-ui-seek-bar-box .sznp-ui-seek-bar-box-wrapper .sznp-ui-loading-bar,.sznp-wrapper .sznp-ui-widget-seek-bar .sznp-ui-seek-bar-container .sznp-ui-seek-bar-box .sznp-ui-seek-bar-box-wrapper .sznp-ui-progress-bar,.sznp-wrapper .sznp-ui-widget-seek-bar .sznp-ui-seek-bar-container .sznp-ui-seek-bar-box .sznp-ui-seek-bar-box-wrapper .sznp-ui-seeking-bar {
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
border-radius: 1px
}
.sznp-rich-wrapper .sznp-ui-widget-seek-bar .sznp-ui-seek-bar-container .sznp-ui-seek-bar-box .sznp-ui-seek-bar-box-wrapper .sznp-ui-full-bar,.sznp-ui-html-wrapper .sznp-ui-widget-seek-bar .sznp-ui-seek-bar-container .sznp-ui-seek-bar-box .sznp-ui-seek-bar-box-wrapper .sznp-ui-full-bar,.sznp-wrapper .sznp-ui-widget-seek-bar .sznp-ui-seek-bar-container .sznp-ui-seek-bar-box .sznp-ui-seek-bar-box-wrapper .sznp-ui-full-bar {
z-index: 0;
background: #fff;
opacity: .25
}
.sznp-rich-wrapper .sznp-ui-widget-seek-bar .sznp-ui-seek-bar-container .sznp-ui-seek-bar-box .sznp-ui-seek-bar-box-wrapper .sznp-ui-loading-bar,.sznp-ui-html-wrapper .sznp-ui-widget-seek-bar .sznp-ui-seek-bar-container .sznp-ui-seek-bar-box .sznp-ui-seek-bar-box-wrapper .sznp-ui-loading-bar,.sznp-wrapper .sznp-ui-widget-seek-bar .sznp-ui-seek-bar-container .sznp-ui-seek-bar-box .sznp-ui-seek-bar-box-wrapper .sznp-ui-loading-bar {
z-index: 1;
overflow: hidden
}
.sznp-rich-wrapper .sznp-ui-widget-seek-bar .sznp-ui-seek-bar-container .sznp-ui-seek-bar-box .sznp-ui-seek-bar-box-wrapper .sznp-ui-loading-bar .sznp-ui-svg-animated-bar,.sznp-ui-html-wrapper .sznp-ui-widget-seek-bar .sznp-ui-seek-bar-container .sznp-ui-seek-bar-box .sznp-ui-seek-bar-box-wrapper .sznp-ui-loading-bar .sznp-ui-svg-animated-bar,.sznp-wrapper .sznp-ui-widget-seek-bar .sznp-ui-seek-bar-container .sznp-ui-seek-bar-box .sznp-ui-seek-bar-box-wrapper .sznp-ui-loading-bar .sznp-ui-svg-animated-bar {
-webkit-animation: sznpuiloading .5s linear infinite;
animation: sznpuiloading .5s linear infinite;
margin-left: -.5625em;
width: 110%;
height: 110%
}
.sznp-rich-wrapper .sznp-ui-widget-seek-bar .sznp-ui-seek-bar-container .sznp-ui-seek-bar-box .sznp-ui-seek-bar-box-wrapper .sznp-ui-loading-bar .sznp-ui-svg-animated-bar-fallback,.sznp-ui-html-wrapper .sznp-ui-widget-seek-bar .sznp-ui-seek-bar-container .sznp-ui-seek-bar-box .sznp-ui-seek-bar-box-wrapper .sznp-ui-loading-bar .sznp-ui-svg-animated-bar-fallback,.sznp-wrapper .sznp-ui-widget-seek-bar .sznp-ui-seek-bar-container .sznp-ui-seek-bar-box .sznp-ui-seek-bar-box-wrapper .sznp-ui-loading-bar .sznp-ui-svg-animated-bar-fallback {
height: 100%;
text-align: center
}
.sznp-rich-wrapper .sznp-ui-widget-seek-bar .sznp-ui-seek-bar-container .sznp-ui-seek-bar-box .sznp-ui-seek-bar-box-wrapper .sznp-ui-loading-bar .sznp-ui-svg-animated-bar-fallback .sznp-ui-fallback-text,.sznp-ui-html-wrapper .sznp-ui-widget-seek-bar .sznp-ui-seek-bar-container .sznp-ui-seek-bar-box .sznp-ui-seek-bar-box-wrapper .sznp-ui-loading-bar .sznp-ui-svg-animated-bar-fallback .sznp-ui-fallback-text,.sznp-wrapper .sznp-ui-widget-seek-bar .sznp-ui-seek-bar-container .sznp-ui-seek-bar-box .sznp-ui-seek-bar-box-wrapper .sznp-ui-loading-bar .sznp-ui-svg-animated-bar-fallback .sznp-ui-fallback-text {
color: #fff;
vertical-align: middle;
font-size: .625em
}
.sznp-rich-wrapper .sznp-ui-widget-seek-bar .sznp-ui-seek-bar-container .sznp-ui-seek-bar-box .sznp-ui-seek-bar-box-wrapper .sznp-ui-progress-bar,.sznp-ui-html-wrapper .sznp-ui-widget-seek-bar .sznp-ui-seek-bar-container .sznp-ui-seek-bar-box .sznp-ui-seek-bar-box-wrapper .sznp-ui-progress-bar,.sznp-wrapper .sznp-ui-widget-seek-bar .sznp-ui-seek-bar-container .sznp-ui-seek-bar-box .sznp-ui-seek-bar-box-wrapper .sznp-ui-progress-bar {
z-index: 2
}
.sznp-rich-wrapper .sznp-ui-widget-seek-bar .sznp-ui-seek-bar-container .sznp-ui-seek-bar-box .sznp-ui-seek-bar-box-wrapper .sznp-ui-progress-bar.sznp-ui-transparent,.sznp-ui-html-wrapper .sznp-ui-widget-seek-bar .sznp-ui-seek-bar-container .sznp-ui-seek-bar-box .sznp-ui-seek-bar-box-wrapper .sznp-ui-progress-bar.sznp-ui-transparent,.sznp-wrapper .sznp-ui-widget-seek-bar .sznp-ui-seek-bar-container .sznp-ui-seek-bar-box .sznp-ui-seek-bar-box-wrapper .sznp-ui-progress-bar.sznp-ui-transparent {
opacity: .8
}
.sznp-rich-wrapper .sznp-ui-widget-seek-bar .sznp-ui-seek-bar-container .sznp-ui-seek-bar-box .sznp-ui-seek-bar-box-wrapper .sznp-ui-seeking-bar,.sznp-ui-html-wrapper .sznp-ui-widget-seek-bar .sznp-ui-seek-bar-container .sznp-ui-seek-bar-box .sznp-ui-seek-bar-box-wrapper .sznp-ui-seeking-bar,.sznp-wrapper .sznp-ui-widget-seek-bar .sznp-ui-seek-bar-container .sznp-ui-seek-bar-box .sznp-ui-seek-bar-box-wrapper .sznp-ui-seeking-bar {
z-index: 3
}
.sznp-rich-wrapper .sznp-ui-widget-seek-bar .sznp-ui-seek-bar-container .sznp-ui-seek-bar-box .sznp-ui-seek-bar-box-wrapper .sznp-ui-aux-pointer-container,.sznp-ui-html-wrapper .sznp-ui-widget-seek-bar .sznp-ui-seek-bar-container .sznp-ui-seek-bar-box .sznp-ui-seek-bar-box-wrapper .sznp-ui-aux-pointer-container,.sznp-wrapper .sznp-ui-widget-seek-bar .sznp-ui-seek-bar-container .sznp-ui-seek-bar-box .sznp-ui-seek-bar-box-wrapper .sznp-ui-aux-pointer-container {
position: absolute;
top: 0;
left: 0;
z-index: 4;
height: 100%
}
.sznp-rich-wrapper .sznp-ui-widget-seek-bar .sznp-ui-seek-bar-container .sznp-ui-seek-bar-box .sznp-ui-seek-bar-box-wrapper .sznp-ui-aux-pointer,.sznp-ui-html-wrapper .sznp-ui-widget-seek-bar .sznp-ui-seek-bar-container .sznp-ui-seek-bar-box .sznp-ui-seek-bar-box-wrapper .sznp-ui-aux-pointer,.sznp-wrapper .sznp-ui-widget-seek-bar .sznp-ui-seek-bar-container .sznp-ui-seek-bar-box .sznp-ui-seek-bar-box-wrapper .sznp-ui-aux-pointer {
width: .1875em;
height: 100%;
display: block
}
.sznp-rich-wrapper .sznp-ui-widget-seek-bar .sznp-ui-seek-bar-container .sznp-ui-seek-bar-box .sznp-ui-seek-bar-box-wrapper .sznp-ui-aux-pointer .sznp-ui-aux-pointer-wrapper,.sznp-ui-html-wrapper .sznp-ui-widget-seek-bar .sznp-ui-seek-bar-container .sznp-ui-seek-bar-box .sznp-ui-seek-bar-box-wrapper .sznp-ui-aux-pointer .sznp-ui-aux-pointer-wrapper,.sznp-wrapper .sznp-ui-widget-seek-bar .sznp-ui-seek-bar-container .sznp-ui-seek-bar-box .sznp-ui-seek-bar-box-wrapper .sznp-ui-aux-pointer .sznp-ui-aux-pointer-wrapper {
width: 100%;
height: 100%;
background: #fff;
display: block
}
.sznp-rich-wrapper .sznp-ui-widget-seek-bar .sznp-ui-seek-bar-container .sznp-ui-seek-bar-box .sznp-ui-seek-bar-box-wrapper .sznp-ui-aux-pointer.sznp-ui-rounded-look,.sznp-ui-html-wrapper .sznp-ui-widget-seek-bar .sznp-ui-seek-bar-container .sznp-ui-seek-bar-box .sznp-ui-seek-bar-box-wrapper .sznp-ui-aux-pointer.sznp-ui-rounded-look,.sznp-wrapper .sznp-ui-widget-seek-bar .sznp-ui-seek-bar-container .sznp-ui-seek-bar-box .sznp-ui-seek-bar-box-wrapper .sznp-ui-aux-pointer.sznp-ui-rounded-look {
position: absolute;
top: 50%;
margin-top: -.625em;
width: 1.25em;
height: 1.25em
}
.sznp-rich-wrapper .sznp-ui-widget-seek-bar .sznp-ui-seek-bar-container .sznp-ui-seek-bar-box .sznp-ui-seek-bar-box-wrapper .sznp-ui-aux-pointer.sznp-ui-rounded-look .sznp-ui-aux-pointer-wrapper,.sznp-ui-html-wrapper .sznp-ui-widget-seek-bar .sznp-ui-seek-bar-container .sznp-ui-seek-bar-box .sznp-ui-seek-bar-box-wrapper .sznp-ui-aux-pointer.sznp-ui-rounded-look .sznp-ui-aux-pointer-wrapper,.sznp-wrapper .sznp-ui-widget-seek-bar .sznp-ui-seek-bar-container .sznp-ui-seek-bar-box .sznp-ui-seek-bar-box-wrapper .sznp-ui-aux-pointer.sznp-ui-rounded-look .sznp-ui-aux-pointer-wrapper {
border-radius: 100%;
box-shadow: 0 2px 4px 0 rgba(0,0,0,.5)
}
.sznp-rich-wrapper .sznp-ui-widget-seek-bar .sznp-ui-seek-bar-container .sznp-ui-seek-bar-box.sznp-ui-seeking-disabled,.sznp-ui-html-wrapper .sznp-ui-widget-seek-bar .sznp-ui-seek-bar-container .sznp-ui-seek-bar-box.sznp-ui-seeking-disabled,.sznp-wrapper .sznp-ui-widget-seek-bar .sznp-ui-seek-bar-container .sznp-ui-seek-bar-box.sznp-ui-seeking-disabled {
cursor: default;
opacity: .7
}
.sznp-rich-wrapper .sznp-ui-widget-seek-bar .sznp-ui-seek-bar-container .sznp-ui-seek-bar-box.sznp-ui-thin-look,.sznp-ui-html-wrapper .sznp-ui-widget-seek-bar .sznp-ui-seek-bar-container .sznp-ui-seek-bar-box.sznp-ui-thin-look,.sznp-wrapper .sznp-ui-widget-seek-bar .sznp-ui-seek-bar-container .sznp-ui-seek-bar-box.sznp-ui-thin-look {
padding: .375em 0
}
.sznp-rich-wrapper .sznp-ui-widget-time-info,.sznp-ui-html-wrapper .sznp-ui-widget-time-info,.sznp-wrapper .sznp-ui-widget-time-info {
display: inline-block;
height: 100%
}
.sznp-rich-wrapper .sznp-ui-widget-time-info:before,.sznp-ui-html-wrapper .sznp-ui-widget-time-info:before,.sznp-wrapper .sznp-ui-widget-time-info:before {
content: " ";
display: inline-block;
vertical-align: middle;
height: 100%;
width: 0
}
.sznp-rich-wrapper .sznp-ui-widget-time-info .sznp-ui-time-value,.sznp-ui-html-wrapper .sznp-ui-widget-time-info .sznp-ui-time-value,.sznp-wrapper .sznp-ui-widget-time-info .sznp-ui-time-value {
display: inline-block;
vertical-align: middle;
padding: 0 .1875em
}
.sznp-rich-wrapper .sznp-ui-widget-time-info .sznp-ui-time-value .sznp-ui-value-text,.sznp-ui-html-wrapper .sznp-ui-widget-time-info .sznp-ui-time-value .sznp-ui-value-text,.sznp-wrapper .sznp-ui-widget-time-info .sznp-ui-time-value .sznp-ui-value-text {
color: #fff;
text-shadow: 1px 1px 1px #000;
font-size: .6875em;
vertical-align: middle
}
.sznp-rich-wrapper .sznp-ui-widget-time-info.sznp-ui-dark-look .sznp-ui-time-value,.sznp-ui-html-wrapper .sznp-ui-widget-time-info.sznp-ui-dark-look .sznp-ui-time-value,.sznp-wrapper .sznp-ui-widget-time-info.sznp-ui-dark-look .sznp-ui-time-value {
background: #1f1f1f;
opacity: .5;
border-radius: 2px
}
.sznp-rich-wrapper .sznp-ui-widget-time-info.sznp-ui-dark-look .sznp-ui-time-value .sznp-ui-value-text,.sznp-ui-html-wrapper .sznp-ui-widget-time-info.sznp-ui-dark-look .sznp-ui-time-value .sznp-ui-value-text,.sznp-wrapper .sznp-ui-widget-time-info.sznp-ui-dark-look .sznp-ui-time-value .sznp-ui-value-text {
color: #fff
}
.sznp-rich-wrapper .sznp-ui-widget-time-info.sznp-ui-light-look .sznp-ui-time-value,.sznp-ui-html-wrapper .sznp-ui-widget-time-info.sznp-ui-light-look .sznp-ui-time-value,.sznp-wrapper .sznp-ui-widget-time-info.sznp-ui-light-look .sznp-ui-time-value {
background: #fff;
border-radius: 2px
}
.sznp-rich-wrapper .sznp-ui-widget-time-info.sznp-ui-light-look .sznp-ui-time-value .sznp-ui-value-text,.sznp-ui-html-wrapper .sznp-ui-widget-time-info.sznp-ui-light-look .sznp-ui-time-value .sznp-ui-value-text,.sznp-wrapper .sznp-ui-widget-time-info.sznp-ui-light-look .sznp-ui-time-value .sznp-ui-value-text {
color: #000;
text-shadow: none
}
.sznp-rich-wrapper .sznp-ui-widget-time-info.sznp-ui-small-font-look .sznp-ui-time-value .sznp-ui-value-text,.sznp-ui-html-wrapper .sznp-ui-widget-time-info.sznp-ui-small-font-look .sznp-ui-time-value .sznp-ui-value-text,.sznp-wrapper .sznp-ui-widget-time-info.sznp-ui-small-font-look .sznp-ui-time-value .sznp-ui-value-text {
font-size: .625em
}
.sznp-rich-wrapper .sznp-ui-widget-live-bubble,.sznp-ui-html-wrapper .sznp-ui-widget-live-bubble,.sznp-wrapper .sznp-ui-widget-live-bubble {
position: relative;
display: inline-block;
height: 1.25em;
border-radius: 2px;
background: #fff;
padding: 0 .3125em;
cursor: pointer;
-webkit-transition: opacity .1s,box-shadow .2s,-webkit-transform .1s ease-in;
transition: opacity .1s,box-shadow .2s,-webkit-transform .1s ease-in;
transition: opacity .1s,transform .1s ease-in,box-shadow .2s;
transition: opacity .1s,transform .1s ease-in,box-shadow .2s,-webkit-transform .1s ease-in
}
.sznp-rich-wrapper .sznp-ui-widget-live-bubble:before,.sznp-ui-html-wrapper .sznp-ui-widget-live-bubble:before,.sznp-wrapper .sznp-ui-widget-live-bubble:before {
content: " ";
display: inline-block;
vertical-align: middle;
height: 100%;
width: 0
}
.sznp-rich-wrapper .sznp-ui-widget-live-bubble .sznp-ui-widget-icon-container,.sznp-ui-html-wrapper .sznp-ui-widget-live-bubble .sznp-ui-widget-icon-container,.sznp-wrapper .sznp-ui-widget-live-bubble .sznp-ui-widget-icon-container {
display: inline-block;
width: .5625em;
height: .6875em;
vertical-align: middle
}
.sznp-rich-wrapper .sznp-ui-widget-live-bubble .sznp-ui-bubble-text,.sznp-ui-html-wrapper .sznp-ui-widget-live-bubble .sznp-ui-bubble-text,.sznp-wrapper .sznp-ui-widget-live-bubble .sznp-ui-bubble-text {
display: inline-block;
color: #000;
vertical-align: middle;
margin-left: .125em;
font-size: .625em
}
.sznp-rich-wrapper .sznp-ui-widget-live-bubble .sznp-ui-bubble-arrow,.sznp-ui-html-wrapper .sznp-ui-widget-live-bubble .sznp-ui-bubble-arrow,.sznp-wrapper .sznp-ui-widget-live-bubble .sznp-ui-bubble-arrow {
display: inline-block;
width: .6875em;
height: .6875em;
position: absolute;
right: -.0625em;
bottom: -.5em
}
.sznp-rich-wrapper .sznp-ui-widget-live-bubble .sznp-ui-bubble-arrow>svg,.sznp-ui-html-wrapper .sznp-ui-widget-live-bubble .sznp-ui-bubble-arrow>svg,.sznp-wrapper .sznp-ui-widget-live-bubble .sznp-ui-bubble-arrow>svg {
width: 100%;
height: 100%;
fill: #fff;
stroke: none
}
.sznp-rich-wrapper .sznp-ui-widget-live-bubble.sznp-ui-transparent,.sznp-ui-html-wrapper .sznp-ui-widget-live-bubble.sznp-ui-transparent,.sznp-wrapper .sznp-ui-widget-live-bubble.sznp-ui-transparent {
opacity: .3
}
.sznp-rich-wrapper .sznp-ui-widget-live-bubble:active,.sznp-ui-html-wrapper .sznp-ui-widget-live-bubble:active,.sznp-wrapper .sznp-ui-widget-live-bubble:active {
-webkit-transform: scale(.9);
transform: scale(.9)
}
.sznp-rich-wrapper .sznp-ui-widget-live-bubble:hover,.sznp-ui-html-wrapper .sznp-ui-widget-live-bubble:hover,.sznp-wrapper .sznp-ui-widget-live-bubble:hover {
box-shadow: 0 0 8px 4px hsla(0,0%,100%,.4)
}
.sznp-rich-wrapper .sznp-ui-widget-rewind-bubble,.sznp-ui-html-wrapper .sznp-ui-widget-rewind-bubble,.sznp-wrapper .sznp-ui-widget-rewind-bubble {
position: relative;
display: inline-block;
height: 1.25em;
border-radius: 2px;
background: #fff;
padding: 0 .25em;
cursor: pointer;
-webkit-transition: opacity .1s,box-shadow .2s,-webkit-transform .1s ease-in;
transition: opacity .1s,box-shadow .2s,-webkit-transform .1s ease-in;
transition: opacity .1s,transform .1s ease-in,box-shadow .2s;
transition: opacity .1s,transform .1s ease-in,box-shadow .2s,-webkit-transform .1s ease-in
}
.sznp-rich-wrapper .sznp-ui-widget-rewind-bubble:before,.sznp-ui-html-wrapper .sznp-ui-widget-rewind-bubble:before,.sznp-wrapper .sznp-ui-widget-rewind-bubble:before {
content: " ";
display: inline-block;
vertical-align: middle;
height: 100%;
width: 0
}
.sznp-rich-wrapper .sznp-ui-widget-rewind-bubble .sznp-ui-widget-icon-container,.sznp-ui-html-wrapper .sznp-ui-widget-rewind-bubble .sznp-ui-widget-icon-container,.sznp-wrapper .sznp-ui-widget-rewind-bubble .sznp-ui-widget-icon-container {
display: inline-block;
width: .875em;
height: .875em;
vertical-align: middle
}
.sznp-rich-wrapper .sznp-ui-widget-rewind-bubble .sznp-ui-bubble-text-on-hover,.sznp-ui-html-wrapper .sznp-ui-widget-rewind-bubble .sznp-ui-bubble-text-on-hover,.sznp-wrapper .sznp-ui-widget-rewind-bubble .sznp-ui-bubble-text-on-hover {
display: inline-block;
position: absolute;
left: 100%;
top: 50%;
color: #fff;
margin-top: -.3125em;
margin-left: .3125em;
text-shadow: 1px 1px 1px #000;
white-space: nowrap;
font-size: .625em
}
.sznp-rich-wrapper .sznp-ui-widget-rewind-bubble .sznp-ui-bubble-arrow,.sznp-ui-html-wrapper .sznp-ui-widget-rewind-bubble .sznp-ui-bubble-arrow,.sznp-wrapper .sznp-ui-widget-rewind-bubble .sznp-ui-bubble-arrow {
display: inline-block;
width: .6875em;
height: .6875em;
position: absolute;
left: -.0625em;
bottom: -.5em
}
.sznp-rich-wrapper .sznp-ui-widget-rewind-bubble .sznp-ui-bubble-arrow>svg,.sznp-ui-html-wrapper .sznp-ui-widget-rewind-bubble .sznp-ui-bubble-arrow>svg,.sznp-wrapper .sznp-ui-widget-rewind-bubble .sznp-ui-bubble-arrow>svg {
width: 100%;
height: 100%;
fill: #fff;
stroke: none
}
.sznp-rich-wrapper .sznp-ui-widget-rewind-bubble.sznp-ui-transparent,.sznp-ui-html-wrapper .sznp-ui-widget-rewind-bubble.sznp-ui-transparent,.sznp-wrapper .sznp-ui-widget-rewind-bubble.sznp-ui-transparent {
opacity: .3
}
.sznp-rich-wrapper .sznp-ui-widget-rewind-bubble:active,.sznp-ui-html-wrapper .sznp-ui-widget-rewind-bubble:active,.sznp-wrapper .sznp-ui-widget-rewind-bubble:active {
-webkit-transform: scale(.9);
transform: scale(.9)
}
.sznp-rich-wrapper .sznp-ui-widget-rewind-bubble:hover,.sznp-ui-html-wrapper .sznp-ui-widget-rewind-bubble:hover,.sznp-wrapper .sznp-ui-widget-rewind-bubble:hover {
box-shadow: 0 0 8px 4px hsla(0,0%,100%,.4)
}
.sznp-rich-wrapper .sznp-ui-widget-icon-button,.sznp-ui-html-wrapper .sznp-ui-widget-icon-button,.sznp-wrapper .sznp-ui-widget-icon-button {
position: relative;
height: 100%;
width: 100%;
padding: .25em;
cursor: pointer;
display: inline-block
}
.sznp-rich-wrapper .sznp-ui-widget-icon-button .sznp-ui-widget-icon,.sznp-ui-html-wrapper .sznp-ui-widget-icon-button .sznp-ui-widget-icon,.sznp-wrapper .sznp-ui-widget-icon-button .sznp-ui-widget-icon {
-webkit-transition: -webkit-transform .1s ease-out;
transition: -webkit-transform .1s ease-out;
transition: transform .1s ease-out;
transition: transform .1s ease-out,-webkit-transform .1s ease-out
}
.sznp-rich-wrapper .sznp-ui-widget-icon-button .sznp-ui-indicator,.sznp-ui-html-wrapper .sznp-ui-widget-icon-button .sznp-ui-indicator,.sznp-wrapper .sznp-ui-widget-icon-button .sznp-ui-indicator {
position: relative;
bottom: 0;
left: .25em;
width: calc(100% - .5em);
height: .1875em;
-webkit-transition: visibility 0s linear .15s,-webkit-transform .1s ease-in;
transition: visibility 0s linear .15s,-webkit-transform .1s ease-in;
transition: transform .1s ease-in,visibility 0s linear .15s;
transition: transform .1s ease-in,visibility 0s linear .15s,-webkit-transform .1s ease-in;
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-transform: scaleY(0);
transform: scaleY(0);
visibility: hidden;
display: block
}
.sznp-rich-wrapper .sznp-ui-widget-icon-button .sznp-ui-indicator.sznp-ui-activated,.sznp-ui-html-wrapper .sznp-ui-widget-icon-button .sznp-ui-indicator.sznp-ui-activated,.sznp-wrapper .sznp-ui-widget-icon-button .sznp-ui-indicator.sznp-ui-activated {
visibility: visible;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition-delay: 0s;
transition-delay: 0s
}
.sznp-rich-wrapper .sznp-ui-widget-icon-button.sznp-ui-padding-10-look,.sznp-ui-html-wrapper .sznp-ui-widget-icon-button.sznp-ui-padding-10-look,.sznp-wrapper .sznp-ui-widget-icon-button.sznp-ui-padding-10-look {
padding: .625em
}
.sznp-rich-wrapper .sznp-ui-widget-icon-button.sznp-ui-padding-20-look,.sznp-ui-html-wrapper .sznp-ui-widget-icon-button.sznp-ui-padding-20-look,.sznp-wrapper .sznp-ui-widget-icon-button.sznp-ui-padding-20-look {
padding: 1.25em
}
.sznp-rich-wrapper .sznp-ui-widget-icon-button.sznp-ui-rounded-dark-look,.sznp-ui-html-wrapper .sznp-ui-widget-icon-button.sznp-ui-rounded-dark-look,.sznp-wrapper .sznp-ui-widget-icon-button.sznp-ui-rounded-dark-look {
border-radius: 100%;
background: rgba(0,0,0,.7)
}
.sznp-rich-wrapper .sznp-ui-widget-icon-button.sznp-ui-rounded-light-look,.sznp-ui-html-wrapper .sznp-ui-widget-icon-button.sznp-ui-rounded-light-look,.sznp-wrapper .sznp-ui-widget-icon-button.sznp-ui-rounded-light-look {
border-radius: 100%;
background: rgba(0,0,0,.5)
}
.sznp-rich-wrapper .sznp-ui-widget-icon-button.sznp-ui-icon-play-centered-look .sznp-icon-play,.sznp-ui-html-wrapper .sznp-ui-widget-icon-button.sznp-ui-icon-play-centered-look .sznp-icon-play,.sznp-wrapper .sznp-ui-widget-icon-button.sznp-ui-icon-play-centered-look .sznp-icon-play {
margin-left: .0625em
}
.sznp-rich-wrapper .sznp-ui-widget-icon-button:disabled,.sznp-ui-html-wrapper .sznp-ui-widget-icon-button:disabled,.sznp-wrapper .sznp-ui-widget-icon-button:disabled {
cursor: default;
opacity: .2
}
.sznp-rich-wrapper .sznp-ui-widget-icon-button:not([disabled]):hover .sznp-ui-widget-icon,.sznp-ui-html-wrapper .sznp-ui-widget-icon-button:not([disabled]):hover .sznp-ui-widget-icon,.sznp-wrapper .sznp-ui-widget-icon-button:not([disabled]):hover .sznp-ui-widget-icon {
-webkit-transform: scale(1.05);
transform: scale(1.05)
}
.sznp-rich-wrapper .sznp-ui-widget-icon-button:not([disabled]):active .sznp-ui-widget-icon,.sznp-ui-html-wrapper .sznp-ui-widget-icon-button:not([disabled]):active .sznp-ui-widget-icon,.sznp-wrapper .sznp-ui-widget-icon-button:not([disabled]):active .sznp-ui-widget-icon {
-webkit-transform: scale(1);
transform: scale(1);
opacity: .9
}
.sznp-rich-wrapper .sznp-ui-widget-text-button.sznp-ui-replay-button-look,.sznp-ui-html-wrapper .sznp-ui-widget-text-button.sznp-ui-replay-button-look,.sznp-wrapper .sznp-ui-widget-text-button.sznp-ui-replay-button-look {
display: inline-block;
padding: .6875em .4375em .75em;
cursor: pointer
}
.sznp-rich-wrapper .sznp-ui-widget-ad-caption,.sznp-ui-html-wrapper .sznp-ui-widget-ad-caption,.sznp-wrapper .sznp-ui-widget-ad-caption {
padding: .5em .375em .5em .75em;
display: inline-block
}
.sznp-rich-wrapper .sznp-ui-widget-ad-caption .sznp-ui-ad-caption-text,.sznp-ui-html-wrapper .sznp-ui-widget-ad-caption .sznp-ui-ad-caption-text,.sznp-wrapper .sznp-ui-widget-ad-caption .sznp-ui-ad-caption-text {
text-shadow: 0 0 2px #000;
color: #fff;
font-size: .75em
}
.sznp-rich-wrapper .sznp-ui-widget-ad-icon-caption .sznp-ui-icon-container,.sznp-ui-html-wrapper .sznp-ui-widget-ad-icon-caption .sznp-ui-icon-container,.sznp-wrapper .sznp-ui-widget-ad-icon-caption .sznp-ui-icon-container {
display: inline-block;
vertical-align: middle;
margin-right: .1875em;
width: .5625em;
height: .9375em;
-webkit-transform: rotate(90deg);
transform: rotate(90deg)
}
.sznp-rich-wrapper .sznp-ui-widget-ad-icon-caption .sznp-ui-ad-caption-text,.sznp-ui-html-wrapper .sznp-ui-widget-ad-icon-caption .sznp-ui-ad-caption-text,.sznp-wrapper .sznp-ui-widget-ad-icon-caption .sznp-ui-ad-caption-text {
font-weight: 700;
color: #dadada;
font-size: .8em
}
.sznp-rich-wrapper .sznp-ui-widget-ad-skip-button,.sznp-ui-html-wrapper .sznp-ui-widget-ad-skip-button,.sznp-wrapper .sznp-ui-widget-ad-skip-button {
position: relative;
padding: .5em 1.75em .5em .75em;
background: hsla(0,0%,9%,.6);
border-radius: 2px;
display: inline-block;
-webkit-transition: background .15s ease-in,-webkit-transform .1s ease-in;
transition: background .15s ease-in,-webkit-transform .1s ease-in;
transition: background .15s ease-in,transform .1s ease-in;
transition: background .15s ease-in,transform .1s ease-in,-webkit-transform .1s ease-in;
cursor: pointer
}
.sznp-rich-wrapper .sznp-ui-widget-ad-skip-button .sznp-ui-button-title,.sznp-ui-html-wrapper .sznp-ui-widget-ad-skip-button .sznp-ui-button-title,.sznp-wrapper .sznp-ui-widget-ad-skip-button .sznp-ui-button-title {
display: inline-block;
color: #fff;
font-size: .75em
}
.sznp-rich-wrapper .sznp-ui-widget-ad-skip-button .sznp-ui-widget-icon-container,.sznp-ui-html-wrapper .sznp-ui-widget-ad-skip-button .sznp-ui-widget-icon-container,.sznp-wrapper .sznp-ui-widget-ad-skip-button .sznp-ui-widget-icon-container {
display: inline-block;
position: absolute;
top: 20%;
right: .375em;
width: 1.25em;
height: 60%;
cursor: pointer
}
.sznp-rich-wrapper .sznp-ui-widget-ad-skip-button:hover,.sznp-ui-html-wrapper .sznp-ui-widget-ad-skip-button:hover,.sznp-wrapper .sznp-ui-widget-ad-skip-button:hover {
background: #181818
}
.sznp-rich-wrapper .sznp-ui-widget-ad-skip-button:active,.sznp-ui-html-wrapper .sznp-ui-widget-ad-skip-button:active,.sznp-wrapper .sznp-ui-widget-ad-skip-button:active {
-webkit-transform: scale(.9);
transform: scale(.9)
}
.sznp-rich-wrapper .sznp-ui-widget-clickthrough-link,.sznp-ui-html-wrapper .sznp-ui-widget-clickthrough-link,.sznp-wrapper .sznp-ui-widget-clickthrough-link {
font-size: .75em;
color: #fff;
padding: .5em .75em;
text-shadow: 0 0 2px #000;
display: inline-block
}
.sznp-rich-wrapper .sznp-ui-widget-clickthrough-link.sznp-ui-full-size-look,.sznp-ui-html-wrapper .sznp-ui-widget-clickthrough-link.sznp-ui-full-size-look,.sznp-wrapper .sznp-ui-widget-clickthrough-link.sznp-ui-full-size-look {
width: 100%;
height: 100%
}
.sznp-rich-wrapper .sznp-ui-widget-popup-menu,.sznp-ui-html-wrapper .sznp-ui-widget-popup-menu,.sznp-wrapper .sznp-ui-widget-popup-menu {
position: absolute;
padding-bottom: .625em;
display: block;
-webkit-transition: opacity .15s ease-in,visibility 0s linear .15s;
transition: opacity .15s ease-in,visibility 0s linear .15s
}
.sznp-rich-wrapper .sznp-ui-widget-popup-menu .sznp-ui-popup-menu-content,.sznp-ui-html-wrapper .sznp-ui-widget-popup-menu .sznp-ui-popup-menu-content,.sznp-wrapper .sznp-ui-widget-popup-menu .sznp-ui-popup-menu-content {
position: relative;
display: block;
width: 6.875em
}
.sznp-rich-wrapper .sznp-ui-widget-popup-menu .sznp-ui-popup-menu-content .sznp-ui-popup-menu-item,.sznp-ui-html-wrapper .sznp-ui-widget-popup-menu .sznp-ui-popup-menu-content .sznp-ui-popup-menu-item,.sznp-wrapper .sznp-ui-widget-popup-menu .sznp-ui-popup-menu-content .sznp-ui-popup-menu-item {
position: relative;
display: block;
line-height: 1.2;
padding: .3125em 0;
text-align: center;
cursor: pointer;
background: hsla(0,0%,9%,.7)
}
.sznp-rich-wrapper .sznp-ui-widget-popup-menu .sznp-ui-popup-menu-content .sznp-ui-popup-menu-item .sznp-ui-item-text,.sznp-ui-html-wrapper .sznp-ui-widget-popup-menu .sznp-ui-popup-menu-content .sznp-ui-popup-menu-item .sznp-ui-item-text,.sznp-wrapper .sznp-ui-widget-popup-menu .sznp-ui-popup-menu-content .sznp-ui-popup-menu-item .sznp-ui-item-text {
color: #fff;
font-size: .8125em
}
.sznp-rich-wrapper .sznp-ui-widget-popup-menu .sznp-ui-popup-menu-content .sznp-ui-popup-menu-item .sznp-ui-item-text.sznp-ui-bold-text,.sznp-ui-html-wrapper .sznp-ui-widget-popup-menu .sznp-ui-popup-menu-content .sznp-ui-popup-menu-item .sznp-ui-item-text.sznp-ui-bold-text,.sznp-wrapper .sznp-ui-widget-popup-menu .sznp-ui-popup-menu-content .sznp-ui-popup-menu-item .sznp-ui-item-text.sznp-ui-bold-text {
font-weight: 700
}
.sznp-rich-wrapper .sznp-ui-widget-popup-menu .sznp-ui-popup-menu-content .sznp-ui-popup-menu-item .sznp-ui-indicator,.sznp-ui-html-wrapper .sznp-ui-widget-popup-menu .sznp-ui-popup-menu-content .sznp-ui-popup-menu-item .sznp-ui-indicator,.sznp-wrapper .sznp-ui-widget-popup-menu .sznp-ui-popup-menu-content .sznp-ui-popup-menu-item .sznp-ui-indicator {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: .1875em
}
.sznp-rich-wrapper .sznp-ui-widget-popup-menu .sznp-ui-popup-menu-content .sznp-ui-popup-menu-item:first-child,.sznp-ui-html-wrapper .sznp-ui-widget-popup-menu .sznp-ui-popup-menu-content .sznp-ui-popup-menu-item:first-child,.sznp-wrapper .sznp-ui-widget-popup-menu .sznp-ui-popup-menu-content .sznp-ui-popup-menu-item:first-child {
border-radius: 2px 2px 0 0;
padding-top: .5em
}
.sznp-rich-wrapper .sznp-ui-widget-popup-menu .sznp-ui-popup-menu-content .sznp-ui-popup-menu-item:last-child,.sznp-ui-html-wrapper .sznp-ui-widget-popup-menu .sznp-ui-popup-menu-content .sznp-ui-popup-menu-item:last-child,.sznp-wrapper .sznp-ui-widget-popup-menu .sznp-ui-popup-menu-content .sznp-ui-popup-menu-item:last-child {
border-radius: 0 0 2px 2px;
padding-bottom: .5em
}
.sznp-rich-wrapper .sznp-ui-widget-popup-menu .sznp-ui-popup-menu-arrow,.sznp-ui-html-wrapper .sznp-ui-widget-popup-menu .sznp-ui-popup-menu-arrow,.sznp-wrapper .sznp-ui-widget-popup-menu .sznp-ui-popup-menu-arrow {
position: absolute;
bottom: .125em;
width: 0;
height: 0;
margin-left: -.5em;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 8px solid hsla(0,0%,9%,.7)
}
.sznp-rich-wrapper .sznp-ui-widget-popup-menu.sznp-ui-opened,.sznp-ui-html-wrapper .sznp-ui-widget-popup-menu.sznp-ui-opened,.sznp-wrapper .sznp-ui-widget-popup-menu.sznp-ui-opened {
opacity: 1;
visibility: visible;
-webkit-transition-delay: 0s;
transition-delay: 0s
}
.sznp-rich-wrapper .sznp-ui-widget-popup-menu.sznp-ui-closed,.sznp-ui-html-wrapper .sznp-ui-widget-popup-menu.sznp-ui-closed,.sznp-wrapper .sznp-ui-widget-popup-menu.sznp-ui-closed {
opacity: 0;
visibility: hidden
}
.sznp-rich-wrapper .sznp-ui-widget-modal-menu,.sznp-ui-html-wrapper .sznp-ui-widget-modal-menu,.sznp-wrapper .sznp-ui-widget-modal-menu {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block;
-webkit-transition: opacity .15s ease-in,visibility 0s linear .15s;
transition: opacity .15s ease-in,visibility 0s linear .15s;
background: rgba(0,0,0,.8);
text-align: center
}
.sznp-rich-wrapper .sznp-ui-widget-modal-menu .sznp-ui-modal-menu-header,.sznp-ui-html-wrapper .sznp-ui-widget-modal-menu .sznp-ui-modal-menu-header,.sznp-wrapper .sznp-ui-widget-modal-menu .sznp-ui-modal-menu-header {
padding: .75em .3125em
}
.sznp-rich-wrapper .sznp-ui-widget-modal-menu .sznp-ui-modal-menu-header .sznp-ui-header-wrapper,.sznp-ui-html-wrapper .sznp-ui-widget-modal-menu .sznp-ui-modal-menu-header .sznp-ui-header-wrapper,.sznp-wrapper .sznp-ui-widget-modal-menu .sznp-ui-modal-menu-header .sznp-ui-header-wrapper {
position: relative
}
.sznp-rich-wrapper .sznp-ui-widget-modal-menu .sznp-ui-modal-menu-header .sznp-ui-header-wrapper .sznp-ui-header-text,.sznp-ui-html-wrapper .sznp-ui-widget-modal-menu .sznp-ui-modal-menu-header .sznp-ui-header-wrapper .sznp-ui-header-text,.sznp-wrapper .sznp-ui-widget-modal-menu .sznp-ui-modal-menu-header .sznp-ui-header-wrapper .sznp-ui-header-text {
color: #fff;
line-height: 1.6;
text-align: center
}
.sznp-rich-wrapper .sznp-ui-widget-modal-menu .sznp-ui-modal-menu-header .sznp-ui-header-wrapper .sznp-ui-modal-menu-close,.sznp-ui-html-wrapper .sznp-ui-widget-modal-menu .sznp-ui-modal-menu-header .sznp-ui-header-wrapper .sznp-ui-modal-menu-close,.sznp-wrapper .sznp-ui-widget-modal-menu .sznp-ui-modal-menu-header .sznp-ui-header-wrapper .sznp-ui-modal-menu-close {
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 2em
}
.sznp-rich-wrapper .sznp-ui-widget-modal-menu .sznp-ui-modal-menu-items,.sznp-ui-html-wrapper .sznp-ui-widget-modal-menu .sznp-ui-modal-menu-items,.sznp-wrapper .sznp-ui-widget-modal-menu .sznp-ui-modal-menu-items {
display: inline-block;
padding: .375em 0 0;
line-height: 1.2;
text-align: left
}
.sznp-rich-wrapper .sznp-ui-widget-modal-menu .sznp-ui-modal-menu-items .sznp-ui-modal-menu-item,.sznp-ui-html-wrapper .sznp-ui-widget-modal-menu .sznp-ui-modal-menu-items .sznp-ui-modal-menu-item,.sznp-wrapper .sznp-ui-widget-modal-menu .sznp-ui-modal-menu-items .sznp-ui-modal-menu-item {
display: inline-block;
width: 25%;
cursor: pointer;
text-align: center;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
.sznp-rich-wrapper .sznp-ui-widget-modal-menu .sznp-ui-modal-menu-items .sznp-ui-modal-menu-item .sznp-ui-item-text,.sznp-ui-html-wrapper .sznp-ui-widget-modal-menu .sznp-ui-modal-menu-items .sznp-ui-modal-menu-item .sznp-ui-item-text,.sznp-wrapper .sznp-ui-widget-modal-menu .sznp-ui-modal-menu-items .sznp-ui-modal-menu-item .sznp-ui-item-text {
color: #fff;
font-size: .875em
}
.sznp-rich-wrapper .sznp-ui-widget-modal-menu .sznp-ui-modal-menu-items .sznp-ui-modal-menu-item .sznp-ui-item-text.sznp-ui-bold-text,.sznp-ui-html-wrapper .sznp-ui-widget-modal-menu .sznp-ui-modal-menu-items .sznp-ui-modal-menu-item .sznp-ui-item-text.sznp-ui-bold-text,.sznp-wrapper .sznp-ui-widget-modal-menu .sznp-ui-modal-menu-items .sznp-ui-modal-menu-item .sznp-ui-item-text.sznp-ui-bold-text {
font-weight: 700
}
.sznp-rich-wrapper .sznp-ui-widget-modal-menu .sznp-ui-modal-menu-items .sznp-ui-modal-menu-item .sznp-ui-indicator,.sznp-ui-html-wrapper .sznp-ui-widget-modal-menu .sznp-ui-modal-menu-items .sznp-ui-modal-menu-item .sznp-ui-indicator,.sznp-wrapper .sznp-ui-widget-modal-menu .sznp-ui-modal-menu-items .sznp-ui-modal-menu-item .sznp-ui-indicator {
display: inline-block;
width: 100%;
height: .1875em;
vertical-align: middle
}
.sznp-rich-wrapper .sznp-ui-widget-modal-menu.sznp-ui-opened,.sznp-ui-html-wrapper .sznp-ui-widget-modal-menu.sznp-ui-opened,.sznp-wrapper .sznp-ui-widget-modal-menu.sznp-ui-opened {
opacity: 1;
visibility: visible;
-webkit-transition-delay: 0s;
transition-delay: 0s
}
.sznp-rich-wrapper .sznp-ui-widget-modal-menu.sznp-ui-closed,.sznp-ui-html-wrapper .sznp-ui-widget-modal-menu.sznp-ui-closed,.sznp-wrapper .sznp-ui-widget-modal-menu.sznp-ui-closed {
opacity: 0;
visibility: hidden
}
.sznp-rich-wrapper .sznp-ui-widget-actionarea,.sznp-ui-html-wrapper .sznp-ui-widget-actionarea,.sznp-wrapper .sznp-ui-widget-actionarea {
width: 100%;
height: 100%;
display: block
}
.sznp-rich-wrapper .sznp-ui-widget-injections .sznp-ui-widget-injection,.sznp-ui-html-wrapper .sznp-ui-widget-injections .sznp-ui-widget-injection,.sznp-wrapper .sznp-ui-widget-injections .sznp-ui-widget-injection {
overflow: hidden
}
.sznp-rich-wrapper .sznp-ui-widget-injections .sznp-ui-widget-injection:focus,.sznp-rich-wrapper .sznp-ui-widget-injections .sznp-ui-widget-injection:hover,.sznp-ui-html-wrapper .sznp-ui-widget-injections .sznp-ui-widget-injection:focus,.sznp-ui-html-wrapper .sznp-ui-widget-injections .sznp-ui-widget-injection:hover,.sznp-wrapper .sznp-ui-widget-injections .sznp-ui-widget-injection:focus,.sznp-wrapper .sznp-ui-widget-injections .sznp-ui-widget-injection:hover {
box-shadow: 0 0 4px rgba(0,0,0,.5)
}
.sznp-rich-wrapper .sznp-ui-widget-injections .sznp-ui-widget-injection:active,.sznp-ui-html-wrapper .sznp-ui-widget-injections .sznp-ui-widget-injection:active,.sznp-wrapper .sznp-ui-widget-injections .sznp-ui-widget-injection:active {
outline: 1px dotted #000
}
.sznp-rich-wrapper .sznp-ui-widget-injections .sznp-ui-widget-injection *,.sznp-ui-html-wrapper .sznp-ui-widget-injections .sznp-ui-widget-injection *,.sznp-wrapper .sznp-ui-widget-injections .sznp-ui-widget-injection * {
max-width: 100%;
max-height: 100%
}
.sznp-rich-wrapper .sznp-ui-widget-injections .sznp-ui-widget-injection .sznp-ui-widget-injection-link,.sznp-ui-html-wrapper .sznp-ui-widget-injections .sznp-ui-widget-injection .sznp-ui-widget-injection-link,.sznp-wrapper .sznp-ui-widget-injections .sznp-ui-widget-injection .sznp-ui-widget-injection-link {
cursor: pointer
}
@-webkit-keyframes sznpuiloading {
to {
-webkit-transform: translateX(.5625em);
transform: translateX(.5625em)
}
}
@keyframes sznpuiloading {
to {
-webkit-transform: translateX(.5625em);
transform: translateX(.5625em)
}
}
.sznp-ui-html-wrapper {
position: relative;
width: 100%!important;
height: 100%!important;
font-size: 16px
}
.sznp-ui-html-wrapper .sznp-ui-desktop-ctrl-panel {
position: relative;
width: 100%;
height: 4.6875em;
background-image: -webkit-linear-gradient(top,transparent,rgba(0,0,0,.6) 70%);
background-image: linear-gradient(-180deg,transparent,rgba(0,0,0,.6) 70%);
-webkit-transition: opacity .25s ease-out,visibility 0s linear .25s;
transition: opacity .25s ease-out,visibility 0s linear .25s;
visibility: hidden;
opacity: 0
}
.sznp-ui-html-wrapper .sznp-ui-desktop-ctrl-panel .sznp-ui-desktop-ctrl-panel-layout {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block
}
.sznp-ui-html-wrapper .sznp-ui-desktop-ctrl-panel .sznp-ui-desktop-ctrl-panel-layout .sznp-ui-ctrl-panel-layout-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;