@meduza/ui-kit-2 0.1.20 → 0.1.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/ui-kit.css CHANGED
@@ -1,3 +1,239 @@
1
+ /* Colors */
2
+ /* Fonts */
3
+ /* Gap */
4
+ /* Media */
5
+ /* 512 */
6
+ /* 650 */
7
+ /* 768 */
8
+ /* 1024 */
9
+ /* 1010 */
10
+ /* 1200 */
11
+ /* 511 */
12
+ /* 1023 */
13
+ /* Zindex */
14
+ .Button-module_root__RpsiW {
15
+ display: block;
16
+
17
+ padding: 0;
18
+
19
+ cursor: pointer;
20
+ -webkit-user-select: none;
21
+ -moz-user-select: none;
22
+ -ms-user-select: none;
23
+ user-select: none;
24
+ transition: background-color 0.15s ease-out;
25
+ text-align: center;
26
+
27
+ color: #fff;
28
+ border-width: 0;
29
+ outline: none;
30
+
31
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
32
+ line-height: 1;
33
+
34
+ -webkit-appearance: none;
35
+
36
+ -moz-appearance: none;
37
+
38
+ appearance: none;
39
+ }
40
+ .Button-module_root__RpsiW::-moz-focus-inner {
41
+ border: 0;
42
+ }
43
+ .Button-module_root__RpsiW[disabled] {
44
+ cursor: default;
45
+ pointer-events: none;
46
+
47
+ opacity: 0.5;
48
+ }
49
+ .Button-module_root__RpsiW > span:first-child {
50
+ margin-right: 4px;
51
+ }
52
+ .Button-module_root__RpsiW > span:last-child {
53
+ margin-left: 4px;
54
+ }
55
+ .Button-module_gold__ZMYg- {
56
+ background: #b88b59;
57
+ }
58
+ .Button-module_gold__ZMYg-.Button-module_isLoading__1g6QO {
59
+ fill: #b88b59;
60
+ }
61
+ .Button-module_gold__ZMYg-:hover {
62
+ background-color: #9e784c
63
+ }
64
+ @media (hover: none) {
65
+ .Button-module_gold__ZMYg-:hover {
66
+ background-color: #b88b59
67
+ }
68
+ }
69
+ .Button-module_gold__ZMYg-:active {
70
+ background-color: #856440;
71
+ }
72
+ .Button-module_gray__3IM54 {
73
+ color: #000;
74
+ background-color: #f0f0f0;
75
+ }
76
+ .Button-module_gray__3IM54.Button-module_isLoading__1g6QO {
77
+ fill: #545454;
78
+ }
79
+ .Button-module_gray__3IM54:hover {
80
+ background-color: #ebebeb
81
+ }
82
+ @media (hover: none) {
83
+ .Button-module_gray__3IM54:hover {
84
+ background-color: #ebebeb
85
+ }
86
+ }
87
+ .Button-module_gray__3IM54:active {
88
+ background-color: #e3e3e3;
89
+ }
90
+ .Button-module_sand__2AqVq {
91
+ background: #a18c68;
92
+ }
93
+ .Button-module_sand__2AqVq.Button-module_isLoading__1g6QO {
94
+ fill: #a18c68;
95
+ }
96
+ .Button-module_sand__2AqVq:hover {
97
+ background-color: #8a7654
98
+ }
99
+ @media (hover: none) {
100
+ .Button-module_sand__2AqVq:hover {
101
+ background-color: #a18c68
102
+ }
103
+ }
104
+ .Button-module_sand__2AqVq:active {
105
+ background-color: #7b6743;
106
+ }
107
+ .Button-module_dark__I0uXx {
108
+ color: #adadad;
109
+ background-color: #3a3a3a;
110
+ box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.4);
111
+ }
112
+ .Button-module_dark__I0uXx:hover {
113
+ background-color: #2e2e2e
114
+ }
115
+ @media (hover: none) {
116
+ .Button-module_dark__I0uXx:hover {
117
+ background-color: #3a3a3a
118
+ }
119
+ }
120
+ .Button-module_dark__I0uXx:active {
121
+ background-color: #242424;
122
+ }
123
+ .Button-module_dark__I0uXx.Button-module_isLoading__1g6QO {
124
+ fill: #3a3a3a;
125
+ }
126
+ .Button-module_light__1Y4hG {
127
+ color: #000;
128
+ background-color: #fff;
129
+ }
130
+ .Button-module_light__1Y4hG:hover {
131
+ background-color: #ebebeb
132
+ }
133
+ @media (hover: none) {
134
+ .Button-module_light__1Y4hG:hover {
135
+ background-color: #fff
136
+ }
137
+ }
138
+ .Button-module_light__1Y4hG:active {
139
+ background-color: #e3e3e3;
140
+ }
141
+ .Button-module_light__1Y4hG.Button-module_isLoading__1g6QO {
142
+ fill: #fff;
143
+ }
144
+ .Button-module_black__3sG3Y {
145
+ color: #7e7d7b;
146
+ background-color: #000;
147
+ }
148
+ .Button-module_black__3sG3Y.Button-module_isLoading__1g6QO {
149
+ fill: #7e7d7b;
150
+ }
151
+ .Button-module_black__3sG3Y:hover {
152
+ background-color: #141414
153
+ }
154
+ @media (hover: none) {
155
+ .Button-module_black__3sG3Y:hover {
156
+ background: #141414
157
+ }
158
+ }
159
+ .Button-module_black__3sG3Y:active {
160
+ background-color: #242424;
161
+ }
162
+ .Button-module_red__3Niou {
163
+ background-color: #f95a5a;
164
+ }
165
+ .Button-module_red__3Niou:hover {
166
+ background-color: #e65353
167
+ }
168
+ @media (hover: none) {
169
+ .Button-module_red__3Niou:hover {
170
+ background: #f95a5a
171
+ }
172
+ }
173
+ .Button-module_red__3Niou:active {
174
+ background-color: #d44d4d;
175
+ }
176
+ .Button-module_red__3Niou.Button-module_isLoading__1g6QO {
177
+ fill: #141414;
178
+ }
179
+ .Button-module_default__28Vo_ {
180
+ width: 100%;
181
+ height: 42px;
182
+ padding: 6px 18px;
183
+
184
+ letter-spacing: 1px;
185
+ text-transform: uppercase;
186
+
187
+ border-radius: 8px;
188
+
189
+ font-size: 12px;
190
+ font-weight: 600;
191
+ line-height: 22px
192
+ }
193
+ @media only screen and (min-device-width: 64em) {
194
+ .Button-module_default__28Vo_ {
195
+ padding: 7px 18px 6px;
196
+
197
+ font-size: 14px;
198
+ line-height: 16px
199
+ }
200
+ }
201
+ .Button-module_isInSpoiler__2Yl8c svg {
202
+ margin-top: -2px;
203
+ margin-left: 6px;
204
+ }
205
+ .Button-module_ghost__3awCW {
206
+ letter-spacing: inherit;
207
+ text-transform: none;
208
+
209
+ color: inherit;
210
+ background-color: transparent;
211
+
212
+ font-family: inherit;
213
+ font-size: inherit;
214
+ font-weight: inherit;
215
+ }
216
+ .Button-module_isInDropdown__1ogKL {
217
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
218
+ }
219
+ .Button-module_black__3sG3Y[disabled],
220
+ .Button-module_sand__2AqVq[disabled] {
221
+ opacity: 0.3;
222
+ }
223
+ /* LOADING */
224
+ .Button-module_root__RpsiW.Button-module_isLoading__1g6QO {
225
+ cursor: default;
226
+ pointer-events: none;
227
+
228
+ background-color: transparent;
229
+ box-shadow: none;
230
+ }
231
+ .Button-module_loader__2pl6d {
232
+ display: block;
233
+
234
+ margin-top: -1px;
235
+ }
236
+
1
237
  /* Colors */
2
238
  /* Fonts */
3
239
  /* Gap */
@@ -405,259 +641,23 @@
405
641
  /* 511 */
406
642
  /* 1023 */
407
643
  /* Zindex */
408
- .Button-module_root__RpsiW {
409
- display: block;
644
+ .Image-module_root__1vsA_ {
645
+ position: relative;
646
+ z-index: 1;
410
647
 
411
- padding: 0;
412
-
413
- cursor: pointer;
414
- -webkit-user-select: none;
415
- -moz-user-select: none;
416
- -ms-user-select: none;
417
- user-select: none;
418
- transition: background-color 0.15s ease-out;
419
- text-align: center;
420
-
421
- color: #fff;
422
- border-width: 0;
423
- outline: none;
424
-
425
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
426
- line-height: 1;
427
-
428
- -webkit-appearance: none;
429
-
430
- -moz-appearance: none;
431
-
432
- appearance: none;
433
- }
434
- .Button-module_root__RpsiW::-moz-focus-inner {
435
- border: 0;
436
- }
437
- .Button-module_root__RpsiW[disabled] {
438
- cursor: default;
439
- pointer-events: none;
440
-
441
- opacity: 0.5;
442
- }
443
- .Button-module_root__RpsiW > span:first-child {
444
- margin-right: 4px;
445
- }
446
- .Button-module_root__RpsiW > span:last-child {
447
- margin-left: 4px;
448
- }
449
- .Button-module_gold__ZMYg- {
450
- background: #b88b59;
451
- }
452
- .Button-module_gold__ZMYg-.Button-module_isLoading__1g6QO {
453
- fill: #b88b59;
454
- }
455
- .Button-module_gold__ZMYg-:hover {
456
- background-color: #9e784c
457
- }
458
- @media (hover: none) {
459
- .Button-module_gold__ZMYg-:hover {
460
- background-color: #b88b59
461
- }
462
- }
463
- .Button-module_gold__ZMYg-:active {
464
- background-color: #856440;
465
- }
466
- .Button-module_gray__3IM54 {
467
- color: #000;
468
- background-color: #f0f0f0;
469
- }
470
- .Button-module_gray__3IM54.Button-module_isLoading__1g6QO {
471
- fill: #545454;
472
- }
473
- .Button-module_gray__3IM54:hover {
474
- background-color: #ebebeb
475
- }
476
- @media (hover: none) {
477
- .Button-module_gray__3IM54:hover {
478
- background-color: #ebebeb
479
- }
480
- }
481
- .Button-module_gray__3IM54:active {
482
- background-color: #e3e3e3;
483
- }
484
- .Button-module_sand__2AqVq {
485
- background: #a18c68;
486
- }
487
- .Button-module_sand__2AqVq.Button-module_isLoading__1g6QO {
488
- fill: #a18c68;
489
- }
490
- .Button-module_sand__2AqVq:hover {
491
- background-color: #8a7654
492
- }
493
- @media (hover: none) {
494
- .Button-module_sand__2AqVq:hover {
495
- background-color: #a18c68
496
- }
497
- }
498
- .Button-module_sand__2AqVq:active {
499
- background-color: #7b6743;
500
- }
501
- .Button-module_dark__I0uXx {
502
- color: #adadad;
503
- background-color: #3a3a3a;
504
- box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.4);
505
- }
506
- .Button-module_dark__I0uXx:hover {
507
- background-color: #2e2e2e
508
- }
509
- @media (hover: none) {
510
- .Button-module_dark__I0uXx:hover {
511
- background-color: #3a3a3a
512
- }
513
- }
514
- .Button-module_dark__I0uXx:active {
515
- background-color: #242424;
516
- }
517
- .Button-module_dark__I0uXx.Button-module_isLoading__1g6QO {
518
- fill: #3a3a3a;
519
- }
520
- .Button-module_light__1Y4hG {
521
- color: #000;
522
- background-color: #fff;
523
- }
524
- .Button-module_light__1Y4hG:hover {
525
- background-color: #ebebeb
526
- }
527
- @media (hover: none) {
528
- .Button-module_light__1Y4hG:hover {
529
- background-color: #fff
530
- }
531
- }
532
- .Button-module_light__1Y4hG:active {
533
- background-color: #e3e3e3;
534
- }
535
- .Button-module_light__1Y4hG.Button-module_isLoading__1g6QO {
536
- fill: #fff;
537
- }
538
- .Button-module_black__3sG3Y {
539
- color: #7e7d7b;
540
- background-color: #000;
541
- }
542
- .Button-module_black__3sG3Y.Button-module_isLoading__1g6QO {
543
- fill: #7e7d7b;
544
- }
545
- .Button-module_black__3sG3Y:hover {
546
- background-color: #141414
547
- }
548
- @media (hover: none) {
549
- .Button-module_black__3sG3Y:hover {
550
- background: #141414
551
- }
552
- }
553
- .Button-module_black__3sG3Y:active {
554
- background-color: #242424;
555
- }
556
- .Button-module_red__3Niou {
557
- background-color: #f95a5a;
558
- }
559
- .Button-module_red__3Niou:hover {
560
- background-color: #e65353
561
- }
562
- @media (hover: none) {
563
- .Button-module_red__3Niou:hover {
564
- background: #f95a5a
565
- }
566
- }
567
- .Button-module_red__3Niou:active {
568
- background-color: #d44d4d;
569
- }
570
- .Button-module_red__3Niou.Button-module_isLoading__1g6QO {
571
- fill: #141414;
572
- }
573
- .Button-module_default__28Vo_ {
574
- width: 100%;
575
- height: 42px;
576
- padding: 6px 18px;
577
-
578
- letter-spacing: 1px;
579
- text-transform: uppercase;
580
-
581
- border-radius: 8px;
582
-
583
- font-size: 12px;
584
- font-weight: 600;
585
- line-height: 22px
586
- }
587
- @media only screen and (min-device-width: 64em) {
588
- .Button-module_default__28Vo_ {
589
- padding: 7px 18px 6px;
590
-
591
- font-size: 14px;
592
- line-height: 16px
593
- }
594
- }
595
- .Button-module_isInSpoiler__2Yl8c svg {
596
- margin-top: -2px;
597
- margin-left: 6px;
598
- }
599
- .Button-module_ghost__3awCW {
600
- letter-spacing: inherit;
601
- text-transform: none;
602
-
603
- color: inherit;
604
- background-color: transparent;
605
-
606
- font-family: inherit;
607
- font-size: inherit;
608
- font-weight: inherit;
609
- }
610
- .Button-module_isInDropdown__1ogKL {
611
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
612
- }
613
- .Button-module_black__3sG3Y[disabled],
614
- .Button-module_sand__2AqVq[disabled] {
615
- opacity: 0.3;
616
- }
617
- /* LOADING */
618
- .Button-module_root__RpsiW.Button-module_isLoading__1g6QO {
619
- cursor: default;
620
- pointer-events: none;
621
-
622
- background-color: transparent;
623
- box-shadow: none;
624
- }
625
- .Button-module_loader__2pl6d {
626
- display: block;
627
-
628
- margin-top: -1px;
629
- }
630
-
631
- /* Colors */
632
- /* Fonts */
633
- /* Gap */
634
- /* Media */
635
- /* 512 */
636
- /* 650 */
637
- /* 768 */
638
- /* 1024 */
639
- /* 1010 */
640
- /* 1200 */
641
- /* 511 */
642
- /* 1023 */
643
- /* Zindex */
644
- .Image-module_root__1vsA_ {
645
- position: relative;
646
- z-index: 1;
647
-
648
- display: block;
649
- overflow: hidden
650
- }
651
- @media only screen and (min-device-width: 32em) {
652
- .Image-module_root__1vsA_ {
653
- border-radius: inherit
654
- }
655
- }
656
- .Image-module_placeholder__1p4ob,
657
- .Image-module_root__1vsA_ img {
658
- position: absolute;
659
- top: 0;
660
- left: 0;
648
+ display: block;
649
+ overflow: hidden
650
+ }
651
+ @media only screen and (min-device-width: 32em) {
652
+ .Image-module_root__1vsA_ {
653
+ border-radius: inherit
654
+ }
655
+ }
656
+ .Image-module_placeholder__1p4ob,
657
+ .Image-module_root__1vsA_ img {
658
+ position: absolute;
659
+ top: 0;
660
+ left: 0;
661
661
 
662
662
  width: 100%;
663
663
  height: 100%;
@@ -851,119 +851,12 @@
851
851
  /* 511 */
852
852
  /* 1023 */
853
853
  /* Zindex */
854
- .Tag-module_root__3IqWC {
855
- display: inline-block;
856
-
857
- cursor: default;
858
- -webkit-user-select: none;
859
- -moz-user-select: none;
860
- -ms-user-select: none;
861
- user-select: none;
862
- vertical-align: middle;
863
- letter-spacing: 1px;
864
- text-transform: uppercase;
865
-
866
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
867
- font-size: 12px;
868
- font-weight: 600;
869
- line-height: 12px;
870
- }
871
- .Tag-module_small__2IAb7 {
872
- font-size: 12px;
873
- line-height: 12px
874
- }
875
- @media only screen and (min-device-width: 64em) {
876
- .Tag-module_small__2IAb7 {
877
- line-height: 14px
878
- }
879
- }
880
- @media only screen and (min-device-width: 64em) {
881
- .Tag-module_large__22z_o {
882
- letter-spacing: 1px;
883
-
884
- font-size: 14px;
885
- line-height: 16px
886
- }
887
- }
888
- .Tag-module_dark__sgnt1 {
889
- color: #000;
890
- }
891
- .Tag-module_light__1zUhp {
892
- color: #fff;
893
- }
894
- .Tag-module_gold__2ksA7 {
895
- color: #b88b59;
896
- }
897
- .Tag-module_gray__mGAO_ {
898
- color: #757575;
899
- }
900
- .Tag-module_inherit__2QB5U {
901
- color: inherit;
902
- }
903
- @media only screen and (min-device-width: 64em) {
904
- .Tag-module_is1to1__3EDbC,
905
- .Tag-module_is1to2__3xbC6,
906
- .Tag-module_isInSuperBlock__38JE0 {
907
- letter-spacing: 1px;
908
-
909
- font-size: 12px;
910
- line-height: 20px
911
- }
912
- }
913
- @media only screen and (min-device-width: 64em) {
914
- .Tag-module_is1to3__3j5K-,
915
- .Tag-module_is1to4__2vq4r {
916
- letter-spacing: 0.5px;
917
-
918
- font-size: 10px;
919
- line-height: 15px
920
- }
921
- }
922
- @media only screen and (min-device-width: 32em) {
923
- .Tag-module_slide__2nMDw,
924
- .Tag-module_game__3j5yG {
925
- width: 100%;
926
-
927
- text-align: center
928
- }
929
- }
930
- .Tag-module_slide__2nMDw,
931
- .Tag-module_game__3j5yG,
932
- .Tag-module_card__1EAeF,
933
- .Tag-module_live__rwXuR,
934
- .Tag-module_episode__3o6gg,
935
- .Tag-module_podcast__VPoll,
936
- .Tag-module_rich__2URd9,
937
- .Tag-module_isInDynamicBlock__1YM9I {
938
- margin-bottom: 6px;
939
-
940
- line-height: 10px
941
- }
942
- @media only screen and (min-device-width: 32em) {
943
- .Tag-module_slide__2nMDw,
944
- .Tag-module_game__3j5yG,
945
- .Tag-module_card__1EAeF,
946
- .Tag-module_live__rwXuR,
947
- .Tag-module_episode__3o6gg,
948
- .Tag-module_podcast__VPoll,
949
- .Tag-module_rich__2URd9,
950
- .Tag-module_isInDynamicBlock__1YM9I {
951
- margin-bottom: 10px
952
- }
953
- }
954
- @media only screen and (min-device-width: 32em) {
955
- .Tag-module_mobile__QQxuv {
956
- display: none
957
- }
958
- }
959
- .Tag-module_desktop__1Bjsy {
960
- display: none
961
- }
962
- @media only screen and (min-device-width: 32em) {
963
- .Tag-module_desktop__1Bjsy {
964
- display: block
965
- }
966
- }
854
+ .Lazy-module_root__2Z72l {
855
+ display: block;
856
+ }
857
+ .Lazy-module_visible__3-SdX {
858
+ color: red;
859
+ }
967
860
 
968
861
  /* Colors */
969
862
  /* Fonts */
@@ -1276,12 +1169,119 @@
1276
1169
  /* 511 */
1277
1170
  /* 1023 */
1278
1171
  /* Zindex */
1279
- .Lazy-module_root__2Z72l {
1280
- display: block;
1172
+ .Tag-module_root__3IqWC {
1173
+ display: inline-block;
1174
+
1175
+ cursor: default;
1176
+ -webkit-user-select: none;
1177
+ -moz-user-select: none;
1178
+ -ms-user-select: none;
1179
+ user-select: none;
1180
+ vertical-align: middle;
1181
+ letter-spacing: 1px;
1182
+ text-transform: uppercase;
1183
+
1184
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1185
+ font-size: 12px;
1186
+ font-weight: 600;
1187
+ line-height: 12px;
1281
1188
  }
1282
- .Lazy-module_visible__3-SdX {
1283
- color: red;
1189
+ .Tag-module_small__2IAb7 {
1190
+ font-size: 12px;
1191
+ line-height: 12px
1192
+ }
1193
+ @media only screen and (min-device-width: 64em) {
1194
+ .Tag-module_small__2IAb7 {
1195
+ line-height: 14px
1196
+ }
1197
+ }
1198
+ @media only screen and (min-device-width: 64em) {
1199
+ .Tag-module_large__22z_o {
1200
+ letter-spacing: 1px;
1201
+
1202
+ font-size: 14px;
1203
+ line-height: 16px
1204
+ }
1205
+ }
1206
+ .Tag-module_dark__sgnt1 {
1207
+ color: #000;
1208
+ }
1209
+ .Tag-module_light__1zUhp {
1210
+ color: #fff;
1211
+ }
1212
+ .Tag-module_gold__2ksA7 {
1213
+ color: #b88b59;
1214
+ }
1215
+ .Tag-module_gray__mGAO_ {
1216
+ color: #757575;
1217
+ }
1218
+ .Tag-module_inherit__2QB5U {
1219
+ color: inherit;
1220
+ }
1221
+ @media only screen and (min-device-width: 64em) {
1222
+ .Tag-module_is1to1__3EDbC,
1223
+ .Tag-module_is1to2__3xbC6,
1224
+ .Tag-module_isInSuperBlock__38JE0 {
1225
+ letter-spacing: 1px;
1226
+
1227
+ font-size: 12px;
1228
+ line-height: 20px
1229
+ }
1230
+ }
1231
+ @media only screen and (min-device-width: 64em) {
1232
+ .Tag-module_is1to3__3j5K-,
1233
+ .Tag-module_is1to4__2vq4r {
1234
+ letter-spacing: 0.5px;
1235
+
1236
+ font-size: 10px;
1237
+ line-height: 15px
1238
+ }
1239
+ }
1240
+ @media only screen and (min-device-width: 32em) {
1241
+ .Tag-module_slide__2nMDw,
1242
+ .Tag-module_game__3j5yG {
1243
+ width: 100%;
1244
+
1245
+ text-align: center
1246
+ }
1247
+ }
1248
+ .Tag-module_slide__2nMDw,
1249
+ .Tag-module_game__3j5yG,
1250
+ .Tag-module_card__1EAeF,
1251
+ .Tag-module_live__rwXuR,
1252
+ .Tag-module_episode__3o6gg,
1253
+ .Tag-module_podcast__VPoll,
1254
+ .Tag-module_rich__2URd9,
1255
+ .Tag-module_isInDynamicBlock__1YM9I {
1256
+ margin-bottom: 6px;
1257
+
1258
+ line-height: 10px
1259
+ }
1260
+ @media only screen and (min-device-width: 32em) {
1261
+ .Tag-module_slide__2nMDw,
1262
+ .Tag-module_game__3j5yG,
1263
+ .Tag-module_card__1EAeF,
1264
+ .Tag-module_live__rwXuR,
1265
+ .Tag-module_episode__3o6gg,
1266
+ .Tag-module_podcast__VPoll,
1267
+ .Tag-module_rich__2URd9,
1268
+ .Tag-module_isInDynamicBlock__1YM9I {
1269
+ margin-bottom: 10px
1270
+ }
1271
+ }
1272
+ @media only screen and (min-device-width: 32em) {
1273
+ .Tag-module_mobile__QQxuv {
1274
+ display: none
1275
+ }
1276
+ }
1277
+ .Tag-module_desktop__1Bjsy {
1278
+ display: none
1279
+ }
1280
+ @media only screen and (min-device-width: 32em) {
1281
+ .Tag-module_desktop__1Bjsy {
1282
+ display: block
1284
1283
  }
1284
+ }
1285
1285
 
1286
1286
  /* Colors */
1287
1287
  /* Fonts */
@@ -1389,30 +1389,88 @@
1389
1389
  /* 511 */
1390
1390
  /* 1023 */
1391
1391
  /* Zindex */
1392
- .MaterialNote-module_root__1AcYe {
1393
- margin-bottom: 17px;
1394
-
1395
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1396
- font-size: 16px;
1397
- line-height: 22px;
1398
- }
1399
- .MaterialNote-module_root__1AcYe:empty {
1400
- margin-bottom: 0;
1401
- }
1402
- .MaterialNote-module_root__1AcYe:empty::before {
1403
- margin-bottom: 9px;
1392
+ .BookmarkButton-module_root__3KmuY {
1393
+ color: #e0e0e0;
1404
1394
  }
1405
- .MaterialNote-module_root__1AcYe::before {
1406
- display: block;
1395
+ .BookmarkButton-module_control__1A0ea {
1396
+ margin: 0;
1397
+ padding: 5px 3px;
1407
1398
 
1408
- width: 120px;
1409
- height: 1px;
1410
- margin-bottom: 15px;
1399
+ cursor: pointer;
1411
1400
 
1412
- content: '';
1401
+ color: inherit;
1402
+ border-width: 0;
1403
+ outline: none;
1404
+ background-color: transparent;
1413
1405
 
1414
- background: #000;
1415
- }
1406
+ -webkit-appearance: none;
1407
+
1408
+ -moz-appearance: none;
1409
+
1410
+ appearance: none;
1411
+ fill: transparent;
1412
+ }
1413
+ .BookmarkButton-module_dark__1cwyi {
1414
+ color: #fff;
1415
+ }
1416
+ .BookmarkButton-module_light__1uQyH {
1417
+ color: #000;
1418
+ }
1419
+ .BookmarkButton-module_isInBookmarks__1_5kB .BookmarkButton-module_control__1A0ea {
1420
+ fill: #e0e0e0;
1421
+ }
1422
+ .BookmarkButton-module_isInBookmarks__1_5kB.BookmarkButton-module_dark__1cwyi .BookmarkButton-module_control__1A0ea {
1423
+ fill: #fff;
1424
+ }
1425
+ .BookmarkButton-module_isInBookmarks__1_5kB.BookmarkButton-module_light__1uQyH .BookmarkButton-module_control__1A0ea {
1426
+ fill: #000;
1427
+ }
1428
+ @media only screen and (min-device-width: 64em) {
1429
+ .BookmarkButton-module_isInGrid__2pQ2B .BookmarkButton-module_control__1A0ea svg {
1430
+ width: 12px
1431
+ }
1432
+ }
1433
+ [data-context='prodano'] .BookmarkButton-module_root__3KmuY {
1434
+ display: none;
1435
+ }
1436
+
1437
+ /* Colors */
1438
+ /* Fonts */
1439
+ /* Gap */
1440
+ /* Media */
1441
+ /* 512 */
1442
+ /* 650 */
1443
+ /* 768 */
1444
+ /* 1024 */
1445
+ /* 1010 */
1446
+ /* 1200 */
1447
+ /* 511 */
1448
+ /* 1023 */
1449
+ /* Zindex */
1450
+ .MaterialNote-module_root__1AcYe {
1451
+ margin-bottom: 17px;
1452
+
1453
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1454
+ font-size: 16px;
1455
+ line-height: 22px;
1456
+ }
1457
+ .MaterialNote-module_root__1AcYe:empty {
1458
+ margin-bottom: 0;
1459
+ }
1460
+ .MaterialNote-module_root__1AcYe:empty::before {
1461
+ margin-bottom: 9px;
1462
+ }
1463
+ .MaterialNote-module_root__1AcYe::before {
1464
+ display: block;
1465
+
1466
+ width: 120px;
1467
+ height: 1px;
1468
+ margin-bottom: 15px;
1469
+
1470
+ content: '';
1471
+
1472
+ background: #000;
1473
+ }
1416
1474
  .MaterialNote-module_root__1AcYe p {
1417
1475
  margin-top: 8px;
1418
1476
  margin-bottom: 0;
@@ -1511,64 +1569,6 @@
1511
1569
  }
1512
1570
  }
1513
1571
 
1514
- /* Colors */
1515
- /* Fonts */
1516
- /* Gap */
1517
- /* Media */
1518
- /* 512 */
1519
- /* 650 */
1520
- /* 768 */
1521
- /* 1024 */
1522
- /* 1010 */
1523
- /* 1200 */
1524
- /* 511 */
1525
- /* 1023 */
1526
- /* Zindex */
1527
- .BookmarkButton-module_root__3KmuY {
1528
- color: #e0e0e0;
1529
- }
1530
- .BookmarkButton-module_control__1A0ea {
1531
- margin: 0;
1532
- padding: 5px 3px;
1533
-
1534
- cursor: pointer;
1535
-
1536
- color: inherit;
1537
- border-width: 0;
1538
- outline: none;
1539
- background-color: transparent;
1540
-
1541
- -webkit-appearance: none;
1542
-
1543
- -moz-appearance: none;
1544
-
1545
- appearance: none;
1546
- fill: transparent;
1547
- }
1548
- .BookmarkButton-module_dark__1cwyi {
1549
- color: #fff;
1550
- }
1551
- .BookmarkButton-module_light__1uQyH {
1552
- color: #000;
1553
- }
1554
- .BookmarkButton-module_isInBookmarks__1_5kB .BookmarkButton-module_control__1A0ea {
1555
- fill: #e0e0e0;
1556
- }
1557
- .BookmarkButton-module_isInBookmarks__1_5kB.BookmarkButton-module_dark__1cwyi .BookmarkButton-module_control__1A0ea {
1558
- fill: #fff;
1559
- }
1560
- .BookmarkButton-module_isInBookmarks__1_5kB.BookmarkButton-module_light__1uQyH .BookmarkButton-module_control__1A0ea {
1561
- fill: #000;
1562
- }
1563
- @media only screen and (min-device-width: 64em) {
1564
- .BookmarkButton-module_isInGrid__2pQ2B .BookmarkButton-module_control__1A0ea svg {
1565
- width: 12px
1566
- }
1567
- }
1568
- [data-context='prodano'] .BookmarkButton-module_root__3KmuY {
1569
- display: none;
1570
- }
1571
-
1572
1572
  /* Colors */
1573
1573
  /* Fonts */
1574
1574
  /* Gap */
@@ -1844,122 +1844,6 @@
1844
1844
  display: none;
1845
1845
  }
1846
1846
 
1847
- /* Colors */
1848
- /* Fonts */
1849
- /* Gap */
1850
- /* Media */
1851
- /* 512 */
1852
- /* 650 */
1853
- /* 768 */
1854
- /* 1024 */
1855
- /* 1010 */
1856
- /* 1200 */
1857
- /* 511 */
1858
- /* 1023 */
1859
- /* Zindex */
1860
- .Meta-module_root__12AG7 {
1861
- transform: translateZ(0);
1862
-
1863
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1864
- font-size: 12px;
1865
- line-height: 14px;
1866
-
1867
- fill: inherit;
1868
- }
1869
- .Meta-module_rich__1XBtZ,
1870
- .Meta-module_podcast__1m4zo,
1871
- .Meta-module_episode__1K2Xv,
1872
- .Meta-module_simple__3vUiI,
1873
- .Meta-module_slide__3g6fG,
1874
- .Meta-module_card__LE1RK,
1875
- .Meta-module_game__3aNlZ,
1876
- .Meta-module_isInMaterial__zaYMy {
1877
- width: 100%;
1878
-
1879
- color: #757575;
1880
- }
1881
- .Meta-module_podcast__1m4zo {
1882
- fill: currentColor;
1883
- }
1884
- .Meta-module_isInSearchItem__1wbpx {
1885
- color: rgba(255, 255, 255, 0.7);
1886
- }
1887
- @media only screen and (min-device-width: 64em) {
1888
- .Meta-module_center__3BBPr.Meta-module_half__1xRkT {
1889
- text-align: left
1890
- }
1891
- }
1892
- @media only screen and (min-device-width: 32em) {
1893
- .Meta-module_episode__1K2Xv,
1894
- .Meta-module_card__LE1RK,
1895
- .Meta-module_slide__3g6fG,
1896
- .Meta-module_game__3aNlZ,
1897
- .Meta-module_center__3BBPr {
1898
- text-align: center
1899
- }
1900
- }
1901
- .Meta-module_light__2baE- {
1902
- color: rgba(255, 255, 255, 0.6);
1903
-
1904
- fill: currentColor;
1905
- }
1906
- .Meta-module_dark__24y9m {
1907
- color: rgba(0, 0, 0, 0.4);
1908
- }
1909
- .Meta-module_episode__1K2Xv,
1910
- .Meta-module_card__LE1RK,
1911
- .Meta-module_slide__3g6fG,
1912
- .Meta-module_podcast__1m4zo {
1913
- display: -webkit-box;
1914
- display: -webkit-flex;
1915
- display: -ms-flexbox;
1916
- display: flex;
1917
- align-items: center;
1918
- flex-flow: row wrap
1919
- }
1920
- @media only screen and (min-device-width: 48em) {
1921
- .Meta-module_episode__1K2Xv,
1922
- .Meta-module_card__LE1RK,
1923
- .Meta-module_slide__3g6fG,
1924
- .Meta-module_podcast__1m4zo {
1925
- display: block
1926
- }
1927
- }
1928
- @media only screen and (max-device-width: 32.1875em) {
1929
- .Meta-module_hasSource__2lXiN {
1930
- display: -webkit-box;
1931
- display: -webkit-flex;
1932
- display: -ms-flexbox;
1933
- display: flex;
1934
- flex-flow: row wrap
1935
- }
1936
- }
1937
- .Meta-module_bookmark__3ot3k {
1938
- position: absolute;
1939
- z-index: 10;
1940
- right: -12px;
1941
- bottom: -4px
1942
- }
1943
- @media only screen and (min-device-width: 32em) {
1944
- .Meta-module_bookmark__3ot3k {
1945
- display: none
1946
- }
1947
- }
1948
- /* VISIBILITY */
1949
- @media only screen and (min-device-width: 32em) {
1950
- .Meta-module_mobile__22LGV {
1951
- display: none
1952
- }
1953
- }
1954
- .Meta-module_desktop__1ZGUS {
1955
- display: none
1956
- }
1957
- @media only screen and (min-device-width: 32em) {
1958
- .Meta-module_desktop__1ZGUS {
1959
- display: block
1960
- }
1961
- }
1962
-
1963
1847
  /* Colors */
1964
1848
  /* Fonts */
1965
1849
  /* Gap */
@@ -2184,95 +2068,125 @@
2184
2068
  /* 511 */
2185
2069
  /* 1023 */
2186
2070
  /* Zindex */
2187
- .Timestamp-module_root__coOvT {
2071
+ .Meta-module_root__12AG7 {
2072
+ transform: translateZ(0);
2073
+
2188
2074
  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2189
- font-weight: normal;
2190
- }
2075
+ font-size: 12px;
2076
+ line-height: 14px;
2191
2077
 
2192
- /* Colors */
2193
- /* Fonts */
2194
- /* Gap */
2195
- /* Media */
2196
- /* 512 */
2197
- /* 650 */
2198
- /* 768 */
2199
- /* 1024 */
2200
- /* 1010 */
2201
- /* 1200 */
2202
- /* 511 */
2203
- /* 1023 */
2204
- /* Zindex */
2205
- .QuoteBlock-module_root__2GrcC {
2206
- position: relative;
2207
-
2208
- margin-bottom: 14px;
2209
- padding-left: 18px;
2078
+ fill: inherit;
2079
+ }
2080
+ .Meta-module_rich__1XBtZ,
2081
+ .Meta-module_podcast__1m4zo,
2082
+ .Meta-module_episode__1K2Xv,
2083
+ .Meta-module_simple__3vUiI,
2084
+ .Meta-module_slide__3g6fG,
2085
+ .Meta-module_card__LE1RK,
2086
+ .Meta-module_game__3aNlZ,
2087
+ .Meta-module_isInMaterial__zaYMy {
2088
+ width: 100%;
2210
2089
 
2211
- font-family: 'PF Regal', 'PF Regal Text Pro', 'Georgia', serif;
2212
- font-size: 18px;
2213
- line-height: 24px
2090
+ color: #757575;
2091
+ }
2092
+ .Meta-module_podcast__1m4zo {
2093
+ fill: currentColor;
2094
+ }
2095
+ .Meta-module_isInSearchItem__1wbpx {
2096
+ color: rgba(255, 255, 255, 0.7);
2097
+ }
2098
+ @media only screen and (min-device-width: 64em) {
2099
+ .Meta-module_center__3BBPr.Meta-module_half__1xRkT {
2100
+ text-align: left
2214
2101
  }
2102
+ }
2215
2103
  @media only screen and (min-device-width: 32em) {
2216
- .QuoteBlock-module_root__2GrcC {
2217
- margin: 0 0 20px;
2218
- padding-left: 38px;
2219
-
2220
- font-size: 20px;
2221
- line-height: 28px
2104
+ .Meta-module_episode__1K2Xv,
2105
+ .Meta-module_card__LE1RK,
2106
+ .Meta-module_slide__3g6fG,
2107
+ .Meta-module_game__3aNlZ,
2108
+ .Meta-module_center__3BBPr {
2109
+ text-align: center
2222
2110
  }
2223
2111
  }
2224
- .QuoteBlock-module_root__2GrcC + .QuoteBlock-module_root__2GrcC {
2225
- margin-top: -14px;
2226
- padding-top: 14px
2112
+ .Meta-module_light__2baE- {
2113
+ color: rgba(255, 255, 255, 0.6);
2114
+
2115
+ fill: currentColor;
2227
2116
  }
2228
- @media only screen and (min-device-width: 32em) {
2229
- .QuoteBlock-module_root__2GrcC + .QuoteBlock-module_root__2GrcC {
2230
- margin-top: -20px;
2231
- padding-top: 20px
2117
+ .Meta-module_dark__24y9m {
2118
+ color: rgba(0, 0, 0, 0.4);
2119
+ }
2120
+ .Meta-module_episode__1K2Xv,
2121
+ .Meta-module_card__LE1RK,
2122
+ .Meta-module_slide__3g6fG,
2123
+ .Meta-module_podcast__1m4zo {
2124
+ display: -webkit-box;
2125
+ display: -webkit-flex;
2126
+ display: -ms-flexbox;
2127
+ display: flex;
2128
+ align-items: center;
2129
+ flex-flow: row wrap
2130
+ }
2131
+ @media only screen and (min-device-width: 48em) {
2132
+ .Meta-module_episode__1K2Xv,
2133
+ .Meta-module_card__LE1RK,
2134
+ .Meta-module_slide__3g6fG,
2135
+ .Meta-module_podcast__1m4zo {
2136
+ display: block
2232
2137
  }
2233
2138
  }
2234
- .QuoteBlock-module_root__2GrcC + .QuoteBlock-module_root__2GrcC::before {
2235
- top: -10px;
2139
+ @media only screen and (max-device-width: 32.1875em) {
2140
+ .Meta-module_hasSource__2lXiN {
2141
+ display: -webkit-box;
2142
+ display: -webkit-flex;
2143
+ display: -ms-flexbox;
2144
+ display: flex;
2145
+ flex-flow: row wrap
2236
2146
  }
2237
- .QuoteBlock-module_root__2GrcC:before {
2147
+ }
2148
+ .Meta-module_bookmark__3ot3k {
2238
2149
  position: absolute;
2239
- top: 5px;
2240
- bottom: 7px;
2241
- left: 0;
2242
-
2243
- width: 4px;
2244
-
2245
- content: '';
2246
-
2247
- border-radius: 2px;
2248
- background-color: #ebebeb
2150
+ z-index: 10;
2151
+ right: -12px;
2152
+ bottom: -4px
2249
2153
  }
2250
2154
  @media only screen and (min-device-width: 32em) {
2251
- .QuoteBlock-module_root__2GrcC:before {
2252
- top: 4px;
2253
- bottom: 6px
2155
+ .Meta-module_bookmark__3ot3k {
2156
+ display: none
2254
2157
  }
2255
2158
  }
2256
- .QuoteBlock-module_root__2GrcC:last-child {
2257
- margin-bottom: 0;
2258
- }
2259
- .QuoteBlock-module_root__2GrcC p {
2260
- margin: 0;
2159
+ /* VISIBILITY */
2160
+ @media only screen and (min-device-width: 32em) {
2161
+ .Meta-module_mobile__22LGV {
2162
+ display: none
2261
2163
  }
2262
- .QuoteBlock-module_root__2GrcC a {
2263
- text-decoration: none;
2264
-
2265
- color: inherit;
2266
- box-shadow: inset 0 -1px #b88b59;
2164
+ }
2165
+ .Meta-module_desktop__1ZGUS {
2166
+ display: none
2267
2167
  }
2268
- .QuoteBlock-module_root__2GrcC a:hover {
2269
- color: #b88b59;
2168
+ @media only screen and (min-device-width: 32em) {
2169
+ .Meta-module_desktop__1ZGUS {
2170
+ display: block
2270
2171
  }
2271
- .QuoteBlock-module_center__cTFNy {
2272
- width: 100%;
2273
- max-width: 650px;
2274
- margin-right: auto;
2275
- margin-left: auto;
2172
+ }
2173
+
2174
+ /* Colors */
2175
+ /* Fonts */
2176
+ /* Gap */
2177
+ /* Media */
2178
+ /* 512 */
2179
+ /* 650 */
2180
+ /* 768 */
2181
+ /* 1024 */
2182
+ /* 1010 */
2183
+ /* 1200 */
2184
+ /* 511 */
2185
+ /* 1023 */
2186
+ /* Zindex */
2187
+ .Timestamp-module_root__coOvT {
2188
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2189
+ font-weight: normal;
2276
2190
  }
2277
2191
 
2278
2192
  /* Colors */
@@ -2337,6 +2251,92 @@
2337
2251
  }
2338
2252
  }
2339
2253
 
2254
+ /* Colors */
2255
+ /* Fonts */
2256
+ /* Gap */
2257
+ /* Media */
2258
+ /* 512 */
2259
+ /* 650 */
2260
+ /* 768 */
2261
+ /* 1024 */
2262
+ /* 1010 */
2263
+ /* 1200 */
2264
+ /* 511 */
2265
+ /* 1023 */
2266
+ /* Zindex */
2267
+ .QuoteBlock-module_root__2GrcC {
2268
+ position: relative;
2269
+
2270
+ margin-bottom: 14px;
2271
+ padding-left: 18px;
2272
+
2273
+ font-family: 'PF Regal', 'PF Regal Text Pro', 'Georgia', serif;
2274
+ font-size: 18px;
2275
+ line-height: 24px
2276
+ }
2277
+ @media only screen and (min-device-width: 32em) {
2278
+ .QuoteBlock-module_root__2GrcC {
2279
+ margin: 0 0 20px;
2280
+ padding-left: 38px;
2281
+
2282
+ font-size: 20px;
2283
+ line-height: 28px
2284
+ }
2285
+ }
2286
+ .QuoteBlock-module_root__2GrcC + .QuoteBlock-module_root__2GrcC {
2287
+ margin-top: -14px;
2288
+ padding-top: 14px
2289
+ }
2290
+ @media only screen and (min-device-width: 32em) {
2291
+ .QuoteBlock-module_root__2GrcC + .QuoteBlock-module_root__2GrcC {
2292
+ margin-top: -20px;
2293
+ padding-top: 20px
2294
+ }
2295
+ }
2296
+ .QuoteBlock-module_root__2GrcC + .QuoteBlock-module_root__2GrcC::before {
2297
+ top: -10px;
2298
+ }
2299
+ .QuoteBlock-module_root__2GrcC:before {
2300
+ position: absolute;
2301
+ top: 5px;
2302
+ bottom: 7px;
2303
+ left: 0;
2304
+
2305
+ width: 4px;
2306
+
2307
+ content: '';
2308
+
2309
+ border-radius: 2px;
2310
+ background-color: #ebebeb
2311
+ }
2312
+ @media only screen and (min-device-width: 32em) {
2313
+ .QuoteBlock-module_root__2GrcC:before {
2314
+ top: 4px;
2315
+ bottom: 6px
2316
+ }
2317
+ }
2318
+ .QuoteBlock-module_root__2GrcC:last-child {
2319
+ margin-bottom: 0;
2320
+ }
2321
+ .QuoteBlock-module_root__2GrcC p {
2322
+ margin: 0;
2323
+ }
2324
+ .QuoteBlock-module_root__2GrcC a {
2325
+ text-decoration: none;
2326
+
2327
+ color: inherit;
2328
+ box-shadow: inset 0 -1px #b88b59;
2329
+ }
2330
+ .QuoteBlock-module_root__2GrcC a:hover {
2331
+ color: #b88b59;
2332
+ }
2333
+ .QuoteBlock-module_center__cTFNy {
2334
+ width: 100%;
2335
+ max-width: 650px;
2336
+ margin-right: auto;
2337
+ margin-left: auto;
2338
+ }
2339
+
2340
2340
  /* Colors */
2341
2341
  /* Fonts */
2342
2342
  /* Gap */
@@ -2547,111 +2547,10 @@
2547
2547
  /* 511 */
2548
2548
  /* 1023 */
2549
2549
  /* Zindex */
2550
- .GroupedBlock-module_root__2qfQA {
2551
- max-width: 644px;
2552
- margin: 15px auto 0
2553
- }
2554
- @media only screen and (min-device-width: 48em) {
2555
- .GroupedBlock-module_root__2qfQA {
2556
- max-width: none;
2557
- margin-top: 25px;
2558
- margin-bottom: 20px
2559
- }
2560
- }
2561
- .GroupedBlock-module_hasFigcaption__2_mcf {
2562
- margin-bottom: 15px;
2563
- }
2564
- @media only screen and (min-device-width: 48em) {
2565
- .GroupedBlock-module_hasFigcaption__2_mcf + .GroupedBlock-module_root__2qfQA {
2566
- margin-top: 25px
2567
- }
2568
- }
2569
- .GroupedBlock-module_hasFigcaption__2_mcf .GroupedBlock-module_item__3sz9_:last-child {
2570
- margin-bottom: 0;
2571
- }
2572
- .GroupedBlock-module_items__2DV2X {
2573
- display: -webkit-box;
2574
- display: -webkit-flex;
2575
- display: -ms-flexbox;
2576
- display: flex;
2577
- flex-direction: column;
2578
- flex-wrap: nowrap
2579
- }
2580
- @media only screen and (min-device-width: 48em) {
2581
- .GroupedBlock-module_items__2DV2X {
2582
- flex-direction: row
2583
- }
2584
- }
2585
- .GroupedBlock-module_item__3sz9_ {
2586
- flex-grow: 1;
2587
-
2588
- width: 100%;
2589
- min-width: 100%;
2590
- max-width: 100%;
2591
- margin-bottom: 20px
2592
- }
2593
- @media only screen and (min-device-width: 48em) {
2594
- .GroupedBlock-module_item__3sz9_ {
2595
- min-width: 0;
2596
- max-width: none;
2597
- margin-bottom: 0
2598
- }
2599
- }
2600
- @media only screen and (min-device-width: 48em) {
2601
- .GroupedBlock-module_item__3sz9_ + .GroupedBlock-module_item__3sz9_ {
2602
- margin-left: 15px
2603
- }
2604
- }
2605
- .GroupedBlock-module_figcaption__2Q_wf {
2606
- max-width: 650px;
2607
- margin-right: auto;
2608
- margin-left: auto;
2609
- }
2610
- /* DISPLAY */
2611
- @media only screen and (min-device-width: 48em) {
2612
- .GroupedBlock-module_default__3ylw_ {
2613
- max-width: 650px
2614
- }
2615
- }
2616
- .GroupedBlock-module_full__1dzQR {
2617
- max-width: 980px;
2618
- }
2619
- .GroupedBlock-module_super_full__1PU72 {
2620
- max-width: 1680px;
2621
- }
2622
- /* VISIBILITY */
2623
- @media only screen and (min-device-width: 32em) {
2624
- .GroupedBlock-module_mobile__3n8Ub {
2625
- display: none
2626
- }
2627
- }
2628
- .GroupedBlock-module_desktop__6ZRpA {
2629
- display: none
2630
- }
2631
- @media only screen and (min-device-width: 32em) {
2632
- .GroupedBlock-module_desktop__6ZRpA {
2633
- display: block
2634
- }
2635
- }
2636
-
2637
-
2638
- /* Colors */
2639
- /* Fonts */
2640
- /* Gap */
2641
- /* Media */
2642
- /* 512 */
2643
- /* 650 */
2644
- /* 768 */
2645
- /* 1024 */
2646
- /* 1010 */
2647
- /* 1200 */
2648
- /* 511 */
2649
- /* 1023 */
2650
- /* Zindex */
2651
- .HalfBlock-module_root__2frv2 {
2652
- position: relative;
2653
-
2654
- text-align: left;
2550
+ .HalfBlock-module_root__2frv2 {
2551
+ position: relative;
2552
+
2553
+ text-align: left;
2655
2554
  }
2656
2555
  .HalfBlock-module_main__2XX73 {
2657
2556
  display: -webkit-box;
@@ -2738,6 +2637,107 @@
2738
2637
  }
2739
2638
  }
2740
2639
 
2640
+ /* Colors */
2641
+ /* Fonts */
2642
+ /* Gap */
2643
+ /* Media */
2644
+ /* 512 */
2645
+ /* 650 */
2646
+ /* 768 */
2647
+ /* 1024 */
2648
+ /* 1010 */
2649
+ /* 1200 */
2650
+ /* 511 */
2651
+ /* 1023 */
2652
+ /* Zindex */
2653
+ .GroupedBlock-module_root__2qfQA {
2654
+ max-width: 644px;
2655
+ margin: 15px auto 0
2656
+ }
2657
+ @media only screen and (min-device-width: 48em) {
2658
+ .GroupedBlock-module_root__2qfQA {
2659
+ max-width: none;
2660
+ margin-top: 25px;
2661
+ margin-bottom: 20px
2662
+ }
2663
+ }
2664
+ .GroupedBlock-module_hasFigcaption__2_mcf {
2665
+ margin-bottom: 15px;
2666
+ }
2667
+ @media only screen and (min-device-width: 48em) {
2668
+ .GroupedBlock-module_hasFigcaption__2_mcf + .GroupedBlock-module_root__2qfQA {
2669
+ margin-top: 25px
2670
+ }
2671
+ }
2672
+ .GroupedBlock-module_hasFigcaption__2_mcf .GroupedBlock-module_item__3sz9_:last-child {
2673
+ margin-bottom: 0;
2674
+ }
2675
+ .GroupedBlock-module_items__2DV2X {
2676
+ display: -webkit-box;
2677
+ display: -webkit-flex;
2678
+ display: -ms-flexbox;
2679
+ display: flex;
2680
+ flex-direction: column;
2681
+ flex-wrap: nowrap
2682
+ }
2683
+ @media only screen and (min-device-width: 48em) {
2684
+ .GroupedBlock-module_items__2DV2X {
2685
+ flex-direction: row
2686
+ }
2687
+ }
2688
+ .GroupedBlock-module_item__3sz9_ {
2689
+ flex-grow: 1;
2690
+
2691
+ width: 100%;
2692
+ min-width: 100%;
2693
+ max-width: 100%;
2694
+ margin-bottom: 20px
2695
+ }
2696
+ @media only screen and (min-device-width: 48em) {
2697
+ .GroupedBlock-module_item__3sz9_ {
2698
+ min-width: 0;
2699
+ max-width: none;
2700
+ margin-bottom: 0
2701
+ }
2702
+ }
2703
+ @media only screen and (min-device-width: 48em) {
2704
+ .GroupedBlock-module_item__3sz9_ + .GroupedBlock-module_item__3sz9_ {
2705
+ margin-left: 15px
2706
+ }
2707
+ }
2708
+ .GroupedBlock-module_figcaption__2Q_wf {
2709
+ max-width: 650px;
2710
+ margin-right: auto;
2711
+ margin-left: auto;
2712
+ }
2713
+ /* DISPLAY */
2714
+ @media only screen and (min-device-width: 48em) {
2715
+ .GroupedBlock-module_default__3ylw_ {
2716
+ max-width: 650px
2717
+ }
2718
+ }
2719
+ .GroupedBlock-module_full__1dzQR {
2720
+ max-width: 980px;
2721
+ }
2722
+ .GroupedBlock-module_super_full__1PU72 {
2723
+ max-width: 1680px;
2724
+ }
2725
+ /* VISIBILITY */
2726
+ @media only screen and (min-device-width: 32em) {
2727
+ .GroupedBlock-module_mobile__3n8Ub {
2728
+ display: none
2729
+ }
2730
+ }
2731
+ .GroupedBlock-module_desktop__6ZRpA {
2732
+ display: none
2733
+ }
2734
+ @media only screen and (min-device-width: 32em) {
2735
+ .GroupedBlock-module_desktop__6ZRpA {
2736
+ display: block
2737
+ }
2738
+ }
2739
+
2740
+
2741
2741
  /* Colors */
2742
2742
  /* Fonts */
2743
2743
  /* Gap */
@@ -3103,171 +3103,41 @@
3103
3103
  /* 511 */
3104
3104
  /* 1023 */
3105
3105
  /* Zindex */
3106
- .RelatedBlock-module_root__IKcQq {
3107
- margin: 16px 0;
3106
+ /* stylelint-disable declaration-empty-line-before */
3107
+ span[data-body] {
3108
+ position: relative;
3108
3109
 
3109
- border-radius: 8px;
3110
- background-color: #f5f5f5;
3111
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1), inset 0 4px 0 0 #b78b5c
3110
+ padding: 0 4px;
3111
+
3112
+ cursor: pointer;
3113
+ white-space: pre-wrap;
3114
+
3115
+ border-radius: 4px;
3116
+ background: #F8F8F8;
3117
+ box-shadow: inset 1px 0 #b3b3b3, inset 0 1px #b3b3b3, inset -1px 0 #b3b3b3, inset 0 -1px #b3b3b3
3112
3118
  }
3113
3119
  @media only screen and (min-device-width: 48em) {
3114
- .RelatedBlock-module_root__IKcQq {
3115
- margin: 25px 0
3120
+ span[data-body] {
3121
+ padding-bottom: 1px
3116
3122
  }
3117
3123
  }
3118
- .RelatedBlock-module_root__IKcQq:last-child {
3119
- margin-bottom: 0;
3124
+ span[data-body]:hover {
3125
+ background: #F3F3F3;
3126
+ box-shadow: inset 1px 0 #999, inset 0 1px #999, inset -1px 0 #999, inset 0 -1px #999;
3120
3127
  }
3121
- .RelatedBlock-module_root__IKcQq:first-child {
3122
- margin-top: 0;
3128
+ .dark span[data-body] {
3129
+ background-color: #5B5B5B;
3130
+ box-shadow: inset 1px 0 #8B8B8B, inset 0 1px #8B8B8B, inset -1px 0 #8B8B8B, inset 0 -1px #8B8B8B;
3123
3131
  }
3124
- .RelatedBlock-module_root__IKcQq a {
3125
- display: block;
3126
-
3127
- padding: 12px 12px 13px;
3128
-
3129
- transition: color 0.15s;
3130
- text-decoration: none;
3131
-
3132
- color: #000;
3133
- box-shadow: none;
3134
-
3135
- font-size: 17px;
3136
- line-height: 20px
3132
+ .dark span[data-body]:hover {
3133
+ background-color: #5B5B5B;
3134
+ box-shadow: inset 1px 0 #747474, inset 0 1px #747474, inset -1px 0 #747474, inset 0 -1px #747474;
3137
3135
  }
3138
- @media only screen and (min-device-width: 48em) {
3139
- .RelatedBlock-module_root__IKcQq a {
3140
- padding: 15px 20px 17px;
3141
-
3142
- font-size: 19px;
3143
- line-height: 23px
3144
- }
3145
- }
3146
- .RelatedBlock-module_root__IKcQq a:hover {
3147
- color: #5c5c5c;
3148
- }
3149
- .RelatedBlock-module_header__2SuWP {
3150
- margin: 0;
3151
- padding: 14px 12px 3px;
3152
-
3153
- letter-spacing: 1px;
3154
- text-transform: uppercase;
3155
-
3156
- color: #7F7F7F;
3157
-
3158
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
3159
- font-size: 12px;
3160
- font-weight: 600;
3161
- line-height: 17px
3162
- }
3163
- @media only screen and (min-device-width: 48em) {
3164
- .RelatedBlock-module_header__2SuWP {
3165
- padding: 20px 20px 14px;
3166
-
3167
- font-size: 14px;
3168
- line-height: 16px
3169
- }
3170
- }
3171
- .RelatedBlock-module_items__2V-Ap {
3172
- margin: 0;
3173
- padding-left: 0;
3174
-
3175
- list-style: none;
3176
- }
3177
- .RelatedBlock-module_items__2V-Ap li {
3178
- padding: 0;
3179
- }
3180
- .RelatedBlock-module_items__2V-Ap li + li {
3181
- border-top: 1px solid #e6e6e6;
3182
- }
3183
- .RelatedBlock-module_rich__ddaHq .RelatedBlock-module_first__BKItW {
3184
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
3185
- font-size: 16px;
3186
- font-weight: 700;
3187
- line-height: 18px
3188
- }
3189
- @media only screen and (min-device-width: 48em) {
3190
- .RelatedBlock-module_rich__ddaHq .RelatedBlock-module_first__BKItW {
3191
- font-size: 18px
3192
- }
3193
- }
3194
- .RelatedBlock-module_simple__29HVO {
3195
- }
3196
- .RelatedBlock-module_center__1LmW8 {
3197
- max-width: 650px;
3198
- margin-right: auto;
3199
- margin-left: auto;
3200
- }
3201
- .RelatedBlock-module_isInSlideMaterial__2YSYG:first-child {
3202
- margin-top: 0;
3203
- }
3204
- .RelatedBlock-module_isInSlideMaterial__2YSYG:last-child {
3205
- margin-bottom: 0;
3206
- }
3207
- /* VISIBILITY */
3208
- @media only screen and (min-device-width: 32em) {
3209
- .RelatedBlock-module_mobile__2XM5a {
3210
- display: none
3211
- }
3212
- }
3213
- .RelatedBlock-module_desktop__2mXeq {
3214
- display: none
3215
- }
3216
- @media only screen and (min-device-width: 32em) {
3217
- .RelatedBlock-module_desktop__2mXeq {
3218
- display: block
3219
- }
3220
- }
3221
-
3222
-
3223
- /* Colors */
3224
- /* Fonts */
3225
- /* Gap */
3226
- /* Media */
3227
- /* 512 */
3228
- /* 650 */
3229
- /* 768 */
3230
- /* 1024 */
3231
- /* 1010 */
3232
- /* 1200 */
3233
- /* 511 */
3234
- /* 1023 */
3235
- /* Zindex */
3236
- /* stylelint-disable declaration-empty-line-before */
3237
- span[data-body] {
3238
- position: relative;
3239
-
3240
- padding: 0 4px;
3241
-
3242
- cursor: pointer;
3243
- white-space: pre-wrap;
3244
-
3245
- border-radius: 4px;
3246
- background: #F8F8F8;
3247
- box-shadow: inset 1px 0 #b3b3b3, inset 0 1px #b3b3b3, inset -1px 0 #b3b3b3, inset 0 -1px #b3b3b3
3248
- }
3249
- @media only screen and (min-device-width: 48em) {
3250
- span[data-body] {
3251
- padding-bottom: 1px
3252
- }
3253
- }
3254
- span[data-body]:hover {
3255
- background: #F3F3F3;
3256
- box-shadow: inset 1px 0 #999, inset 0 1px #999, inset -1px 0 #999, inset 0 -1px #999;
3257
- }
3258
- .dark span[data-body] {
3259
- background-color: #5B5B5B;
3260
- box-shadow: inset 1px 0 #8B8B8B, inset 0 1px #8B8B8B, inset -1px 0 #8B8B8B, inset 0 -1px #8B8B8B;
3261
- }
3262
- .dark span[data-body]:hover {
3263
- background-color: #5B5B5B;
3264
- box-shadow: inset 1px 0 #747474, inset 0 1px #747474, inset -1px 0 #747474, inset 0 -1px #747474;
3265
- }
3266
- span[data-highlight='true'],
3267
- span[data-highlight='true']:hover {
3268
- background-color: #f4efe9;
3269
- box-shadow: inset 1px 0 #b88b58, inset 0 1px #b88b58, inset -1px 0 #b88b58,
3270
- inset 0 -1px #b88b58;
3136
+ span[data-highlight='true'],
3137
+ span[data-highlight='true']:hover {
3138
+ background-color: #f4efe9;
3139
+ box-shadow: inset 1px 0 #b88b58, inset 0 1px #b88b58, inset -1px 0 #b88b58,
3140
+ inset 0 -1px #b88b58;
3271
3141
  }
3272
3142
  .SimpleBlock-module_p__Q3azD {
3273
3143
  margin: 0 0 14px;
@@ -3641,6 +3511,136 @@ a mark {
3641
3511
  }
3642
3512
  }
3643
3513
 
3514
+ /* Colors */
3515
+ /* Fonts */
3516
+ /* Gap */
3517
+ /* Media */
3518
+ /* 512 */
3519
+ /* 650 */
3520
+ /* 768 */
3521
+ /* 1024 */
3522
+ /* 1010 */
3523
+ /* 1200 */
3524
+ /* 511 */
3525
+ /* 1023 */
3526
+ /* Zindex */
3527
+ .RelatedBlock-module_root__IKcQq {
3528
+ margin: 16px 0;
3529
+
3530
+ border-radius: 8px;
3531
+ background-color: #f5f5f5;
3532
+ box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1), inset 0 4px 0 0 #b78b5c
3533
+ }
3534
+ @media only screen and (min-device-width: 48em) {
3535
+ .RelatedBlock-module_root__IKcQq {
3536
+ margin: 25px 0
3537
+ }
3538
+ }
3539
+ .RelatedBlock-module_root__IKcQq:last-child {
3540
+ margin-bottom: 0;
3541
+ }
3542
+ .RelatedBlock-module_root__IKcQq:first-child {
3543
+ margin-top: 0;
3544
+ }
3545
+ .RelatedBlock-module_root__IKcQq a {
3546
+ display: block;
3547
+
3548
+ padding: 12px 12px 13px;
3549
+
3550
+ transition: color 0.15s;
3551
+ text-decoration: none;
3552
+
3553
+ color: #000;
3554
+ box-shadow: none;
3555
+
3556
+ font-size: 17px;
3557
+ line-height: 20px
3558
+ }
3559
+ @media only screen and (min-device-width: 48em) {
3560
+ .RelatedBlock-module_root__IKcQq a {
3561
+ padding: 15px 20px 17px;
3562
+
3563
+ font-size: 19px;
3564
+ line-height: 23px
3565
+ }
3566
+ }
3567
+ .RelatedBlock-module_root__IKcQq a:hover {
3568
+ color: #5c5c5c;
3569
+ }
3570
+ .RelatedBlock-module_header__2SuWP {
3571
+ margin: 0;
3572
+ padding: 14px 12px 3px;
3573
+
3574
+ letter-spacing: 1px;
3575
+ text-transform: uppercase;
3576
+
3577
+ color: #7F7F7F;
3578
+
3579
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
3580
+ font-size: 12px;
3581
+ font-weight: 600;
3582
+ line-height: 17px
3583
+ }
3584
+ @media only screen and (min-device-width: 48em) {
3585
+ .RelatedBlock-module_header__2SuWP {
3586
+ padding: 20px 20px 14px;
3587
+
3588
+ font-size: 14px;
3589
+ line-height: 16px
3590
+ }
3591
+ }
3592
+ .RelatedBlock-module_items__2V-Ap {
3593
+ margin: 0;
3594
+ padding-left: 0;
3595
+
3596
+ list-style: none;
3597
+ }
3598
+ .RelatedBlock-module_items__2V-Ap li {
3599
+ padding: 0;
3600
+ }
3601
+ .RelatedBlock-module_items__2V-Ap li + li {
3602
+ border-top: 1px solid #e6e6e6;
3603
+ }
3604
+ .RelatedBlock-module_rich__ddaHq .RelatedBlock-module_first__BKItW {
3605
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
3606
+ font-size: 16px;
3607
+ font-weight: 700;
3608
+ line-height: 18px
3609
+ }
3610
+ @media only screen and (min-device-width: 48em) {
3611
+ .RelatedBlock-module_rich__ddaHq .RelatedBlock-module_first__BKItW {
3612
+ font-size: 18px
3613
+ }
3614
+ }
3615
+ .RelatedBlock-module_simple__29HVO {
3616
+ }
3617
+ .RelatedBlock-module_center__1LmW8 {
3618
+ max-width: 650px;
3619
+ margin-right: auto;
3620
+ margin-left: auto;
3621
+ }
3622
+ .RelatedBlock-module_isInSlideMaterial__2YSYG:first-child {
3623
+ margin-top: 0;
3624
+ }
3625
+ .RelatedBlock-module_isInSlideMaterial__2YSYG:last-child {
3626
+ margin-bottom: 0;
3627
+ }
3628
+ /* VISIBILITY */
3629
+ @media only screen and (min-device-width: 32em) {
3630
+ .RelatedBlock-module_mobile__2XM5a {
3631
+ display: none
3632
+ }
3633
+ }
3634
+ .RelatedBlock-module_desktop__2mXeq {
3635
+ display: none
3636
+ }
3637
+ @media only screen and (min-device-width: 32em) {
3638
+ .RelatedBlock-module_desktop__2mXeq {
3639
+ display: block
3640
+ }
3641
+ }
3642
+
3643
+
3644
3644
  /* Colors */
3645
3645
  /* Fonts */
3646
3646
  /* Gap */
@@ -3698,108 +3698,96 @@ a mark {
3698
3698
  /* 511 */
3699
3699
  /* 1023 */
3700
3700
  /* Zindex */
3701
- .SourceBlock-module_root__1P3XD {
3702
- display: block;
3701
+ .MetaItem-module_root__2VQom {
3702
+ display: inline;
3703
3703
 
3704
- margin: 18px 0 15px;
3705
- padding: 12px 11px 17px;
3704
+ margin-right: 15px;
3705
+ }
3706
+ .MetaItem-module_root__2VQom > svg {
3707
+ display: inline-block;
3706
3708
 
3707
- color: #000;
3708
- border-radius: 2px 8px 8px 2px;
3709
- background-color: #f5f5f5;
3710
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1), inset 4px 0 0 0 #b78b5c;
3709
+ margin-right: 1px;
3711
3710
 
3712
- font-size: 16px;
3713
- line-height: 20px
3714
- }
3715
- @media only screen and (min-device-width: 48em) {
3716
- .SourceBlock-module_root__1P3XD {
3717
- margin-top: 25px;
3718
- margin-bottom: 25px;
3719
- padding: 18px 16px 16px
3720
- }
3721
- }
3722
- .SourceBlock-module_root__1P3XD:hover,
3723
- .SourceBlock-module_root__1P3XD:visited {
3724
- background-color: #ededed;
3725
- }
3726
- .SourceBlock-module_root__1P3XD blockquote {
3727
- margin: 0;
3728
- }
3729
- .SourceBlock-module_root__1P3XD a {
3730
- text-decoration: none;
3711
+ vertical-align: top;
3731
3712
 
3732
3713
  color: inherit;
3714
+
3715
+ fill: currentColor;
3733
3716
  }
3734
- .SourceBlock-module_text__Si4vm {
3735
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
3736
- }
3737
- .SourceBlock-module_text__Si4vm p {
3738
- margin: 0;
3717
+ .MetaItem-module_root__2VQom a {
3718
+ display: inline;
3739
3719
 
3740
- font-size: 16px;
3741
- line-height: 22px
3720
+ text-decoration: underline;
3721
+
3722
+ color: inherit;
3723
+
3724
+ -webkit-text-decoration-skip: auto;
3742
3725
  }
3743
- @media only screen and (min-device-width: 48em) {
3744
- .SourceBlock-module_text__Si4vm p {
3745
- font-size: 18px;
3746
- line-height: 26px
3726
+ .MetaItem-module_root__2VQom a:hover {
3727
+ color: #b88b59;
3747
3728
  }
3748
- }
3749
- .SourceBlock-module_root__1P3XD p + p {
3750
- margin-top: 12px;
3729
+ .MetaItem-module_hasBullets__CkQPI {
3730
+ margin-right: 0;
3751
3731
  }
3752
- .SourceBlock-module_root__1P3XD footer {
3753
- margin-top: 12px;
3754
- padding-top: 10px;
3732
+ .MetaItem-module_hasBullets__CkQPI:nth-child(n + 2)::before {
3733
+ display: inline-block;
3755
3734
 
3756
- border-top: 1px solid #d6d6d6
3735
+ padding-right: 0.4em;
3736
+ padding-left: 0.4em;
3737
+
3738
+ content: '\B7';
3757
3739
  }
3758
- @media only screen and (min-device-width: 48em) {
3759
- .SourceBlock-module_root__1P3XD footer {
3760
- margin-top: 18px;
3761
- padding-top: 12px
3740
+ @media only screen and (max-device-width: 32.1875em) {
3741
+ .MetaItem-module_hasSource__1DmCI {
3742
+ width: 100%;
3743
+ margin-top: 3px;
3744
+ margin-bottom: 3px
3762
3745
  }
3763
3746
  }
3764
- .SourceBlock-module_origin__l3JbO {
3765
- letter-spacing: 1px;
3766
- text-transform: uppercase;
3767
- pointer-events: none;
3768
-
3769
- color: #292929;
3770
-
3771
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
3772
- font-size: 16px;
3773
- font-weight: bold;
3774
- font-style: normal;
3775
- line-height: 22px
3776
- }
3777
- @media only screen and (min-device-width: 48em) {
3778
- .SourceBlock-module_origin__l3JbO {
3779
- font-size: 18px;
3780
- line-height: 26px
3747
+ @media only screen and (max-device-width: 32.1875em) {
3748
+ .MetaItem-module_hasSource__1DmCI:first-child {
3749
+ margin-top: 0
3781
3750
  }
3782
3751
  }
3783
- .SourceBlock-module_center__3P93B {
3784
- max-width: 650px;
3785
- margin-right: auto;
3786
- margin-left: auto;
3752
+ .MetaItem-module_hasSource__1DmCI:last-child {
3753
+ margin-bottom: 0;
3787
3754
  }
3788
- /* VISIBILITY */
3789
- @media only screen and (min-device-width: 32em) {
3790
- .SourceBlock-module_mobile__2gw4S {
3755
+ @media only screen and (max-device-width: 32.1875em) {
3756
+ .MetaItem-module_hasSource__1DmCI:nth-child(n + 2)::before {
3791
3757
  display: none
3792
3758
  }
3793
3759
  }
3794
- .SourceBlock-module_desktop__DecT6 {
3795
- display: none
3760
+ @media only screen and (max-device-width: 32.1875em) {
3761
+ .MetaItem-module_hasSource__1DmCI.MetaItem-module_listened__lwvAO::before,
3762
+ .MetaItem-module_hasSource__1DmCI.MetaItem-module_read__5eAIG::before {
3763
+ display: inline-block
3796
3764
  }
3797
- @media only screen and (min-device-width: 32em) {
3798
- .SourceBlock-module_desktop__DecT6 {
3799
- display: block
3765
+ }
3766
+ @media only screen and (max-device-width: 32.1875em) {
3767
+ .MetaItem-module_datetime__3tOWm,
3768
+ .MetaItem-module_listened__lwvAO,
3769
+ .MetaItem-module_read__5eAIG {
3770
+ width: auto
3771
+ }
3772
+ }
3773
+ @media only screen and (max-device-width: 32.1875em) {
3774
+ .MetaItem-module_hasSource__1DmCI.MetaItem-module_datetime__3tOWm:first-child {
3775
+ order: -2
3776
+ }
3777
+ }
3778
+ @media only screen and (max-device-width: 32.1875em) {
3779
+ .MetaItem-module_hasSource__1DmCI.MetaItem-module_listened__lwvAO,
3780
+ .MetaItem-module_hasSource__1DmCI.MetaItem-module_read__5eAIG {
3781
+ order: -1;
3782
+
3783
+ margin-top: 0
3800
3784
  }
3801
3785
  }
3786
+ .MetaItem-module_read__5eAIG svg {
3787
+ margin-top: -1px;
3788
+ }
3802
3789
 
3790
+ /* stylelint-disable declaration-empty-line-before */
3803
3791
  /* Colors */
3804
3792
  /* Fonts */
3805
3793
  /* Gap */
@@ -3813,227 +3801,175 @@ a mark {
3813
3801
  /* 511 */
3814
3802
  /* 1023 */
3815
3803
  /* Zindex */
3816
- .Spoiler-module_root__1OfSR {
3817
- width: 100%;
3818
- margin: 15px 0;
3819
- padding: 21px 0 22px;
3820
-
3821
- border-top: 3px solid rgba(0, 0, 0, 0.1);
3822
- border-bottom: 3px solid rgba(0, 0, 0, 0.1)
3823
- }
3824
- @media only screen and (min-device-width: 32em) {
3825
- .Spoiler-module_root__1OfSR {
3826
- display: -webkit-box;
3827
- display: -webkit-flex;
3828
- display: -ms-flexbox;
3829
- display: flex;
3830
- flex-flow: column nowrap;
3804
+ .MetaItemLive-module_root__2mpD3 {
3805
+ position: relative;
3831
3806
 
3832
- margin: 25px auto 20px;
3833
- padding: 20px 0
3834
- }
3835
- }
3836
- .Spoiler-module_root__1OfSR:last-child {
3837
- margin-bottom: 0;
3838
- }
3839
- .Spoiler-module_root__1OfSR:first-child {
3840
- margin-top: 0;
3841
- }
3842
- .Spoiler-module_header__1rZUs {
3843
- display: -webkit-box;
3844
- display: -webkit-flex;
3845
- display: -ms-flexbox;
3846
- display: flex;
3847
- flex-flow: column nowrap;
3848
- justify-content: center;
3849
- }
3850
- .Spoiler-module_header__1rZUs h3 {
3851
- margin-top: 0;
3852
- margin-bottom: 18px;
3807
+ display: inline-block;
3853
3808
 
3854
- font-weight: 700;
3855
- font-size: 21px;
3809
+ width: 18px;
3810
+ height: 18px;
3856
3811
 
3857
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
3858
- line-height: 26px
3812
+ vertical-align: middle;
3859
3813
  }
3860
- @media only screen and (min-device-width: 32em) {
3861
- .Spoiler-module_header__1rZUs h3 {
3862
- margin-bottom: 20px;
3863
-
3864
- font-size: 28px;
3865
- line-height: 34px
3814
+ .MetaItemLive-module_gold__3yZEV {
3815
+ color: #b88b59;
3866
3816
  }
3867
- }
3868
- .Spoiler-module_body__Q1e_c {
3869
- display: none;
3870
-
3871
- width: 100%;
3872
- margin-right: auto;
3873
- margin-left: auto;
3874
- padding-bottom: 13px
3817
+ .MetaItemLive-module_root__2mpD3::before,
3818
+ .MetaItemLive-module_root__2mpD3::after,
3819
+ .MetaItemLive-module_frame__1H_Ha {
3820
+ position: absolute;
3821
+ top: 0;
3822
+ right: 0;
3823
+ bottom: 0;
3824
+ left: 0;
3825
+ z-index: 0;
3875
3826
  }
3876
- @media only screen and (min-device-width: 32em) {
3877
- .Spoiler-module_body__Q1e_c {
3878
- order: 2;
3827
+ .MetaItemLive-module_root__2mpD3 {
3828
+ margin-top: -4px;
3829
+ margin-right: 1px;
3879
3830
 
3880
- padding-top: 25px;
3881
- padding-bottom: 0
3882
- }
3883
- }
3884
- .Spoiler-module_spoiled__1A5r4 {
3885
- min-height: auto
3886
- }
3887
- @media only screen and (max-device-width: 32.1875em) {
3888
- .Spoiler-module_spoiled__1A5r4 {
3889
- padding-bottom: 0
3890
- }
3891
- }
3892
- .Spoiler-module_spoiled__1A5r4 .Spoiler-module_body__Q1e_c {
3893
- display: block;
3894
- }
3895
- .Spoiler-module_footer__23mh7 {
3896
- position: static;
3831
+ transform: translateY(1px);
3897
3832
  }
3898
- .Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7 {
3899
- position: -webkit-sticky;
3900
- position: sticky;
3901
- bottom: 0;
3902
- z-index: 10;
3833
+ .MetaItemLive-module_root__2mpD3::before,
3834
+ .MetaItemLive-module_root__2mpD3::after,
3835
+ .MetaItemLive-module_frame__1H_Ha {
3903
3836
 
3904
- margin-right: -20px;
3905
- margin-left: -20px;
3906
- padding: 12px 20px 20px;
3837
+ border-radius: 50%;
3838
+ transform: scale(0);
3907
3839
 
3908
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(64%, #fff));
3840
+ -webkit-animation-duration: 1.05s;
3909
3841
 
3910
- background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 64%);
3842
+ animation-duration: 1.05s;
3843
+ -webkit-animation-timing-function: linear;
3844
+ animation-timing-function: linear;
3845
+ -webkit-animation-iteration-count: infinite;
3846
+ animation-iteration-count: infinite;
3847
+ }
3848
+ .MetaItemLive-module_frame__1H_Ha {
3911
3849
 
3912
- background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 64%);
3850
+ background: currentColor;
3913
3851
 
3914
- -webkit-animation: Spoiler-module_spoilerSticky__3Kd30 500ms ease both;
3852
+ -webkit-animation-name: MetaItemLive-module_liveMiddle__wyuV3;
3915
3853
 
3916
- animation: Spoiler-module_spoilerSticky__3Kd30 500ms ease both
3854
+ animation-name: MetaItemLive-module_liveMiddle__wyuV3;
3917
3855
  }
3918
- @media only screen and (min-device-width: 32em) {
3919
- .Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7 {
3920
- position: static;
3921
-
3922
- margin-right: 0;
3923
- margin-left: 0;
3924
- padding: 0;
3925
-
3926
- background-image: none;
3856
+ .MetaItemLive-module_root__2mpD3::before,
3857
+ .MetaItemLive-module_root__2mpD3::after {
3927
3858
 
3928
- -webkit-animation: none;
3859
+ border: 1px solid currentColor;
3929
3860
 
3930
- animation: none
3861
+ content: '';
3862
+ }
3863
+ .MetaItemLive-module_root__2mpD3::before {
3864
+ -webkit-animation-name: MetaItemLive-module_liveFirstWave__3dbvz;
3865
+ animation-name: MetaItemLive-module_liveFirstWave__3dbvz;
3931
3866
  }
3867
+ .MetaItemLive-module_root__2mpD3::after {
3868
+ -webkit-animation-name: MetaItemLive-module_liveSecondWave__12g57;
3869
+ animation-name: MetaItemLive-module_liveSecondWave__12g57;
3870
+ }
3871
+ @-webkit-keyframes MetaItemLive-module_liveMiddle__wyuV3 {
3872
+ 14% {
3873
+ transform: scale(0);
3932
3874
  }
3933
- .Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7::after {
3934
- position: absolute;
3935
- top: 100%;
3936
- right: 0;
3937
- left: 0;
3938
- z-index: -1;
3939
-
3940
- height: 16px;
3941
3875
 
3942
- background-color: #fff;
3876
+ 30% {
3877
+ transform: scale(0.22);
3878
+ }
3943
3879
 
3944
- -webkit-animation: Spoiler-module_spoilerStickyBg__nYdlo 1ms ease both 500ms;
3880
+ 63% {
3881
+ transform: scale(0.22);
3882
+ }
3945
3883
 
3946
- animation: Spoiler-module_spoilerStickyBg__nYdlo 1ms ease both 500ms;
3884
+ 70% {
3885
+ transform: scale(0);
3886
+ }
3947
3887
 
3948
- content: ''
3949
- }
3950
- @media only screen and (min-device-width: 32em) {
3951
- .Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7::after {
3952
- content: none
3953
- }
3888
+ 100% {
3889
+ transform: scale(0);
3954
3890
  }
3955
- .Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7 svg {
3956
- transform: rotate(180deg) translateY(1px);
3957
- }
3958
- @media only screen and (min-device-width: 32em) {
3959
- .Spoiler-module_center__tq1m0 {
3960
- max-width: 980px;
3961
- margin-right: auto;
3962
- margin-left: auto
3963
3891
  }
3892
+ @keyframes MetaItemLive-module_liveMiddle__wyuV3 {
3893
+ 14% {
3894
+ transform: scale(0);
3964
3895
  }
3965
- .Spoiler-module_full__1QFqR {
3966
- max-width: 980px;
3967
- }
3968
- .Spoiler-module_default__2Kjx8 {
3969
- max-width: 650px;
3970
- }
3971
- @-webkit-keyframes Spoiler-module_spoilerSticky__3Kd30 {
3972
- 0% {
3973
- transform: translateY(62px);
3896
+
3897
+ 30% {
3898
+ transform: scale(0.22);
3974
3899
  }
3975
3900
 
3976
- 50% {
3977
- transform: translateY(-16px);
3901
+ 63% {
3902
+ transform: scale(0.22);
3903
+ }
3904
+
3905
+ 70% {
3906
+ transform: scale(0);
3978
3907
  }
3979
3908
 
3980
3909
  100% {
3981
- transform: translateY(0);
3910
+ transform: scale(0);
3982
3911
  }
3983
3912
  }
3984
- @keyframes Spoiler-module_spoilerSticky__3Kd30 {
3985
- 0% {
3986
- transform: translateY(62px);
3913
+ @-webkit-keyframes MetaItemLive-module_liveFirstWave__3dbvz {
3914
+ 21% {
3915
+ transform: scale(0.1);
3987
3916
  }
3988
3917
 
3989
- 50% {
3990
- transform: translateY(-16px);
3918
+ 53% {
3919
+ transform: scale(0.33);
3991
3920
  }
3992
3921
 
3993
3922
  100% {
3994
- transform: translateY(0);
3923
+ transform: scale(0.66);
3924
+
3925
+ opacity: 0;
3995
3926
  }
3996
3927
  }
3997
- @-webkit-keyframes Spoiler-module_spoilerStickyBg__nYdlo {
3998
- 0% {
3999
- background-color: #fff;
3928
+ @keyframes MetaItemLive-module_liveFirstWave__3dbvz {
3929
+ 21% {
3930
+ transform: scale(0.1);
3931
+ }
3932
+
3933
+ 53% {
3934
+ transform: scale(0.33);
4000
3935
  }
4001
3936
 
4002
3937
  100% {
4003
- background-color: transparent;
3938
+ transform: scale(0.66);
3939
+
3940
+ opacity: 0;
4004
3941
  }
4005
3942
  }
4006
- @keyframes Spoiler-module_spoilerStickyBg__nYdlo {
4007
- 0% {
4008
- background-color: #fff;
3943
+ @-webkit-keyframes MetaItemLive-module_liveSecondWave__12g57 {
3944
+ 21% {
3945
+ transform: scale(0.22);
3946
+ }
3947
+
3948
+ 53% {
3949
+ transform: scale(0.55);
4009
3950
  }
4010
3951
 
4011
3952
  100% {
4012
- background-color: transparent;
3953
+ transform: scale(0.88);
3954
+
3955
+ opacity: 0;
4013
3956
  }
4014
3957
  }
4015
- [data-gdpr-panel='true'] .Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7 {
4016
- bottom: 45px
4017
- }
4018
- @media only screen and (min-device-width: 32em) {
4019
- [data-gdpr-panel='true'] .Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7 {
4020
- bottom: 46px
4021
- }
3958
+ @keyframes MetaItemLive-module_liveSecondWave__12g57 {
3959
+ 21% {
3960
+ transform: scale(0.22);
4022
3961
  }
4023
- /* VISIBILITY */
4024
- @media only screen and (min-device-width: 32em) {
4025
- .Spoiler-module_mobile__2BPt8 {
4026
- display: none
4027
- }
3962
+
3963
+ 53% {
3964
+ transform: scale(0.55);
4028
3965
  }
4029
- .Spoiler-module_desktop__1BIFJ {
4030
- display: none
4031
- }
4032
- @media only screen and (min-device-width: 32em) {
4033
- .Spoiler-module_desktop__1BIFJ {
4034
- display: block
4035
- }
3966
+
3967
+ 100% {
3968
+ transform: scale(0.88);
3969
+
3970
+ opacity: 0;
4036
3971
  }
3972
+ }
4037
3973
 
4038
3974
  /* Colors */
4039
3975
  /* Fonts */
@@ -4048,96 +3984,108 @@ a mark {
4048
3984
  /* 511 */
4049
3985
  /* 1023 */
4050
3986
  /* Zindex */
4051
- .MetaItem-module_root__2VQom {
4052
- display: inline;
4053
-
4054
- margin-right: 15px;
4055
- }
4056
- .MetaItem-module_root__2VQom > svg {
4057
- display: inline-block;
4058
-
4059
- margin-right: 1px;
3987
+ .SourceBlock-module_root__1P3XD {
3988
+ display: block;
4060
3989
 
4061
- vertical-align: top;
3990
+ margin: 18px 0 15px;
3991
+ padding: 12px 11px 17px;
4062
3992
 
4063
- color: inherit;
3993
+ color: #000;
3994
+ border-radius: 2px 8px 8px 2px;
3995
+ background-color: #f5f5f5;
3996
+ box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1), inset 4px 0 0 0 #b78b5c;
4064
3997
 
4065
- fill: currentColor;
3998
+ font-size: 16px;
3999
+ line-height: 20px
4066
4000
  }
4067
- .MetaItem-module_root__2VQom a {
4068
- display: inline;
4069
-
4070
- text-decoration: underline;
4071
-
4072
- color: inherit;
4073
-
4074
- -webkit-text-decoration-skip: auto;
4001
+ @media only screen and (min-device-width: 48em) {
4002
+ .SourceBlock-module_root__1P3XD {
4003
+ margin-top: 25px;
4004
+ margin-bottom: 25px;
4005
+ padding: 18px 16px 16px
4075
4006
  }
4076
- .MetaItem-module_root__2VQom a:hover {
4077
- color: #b88b59;
4007
+ }
4008
+ .SourceBlock-module_root__1P3XD:hover,
4009
+ .SourceBlock-module_root__1P3XD:visited {
4010
+ background-color: #ededed;
4078
4011
  }
4079
- .MetaItem-module_hasBullets__CkQPI {
4080
- margin-right: 0;
4012
+ .SourceBlock-module_root__1P3XD blockquote {
4013
+ margin: 0;
4081
4014
  }
4082
- .MetaItem-module_hasBullets__CkQPI:nth-child(n + 2)::before {
4083
- display: inline-block;
4015
+ .SourceBlock-module_root__1P3XD a {
4016
+ text-decoration: none;
4084
4017
 
4085
- padding-right: 0.4em;
4086
- padding-left: 0.4em;
4018
+ color: inherit;
4019
+ }
4020
+ .SourceBlock-module_text__Si4vm {
4021
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
4022
+ }
4023
+ .SourceBlock-module_text__Si4vm p {
4024
+ margin: 0;
4087
4025
 
4088
- content: '\B7';
4026
+ font-size: 16px;
4027
+ line-height: 22px
4089
4028
  }
4090
- @media only screen and (max-device-width: 32.1875em) {
4091
- .MetaItem-module_hasSource__1DmCI {
4092
- width: 100%;
4093
- margin-top: 3px;
4094
- margin-bottom: 3px
4029
+ @media only screen and (min-device-width: 48em) {
4030
+ .SourceBlock-module_text__Si4vm p {
4031
+ font-size: 18px;
4032
+ line-height: 26px
4095
4033
  }
4096
4034
  }
4097
- @media only screen and (max-device-width: 32.1875em) {
4098
- .MetaItem-module_hasSource__1DmCI:first-child {
4099
- margin-top: 0
4035
+ .SourceBlock-module_root__1P3XD p + p {
4036
+ margin-top: 12px;
4100
4037
  }
4101
- }
4102
- .MetaItem-module_hasSource__1DmCI:last-child {
4103
- margin-bottom: 0;
4038
+ .SourceBlock-module_root__1P3XD footer {
4039
+ margin-top: 12px;
4040
+ padding-top: 10px;
4041
+
4042
+ border-top: 1px solid #d6d6d6
4104
4043
  }
4105
- @media only screen and (max-device-width: 32.1875em) {
4106
- .MetaItem-module_hasSource__1DmCI:nth-child(n + 2)::before {
4107
- display: none
4044
+ @media only screen and (min-device-width: 48em) {
4045
+ .SourceBlock-module_root__1P3XD footer {
4046
+ margin-top: 18px;
4047
+ padding-top: 12px
4108
4048
  }
4109
4049
  }
4110
- @media only screen and (max-device-width: 32.1875em) {
4111
- .MetaItem-module_hasSource__1DmCI.MetaItem-module_listened__lwvAO::before,
4112
- .MetaItem-module_hasSource__1DmCI.MetaItem-module_read__5eAIG::before {
4113
- display: inline-block
4050
+ .SourceBlock-module_origin__l3JbO {
4051
+ letter-spacing: 1px;
4052
+ text-transform: uppercase;
4053
+ pointer-events: none;
4054
+
4055
+ color: #292929;
4056
+
4057
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
4058
+ font-size: 16px;
4059
+ font-weight: bold;
4060
+ font-style: normal;
4061
+ line-height: 22px
4062
+ }
4063
+ @media only screen and (min-device-width: 48em) {
4064
+ .SourceBlock-module_origin__l3JbO {
4065
+ font-size: 18px;
4066
+ line-height: 26px
4114
4067
  }
4115
4068
  }
4116
- @media only screen and (max-device-width: 32.1875em) {
4117
- .MetaItem-module_datetime__3tOWm,
4118
- .MetaItem-module_listened__lwvAO,
4119
- .MetaItem-module_read__5eAIG {
4120
- width: auto
4069
+ .SourceBlock-module_center__3P93B {
4070
+ max-width: 650px;
4071
+ margin-right: auto;
4072
+ margin-left: auto;
4121
4073
  }
4122
- }
4123
- @media only screen and (max-device-width: 32.1875em) {
4124
- .MetaItem-module_hasSource__1DmCI.MetaItem-module_datetime__3tOWm:first-child {
4125
- order: -2
4074
+ /* VISIBILITY */
4075
+ @media only screen and (min-device-width: 32em) {
4076
+ .SourceBlock-module_mobile__2gw4S {
4077
+ display: none
4126
4078
  }
4127
4079
  }
4128
- @media only screen and (max-device-width: 32.1875em) {
4129
- .MetaItem-module_hasSource__1DmCI.MetaItem-module_listened__lwvAO,
4130
- .MetaItem-module_hasSource__1DmCI.MetaItem-module_read__5eAIG {
4131
- order: -1;
4132
-
4133
- margin-top: 0
4080
+ .SourceBlock-module_desktop__DecT6 {
4081
+ display: none
4134
4082
  }
4135
- }
4136
- .MetaItem-module_read__5eAIG svg {
4137
- margin-top: -1px;
4083
+ @media only screen and (min-device-width: 32em) {
4084
+ .SourceBlock-module_desktop__DecT6 {
4085
+ display: block
4138
4086
  }
4087
+ }
4139
4088
 
4140
- /* stylelint-disable declaration-empty-line-before */
4141
4089
  /* Colors */
4142
4090
  /* Fonts */
4143
4091
  /* Gap */
@@ -4151,175 +4099,233 @@ a mark {
4151
4099
  /* 511 */
4152
4100
  /* 1023 */
4153
4101
  /* Zindex */
4154
- .MetaItemLive-module_root__2mpD3 {
4155
- position: relative;
4156
-
4157
- display: inline-block;
4102
+ .Spoiler-module_root__1OfSR {
4103
+ width: 100%;
4104
+ margin: 15px 0;
4105
+ padding: 21px 0 22px;
4158
4106
 
4159
- width: 18px;
4160
- height: 18px;
4107
+ border-top: 3px solid rgba(0, 0, 0, 0.1);
4108
+ border-bottom: 3px solid rgba(0, 0, 0, 0.1)
4109
+ }
4110
+ @media only screen and (min-device-width: 32em) {
4111
+ .Spoiler-module_root__1OfSR {
4112
+ display: -webkit-box;
4113
+ display: -webkit-flex;
4114
+ display: -ms-flexbox;
4115
+ display: flex;
4116
+ flex-flow: column nowrap;
4161
4117
 
4162
- vertical-align: middle;
4118
+ margin: 25px auto 20px;
4119
+ padding: 20px 0
4163
4120
  }
4164
- .MetaItemLive-module_gold__3yZEV {
4165
- color: #b88b59;
4121
+ }
4122
+ .Spoiler-module_root__1OfSR:last-child {
4123
+ margin-bottom: 0;
4166
4124
  }
4167
- .MetaItemLive-module_root__2mpD3::before,
4168
- .MetaItemLive-module_root__2mpD3::after,
4169
- .MetaItemLive-module_frame__1H_Ha {
4170
- position: absolute;
4171
- top: 0;
4172
- right: 0;
4173
- bottom: 0;
4174
- left: 0;
4175
- z-index: 0;
4125
+ .Spoiler-module_root__1OfSR:first-child {
4126
+ margin-top: 0;
4176
4127
  }
4177
- .MetaItemLive-module_root__2mpD3 {
4178
- margin-top: -4px;
4179
- margin-right: 1px;
4128
+ .Spoiler-module_header__1rZUs {
4129
+ display: -webkit-box;
4130
+ display: -webkit-flex;
4131
+ display: -ms-flexbox;
4132
+ display: flex;
4133
+ flex-flow: column nowrap;
4134
+ justify-content: center;
4180
4135
 
4181
- transform: translateY(1px);
4136
+ width: 100%;
4137
+ max-width: 650px;
4138
+ margin-right: auto;
4139
+ margin-left: auto;
4182
4140
  }
4183
- .MetaItemLive-module_root__2mpD3::before,
4184
- .MetaItemLive-module_root__2mpD3::after,
4185
- .MetaItemLive-module_frame__1H_Ha {
4186
-
4187
- border-radius: 50%;
4188
- transform: scale(0);
4189
-
4190
- -webkit-animation-duration: 1.05s;
4141
+ .Spoiler-module_header__1rZUs h3 {
4142
+ margin-top: 0;
4143
+ margin-bottom: 18px;
4191
4144
 
4192
- animation-duration: 1.05s;
4193
- -webkit-animation-timing-function: linear;
4194
- animation-timing-function: linear;
4195
- -webkit-animation-iteration-count: infinite;
4196
- animation-iteration-count: infinite;
4145
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
4146
+ font-size: 21px;
4147
+ font-weight: 700;
4148
+ line-height: 26px
4197
4149
  }
4198
- .MetaItemLive-module_frame__1H_Ha {
4150
+ @media only screen and (min-device-width: 32em) {
4151
+ .Spoiler-module_header__1rZUs h3 {
4152
+ margin-bottom: 20px;
4199
4153
 
4200
- background: currentColor;
4154
+ font-size: 28px;
4155
+ line-height: 34px
4156
+ }
4157
+ }
4158
+ .Spoiler-module_body__Q1e_c {
4159
+ display: none;
4201
4160
 
4202
- -webkit-animation-name: MetaItemLive-module_liveMiddle__wyuV3;
4161
+ width: 100%;
4203
4162
 
4204
- animation-name: MetaItemLive-module_liveMiddle__wyuV3;
4163
+ padding-bottom: 13px
4205
4164
  }
4206
- .MetaItemLive-module_root__2mpD3::before,
4207
- .MetaItemLive-module_root__2mpD3::after {
4208
-
4209
- border: 1px solid currentColor;
4165
+ @media only screen and (min-device-width: 32em) {
4166
+ .Spoiler-module_body__Q1e_c {
4167
+ order: 2;
4210
4168
 
4211
- content: '';
4169
+ padding-top: 25px;
4170
+ padding-bottom: 0
4212
4171
  }
4213
- .MetaItemLive-module_root__2mpD3::before {
4214
- -webkit-animation-name: MetaItemLive-module_liveFirstWave__3dbvz;
4215
- animation-name: MetaItemLive-module_liveFirstWave__3dbvz;
4172
+ }
4173
+ .Spoiler-module_spoiled__1A5r4 {
4174
+ min-height: auto
4216
4175
  }
4217
- .MetaItemLive-module_root__2mpD3::after {
4218
- -webkit-animation-name: MetaItemLive-module_liveSecondWave__12g57;
4219
- animation-name: MetaItemLive-module_liveSecondWave__12g57;
4176
+ @media only screen and (max-device-width: 32.1875em) {
4177
+ .Spoiler-module_spoiled__1A5r4 {
4178
+ padding-bottom: 0
4220
4179
  }
4221
- @-webkit-keyframes MetaItemLive-module_liveMiddle__wyuV3 {
4222
- 14% {
4223
- transform: scale(0);
4224
4180
  }
4181
+ .Spoiler-module_spoiled__1A5r4 .Spoiler-module_body__Q1e_c {
4182
+ display: block;
4183
+ }
4184
+ .Spoiler-module_footer__23mh7 {
4185
+ position: static;
4225
4186
 
4226
- 30% {
4227
- transform: scale(0.22);
4228
- }
4187
+ width: 100%;
4188
+ max-width: 650px;
4189
+ margin-right: auto;
4190
+ margin-left: auto;
4191
+ }
4192
+ .Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7 {
4193
+ position: -webkit-sticky;
4194
+ position: sticky;
4195
+ z-index: 10;
4196
+ bottom: 0;
4229
4197
 
4230
- 63% {
4231
- transform: scale(0.22);
4232
- }
4198
+ margin-right: -20px;
4199
+ margin-left: -20px;
4200
+ padding: 12px 20px 20px;
4233
4201
 
4234
- 70% {
4235
- transform: scale(0);
4236
- }
4202
+ -webkit-animation: Spoiler-module_spoilerSticky__3Kd30 500ms ease both;
4237
4203
 
4238
- 100% {
4239
- transform: scale(0);
4240
- }
4204
+ animation: Spoiler-module_spoilerSticky__3Kd30 500ms ease both;
4205
+
4206
+ background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(64%, #fff));
4207
+
4208
+ background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 64%);
4209
+
4210
+ background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 64%)
4241
4211
  }
4242
- @keyframes MetaItemLive-module_liveMiddle__wyuV3 {
4243
- 14% {
4244
- transform: scale(0);
4245
- }
4212
+ @media only screen and (min-device-width: 32em) {
4213
+ .Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7 {
4214
+ position: static;
4246
4215
 
4247
- 30% {
4248
- transform: scale(0.22);
4249
- }
4216
+ margin-right: auto;
4217
+ margin-left: auto;
4218
+ padding: 0;
4250
4219
 
4251
- 63% {
4252
- transform: scale(0.22);
4253
- }
4220
+ -webkit-animation: none;
4254
4221
 
4255
- 70% {
4256
- transform: scale(0);
4257
- }
4222
+ animation: none;
4258
4223
 
4259
- 100% {
4260
- transform: scale(0);
4261
- }
4224
+ background-image: none
4262
4225
  }
4263
- @-webkit-keyframes MetaItemLive-module_liveFirstWave__3dbvz {
4264
- 21% {
4265
- transform: scale(0.1);
4266
4226
  }
4227
+ .Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7::after {
4228
+ position: absolute;
4229
+ z-index: -1;
4230
+ top: 100%;
4231
+ right: 0;
4232
+ left: 0;
4267
4233
 
4268
- 53% {
4269
- transform: scale(0.33);
4270
- }
4234
+ height: 16px;
4271
4235
 
4272
- 100% {
4273
- transform: scale(0.66);
4236
+ content: '';
4237
+ -webkit-animation: Spoiler-module_spoilerStickyBg__nYdlo 1ms ease both 500ms;
4238
+ animation: Spoiler-module_spoilerStickyBg__nYdlo 1ms ease both 500ms;
4274
4239
 
4275
- opacity: 0;
4240
+ background-color: #fff
4241
+ }
4242
+ @media only screen and (min-device-width: 32em) {
4243
+ .Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7::after {
4244
+ content: none
4245
+ }
4276
4246
  }
4247
+ .Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7 svg {
4248
+ transform: rotate(180deg) translateY(1px);
4277
4249
  }
4278
- @keyframes MetaItemLive-module_liveFirstWave__3dbvz {
4279
- 21% {
4280
- transform: scale(0.1);
4250
+ @media only screen and (min-device-width: 32em) {
4251
+ .Spoiler-module_center__tq1m0 {
4252
+ max-width: 980px;
4253
+ margin-right: auto;
4254
+ margin-left: auto
4255
+ }
4256
+ }
4257
+ .Spoiler-module_full__1QFqR {
4258
+ max-width: 980px;
4259
+ }
4260
+ .Spoiler-module_default__2Kjx8 {
4261
+ max-width: 650px;
4262
+ }
4263
+ @-webkit-keyframes Spoiler-module_spoilerSticky__3Kd30 {
4264
+ 0% {
4265
+ transform: translateY(62px);
4281
4266
  }
4282
4267
 
4283
- 53% {
4284
- transform: scale(0.33);
4268
+ 50% {
4269
+ transform: translateY(-16px);
4285
4270
  }
4286
4271
 
4287
4272
  100% {
4288
- transform: scale(0.66);
4289
-
4290
- opacity: 0;
4273
+ transform: translateY(0);
4291
4274
  }
4292
4275
  }
4293
- @-webkit-keyframes MetaItemLive-module_liveSecondWave__12g57 {
4294
- 21% {
4295
- transform: scale(0.22);
4276
+ @keyframes Spoiler-module_spoilerSticky__3Kd30 {
4277
+ 0% {
4278
+ transform: translateY(62px);
4296
4279
  }
4297
4280
 
4298
- 53% {
4299
- transform: scale(0.55);
4281
+ 50% {
4282
+ transform: translateY(-16px);
4300
4283
  }
4301
4284
 
4302
4285
  100% {
4303
- transform: scale(0.88);
4304
-
4305
- opacity: 0;
4286
+ transform: translateY(0);
4306
4287
  }
4307
4288
  }
4308
- @keyframes MetaItemLive-module_liveSecondWave__12g57 {
4309
- 21% {
4310
- transform: scale(0.22);
4289
+ @-webkit-keyframes Spoiler-module_spoilerStickyBg__nYdlo {
4290
+ 0% {
4291
+ background-color: #fff;
4311
4292
  }
4312
4293
 
4313
- 53% {
4314
- transform: scale(0.55);
4294
+ 100% {
4295
+ background-color: transparent;
4296
+ }
4297
+ }
4298
+ @keyframes Spoiler-module_spoilerStickyBg__nYdlo {
4299
+ 0% {
4300
+ background-color: #fff;
4315
4301
  }
4316
4302
 
4317
4303
  100% {
4318
- transform: scale(0.88);
4319
-
4320
- opacity: 0;
4304
+ background-color: transparent;
4305
+ }
4306
+ }
4307
+ [data-gdpr-panel='true'] .Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7 {
4308
+ bottom: 45px
4309
+ }
4310
+ @media only screen and (min-device-width: 32em) {
4311
+ [data-gdpr-panel='true'] .Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7 {
4312
+ bottom: 46px
4313
+ }
4314
+ }
4315
+ /* VISIBILITY */
4316
+ @media only screen and (min-device-width: 32em) {
4317
+ .Spoiler-module_mobile__2BPt8 {
4318
+ display: none
4319
+ }
4321
4320
  }
4321
+ .Spoiler-module_desktop__1BIFJ {
4322
+ display: none
4323
+ }
4324
+ @media only screen and (min-device-width: 32em) {
4325
+ .Spoiler-module_desktop__1BIFJ {
4326
+ display: block
4322
4327
  }
4328
+ }
4323
4329
 
4324
4330
  /* stylelint-disable declaration-empty-line-before */
4325
4331
  /* Colors */
@@ -4349,104 +4355,6 @@ a mark {
4349
4355
  vertical-align: top;
4350
4356
  }
4351
4357
 
4352
- /* Colors */
4353
- /* Fonts */
4354
- /* Gap */
4355
- /* Media */
4356
- /* 512 */
4357
- /* 650 */
4358
- /* 768 */
4359
- /* 1024 */
4360
- /* 1010 */
4361
- /* 1200 */
4362
- /* 511 */
4363
- /* 1023 */
4364
- /* Zindex */
4365
- .ToolbarButton-module_root__xN-fq {
4366
- height: 100%;
4367
- margin: 0;
4368
- padding: 0 1px 0 0;
4369
-
4370
- cursor: pointer;
4371
-
4372
- color: inherit;
4373
- border-width: 0;
4374
- outline: none;
4375
- background-color: transparent;
4376
-
4377
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
4378
- font-size: 12px;
4379
- font-weight: 600;
4380
- line-height: 1;
4381
-
4382
- -webkit-appearance: none;
4383
-
4384
- -moz-appearance: none;
4385
-
4386
- appearance: none;
4387
- }
4388
- .ToolbarButton-module_root__xN-fq::after {
4389
- position: absolute;
4390
- top: 0;
4391
- right: 0;
4392
- bottom: 0;
4393
- left: 0;
4394
-
4395
- content: '';
4396
- }
4397
- .ToolbarButton-module_root__xN-fq:hover {
4398
- opacity: 0.6;
4399
- }
4400
- .ToolbarButton-module_dark__GrIOr {
4401
- color: #fff;
4402
- }
4403
- .ToolbarButton-module_dark__GrIOr:hover {
4404
- opacity: 0.6;
4405
- }
4406
- .ToolbarButton-module_dark__GrIOr svg {
4407
- color: #262626;
4408
-
4409
- fill: #fff;
4410
- }
4411
- .ToolbarButton-module_dark__GrIOr.ToolbarButton-module_bookmark__3369b svg {
4412
- color: #fff;
4413
-
4414
- fill: transparent;
4415
- }
4416
- .ToolbarButton-module_dark__GrIOr.ToolbarButton-module_bookmark__3369b.ToolbarButton-module_isActive__3NLAE svg {
4417
- fill: currentColor;
4418
- }
4419
- .ToolbarButton-module_dark__GrIOr::before {
4420
- border-left-color: rgba(255, 255, 255, 0.2);
4421
- }
4422
- .ToolbarButton-module_root__xN-fq [data-theme='dark'] {
4423
- visibility: hidden;
4424
- }
4425
- .ToolbarButton-module_dark__GrIOr [data-theme='dark'] {
4426
- visibility: visible;
4427
- }
4428
- .ToolbarButton-module_dark__GrIOr [data-theme='light'] {
4429
- visibility: hidden;
4430
- }
4431
- .ToolbarButton-module_text__32m6s {
4432
- display: inline-block;
4433
-
4434
- padding-left: 5px;
4435
-
4436
- vertical-align: middle;
4437
- }
4438
- .ToolbarButton-module_text__32m6s:empty {
4439
- display: none;
4440
- }
4441
- .ToolbarButton-module_bookmark__3369b {
4442
- color: #999;
4443
-
4444
- fill: transparent;
4445
- }
4446
- .ToolbarButton-module_isActive__3NLAE {
4447
- fill: currentColor;
4448
- }
4449
-
4450
4358
  /* Colors */
4451
4359
  /* Fonts */
4452
4360
  /* Gap */
@@ -4686,6 +4594,104 @@ a mark {
4686
4594
  }
4687
4595
  }
4688
4596
 
4597
+ /* Colors */
4598
+ /* Fonts */
4599
+ /* Gap */
4600
+ /* Media */
4601
+ /* 512 */
4602
+ /* 650 */
4603
+ /* 768 */
4604
+ /* 1024 */
4605
+ /* 1010 */
4606
+ /* 1200 */
4607
+ /* 511 */
4608
+ /* 1023 */
4609
+ /* Zindex */
4610
+ .ToolbarButton-module_root__xN-fq {
4611
+ height: 100%;
4612
+ margin: 0;
4613
+ padding: 0 1px 0 0;
4614
+
4615
+ cursor: pointer;
4616
+
4617
+ color: inherit;
4618
+ border-width: 0;
4619
+ outline: none;
4620
+ background-color: transparent;
4621
+
4622
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
4623
+ font-size: 12px;
4624
+ font-weight: 600;
4625
+ line-height: 1;
4626
+
4627
+ -webkit-appearance: none;
4628
+
4629
+ -moz-appearance: none;
4630
+
4631
+ appearance: none;
4632
+ }
4633
+ .ToolbarButton-module_root__xN-fq::after {
4634
+ position: absolute;
4635
+ top: 0;
4636
+ right: 0;
4637
+ bottom: 0;
4638
+ left: 0;
4639
+
4640
+ content: '';
4641
+ }
4642
+ .ToolbarButton-module_root__xN-fq:hover {
4643
+ opacity: 0.6;
4644
+ }
4645
+ .ToolbarButton-module_dark__GrIOr {
4646
+ color: #fff;
4647
+ }
4648
+ .ToolbarButton-module_dark__GrIOr:hover {
4649
+ opacity: 0.6;
4650
+ }
4651
+ .ToolbarButton-module_dark__GrIOr svg {
4652
+ color: #262626;
4653
+
4654
+ fill: #fff;
4655
+ }
4656
+ .ToolbarButton-module_dark__GrIOr.ToolbarButton-module_bookmark__3369b svg {
4657
+ color: #fff;
4658
+
4659
+ fill: transparent;
4660
+ }
4661
+ .ToolbarButton-module_dark__GrIOr.ToolbarButton-module_bookmark__3369b.ToolbarButton-module_isActive__3NLAE svg {
4662
+ fill: currentColor;
4663
+ }
4664
+ .ToolbarButton-module_dark__GrIOr::before {
4665
+ border-left-color: rgba(255, 255, 255, 0.2);
4666
+ }
4667
+ .ToolbarButton-module_root__xN-fq [data-theme='dark'] {
4668
+ visibility: hidden;
4669
+ }
4670
+ .ToolbarButton-module_dark__GrIOr [data-theme='dark'] {
4671
+ visibility: visible;
4672
+ }
4673
+ .ToolbarButton-module_dark__GrIOr [data-theme='light'] {
4674
+ visibility: hidden;
4675
+ }
4676
+ .ToolbarButton-module_text__32m6s {
4677
+ display: inline-block;
4678
+
4679
+ padding-left: 5px;
4680
+
4681
+ vertical-align: middle;
4682
+ }
4683
+ .ToolbarButton-module_text__32m6s:empty {
4684
+ display: none;
4685
+ }
4686
+ .ToolbarButton-module_bookmark__3369b {
4687
+ color: #999;
4688
+
4689
+ fill: transparent;
4690
+ }
4691
+ .ToolbarButton-module_isActive__3NLAE {
4692
+ fill: currentColor;
4693
+ }
4694
+
4689
4695
  /* Colors */
4690
4696
  /* Fonts */
4691
4697
  /* Gap */