@meduza/ui-kit-2 0.1.28 → 0.1.29

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,233 +1,3 @@
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
- .SvgSymbol-module_root__2CsRW {
15
- width: 100%;
16
- height: 100%;
17
-
18
- vertical-align: middle;
19
- }
20
- .SvgSymbol-module_small__2g6oR {
21
- height: 14px;
22
- }
23
- .SvgSymbol-module_normal__9lFn1 {
24
- height: 14px;
25
- }
26
- .SvgSymbol-module_medium__2eF5L {
27
- width: 24px;
28
- height: 24px;
29
- }
30
- .SvgSymbol-module_large__2kQrt {
31
- width: 42px;
32
- height: 42px;
33
- }
34
- .SvgSymbol-module_adaptive__3_68T {
35
- width: 100%;
36
- height: 100%;
37
- }
38
- .SvgSymbol-module_fb__1whmw {
39
- width: 16px;
40
-
41
- fill: #304591;
42
- }
43
- .SvgSymbol-module_vk__3VEuu {
44
- width: 20px;
45
-
46
- fill: #527397;
47
- }
48
- .SvgSymbol-module_ok__2_1Qb {
49
- width: 9px;
50
-
51
- fill: #eb722e;
52
- }
53
- .SvgSymbol-module_tw__2VRG5 {
54
- width: 20px;
55
-
56
- fill: #31adf4;
57
- }
58
- .SvgSymbol-module_tg__2xe2f {
59
- width: 18px;
60
-
61
- fill: #2ba5e0;
62
- }
63
- .SvgSymbol-module_reaction__rrJvf {
64
- width: 16px;
65
-
66
- color: #b88b59;
67
-
68
- fill: #262626;
69
- }
70
- .SvgSymbol-module_card__1XAqw,
71
- .SvgSymbol-module_podcast__3oPoo,
72
- .SvgSymbol-module_read__2V82i,
73
- .SvgSymbol-module_listened__1oMFV {
74
- width: 15px;
75
- height: 15px;
76
- }
77
- .SvgSymbol-module_menu__2iYFt {
78
- width: 24px;
79
- height: 24px;
80
- }
81
- .SvgSymbol-module_cross__J2lCN {
82
- width: 14px;
83
- height: 14px;
84
- }
85
- .SvgSymbol-module_isInFeature__cDeTI,
86
- .SvgSymbol-module_isInCard__pKq4e {
87
- width: 16px;
88
- height: 16px;
89
- }
90
- .SvgSymbol-module_isInTopicBlockItem__3Te91 {
91
- width: 16px;
92
- height: 16px;
93
- }
94
- .SvgSymbol-module_isInPageStatic__H31Rd {
95
- width: 64px;
96
- height: 64px;
97
- }
98
- .SvgSymbol-module_isInMaterialMeta__2IbAw {
99
- margin-right: 6px;
100
- }
101
- .SvgSymbol-module_isInAudioPlayer__2xlzW {
102
- width: 29px;
103
- height: 29px;
104
-
105
- -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
106
-
107
- filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
108
- }
109
- .SvgSymbol-module_isInEpisodeBlock__2vY3o {
110
- width: 38px;
111
- height: 38px;
112
-
113
- -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
114
-
115
- filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
116
- }
117
- .SvgSymbol-module_isInButtonPlaybackRate__1L3TW {
118
- width: 34px;
119
- height: 28px
120
- }
121
- @media only screen and (min-device-width: 40.625em) {
122
- .SvgSymbol-module_isInButtonPlaybackRate__1L3TW {
123
- width: 28px;
124
- height: 22px
125
- }
126
- }
127
- .SvgSymbol-module_isInButtonBackward__1Grf9,
128
- .SvgSymbol-module_isInButtonForward__D1AFL {
129
- width: 28px;
130
- height: 28px
131
- }
132
- @media only screen and (min-device-width: 40.625em) {
133
- .SvgSymbol-module_isInButtonBackward__1Grf9,
134
- .SvgSymbol-module_isInButtonForward__D1AFL {
135
- width: 22px;
136
- height: 22px
137
- }
138
- }
139
- .SvgSymbol-module_isInToolbar__3SaIh.SvgSymbol-module_cross__J2lCN {
140
- width: 18px;
141
- height: 18px;
142
- }
143
- .SvgSymbol-module_play__pM-qY {
144
- width: 100%;
145
- height: 100%;
146
- }
147
- .SvgSymbol-module_meduzaLogo__2Ouzp {
148
- width: 92px;
149
- height: 20px
150
- }
151
- @media only screen and (min-device-width: 64em) {
152
- .SvgSymbol-module_meduzaLogo__2Ouzp {
153
- width: 100px;
154
- height: 45px
155
- }
156
- }
157
- .SvgSymbol-module_arrow__11naX {
158
- width: 12px;
159
- height: 12px;
160
- }
161
- .SvgSymbol-module_oil__hvHE5 {
162
- width: 9px;
163
- height: 12px;
164
- }
165
- .SvgSymbol-module_search__VK6p3 {
166
- width: 24px;
167
- height: 24px
168
- }
169
- @media only screen and (min-device-width: 64em) {
170
- .SvgSymbol-module_search__VK6p3 {
171
- width: 16px;
172
- height: 16px
173
- }
174
- }
175
- .SvgSymbol-module_user__1MGim {
176
- width: 14px;
177
- height: 14px
178
- }
179
- @media only screen and (min-device-width: 64em) {
180
- .SvgSymbol-module_user__1MGim {
181
- width: 16px;
182
- height: 16px
183
- }
184
- }
185
- .SvgSymbol-module_bookmark__2z7tX {
186
- width: 17px;
187
- height: auto;
188
-
189
- cursor: pointer;
190
-
191
- stroke-width: 2px
192
- }
193
- @media only screen and (min-device-width: 64em) {
194
- .SvgSymbol-module_bookmark__2z7tX {
195
- width: 14px;
196
-
197
- stroke-width: 1.5px
198
- }
199
- }
200
- .SvgSymbol-module_isInToolbar__3SaIh.SvgSymbol-module_bookmark__2z7tX {
201
- width: 14px;
202
- }
203
- .SvgSymbol-module_receipt__3Eqow {
204
- width: 10px;
205
- height: 13px;
206
- }
207
- .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN {
208
- width: 22px;
209
- height: 22px
210
- }
211
- @media only screen and (min-device-width: 64em) {
212
- .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN {
213
- width: 14px;
214
- height: 14px
215
- }
216
- }
217
- @media only screen and (min-device-width: 64em) {
218
- .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_search__VK6p3 circle {
219
- stroke-width: 1.5px
220
- }
221
- }
222
- .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN path {
223
- stroke-width: 1.8px
224
- }
225
- @media only screen and (min-device-width: 64em) {
226
- .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN path {
227
- stroke-width: 1.3px
228
- }
229
- }
230
-
231
1
  /* Colors */
232
2
  /* Fonts */
233
3
  /* Gap */
@@ -477,29 +247,259 @@
477
247
  /* 511 */
478
248
  /* 1023 */
479
249
  /* Zindex */
480
- .Switcher-module_root__1Env1 {
481
- position: relative;
482
-
483
- display: -webkit-box;
484
-
485
- display: -webkit-flex;
486
-
487
- display: -ms-flexbox;
488
-
489
- display: flex;
490
- flex-flow: row nowrap;
491
- align-items: center;
492
-
493
- font-weight: 600;
494
-
495
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
496
- white-space: nowrap;
497
-
498
- cursor: pointer;
499
-
500
- -webkit-user-select: none;
501
-
502
- -moz-user-select: none;
250
+ .SvgSymbol-module_root__2CsRW {
251
+ width: 100%;
252
+ height: 100%;
253
+
254
+ vertical-align: middle;
255
+ }
256
+ .SvgSymbol-module_small__2g6oR {
257
+ height: 14px;
258
+ }
259
+ .SvgSymbol-module_normal__9lFn1 {
260
+ height: 14px;
261
+ }
262
+ .SvgSymbol-module_medium__2eF5L {
263
+ width: 24px;
264
+ height: 24px;
265
+ }
266
+ .SvgSymbol-module_large__2kQrt {
267
+ width: 42px;
268
+ height: 42px;
269
+ }
270
+ .SvgSymbol-module_adaptive__3_68T {
271
+ width: 100%;
272
+ height: 100%;
273
+ }
274
+ .SvgSymbol-module_fb__1whmw {
275
+ width: 16px;
276
+
277
+ fill: #304591;
278
+ }
279
+ .SvgSymbol-module_vk__3VEuu {
280
+ width: 20px;
281
+
282
+ fill: #527397;
283
+ }
284
+ .SvgSymbol-module_ok__2_1Qb {
285
+ width: 9px;
286
+
287
+ fill: #eb722e;
288
+ }
289
+ .SvgSymbol-module_tw__2VRG5 {
290
+ width: 20px;
291
+
292
+ fill: #31adf4;
293
+ }
294
+ .SvgSymbol-module_tg__2xe2f {
295
+ width: 18px;
296
+
297
+ fill: #2ba5e0;
298
+ }
299
+ .SvgSymbol-module_reaction__rrJvf {
300
+ width: 16px;
301
+
302
+ color: #b88b59;
303
+
304
+ fill: #262626;
305
+ }
306
+ .SvgSymbol-module_card__1XAqw,
307
+ .SvgSymbol-module_podcast__3oPoo,
308
+ .SvgSymbol-module_read__2V82i,
309
+ .SvgSymbol-module_listened__1oMFV {
310
+ width: 15px;
311
+ height: 15px;
312
+ }
313
+ .SvgSymbol-module_menu__2iYFt {
314
+ width: 24px;
315
+ height: 24px;
316
+ }
317
+ .SvgSymbol-module_cross__J2lCN {
318
+ width: 14px;
319
+ height: 14px;
320
+ }
321
+ .SvgSymbol-module_isInFeature__cDeTI,
322
+ .SvgSymbol-module_isInCard__pKq4e {
323
+ width: 16px;
324
+ height: 16px;
325
+ }
326
+ .SvgSymbol-module_isInTopicBlockItem__3Te91 {
327
+ width: 16px;
328
+ height: 16px;
329
+ }
330
+ .SvgSymbol-module_isInPageStatic__H31Rd {
331
+ width: 64px;
332
+ height: 64px;
333
+ }
334
+ .SvgSymbol-module_isInMaterialMeta__2IbAw {
335
+ margin-right: 6px;
336
+ }
337
+ .SvgSymbol-module_isInAudioPlayer__2xlzW {
338
+ width: 29px;
339
+ height: 29px;
340
+
341
+ -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
342
+
343
+ filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
344
+ }
345
+ .SvgSymbol-module_isInEpisodeBlock__2vY3o {
346
+ width: 38px;
347
+ height: 38px;
348
+
349
+ -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
350
+
351
+ filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
352
+ }
353
+ .SvgSymbol-module_isInButtonPlaybackRate__1L3TW {
354
+ width: 34px;
355
+ height: 28px
356
+ }
357
+ @media only screen and (min-device-width: 40.625em) {
358
+ .SvgSymbol-module_isInButtonPlaybackRate__1L3TW {
359
+ width: 28px;
360
+ height: 22px
361
+ }
362
+ }
363
+ .SvgSymbol-module_isInButtonBackward__1Grf9,
364
+ .SvgSymbol-module_isInButtonForward__D1AFL {
365
+ width: 28px;
366
+ height: 28px
367
+ }
368
+ @media only screen and (min-device-width: 40.625em) {
369
+ .SvgSymbol-module_isInButtonBackward__1Grf9,
370
+ .SvgSymbol-module_isInButtonForward__D1AFL {
371
+ width: 22px;
372
+ height: 22px
373
+ }
374
+ }
375
+ .SvgSymbol-module_isInToolbar__3SaIh.SvgSymbol-module_cross__J2lCN {
376
+ width: 18px;
377
+ height: 18px;
378
+ }
379
+ .SvgSymbol-module_play__pM-qY {
380
+ width: 100%;
381
+ height: 100%;
382
+ }
383
+ .SvgSymbol-module_meduzaLogo__2Ouzp {
384
+ width: 92px;
385
+ height: 20px
386
+ }
387
+ @media only screen and (min-device-width: 64em) {
388
+ .SvgSymbol-module_meduzaLogo__2Ouzp {
389
+ width: 100px;
390
+ height: 45px
391
+ }
392
+ }
393
+ .SvgSymbol-module_arrow__11naX {
394
+ width: 12px;
395
+ height: 12px;
396
+ }
397
+ .SvgSymbol-module_oil__hvHE5 {
398
+ width: 9px;
399
+ height: 12px;
400
+ }
401
+ .SvgSymbol-module_search__VK6p3 {
402
+ width: 24px;
403
+ height: 24px
404
+ }
405
+ @media only screen and (min-device-width: 64em) {
406
+ .SvgSymbol-module_search__VK6p3 {
407
+ width: 16px;
408
+ height: 16px
409
+ }
410
+ }
411
+ .SvgSymbol-module_user__1MGim {
412
+ width: 14px;
413
+ height: 14px
414
+ }
415
+ @media only screen and (min-device-width: 64em) {
416
+ .SvgSymbol-module_user__1MGim {
417
+ width: 16px;
418
+ height: 16px
419
+ }
420
+ }
421
+ .SvgSymbol-module_bookmark__2z7tX {
422
+ width: 17px;
423
+ height: auto;
424
+
425
+ cursor: pointer;
426
+
427
+ stroke-width: 2px
428
+ }
429
+ @media only screen and (min-device-width: 64em) {
430
+ .SvgSymbol-module_bookmark__2z7tX {
431
+ width: 14px;
432
+
433
+ stroke-width: 1.5px
434
+ }
435
+ }
436
+ .SvgSymbol-module_isInToolbar__3SaIh.SvgSymbol-module_bookmark__2z7tX {
437
+ width: 14px;
438
+ }
439
+ .SvgSymbol-module_receipt__3Eqow {
440
+ width: 10px;
441
+ height: 13px;
442
+ }
443
+ .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN {
444
+ width: 22px;
445
+ height: 22px
446
+ }
447
+ @media only screen and (min-device-width: 64em) {
448
+ .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN {
449
+ width: 14px;
450
+ height: 14px
451
+ }
452
+ }
453
+ @media only screen and (min-device-width: 64em) {
454
+ .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_search__VK6p3 circle {
455
+ stroke-width: 1.5px
456
+ }
457
+ }
458
+ .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN path {
459
+ stroke-width: 1.8px
460
+ }
461
+ @media only screen and (min-device-width: 64em) {
462
+ .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN path {
463
+ stroke-width: 1.3px
464
+ }
465
+ }
466
+
467
+ /* Colors */
468
+ /* Fonts */
469
+ /* Gap */
470
+ /* Media */
471
+ /* 512 */
472
+ /* 650 */
473
+ /* 768 */
474
+ /* 1024 */
475
+ /* 1010 */
476
+ /* 1200 */
477
+ /* 511 */
478
+ /* 1023 */
479
+ /* Zindex */
480
+ .Switcher-module_root__1Env1 {
481
+ position: relative;
482
+
483
+ display: -webkit-box;
484
+
485
+ display: -webkit-flex;
486
+
487
+ display: -ms-flexbox;
488
+
489
+ display: flex;
490
+ flex-flow: row nowrap;
491
+ align-items: center;
492
+
493
+ font-weight: 600;
494
+
495
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
496
+ white-space: nowrap;
497
+
498
+ cursor: pointer;
499
+
500
+ -webkit-user-select: none;
501
+
502
+ -moz-user-select: none;
503
503
 
504
504
  -ms-user-select: none;
505
505
 
@@ -641,96 +641,12 @@
641
641
  /* 511 */
642
642
  /* 1023 */
643
643
  /* Zindex */
644
- .Image-module_root__1vsA_ {
644
+ .DotsOnImage-module_root__2XP3Q {
645
645
  position: relative;
646
- z-index: 1;
647
646
 
648
647
  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
-
662
- width: 100%;
663
- height: 100%;
664
- }
665
- .Image-module_wrapper__3fLjs {
666
- display: block;
667
-
668
- width: 100%;
669
-
670
- background-repeat: no-repeat;
671
- background-size: 100% auto;
672
- }
673
- .Image-module_placeholder__1p4ob {
674
- transition: background-color 250ms ease;
675
-
676
- background-color: #f2f2f2;
677
- }
678
- .Image-module_loaded__w9FVT {
679
- background: transparent;
680
- }
681
- .Image-module_fullscreen__29apx picture {
682
- cursor: pointer;
683
- }
684
- .Image-module_fullscreen__29apx picture:hover::after {
685
- opacity: 1;
686
- }
687
- .Image-module_fullscreen__29apx picture::after {
688
- position: absolute;
689
- right: 12px;
690
- bottom: 12px;
691
-
692
- width: 40px;
693
- height: 40px;
694
-
695
- transition: opacity 250ms ease;
696
- pointer-events: none;
697
-
698
- opacity: 0;
699
- border: 0.5px solid rgba(255, 255, 255, 0.15);
700
- border-radius: 20px;
701
- background-color: rgba(0, 0, 0, 0.7);
702
- background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.197 10.207V3.763h-6.463' stroke='%23DBDBDB' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.793 4.166l-6.173 6.172' stroke='%23DBDBDB' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.803 13.733v6.444h6.463' stroke='%23DBDBDB' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.207 19.774l6.173-6.171' stroke='%23DBDBDB' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
703
- background-repeat: no-repeat;
704
- background-position: center
705
- }
706
- @media only screen and (min-device-width: 64em) {
707
- .Image-module_fullscreen__29apx picture::after {
708
- content: ''
709
- }
710
- }
711
- [data-input='mouse'] .Image-module_wrapper__3fLjs {
712
- outline: none;
713
- }
714
-
715
- /* Colors */
716
- /* Fonts */
717
- /* Gap */
718
- /* Media */
719
- /* 512 */
720
- /* 650 */
721
- /* 768 */
722
- /* 1024 */
723
- /* 1010 */
724
- /* 1200 */
725
- /* 511 */
726
- /* 1023 */
727
- /* Zindex */
728
- .DotsOnImage-module_root__2XP3Q {
729
- position: relative;
730
-
731
- display: block;
732
-
733
- width: 100%;
648
+
649
+ width: 100%;
734
650
  }
735
651
  .DotsOnImage-module_isVisible__Wqqqt .DotsOnImage-module_marker__lH5cP {
736
652
  -webkit-animation: DotsOnImage-module_show__2TMBv 400ms ease both 500ms;
@@ -851,242 +767,76 @@
851
767
  /* 511 */
852
768
  /* 1023 */
853
769
  /* Zindex */
854
- .Lazy-module_root__2Z72l {
855
- display: block;
856
- }
857
- .Lazy-module_visible__3-SdX {
858
- color: red;
859
- }
860
-
861
- /* Colors */
862
- /* Fonts */
863
- /* Gap */
864
- /* Media */
865
- /* 512 */
866
- /* 650 */
867
- /* 768 */
868
- /* 1024 */
869
- /* 1010 */
870
- /* 1200 */
871
- /* 511 */
872
- /* 1023 */
873
- /* Zindex */
874
- .Tag-module_root__3IqWC {
875
- display: inline-block;
876
-
877
- cursor: default;
878
- -webkit-user-select: none;
879
- -moz-user-select: none;
880
- -ms-user-select: none;
881
- user-select: none;
882
- vertical-align: middle;
883
- letter-spacing: 1px;
884
- text-transform: uppercase;
770
+ .Image-module_root__1vsA_ {
771
+ position: relative;
772
+ z-index: 1;
885
773
 
886
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
887
- font-size: 12px;
888
- font-weight: 600;
889
- line-height: 12px;
890
- }
891
- .Tag-module_small__2IAb7 {
892
- font-size: 12px;
893
- line-height: 12px
894
- }
895
- @media only screen and (min-device-width: 64em) {
896
- .Tag-module_small__2IAb7 {
897
- line-height: 14px
774
+ display: block;
775
+ overflow: hidden
898
776
  }
899
- }
900
- @media only screen and (min-device-width: 64em) {
901
- .Tag-module_large__22z_o {
902
- letter-spacing: 1px;
903
-
904
- font-size: 14px;
905
- line-height: 16px
777
+ @media only screen and (min-device-width: 32em) {
778
+ .Image-module_root__1vsA_ {
779
+ border-radius: inherit
906
780
  }
907
781
  }
908
- .Tag-module_dark__sgnt1 {
909
- color: #000;
910
- }
911
- .Tag-module_light__1zUhp {
912
- color: #fff;
913
- }
914
- .Tag-module_gold__2ksA7 {
915
- color: #b88b59;
916
- }
917
- .Tag-module_gray__mGAO_ {
918
- color: #757575;
919
- }
920
- .Tag-module_inherit__2QB5U {
921
- color: inherit;
922
- }
923
- @media only screen and (min-device-width: 64em) {
924
- .Tag-module_is1to1__3EDbC,
925
- .Tag-module_is1to2__3xbC6,
926
- .Tag-module_isInSuperBlock__38JE0 {
927
- letter-spacing: 1px;
782
+ .Image-module_placeholder__1p4ob,
783
+ .Image-module_root__1vsA_ img {
784
+ position: absolute;
785
+ top: 0;
786
+ left: 0;
928
787
 
929
- font-size: 12px;
930
- line-height: 20px
788
+ width: 100%;
789
+ height: 100%;
931
790
  }
932
- }
933
- @media only screen and (min-device-width: 64em) {
934
- .Tag-module_is1to3__3j5K-,
935
- .Tag-module_is1to4__2vq4r {
936
- letter-spacing: 0.5px;
791
+ .Image-module_wrapper__3fLjs {
792
+ display: block;
937
793
 
938
- font-size: 10px;
939
- line-height: 15px
940
- }
941
- }
942
- @media only screen and (min-device-width: 32em) {
943
- .Tag-module_slide__2nMDw,
944
- .Tag-module_game__3j5yG {
945
- width: 100%;
794
+ width: 100%;
946
795
 
947
- text-align: center
948
- }
949
- }
950
- .Tag-module_richRelated__2vbQQ {
951
- font-size: 12px;
952
- line-height: 17px
953
- }
954
- @media only screen and (min-device-width: 64em) {
955
- .Tag-module_richRelated__2vbQQ {
956
- font-size: 14px;
957
- line-height: 20px
796
+ background-repeat: no-repeat;
797
+ background-size: 100% auto;
958
798
  }
959
- }
960
- .Tag-module_slide__2nMDw,
961
- .Tag-module_game__3j5yG,
962
- .Tag-module_card__1EAeF,
963
- .Tag-module_live__rwXuR,
964
- .Tag-module_episode__3o6gg,
965
- .Tag-module_podcast__VPoll,
966
- .Tag-module_rich__2URd9,
967
- .Tag-module_isInDynamicBlock__1YM9I {
968
- margin-bottom: 6px;
799
+ .Image-module_placeholder__1p4ob {
800
+ transition: background-color 250ms ease;
969
801
 
970
- line-height: 10px
971
- }
972
- @media only screen and (min-device-width: 32em) {
973
- .Tag-module_slide__2nMDw,
974
- .Tag-module_game__3j5yG,
975
- .Tag-module_card__1EAeF,
976
- .Tag-module_live__rwXuR,
977
- .Tag-module_episode__3o6gg,
978
- .Tag-module_podcast__VPoll,
979
- .Tag-module_rich__2URd9,
980
- .Tag-module_isInDynamicBlock__1YM9I {
981
- margin-bottom: 10px
982
- }
983
- }
984
- @media only screen and (min-device-width: 32em) {
985
- .Tag-module_mobile__QQxuv {
986
- display: none
987
- }
988
- }
989
- .Tag-module_desktop__1Bjsy {
990
- display: none
991
- }
992
- @media only screen and (min-device-width: 32em) {
993
- .Tag-module_desktop__1Bjsy {
994
- display: block
802
+ background-color: #f2f2f2;
995
803
  }
996
- }
997
-
998
- /* Colors */
999
- /* Fonts */
1000
- /* Gap */
1001
- /* Media */
1002
- /* 512 */
1003
- /* 650 */
1004
- /* 768 */
1005
- /* 1024 */
1006
- /* 1010 */
1007
- /* 1200 */
1008
- /* 511 */
1009
- /* 1023 */
1010
- /* Zindex */
1011
- .MediaCaption-module_root__KqTdw {
1012
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
804
+ .Image-module_loaded__w9FVT {
805
+ background: transparent;
1013
806
  }
1014
- .MediaCaption-module_root__KqTdw a {
1015
- text-decoration: underline;
1016
-
1017
- color: inherit;
1018
- box-shadow: none;
807
+ .Image-module_fullscreen__29apx picture {
808
+ cursor: pointer;
1019
809
  }
1020
- .MediaCaption-module_root__KqTdw a:hover {
1021
- color: #b88b58;
810
+ .Image-module_fullscreen__29apx picture:hover::after {
811
+ opacity: 1;
1022
812
  }
1023
- .MediaCaption-module_caption__1hr7Y {
1024
- max-width: 520px;
1025
- padding-top: 4px;
1026
-
1027
- color: #1a1a1a;
813
+ .Image-module_fullscreen__29apx picture::after {
814
+ position: absolute;
815
+ right: 12px;
816
+ bottom: 12px;
1028
817
 
1029
- font-size: 14px;
1030
- line-height: 18px
1031
- }
1032
- @media only screen and (min-device-width: 32em) {
1033
- .MediaCaption-module_caption__1hr7Y {
1034
- font-size: 16px;
1035
- line-height: 22px
1036
- }
1037
- }
1038
- .MediaCaption-module_credit__3ehAP {
1039
- max-width: 520px;
1040
- padding-top: 1px;
818
+ width: 40px;
819
+ height: 40px;
1041
820
 
1042
- color: #666;
821
+ transition: opacity 250ms ease;
822
+ pointer-events: none;
1043
823
 
1044
- font-size: 12px;
1045
- line-height: 16px
1046
- }
1047
- @media only screen and (min-device-width: 32em) {
1048
- .MediaCaption-module_credit__3ehAP {
1049
- padding-top: 3px
1050
- }
1051
- }
1052
- .MediaCaption-module_credit__3ehAP:first-child {
1053
- padding-top: 3px;
1054
- }
1055
- .MediaCaption-module_dark__3tL1u .MediaCaption-module_caption__1hr7Y {
1056
- color: #fff;
1057
- }
1058
- .MediaCaption-module_dark__3tL1u .MediaCaption-module_credit__3ehAP {
1059
- color: #929292;
1060
- }
1061
- .MediaCaption-module_video__1KZ6k .MediaCaption-module_caption__1hr7Y,
1062
- .MediaCaption-module_picture__3AAMH .MediaCaption-module_caption__1hr7Y {
1063
- padding-top: 10px
1064
- }
1065
- @media only screen and (min-device-width: 32em) {
1066
- .MediaCaption-module_video__1KZ6k .MediaCaption-module_caption__1hr7Y,
1067
- .MediaCaption-module_picture__3AAMH .MediaCaption-module_caption__1hr7Y {
1068
- padding-top: 12px
1069
- }
1070
- }
1071
- .MediaCaption-module_video__1KZ6k .MediaCaption-module_credit__3ehAP:first-child,
1072
- .MediaCaption-module_picture__3AAMH .MediaCaption-module_credit__3ehAP:first-child {
1073
- padding-top: 9px
1074
- }
1075
- @media only screen and (min-device-width: 32em) {
1076
- .MediaCaption-module_video__1KZ6k .MediaCaption-module_credit__3ehAP:first-child,
1077
- .MediaCaption-module_picture__3AAMH .MediaCaption-module_credit__3ehAP:first-child {
1078
- padding-top: 11px
824
+ opacity: 0;
825
+ border: 0.5px solid rgba(255, 255, 255, 0.15);
826
+ border-radius: 20px;
827
+ background-color: rgba(0, 0, 0, 0.7);
828
+ background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.197 10.207V3.763h-6.463' stroke='%23DBDBDB' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.793 4.166l-6.173 6.172' stroke='%23DBDBDB' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.803 13.733v6.444h6.463' stroke='%23DBDBDB' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.207 19.774l6.173-6.171' stroke='%23DBDBDB' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
829
+ background-repeat: no-repeat;
830
+ background-position: center
1079
831
  }
1080
- }
1081
- .MediaCaption-module_picture__3AAMH .MediaCaption-module_credit__3ehAP,
1082
- .MediaCaption-module_picture__3AAMH .MediaCaption-module_caption__1hr7Y,
1083
- .MediaCaption-module_video__1KZ6k .MediaCaption-module_credit__3ehAP,
1084
- .MediaCaption-module_video__1KZ6k .MediaCaption-module_caption__1hr7Y,
1085
- .MediaCaption-module_desktop__3Saev .MediaCaption-module_credit__3ehAP,
1086
- .MediaCaption-module_desktop__3Saev .MediaCaption-module_caption__1hr7Y {
1087
- max-width: 650px;
832
+ @media only screen and (min-device-width: 64em) {
833
+ .Image-module_fullscreen__29apx picture::after {
834
+ content: ''
835
+ }
836
+ }
837
+ [data-input='mouse'] .Image-module_wrapper__3fLjs {
838
+ outline: none;
1088
839
  }
1089
-
1090
840
 
1091
841
  /* Colors */
1092
842
  /* Fonts */
@@ -1327,65 +1077,315 @@
1327
1077
  .Table-module_green__13OIM {
1328
1078
  background-color: #E7F2EF;
1329
1079
  }
1330
- .Table-module_violet__2W-kO {
1331
- background-color: #F4F0F8;
1080
+ .Table-module_violet__2W-kO {
1081
+ background-color: #F4F0F8;
1082
+ }
1083
+ .Table-module_header__1exlo {
1084
+ max-width: 340px;
1085
+ padding: 9px 6px;
1086
+
1087
+ vertical-align: top;
1088
+ letter-spacing: 0.5px;
1089
+ text-transform: uppercase;
1090
+
1091
+ border-right: 1px solid rgba(232, 232, 232, 1);
1092
+ border-bottom: 1px solid rgba(232, 232, 232, 1);
1093
+
1094
+ font-size: 10px;
1095
+ font-weight: 600;
1096
+ line-height: 16px
1097
+ }
1098
+ @media only screen and (min-device-width: 32em) {
1099
+ .Table-module_header__1exlo {
1100
+ max-width: none;
1101
+ padding: 9px 12px;
1102
+
1103
+ line-height: 11px
1104
+ }
1105
+ }
1106
+ .Table-module_s__Vl_Eg {
1107
+ min-width: 120px
1108
+ }
1109
+ @media only screen and (min-device-width: 32em) {
1110
+ .Table-module_s__Vl_Eg {
1111
+ width: 18%;
1112
+ min-width: 0
1113
+ }
1114
+ }
1115
+ .Table-module_m__29G9r {
1116
+ min-width: 200px
1117
+ }
1118
+ @media only screen and (min-device-width: 32em) {
1119
+ .Table-module_m__29G9r {
1120
+ width: 30%;
1121
+ min-width: 0
1122
+ }
1123
+
1124
+ }
1125
+ .Table-module_l__1ZSMc {
1126
+ min-width: 336px
1127
+ }
1128
+ @media only screen and (min-device-width: 32em) {
1129
+ .Table-module_l__1ZSMc {
1130
+ width: 50%;
1131
+ min-width: 0
1132
+ }
1133
+ }
1134
+ .Table-module_xs__au2Oe {
1135
+ width: 50px;
1136
+ min-width: 50px;
1137
+ }
1138
+
1139
+ /* Colors */
1140
+ /* Fonts */
1141
+ /* Gap */
1142
+ /* Media */
1143
+ /* 512 */
1144
+ /* 650 */
1145
+ /* 768 */
1146
+ /* 1024 */
1147
+ /* 1010 */
1148
+ /* 1200 */
1149
+ /* 511 */
1150
+ /* 1023 */
1151
+ /* Zindex */
1152
+ .Lazy-module_root__2Z72l {
1153
+ display: block;
1154
+ }
1155
+ .Lazy-module_visible__3-SdX {
1156
+ color: red;
1157
+ }
1158
+
1159
+ /* Colors */
1160
+ /* Fonts */
1161
+ /* Gap */
1162
+ /* Media */
1163
+ /* 512 */
1164
+ /* 650 */
1165
+ /* 768 */
1166
+ /* 1024 */
1167
+ /* 1010 */
1168
+ /* 1200 */
1169
+ /* 511 */
1170
+ /* 1023 */
1171
+ /* Zindex */
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;
1188
+ }
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_richRelated__2vbQQ {
1249
+ font-size: 12px;
1250
+ line-height: 17px
1251
+ }
1252
+ @media only screen and (min-device-width: 64em) {
1253
+ .Tag-module_richRelated__2vbQQ {
1254
+ font-size: 14px;
1255
+ line-height: 20px
1256
+ }
1257
+ }
1258
+ .Tag-module_slide__2nMDw,
1259
+ .Tag-module_game__3j5yG,
1260
+ .Tag-module_card__1EAeF,
1261
+ .Tag-module_live__rwXuR,
1262
+ .Tag-module_episode__3o6gg,
1263
+ .Tag-module_podcast__VPoll,
1264
+ .Tag-module_rich__2URd9,
1265
+ .Tag-module_isInDynamicBlock__1YM9I {
1266
+ margin-bottom: 6px;
1267
+
1268
+ line-height: 10px
1269
+ }
1270
+ @media only screen and (min-device-width: 32em) {
1271
+ .Tag-module_slide__2nMDw,
1272
+ .Tag-module_game__3j5yG,
1273
+ .Tag-module_card__1EAeF,
1274
+ .Tag-module_live__rwXuR,
1275
+ .Tag-module_episode__3o6gg,
1276
+ .Tag-module_podcast__VPoll,
1277
+ .Tag-module_rich__2URd9,
1278
+ .Tag-module_isInDynamicBlock__1YM9I {
1279
+ margin-bottom: 10px
1280
+ }
1281
+ }
1282
+ @media only screen and (min-device-width: 32em) {
1283
+ .Tag-module_mobile__QQxuv {
1284
+ display: none
1285
+ }
1286
+ }
1287
+ .Tag-module_desktop__1Bjsy {
1288
+ display: none
1289
+ }
1290
+ @media only screen and (min-device-width: 32em) {
1291
+ .Tag-module_desktop__1Bjsy {
1292
+ display: block
1293
+ }
1294
+ }
1295
+
1296
+ /* Colors */
1297
+ /* Fonts */
1298
+ /* Gap */
1299
+ /* Media */
1300
+ /* 512 */
1301
+ /* 650 */
1302
+ /* 768 */
1303
+ /* 1024 */
1304
+ /* 1010 */
1305
+ /* 1200 */
1306
+ /* 511 */
1307
+ /* 1023 */
1308
+ /* Zindex */
1309
+ .MediaCaption-module_root__KqTdw {
1310
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1311
+ }
1312
+ .MediaCaption-module_root__KqTdw a {
1313
+ text-decoration: underline;
1314
+
1315
+ color: inherit;
1316
+ box-shadow: none;
1317
+ }
1318
+ .MediaCaption-module_root__KqTdw a:hover {
1319
+ color: #b88b58;
1320
+ }
1321
+ .MediaCaption-module_caption__1hr7Y {
1322
+ max-width: 520px;
1323
+ padding-top: 4px;
1324
+
1325
+ color: #1a1a1a;
1326
+
1327
+ font-size: 14px;
1328
+ line-height: 18px
1329
+ }
1330
+ @media only screen and (min-device-width: 32em) {
1331
+ .MediaCaption-module_caption__1hr7Y {
1332
+ font-size: 16px;
1333
+ line-height: 22px
1332
1334
  }
1333
- .Table-module_header__1exlo {
1334
- max-width: 340px;
1335
- padding: 9px 6px;
1336
-
1337
- vertical-align: top;
1338
- letter-spacing: 0.5px;
1339
- text-transform: uppercase;
1335
+ }
1336
+ .MediaCaption-module_credit__3ehAP {
1337
+ max-width: 520px;
1338
+ padding-top: 1px;
1340
1339
 
1341
- border-right: 1px solid rgba(232, 232, 232, 1);
1342
- border-bottom: 1px solid rgba(232, 232, 232, 1);
1340
+ color: #666;
1343
1341
 
1344
- font-size: 10px;
1345
- font-weight: 600;
1342
+ font-size: 12px;
1346
1343
  line-height: 16px
1347
1344
  }
1348
1345
  @media only screen and (min-device-width: 32em) {
1349
- .Table-module_header__1exlo {
1350
- max-width: none;
1351
- padding: 9px 12px;
1352
-
1353
- line-height: 11px
1346
+ .MediaCaption-module_credit__3ehAP {
1347
+ padding-top: 3px
1354
1348
  }
1355
1349
  }
1356
- .Table-module_s__Vl_Eg {
1357
- min-width: 120px
1350
+ .MediaCaption-module_credit__3ehAP:first-child {
1351
+ padding-top: 3px;
1358
1352
  }
1359
- @media only screen and (min-device-width: 32em) {
1360
- .Table-module_s__Vl_Eg {
1361
- width: 18%;
1362
- min-width: 0
1353
+ .MediaCaption-module_dark__3tL1u .MediaCaption-module_caption__1hr7Y {
1354
+ color: #fff;
1363
1355
  }
1364
- }
1365
- .Table-module_m__29G9r {
1366
- min-width: 200px
1356
+ .MediaCaption-module_dark__3tL1u .MediaCaption-module_credit__3ehAP {
1357
+ color: #929292;
1358
+ }
1359
+ .MediaCaption-module_video__1KZ6k .MediaCaption-module_caption__1hr7Y,
1360
+ .MediaCaption-module_picture__3AAMH .MediaCaption-module_caption__1hr7Y {
1361
+ padding-top: 10px
1367
1362
  }
1368
1363
  @media only screen and (min-device-width: 32em) {
1369
- .Table-module_m__29G9r {
1370
- width: 30%;
1371
- min-width: 0
1364
+ .MediaCaption-module_video__1KZ6k .MediaCaption-module_caption__1hr7Y,
1365
+ .MediaCaption-module_picture__3AAMH .MediaCaption-module_caption__1hr7Y {
1366
+ padding-top: 12px
1372
1367
  }
1373
-
1374
1368
  }
1375
- .Table-module_l__1ZSMc {
1376
- min-width: 336px
1369
+ .MediaCaption-module_video__1KZ6k .MediaCaption-module_credit__3ehAP:first-child,
1370
+ .MediaCaption-module_picture__3AAMH .MediaCaption-module_credit__3ehAP:first-child {
1371
+ padding-top: 9px
1377
1372
  }
1378
1373
  @media only screen and (min-device-width: 32em) {
1379
- .Table-module_l__1ZSMc {
1380
- width: 50%;
1381
- min-width: 0
1374
+ .MediaCaption-module_video__1KZ6k .MediaCaption-module_credit__3ehAP:first-child,
1375
+ .MediaCaption-module_picture__3AAMH .MediaCaption-module_credit__3ehAP:first-child {
1376
+ padding-top: 11px
1382
1377
  }
1383
1378
  }
1384
- .Table-module_xs__au2Oe {
1385
- width: 50px;
1386
- min-width: 50px;
1379
+ .MediaCaption-module_picture__3AAMH .MediaCaption-module_credit__3ehAP,
1380
+ .MediaCaption-module_picture__3AAMH .MediaCaption-module_caption__1hr7Y,
1381
+ .MediaCaption-module_video__1KZ6k .MediaCaption-module_credit__3ehAP,
1382
+ .MediaCaption-module_video__1KZ6k .MediaCaption-module_caption__1hr7Y,
1383
+ .MediaCaption-module_desktop__3Saev .MediaCaption-module_credit__3ehAP,
1384
+ .MediaCaption-module_desktop__3Saev .MediaCaption-module_caption__1hr7Y {
1385
+ max-width: 650px;
1387
1386
  }
1388
1387
 
1388
+
1389
1389
  /* Colors */
1390
1390
  /* Fonts */
1391
1391
  /* Gap */
@@ -1521,50 +1521,6 @@
1521
1521
  }
1522
1522
  }
1523
1523
 
1524
- /* Colors */
1525
- /* Fonts */
1526
- /* Gap */
1527
- /* Media */
1528
- /* 512 */
1529
- /* 650 */
1530
- /* 768 */
1531
- /* 1024 */
1532
- /* 1010 */
1533
- /* 1200 */
1534
- /* 511 */
1535
- /* 1023 */
1536
- /* Zindex */
1537
- .MaterialTitle-module_root__18ku- {
1538
- display: block;
1539
- }
1540
- .MaterialTitle-module_root__18ku- {
1541
- margin: 0;
1542
-
1543
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1544
- font-size: 25px;
1545
- font-weight: normal;
1546
- line-height: 27px
1547
- }
1548
- @media only screen and (min-device-width: 48em) {
1549
- .MaterialTitle-module_root__18ku- {
1550
- font-size: 37px;
1551
- line-height: 38px
1552
- }
1553
- }
1554
- .MaterialTitle-module_primary__2Sfmx {
1555
- font-family: 'PF Regal', 'PF Regal Text Pro', 'Georgia', serif;
1556
- font-weight: normal;
1557
- }
1558
- .MaterialTitle-module_secondary__3uDp4 {
1559
- font-size: 24px;
1560
- font-weight: 700
1561
- }
1562
- @media only screen and (min-device-width: 48em) {
1563
- .MaterialTitle-module_secondary__3uDp4 {
1564
- font-size: 36px
1565
- }
1566
- }
1567
-
1568
1524
  /* Colors */
1569
1525
  /* Fonts */
1570
1526
  /* Gap */
@@ -1614,14 +1570,146 @@
1614
1570
  .BookmarkButton-module_isInBookmarks__1_5kB.BookmarkButton-module_light__1uQyH .BookmarkButton-module_control__1A0ea {
1615
1571
  fill: #000;
1616
1572
  }
1617
- @media only screen and (min-device-width: 64em) {
1618
- .BookmarkButton-module_isInGrid__2pQ2B .BookmarkButton-module_control__1A0ea svg {
1619
- width: 12px
1573
+ @media only screen and (min-device-width: 64em) {
1574
+ .BookmarkButton-module_isInGrid__2pQ2B .BookmarkButton-module_control__1A0ea svg {
1575
+ width: 12px
1576
+ }
1577
+ }
1578
+ [data-context='prodano'] .BookmarkButton-module_root__3KmuY {
1579
+ display: none;
1580
+ }
1581
+
1582
+ /* Colors */
1583
+ /* Fonts */
1584
+ /* Gap */
1585
+ /* Media */
1586
+ /* 512 */
1587
+ /* 650 */
1588
+ /* 768 */
1589
+ /* 1024 */
1590
+ /* 1010 */
1591
+ /* 1200 */
1592
+ /* 511 */
1593
+ /* 1023 */
1594
+ /* Zindex */
1595
+ .Dropdown-module_root__11PNk {
1596
+ position: relative;
1597
+ z-index: 100;
1598
+
1599
+ display: inline-block;
1600
+
1601
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1602
+ }
1603
+ .Dropdown-module_root__11PNk.Dropdown-module_active__3IwAl .Dropdown-module_menu__3PIqD,
1604
+ .Dropdown-module_root__11PNk:hover .Dropdown-module_menu__3PIqD {
1605
+ visibility: visible;
1606
+
1607
+ opacity: 1;
1608
+ }
1609
+ .Dropdown-module_root__11PNk ul {
1610
+ overflow: hidden;
1611
+
1612
+ width: 162px;
1613
+ margin: 0;
1614
+ padding: 3px 0;
1615
+
1616
+ border-radius: 5px;
1617
+ background: #fff;
1618
+ box-shadow: 0 0 0 1px #c0c0c0, 0 5px 20px 0 rgba(0, 0, 0, 0.2);
1619
+
1620
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1621
+ font-size: 14px;
1622
+ line-height: 26px;
1623
+ }
1624
+ .Dropdown-module_root__11PNk a {
1625
+ display: block;
1626
+
1627
+ padding: 2px 15px;
1628
+
1629
+ text-decoration: none;
1630
+
1631
+ color: #000;
1632
+ box-shadow: none;
1633
+ }
1634
+ .Dropdown-module_root__11PNk a:hover {
1635
+ color: #000;
1636
+ background-color: #f7f7f7;
1637
+ }
1638
+ .Dropdown-module_isInAudioPanel__1zv7F .Dropdown-module_menu__3PIqD {
1639
+ right: 0;
1640
+ left: auto
1641
+ }
1642
+ @media only screen and (min-device-width: 64em) {
1643
+ .Dropdown-module_isInAudioPanel__1zv7F .Dropdown-module_menu__3PIqD {
1644
+ right: auto;
1645
+ left: 0
1646
+ }
1647
+ }
1648
+ .Dropdown-module_menu__3PIqD {
1649
+ position: absolute;
1650
+ top: 100%;
1651
+ left: 0;
1652
+
1653
+ visibility: hidden;
1654
+
1655
+ padding-top: 6px;
1656
+
1657
+ opacity: 0;
1658
+ }
1659
+ .Dropdown-module_menu__3PIqD::after {
1660
+ position: absolute;
1661
+ z-index: -1;
1662
+ top: -10px;
1663
+ right: -10px;
1664
+ bottom: -10px;
1665
+ left: -10px;
1666
+
1667
+ content: '';
1668
+ }
1669
+
1670
+ /* Colors */
1671
+ /* Fonts */
1672
+ /* Gap */
1673
+ /* Media */
1674
+ /* 512 */
1675
+ /* 650 */
1676
+ /* 768 */
1677
+ /* 1024 */
1678
+ /* 1010 */
1679
+ /* 1200 */
1680
+ /* 511 */
1681
+ /* 1023 */
1682
+ /* Zindex */
1683
+ .MaterialTitle-module_root__18ku- {
1684
+ display: block;
1685
+ }
1686
+ .MaterialTitle-module_root__18ku- {
1687
+ margin: 0;
1688
+
1689
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1690
+ font-size: 25px;
1691
+ font-weight: normal;
1692
+ line-height: 27px
1693
+ }
1694
+ @media only screen and (min-device-width: 48em) {
1695
+ .MaterialTitle-module_root__18ku- {
1696
+ font-size: 37px;
1697
+ line-height: 38px
1698
+ }
1699
+ }
1700
+ .MaterialTitle-module_primary__2Sfmx {
1701
+ font-family: 'PF Regal', 'PF Regal Text Pro', 'Georgia', serif;
1702
+ font-weight: normal;
1703
+ }
1704
+ .MaterialTitle-module_secondary__3uDp4 {
1705
+ font-size: 24px;
1706
+ font-weight: 700
1707
+ }
1708
+ @media only screen and (min-device-width: 48em) {
1709
+ .MaterialTitle-module_secondary__3uDp4 {
1710
+ font-size: 36px
1620
1711
  }
1621
1712
  }
1622
- [data-context='prodano'] .BookmarkButton-module_root__3KmuY {
1623
- display: none;
1624
- }
1625
1713
 
1626
1714
  /* Colors */
1627
1715
  /* Fonts */
@@ -1766,94 +1854,6 @@
1766
1854
  display: none;
1767
1855
  }
1768
1856
 
1769
- /* Colors */
1770
- /* Fonts */
1771
- /* Gap */
1772
- /* Media */
1773
- /* 512 */
1774
- /* 650 */
1775
- /* 768 */
1776
- /* 1024 */
1777
- /* 1010 */
1778
- /* 1200 */
1779
- /* 511 */
1780
- /* 1023 */
1781
- /* Zindex */
1782
- .Dropdown-module_root__11PNk {
1783
- position: relative;
1784
- z-index: 100;
1785
-
1786
- display: inline-block;
1787
-
1788
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1789
- }
1790
- .Dropdown-module_root__11PNk.Dropdown-module_active__3IwAl .Dropdown-module_menu__3PIqD,
1791
- .Dropdown-module_root__11PNk:hover .Dropdown-module_menu__3PIqD {
1792
- visibility: visible;
1793
-
1794
- opacity: 1;
1795
- }
1796
- .Dropdown-module_root__11PNk ul {
1797
- overflow: hidden;
1798
-
1799
- width: 162px;
1800
- margin: 0;
1801
- padding: 3px 0;
1802
-
1803
- border-radius: 5px;
1804
- background: #fff;
1805
- box-shadow: 0 0 0 1px #c0c0c0, 0 5px 20px 0 rgba(0, 0, 0, 0.2);
1806
-
1807
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1808
- font-size: 14px;
1809
- line-height: 26px;
1810
- }
1811
- .Dropdown-module_root__11PNk a {
1812
- display: block;
1813
-
1814
- padding: 2px 15px;
1815
-
1816
- text-decoration: none;
1817
-
1818
- color: #000;
1819
- box-shadow: none;
1820
- }
1821
- .Dropdown-module_root__11PNk a:hover {
1822
- color: #000;
1823
- background-color: #f7f7f7;
1824
- }
1825
- .Dropdown-module_isInAudioPanel__1zv7F .Dropdown-module_menu__3PIqD {
1826
- right: 0;
1827
- left: auto
1828
- }
1829
- @media only screen and (min-device-width: 64em) {
1830
- .Dropdown-module_isInAudioPanel__1zv7F .Dropdown-module_menu__3PIqD {
1831
- right: auto;
1832
- left: 0
1833
- }
1834
- }
1835
- .Dropdown-module_menu__3PIqD {
1836
- position: absolute;
1837
- top: 100%;
1838
- left: 0;
1839
-
1840
- visibility: hidden;
1841
-
1842
- padding-top: 6px;
1843
-
1844
- opacity: 0;
1845
- }
1846
- .Dropdown-module_menu__3PIqD::after {
1847
- position: absolute;
1848
- z-index: -1;
1849
- top: -10px;
1850
- right: -10px;
1851
- bottom: -10px;
1852
- left: -10px;
1853
-
1854
- content: '';
1855
- }
1856
-
1857
1857
  /* Colors */
1858
1858
  /* Fonts */
1859
1859
  /* Gap */
@@ -2348,6 +2348,85 @@
2348
2348
  }
2349
2349
  }
2350
2350
 
2351
+ /* Colors */
2352
+ /* Fonts */
2353
+ /* Gap */
2354
+ /* Media */
2355
+ /* 512 */
2356
+ /* 650 */
2357
+ /* 768 */
2358
+ /* 1024 */
2359
+ /* 1010 */
2360
+ /* 1200 */
2361
+ /* 511 */
2362
+ /* 1023 */
2363
+ /* Zindex */
2364
+ .ChapterBlock-module_root__1WyVn {
2365
+ position: relative;
2366
+
2367
+ margin: 38px auto 7px
2368
+ }
2369
+ @media only screen and (min-device-width: 32em) {
2370
+ .ChapterBlock-module_root__1WyVn {
2371
+ max-width: 650px;
2372
+ margin-top: 70px
2373
+ }
2374
+ }
2375
+ .ChapterBlock-module_root__1WyVn:first-child {
2376
+ margin-top: 0;
2377
+ }
2378
+ .ChapterBlock-module_root__1WyVn:last-child {
2379
+ margin-bottom: 0;
2380
+ }
2381
+ .ChapterBlock-module_subtitle__3TXll {
2382
+ display: inline-block;
2383
+
2384
+ vertical-align: top;
2385
+ letter-spacing: 1px;
2386
+ text-transform: uppercase;
2387
+
2388
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2389
+ font-size: 12px;
2390
+ font-weight: 600;
2391
+ line-height: 12px
2392
+ }
2393
+ @media only screen and (min-device-width: 32em) {
2394
+ .ChapterBlock-module_subtitle__3TXll {
2395
+ font-size: 13px;
2396
+ line-height: 16px
2397
+ }
2398
+ }
2399
+ .ChapterBlock-module_subtitle__3TXll::after {
2400
+ display: block;
2401
+
2402
+ width: 120px;
2403
+ padding: 0 0 7px;
2404
+
2405
+ content: '';
2406
+
2407
+ border-bottom: 1px solid #ccc
2408
+ }
2409
+ @media only screen and (min-device-width: 32em) {
2410
+ .ChapterBlock-module_subtitle__3TXll::after {
2411
+ padding: 0 0 6px
2412
+ }
2413
+ }
2414
+ /* VISIBILITY */
2415
+ @media only screen and (min-device-width: 32em) {
2416
+ .ChapterBlock-module_mobile__CiO0w {
2417
+ display: none
2418
+ }
2419
+ }
2420
+ .ChapterBlock-module_desktop__tk1Nk {
2421
+ display: none
2422
+ }
2423
+ @media only screen and (min-device-width: 32em) {
2424
+ .ChapterBlock-module_desktop__tk1Nk {
2425
+ display: block
2426
+ }
2427
+ }
2428
+
2429
+
2351
2430
  /* Colors */
2352
2431
  /* Fonts */
2353
2432
  /* Gap */
@@ -2466,85 +2545,6 @@
2466
2545
  }
2467
2546
  }
2468
2547
 
2469
- /* Colors */
2470
- /* Fonts */
2471
- /* Gap */
2472
- /* Media */
2473
- /* 512 */
2474
- /* 650 */
2475
- /* 768 */
2476
- /* 1024 */
2477
- /* 1010 */
2478
- /* 1200 */
2479
- /* 511 */
2480
- /* 1023 */
2481
- /* Zindex */
2482
- .ChapterBlock-module_root__1WyVn {
2483
- position: relative;
2484
-
2485
- margin: 38px auto 7px
2486
- }
2487
- @media only screen and (min-device-width: 32em) {
2488
- .ChapterBlock-module_root__1WyVn {
2489
- max-width: 650px;
2490
- margin-top: 70px
2491
- }
2492
- }
2493
- .ChapterBlock-module_root__1WyVn:first-child {
2494
- margin-top: 0;
2495
- }
2496
- .ChapterBlock-module_root__1WyVn:last-child {
2497
- margin-bottom: 0;
2498
- }
2499
- .ChapterBlock-module_subtitle__3TXll {
2500
- display: inline-block;
2501
-
2502
- vertical-align: top;
2503
- letter-spacing: 1px;
2504
- text-transform: uppercase;
2505
-
2506
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2507
- font-size: 12px;
2508
- font-weight: 600;
2509
- line-height: 12px
2510
- }
2511
- @media only screen and (min-device-width: 32em) {
2512
- .ChapterBlock-module_subtitle__3TXll {
2513
- font-size: 13px;
2514
- line-height: 16px
2515
- }
2516
- }
2517
- .ChapterBlock-module_subtitle__3TXll::after {
2518
- display: block;
2519
-
2520
- width: 120px;
2521
- padding: 0 0 7px;
2522
-
2523
- content: '';
2524
-
2525
- border-bottom: 1px solid #ccc
2526
- }
2527
- @media only screen and (min-device-width: 32em) {
2528
- .ChapterBlock-module_subtitle__3TXll::after {
2529
- padding: 0 0 6px
2530
- }
2531
- }
2532
- /* VISIBILITY */
2533
- @media only screen and (min-device-width: 32em) {
2534
- .ChapterBlock-module_mobile__CiO0w {
2535
- display: none
2536
- }
2537
- }
2538
- .ChapterBlock-module_desktop__tk1Nk {
2539
- display: none
2540
- }
2541
- @media only screen and (min-device-width: 32em) {
2542
- .ChapterBlock-module_desktop__tk1Nk {
2543
- display: block
2544
- }
2545
- }
2546
-
2547
-
2548
2548
  /* Colors */
2549
2549
  /* Fonts */
2550
2550
  /* Gap */
@@ -2911,136 +2911,6 @@
2911
2911
  }
2912
2912
  }
2913
2913
 
2914
- /* Colors */
2915
- /* Fonts */
2916
- /* Gap */
2917
- /* Media */
2918
- /* 512 */
2919
- /* 650 */
2920
- /* 768 */
2921
- /* 1024 */
2922
- /* 1010 */
2923
- /* 1200 */
2924
- /* 511 */
2925
- /* 1023 */
2926
- /* Zindex */
2927
- .RelatedBlock-module_root__IKcQq {
2928
- margin: 16px 0;
2929
-
2930
- border-radius: 8px;
2931
- background-color: #f5f5f5;
2932
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1), inset 0 4px 0 0 #b78b5c
2933
- }
2934
- @media only screen and (min-device-width: 48em) {
2935
- .RelatedBlock-module_root__IKcQq {
2936
- margin: 25px 0
2937
- }
2938
- }
2939
- .RelatedBlock-module_root__IKcQq:last-child {
2940
- margin-bottom: 0;
2941
- }
2942
- .RelatedBlock-module_root__IKcQq:first-child {
2943
- margin-top: 0;
2944
- }
2945
- .RelatedBlock-module_root__IKcQq a {
2946
- display: block;
2947
-
2948
- padding: 12px 12px 13px;
2949
-
2950
- transition: color 0.15s;
2951
- text-decoration: none;
2952
-
2953
- color: #000;
2954
- box-shadow: none;
2955
-
2956
- font-size: 17px;
2957
- line-height: 20px
2958
- }
2959
- @media only screen and (min-device-width: 48em) {
2960
- .RelatedBlock-module_root__IKcQq a {
2961
- padding: 15px 20px 17px;
2962
-
2963
- font-size: 19px;
2964
- line-height: 23px
2965
- }
2966
- }
2967
- .RelatedBlock-module_root__IKcQq a:hover {
2968
- color: #5c5c5c;
2969
- }
2970
- .RelatedBlock-module_header__2SuWP {
2971
- margin: 0;
2972
- padding: 14px 12px 3px;
2973
-
2974
- letter-spacing: 1px;
2975
- text-transform: uppercase;
2976
-
2977
- color: #7F7F7F;
2978
-
2979
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2980
- font-size: 12px;
2981
- font-weight: 600;
2982
- line-height: 17px
2983
- }
2984
- @media only screen and (min-device-width: 48em) {
2985
- .RelatedBlock-module_header__2SuWP {
2986
- padding: 20px 20px 14px;
2987
-
2988
- font-size: 14px;
2989
- line-height: 16px
2990
- }
2991
- }
2992
- .RelatedBlock-module_items__2V-Ap {
2993
- margin: 0;
2994
- padding-left: 0;
2995
-
2996
- list-style: none;
2997
- }
2998
- .RelatedBlock-module_items__2V-Ap li {
2999
- padding: 0;
3000
- }
3001
- .RelatedBlock-module_items__2V-Ap li + li {
3002
- border-top: 1px solid #e6e6e6;
3003
- }
3004
- .RelatedBlock-module_rich__ddaHq .RelatedBlock-module_first__BKItW {
3005
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
3006
- font-size: 16px;
3007
- font-weight: 700;
3008
- line-height: 18px
3009
- }
3010
- @media only screen and (min-device-width: 48em) {
3011
- .RelatedBlock-module_rich__ddaHq .RelatedBlock-module_first__BKItW {
3012
- font-size: 18px
3013
- }
3014
- }
3015
- .RelatedBlock-module_simple__29HVO {
3016
- }
3017
- .RelatedBlock-module_center__1LmW8 {
3018
- max-width: 650px;
3019
- margin-right: auto;
3020
- margin-left: auto;
3021
- }
3022
- .RelatedBlock-module_isInSlideMaterial__2YSYG:first-child {
3023
- margin-top: 0;
3024
- }
3025
- .RelatedBlock-module_isInSlideMaterial__2YSYG:last-child {
3026
- margin-bottom: 0;
3027
- }
3028
- /* VISIBILITY */
3029
- @media only screen and (min-device-width: 32em) {
3030
- .RelatedBlock-module_mobile__2XM5a {
3031
- display: none
3032
- }
3033
- }
3034
- .RelatedBlock-module_desktop__2mXeq {
3035
- display: none
3036
- }
3037
- @media only screen and (min-device-width: 32em) {
3038
- .RelatedBlock-module_desktop__2mXeq {
3039
- display: block
3040
- }
3041
- }
3042
-
3043
-
3044
2914
  /* Colors */
3045
2915
  /* Fonts */
3046
2916
  /* Gap */
@@ -3125,154 +2995,123 @@
3125
2995
  /* 511 */
3126
2996
  /* 1023 */
3127
2997
  /* Zindex */
3128
- .SimpleTitle-module_root__2jVQN {
3129
- margin: 0 0 18px;
2998
+ .RelatedBlock-module_root__IKcQq {
2999
+ margin: 16px 0;
3130
3000
 
3131
- font-family: 'PF Regal', 'PF Regal Text Pro', 'Georgia', serif;
3132
- font-size: 20px;
3133
- font-weight: normal;
3134
- line-height: 23px
3001
+ border-radius: 8px;
3002
+ background-color: #f5f5f5;
3003
+ box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1), inset 0 4px 0 0 #b78b5c
3135
3004
  }
3136
3005
  @media only screen and (min-device-width: 48em) {
3137
- .SimpleTitle-module_root__2jVQN {
3138
- margin-bottom: 15px;
3139
-
3140
- font-size: 36px;
3141
- line-height: 40px
3142
- }
3143
- }
3144
- /* VISIBILITY */
3145
- @media only screen and (min-device-width: 32em) {
3146
- .SimpleTitle-module_mobile__11gBz {
3147
- display: none
3006
+ .RelatedBlock-module_root__IKcQq {
3007
+ margin: 25px 0
3148
3008
  }
3149
3009
  }
3150
- .SimpleTitle-module_desktop__3yXgy {
3151
- display: none
3010
+ .RelatedBlock-module_root__IKcQq:last-child {
3011
+ margin-bottom: 0;
3152
3012
  }
3153
- @media only screen and (min-device-width: 32em) {
3154
- .SimpleTitle-module_desktop__3yXgy {
3155
- display: block
3013
+ .RelatedBlock-module_root__IKcQq:first-child {
3014
+ margin-top: 0;
3156
3015
  }
3157
- }
3016
+ .RelatedBlock-module_root__IKcQq a {
3017
+ display: block;
3158
3018
 
3159
- /* Colors */
3160
- /* Fonts */
3161
- /* Gap */
3162
- /* Media */
3163
- /* 512 */
3164
- /* 650 */
3165
- /* 768 */
3166
- /* 1024 */
3167
- /* 1010 */
3168
- /* 1200 */
3169
- /* 511 */
3170
- /* 1023 */
3171
- /* Zindex */
3172
- .RichTitle-module_root__BK_WT {
3173
- margin: 0 0 18px;
3019
+ padding: 12px 12px 13px;
3174
3020
 
3175
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
3176
- font-size: 19px;
3177
- font-weight: 700;
3178
- line-height: 23px
3021
+ transition: color 0.15s;
3022
+ text-decoration: none;
3023
+
3024
+ color: #000;
3025
+ box-shadow: none;
3026
+
3027
+ font-size: 17px;
3028
+ line-height: 20px
3179
3029
  }
3180
3030
  @media only screen and (min-device-width: 48em) {
3181
- .RichTitle-module_root__BK_WT {
3182
- margin-bottom: 15px;
3031
+ .RelatedBlock-module_root__IKcQq a {
3032
+ padding: 15px 20px 17px;
3183
3033
 
3184
- font-size: 37px;
3185
- line-height: 42px
3034
+ font-size: 19px;
3035
+ line-height: 23px
3186
3036
  }
3187
3037
  }
3188
- .RichTitle-module_root__BK_WT:last-child {
3189
- margin-bottom: 0;
3038
+ .RelatedBlock-module_root__IKcQq a:hover {
3039
+ color: #5c5c5c;
3190
3040
  }
3191
- .RichTitle-module_root__BK_WT span {
3192
- font-family: 'PF Regal', 'PF Regal Text Pro', 'Georgia', serif;
3193
- font-size: 20px;
3194
- font-weight: normal
3041
+ .RelatedBlock-module_header__2SuWP {
3042
+ margin: 0;
3043
+ padding: 14px 12px 3px;
3044
+
3045
+ letter-spacing: 1px;
3046
+ text-transform: uppercase;
3047
+
3048
+ color: #7F7F7F;
3049
+
3050
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
3051
+ font-size: 12px;
3052
+ font-weight: 600;
3053
+ line-height: 17px
3195
3054
  }
3196
3055
  @media only screen and (min-device-width: 48em) {
3197
- .RichTitle-module_root__BK_WT span {
3198
- font-size: 38px
3199
- }
3200
- }
3201
- @media only screen and (min-device-width: 32em) {
3202
- .RichTitle-module_slide__1A-gB,
3203
- .RichTitle-module_game__1g8Bn {
3204
- text-align: center
3205
- }
3206
- }
3207
- @media only screen and (min-device-width: 64em) {
3208
- .RichTitle-module_half__10GRI {
3209
- font-size: 33px;
3210
- line-height: 36px
3211
- }
3212
- }
3213
- @media only screen and (min-device-width: 64em) {
3214
- .RichTitle-module_half__10GRI span {
3215
- font-size: 34px
3216
- }
3217
- }
3218
- .RichTitle-module_game__1g8Bn:first-child {
3219
- padding-top: 9px;
3220
- }
3221
- @media only screen and (max-device-width: 63.9375em) {
3222
- .RichTitle-module_featured__wJfaQ {
3223
- letter-spacing: 0.3px;
3224
-
3225
- font-size: 28px;
3226
- line-height: 30px
3056
+ .RelatedBlock-module_header__2SuWP {
3057
+ padding: 20px 20px 14px;
3058
+
3059
+ font-size: 14px;
3060
+ line-height: 16px
3227
3061
  }
3228
3062
  }
3229
- @media only screen and (max-device-width: 63.9375em) {
3230
- .RichTitle-module_featured__wJfaQ span {
3231
- display: block;
3232
-
3233
- padding-top: 2px;
3063
+ .RelatedBlock-module_items__2V-Ap {
3064
+ margin: 0;
3065
+ padding-left: 0;
3234
3066
 
3235
- font-size: 18px;
3236
- line-height: 24px
3067
+ list-style: none;
3237
3068
  }
3238
- }
3239
- @media only screen and (min-device-width: 64em) {
3240
- .RichTitle-module_isInMediaBlock__3RDw4 {
3241
- margin-bottom: 18px
3069
+ .RelatedBlock-module_items__2V-Ap li {
3070
+ padding: 0;
3242
3071
  }
3243
- }
3244
- .RichTitle-module_isInMediaBlock__3RDw4:not(.RichTitle-module_featured__wJfaQ) {
3245
- font-size: 19px;
3246
- line-height: 23px
3072
+ .RelatedBlock-module_items__2V-Ap li + li {
3073
+ border-top: 1px solid #e6e6e6;
3247
3074
  }
3248
- @media only screen and (min-device-width: 64em) {
3249
- .RichTitle-module_isInMediaBlock__3RDw4:not(.RichTitle-module_featured__wJfaQ) {
3250
- font-size: 1.3rem;
3251
- line-height: 1.6rem
3075
+ .RelatedBlock-module_rich__ddaHq .RelatedBlock-module_first__BKItW {
3076
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
3077
+ font-size: 16px;
3078
+ font-weight: 700;
3079
+ line-height: 18px
3080
+ }
3081
+ @media only screen and (min-device-width: 48em) {
3082
+ .RelatedBlock-module_rich__ddaHq .RelatedBlock-module_first__BKItW {
3083
+ font-size: 18px
3252
3084
  }
3253
3085
  }
3254
- .RichTitle-module_isInMediaBlock__3RDw4:not(.RichTitle-module_featured__wJfaQ) span {
3255
- font-size: 20px
3086
+ .RelatedBlock-module_simple__29HVO {
3256
3087
  }
3257
- @media only screen and (min-device-width: 64em) {
3258
- .RichTitle-module_isInMediaBlock__3RDw4:not(.RichTitle-module_featured__wJfaQ) span {
3259
- font-size: 1.35rem
3088
+ .RelatedBlock-module_center__1LmW8 {
3089
+ max-width: 650px;
3090
+ margin-right: auto;
3091
+ margin-left: auto;
3260
3092
  }
3261
- }
3093
+ .RelatedBlock-module_isInSlideMaterial__2YSYG:first-child {
3094
+ margin-top: 0;
3095
+ }
3096
+ .RelatedBlock-module_isInSlideMaterial__2YSYG:last-child {
3097
+ margin-bottom: 0;
3098
+ }
3099
+ /* VISIBILITY */
3262
3100
  @media only screen and (min-device-width: 32em) {
3263
- .RichTitle-module_mobile__1Cb6E {
3101
+ .RelatedBlock-module_mobile__2XM5a {
3264
3102
  display: none
3265
3103
  }
3266
3104
  }
3267
- .RichTitle-module_desktop__2ixSQ {
3105
+ .RelatedBlock-module_desktop__2mXeq {
3268
3106
  display: none
3269
3107
  }
3270
3108
  @media only screen and (min-device-width: 32em) {
3271
- .RichTitle-module_desktop__2ixSQ {
3109
+ .RelatedBlock-module_desktop__2mXeq {
3272
3110
  display: block
3273
3111
  }
3274
3112
  }
3275
3113
 
3114
+
3276
3115
  /* Colors */
3277
3116
  /* Fonts */
3278
3117
  /* Gap */
@@ -3707,94 +3546,268 @@ a mark {
3707
3546
  /* 511 */
3708
3547
  /* 1023 */
3709
3548
  /* Zindex */
3710
- .MetaItem-module_root__2VQom {
3711
- display: inline;
3549
+ .RichTitle-module_root__BK_WT {
3550
+ margin: 0 0 18px;
3712
3551
 
3713
- margin-right: 15px;
3552
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
3553
+ font-size: 19px;
3554
+ font-weight: 700;
3555
+ line-height: 23px
3714
3556
  }
3715
- .MetaItem-module_root__2VQom > svg {
3716
- display: inline-block;
3557
+ @media only screen and (min-device-width: 48em) {
3558
+ .RichTitle-module_root__BK_WT {
3559
+ margin-bottom: 15px;
3717
3560
 
3718
- margin-right: 1px;
3561
+ font-size: 37px;
3562
+ line-height: 42px
3563
+ }
3564
+ }
3565
+ .RichTitle-module_root__BK_WT:last-child {
3566
+ margin-bottom: 0;
3567
+ }
3568
+ .RichTitle-module_root__BK_WT span {
3569
+ font-family: 'PF Regal', 'PF Regal Text Pro', 'Georgia', serif;
3570
+ font-size: 20px;
3571
+ font-weight: normal
3572
+ }
3573
+ @media only screen and (min-device-width: 48em) {
3574
+ .RichTitle-module_root__BK_WT span {
3575
+ font-size: 38px
3576
+ }
3577
+ }
3578
+ @media only screen and (min-device-width: 32em) {
3579
+ .RichTitle-module_slide__1A-gB,
3580
+ .RichTitle-module_game__1g8Bn {
3581
+ text-align: center
3582
+ }
3583
+ }
3584
+ @media only screen and (min-device-width: 64em) {
3585
+ .RichTitle-module_half__10GRI {
3586
+ font-size: 33px;
3587
+ line-height: 36px
3588
+ }
3589
+ }
3590
+ @media only screen and (min-device-width: 64em) {
3591
+ .RichTitle-module_half__10GRI span {
3592
+ font-size: 34px
3593
+ }
3594
+ }
3595
+ .RichTitle-module_game__1g8Bn:first-child {
3596
+ padding-top: 9px;
3597
+ }
3598
+ @media only screen and (max-device-width: 63.9375em) {
3599
+ .RichTitle-module_featured__wJfaQ {
3600
+ letter-spacing: 0.3px;
3719
3601
 
3720
- vertical-align: top;
3602
+ font-size: 28px;
3603
+ line-height: 30px
3604
+ }
3605
+ }
3606
+ @media only screen and (max-device-width: 63.9375em) {
3607
+ .RichTitle-module_featured__wJfaQ span {
3608
+ display: block;
3721
3609
 
3722
- color: inherit;
3610
+ padding-top: 2px;
3723
3611
 
3724
- fill: currentColor;
3612
+ font-size: 18px;
3613
+ line-height: 24px
3725
3614
  }
3726
- .MetaItem-module_root__2VQom a {
3727
- display: inline;
3615
+ }
3616
+ @media only screen and (min-device-width: 64em) {
3617
+ .RichTitle-module_isInMediaBlock__3RDw4 {
3618
+ margin-bottom: 18px
3619
+ }
3620
+ }
3621
+ .RichTitle-module_isInMediaBlock__3RDw4:not(.RichTitle-module_featured__wJfaQ) {
3622
+ font-size: 19px;
3623
+ line-height: 23px
3624
+ }
3625
+ @media only screen and (min-device-width: 64em) {
3626
+ .RichTitle-module_isInMediaBlock__3RDw4:not(.RichTitle-module_featured__wJfaQ) {
3627
+ font-size: 1.3rem;
3628
+ line-height: 1.6rem
3629
+ }
3630
+ }
3631
+ .RichTitle-module_isInMediaBlock__3RDw4:not(.RichTitle-module_featured__wJfaQ) span {
3632
+ font-size: 20px
3633
+ }
3634
+ @media only screen and (min-device-width: 64em) {
3635
+ .RichTitle-module_isInMediaBlock__3RDw4:not(.RichTitle-module_featured__wJfaQ) span {
3636
+ font-size: 1.35rem
3637
+ }
3638
+ }
3639
+ @media only screen and (min-device-width: 32em) {
3640
+ .RichTitle-module_mobile__1Cb6E {
3641
+ display: none
3642
+ }
3643
+ }
3644
+ .RichTitle-module_desktop__2ixSQ {
3645
+ display: none
3646
+ }
3647
+ @media only screen and (min-device-width: 32em) {
3648
+ .RichTitle-module_desktop__2ixSQ {
3649
+ display: block
3650
+ }
3651
+ }
3728
3652
 
3729
- text-decoration: underline;
3653
+ /* Colors */
3654
+ /* Fonts */
3655
+ /* Gap */
3656
+ /* Media */
3657
+ /* 512 */
3658
+ /* 650 */
3659
+ /* 768 */
3660
+ /* 1024 */
3661
+ /* 1010 */
3662
+ /* 1200 */
3663
+ /* 511 */
3664
+ /* 1023 */
3665
+ /* Zindex */
3666
+ .SimpleTitle-module_root__2jVQN {
3667
+ margin: 0 0 18px;
3668
+
3669
+ font-family: 'PF Regal', 'PF Regal Text Pro', 'Georgia', serif;
3670
+ font-size: 20px;
3671
+ font-weight: normal;
3672
+ line-height: 23px
3673
+ }
3674
+ @media only screen and (min-device-width: 48em) {
3675
+ .SimpleTitle-module_root__2jVQN {
3676
+ margin-bottom: 15px;
3677
+
3678
+ font-size: 36px;
3679
+ line-height: 40px
3680
+ }
3681
+ }
3682
+ /* VISIBILITY */
3683
+ @media only screen and (min-device-width: 32em) {
3684
+ .SimpleTitle-module_mobile__11gBz {
3685
+ display: none
3686
+ }
3687
+ }
3688
+ .SimpleTitle-module_desktop__3yXgy {
3689
+ display: none
3690
+ }
3691
+ @media only screen and (min-device-width: 32em) {
3692
+ .SimpleTitle-module_desktop__3yXgy {
3693
+ display: block
3694
+ }
3695
+ }
3696
+
3697
+ /* Colors */
3698
+ /* Fonts */
3699
+ /* Gap */
3700
+ /* Media */
3701
+ /* 512 */
3702
+ /* 650 */
3703
+ /* 768 */
3704
+ /* 1024 */
3705
+ /* 1010 */
3706
+ /* 1200 */
3707
+ /* 511 */
3708
+ /* 1023 */
3709
+ /* Zindex */
3710
+ .SourceBlock-module_root__1P3XD {
3711
+ display: block;
3712
+
3713
+ margin: 18px 0 15px;
3714
+ padding: 12px 11px 17px;
3715
+
3716
+ color: #000;
3717
+ border-radius: 2px 8px 8px 2px;
3718
+ background-color: #f5f5f5;
3719
+ box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1), inset 4px 0 0 0 #b78b5c;
3720
+
3721
+ font-size: 16px;
3722
+ line-height: 20px
3723
+ }
3724
+ @media only screen and (min-device-width: 48em) {
3725
+ .SourceBlock-module_root__1P3XD {
3726
+ margin-top: 25px;
3727
+ margin-bottom: 25px;
3728
+ padding: 18px 16px 16px
3729
+ }
3730
+ }
3731
+ .SourceBlock-module_root__1P3XD:hover,
3732
+ .SourceBlock-module_root__1P3XD:visited {
3733
+ background-color: #ededed;
3734
+ }
3735
+ .SourceBlock-module_root__1P3XD blockquote {
3736
+ margin: 0;
3737
+ }
3738
+ .SourceBlock-module_root__1P3XD a {
3739
+ text-decoration: none;
3730
3740
 
3731
3741
  color: inherit;
3732
-
3733
- -webkit-text-decoration-skip: auto;
3734
- }
3735
- .MetaItem-module_root__2VQom a:hover {
3736
- color: #b88b59;
3737
3742
  }
3738
- .MetaItem-module_hasBullets__CkQPI {
3739
- margin-right: 0;
3743
+ .SourceBlock-module_text__Si4vm {
3744
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
3740
3745
  }
3741
- .MetaItem-module_hasBullets__CkQPI:nth-child(n + 2)::before {
3742
- display: inline-block;
3743
-
3744
- padding-right: 0.4em;
3745
- padding-left: 0.4em;
3746
+ .SourceBlock-module_text__Si4vm p {
3747
+ margin: 0;
3746
3748
 
3747
- content: '\B7';
3749
+ font-size: 16px;
3750
+ line-height: 22px
3748
3751
  }
3749
- @media only screen and (max-device-width: 32.1875em) {
3750
- .MetaItem-module_hasSource__1DmCI {
3751
- width: 100%;
3752
- margin-top: 3px;
3753
- margin-bottom: 3px
3752
+ @media only screen and (min-device-width: 48em) {
3753
+ .SourceBlock-module_text__Si4vm p {
3754
+ font-size: 18px;
3755
+ line-height: 26px
3754
3756
  }
3755
3757
  }
3756
- @media only screen and (max-device-width: 32.1875em) {
3757
- .MetaItem-module_hasSource__1DmCI:first-child {
3758
- margin-top: 0
3758
+ .SourceBlock-module_root__1P3XD p + p {
3759
+ margin-top: 12px;
3759
3760
  }
3760
- }
3761
- .MetaItem-module_hasSource__1DmCI:last-child {
3762
- margin-bottom: 0;
3761
+ .SourceBlock-module_root__1P3XD footer {
3762
+ margin-top: 12px;
3763
+ padding-top: 10px;
3764
+
3765
+ border-top: 1px solid #d6d6d6
3763
3766
  }
3764
- @media only screen and (max-device-width: 32.1875em) {
3765
- .MetaItem-module_hasSource__1DmCI:nth-child(n + 2)::before {
3766
- display: none
3767
+ @media only screen and (min-device-width: 48em) {
3768
+ .SourceBlock-module_root__1P3XD footer {
3769
+ margin-top: 18px;
3770
+ padding-top: 12px
3767
3771
  }
3768
3772
  }
3769
- @media only screen and (max-device-width: 32.1875em) {
3770
- .MetaItem-module_hasSource__1DmCI.MetaItem-module_listened__lwvAO::before,
3771
- .MetaItem-module_hasSource__1DmCI.MetaItem-module_read__5eAIG::before {
3772
- display: inline-block
3773
+ .SourceBlock-module_origin__l3JbO {
3774
+ letter-spacing: 1px;
3775
+ text-transform: uppercase;
3776
+ pointer-events: none;
3777
+
3778
+ color: #292929;
3779
+
3780
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
3781
+ font-size: 16px;
3782
+ font-weight: bold;
3783
+ font-style: normal;
3784
+ line-height: 22px
3773
3785
  }
3774
- }
3775
- @media only screen and (max-device-width: 32.1875em) {
3776
- .MetaItem-module_datetime__3tOWm,
3777
- .MetaItem-module_listened__lwvAO,
3778
- .MetaItem-module_read__5eAIG {
3779
- width: auto
3786
+ @media only screen and (min-device-width: 48em) {
3787
+ .SourceBlock-module_origin__l3JbO {
3788
+ font-size: 18px;
3789
+ line-height: 26px
3780
3790
  }
3781
3791
  }
3782
- @media only screen and (max-device-width: 32.1875em) {
3783
- .MetaItem-module_hasSource__1DmCI.MetaItem-module_datetime__3tOWm:first-child {
3784
- order: -2
3792
+ .SourceBlock-module_center__3P93B {
3793
+ max-width: 650px;
3794
+ margin-right: auto;
3795
+ margin-left: auto;
3785
3796
  }
3786
- }
3787
- @media only screen and (max-device-width: 32.1875em) {
3788
- .MetaItem-module_hasSource__1DmCI.MetaItem-module_listened__lwvAO,
3789
- .MetaItem-module_hasSource__1DmCI.MetaItem-module_read__5eAIG {
3790
- order: -1;
3791
-
3792
- margin-top: 0
3797
+ /* VISIBILITY */
3798
+ @media only screen and (min-device-width: 32em) {
3799
+ .SourceBlock-module_mobile__2gw4S {
3800
+ display: none
3793
3801
  }
3794
3802
  }
3795
- .MetaItem-module_read__5eAIG svg {
3796
- margin-top: -1px;
3803
+ .SourceBlock-module_desktop__DecT6 {
3804
+ display: none
3805
+ }
3806
+ @media only screen and (min-device-width: 32em) {
3807
+ .SourceBlock-module_desktop__DecT6 {
3808
+ display: block
3797
3809
  }
3810
+ }
3798
3811
 
3799
3812
  /* Colors */
3800
3813
  /* Fonts */
@@ -4084,107 +4097,94 @@ a mark {
4084
4097
  /* 511 */
4085
4098
  /* 1023 */
4086
4099
  /* Zindex */
4087
- .SourceBlock-module_root__1P3XD {
4088
- display: block;
4100
+ .MetaItem-module_root__2VQom {
4101
+ display: inline;
4089
4102
 
4090
- margin: 18px 0 15px;
4091
- padding: 12px 11px 17px;
4103
+ margin-right: 15px;
4104
+ }
4105
+ .MetaItem-module_root__2VQom > svg {
4106
+ display: inline-block;
4092
4107
 
4093
- color: #000;
4094
- border-radius: 2px 8px 8px 2px;
4095
- background-color: #f5f5f5;
4096
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1), inset 4px 0 0 0 #b78b5c;
4108
+ margin-right: 1px;
4097
4109
 
4098
- font-size: 16px;
4099
- line-height: 20px
4100
- }
4101
- @media only screen and (min-device-width: 48em) {
4102
- .SourceBlock-module_root__1P3XD {
4103
- margin-top: 25px;
4104
- margin-bottom: 25px;
4105
- padding: 18px 16px 16px
4106
- }
4107
- }
4108
- .SourceBlock-module_root__1P3XD:hover,
4109
- .SourceBlock-module_root__1P3XD:visited {
4110
- background-color: #ededed;
4111
- }
4112
- .SourceBlock-module_root__1P3XD blockquote {
4113
- margin: 0;
4114
- }
4115
- .SourceBlock-module_root__1P3XD a {
4116
- text-decoration: none;
4110
+ vertical-align: top;
4117
4111
 
4118
4112
  color: inherit;
4113
+
4114
+ fill: currentColor;
4119
4115
  }
4120
- .SourceBlock-module_text__Si4vm {
4121
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
4122
- }
4123
- .SourceBlock-module_text__Si4vm p {
4124
- margin: 0;
4116
+ .MetaItem-module_root__2VQom a {
4117
+ display: inline;
4125
4118
 
4126
- font-size: 16px;
4127
- line-height: 22px
4119
+ text-decoration: underline;
4120
+
4121
+ color: inherit;
4122
+
4123
+ -webkit-text-decoration-skip: auto;
4128
4124
  }
4129
- @media only screen and (min-device-width: 48em) {
4130
- .SourceBlock-module_text__Si4vm p {
4131
- font-size: 18px;
4132
- line-height: 26px
4125
+ .MetaItem-module_root__2VQom a:hover {
4126
+ color: #b88b59;
4133
4127
  }
4134
- }
4135
- .SourceBlock-module_root__1P3XD p + p {
4136
- margin-top: 12px;
4128
+ .MetaItem-module_hasBullets__CkQPI {
4129
+ margin-right: 0;
4137
4130
  }
4138
- .SourceBlock-module_root__1P3XD footer {
4139
- margin-top: 12px;
4140
- padding-top: 10px;
4131
+ .MetaItem-module_hasBullets__CkQPI:nth-child(n + 2)::before {
4132
+ display: inline-block;
4141
4133
 
4142
- border-top: 1px solid #d6d6d6
4134
+ padding-right: 0.4em;
4135
+ padding-left: 0.4em;
4136
+
4137
+ content: '\B7';
4143
4138
  }
4144
- @media only screen and (min-device-width: 48em) {
4145
- .SourceBlock-module_root__1P3XD footer {
4146
- margin-top: 18px;
4147
- padding-top: 12px
4139
+ @media only screen and (max-device-width: 32.1875em) {
4140
+ .MetaItem-module_hasSource__1DmCI {
4141
+ width: 100%;
4142
+ margin-top: 3px;
4143
+ margin-bottom: 3px
4148
4144
  }
4149
4145
  }
4150
- .SourceBlock-module_origin__l3JbO {
4151
- letter-spacing: 1px;
4152
- text-transform: uppercase;
4153
- pointer-events: none;
4154
-
4155
- color: #292929;
4156
-
4157
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
4158
- font-size: 16px;
4159
- font-weight: bold;
4160
- font-style: normal;
4161
- line-height: 22px
4162
- }
4163
- @media only screen and (min-device-width: 48em) {
4164
- .SourceBlock-module_origin__l3JbO {
4165
- font-size: 18px;
4166
- line-height: 26px
4146
+ @media only screen and (max-device-width: 32.1875em) {
4147
+ .MetaItem-module_hasSource__1DmCI:first-child {
4148
+ margin-top: 0
4167
4149
  }
4168
4150
  }
4169
- .SourceBlock-module_center__3P93B {
4170
- max-width: 650px;
4171
- margin-right: auto;
4172
- margin-left: auto;
4151
+ .MetaItem-module_hasSource__1DmCI:last-child {
4152
+ margin-bottom: 0;
4173
4153
  }
4174
- /* VISIBILITY */
4175
- @media only screen and (min-device-width: 32em) {
4176
- .SourceBlock-module_mobile__2gw4S {
4154
+ @media only screen and (max-device-width: 32.1875em) {
4155
+ .MetaItem-module_hasSource__1DmCI:nth-child(n + 2)::before {
4177
4156
  display: none
4178
4157
  }
4179
4158
  }
4180
- .SourceBlock-module_desktop__DecT6 {
4181
- display: none
4159
+ @media only screen and (max-device-width: 32.1875em) {
4160
+ .MetaItem-module_hasSource__1DmCI.MetaItem-module_listened__lwvAO::before,
4161
+ .MetaItem-module_hasSource__1DmCI.MetaItem-module_read__5eAIG::before {
4162
+ display: inline-block
4182
4163
  }
4183
- @media only screen and (min-device-width: 32em) {
4184
- .SourceBlock-module_desktop__DecT6 {
4185
- display: block
4164
+ }
4165
+ @media only screen and (max-device-width: 32.1875em) {
4166
+ .MetaItem-module_datetime__3tOWm,
4167
+ .MetaItem-module_listened__lwvAO,
4168
+ .MetaItem-module_read__5eAIG {
4169
+ width: auto
4170
+ }
4171
+ }
4172
+ @media only screen and (max-device-width: 32.1875em) {
4173
+ .MetaItem-module_hasSource__1DmCI.MetaItem-module_datetime__3tOWm:first-child {
4174
+ order: -2
4175
+ }
4176
+ }
4177
+ @media only screen and (max-device-width: 32.1875em) {
4178
+ .MetaItem-module_hasSource__1DmCI.MetaItem-module_listened__lwvAO,
4179
+ .MetaItem-module_hasSource__1DmCI.MetaItem-module_read__5eAIG {
4180
+ order: -1;
4181
+
4182
+ margin-top: 0
4186
4183
  }
4187
4184
  }
4185
+ .MetaItem-module_read__5eAIG svg {
4186
+ margin-top: -1px;
4187
+ }
4188
4188
 
4189
4189
  /* stylelint-disable declaration-empty-line-before */
4190
4190
  /* Colors */
@@ -4649,7 +4649,7 @@ a mark {
4649
4649
  flex-flow: column nowrap;
4650
4650
  justify-content: flex-end;
4651
4651
 
4652
- padding: 15px 15px 12px;
4652
+ padding: 12px 15px 12px;
4653
4653
 
4654
4654
  background-color: #f7f7f7
4655
4655
  }
@@ -4694,16 +4694,19 @@ a mark {
4694
4694
  .RelatedRichBlock-module_isRich__1LnA4 .RelatedRichBlock-module_picture__128HJ::after {
4695
4695
  position: absolute;
4696
4696
  z-index: 10;
4697
- top: 0;
4698
- right: 0;
4697
+ right: 1px;
4699
4698
  bottom: 0;
4700
- left: 0;
4699
+ left: 1px;
4701
4700
 
4702
4701
  content: '';
4703
4702
 
4704
- border-radius: 8px 8px 0 0;
4705
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
4703
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1)
4704
+ }
4705
+ @media only screen and (min-device-width: 32em) {
4706
+ .RelatedRichBlock-module_isRich__1LnA4 .RelatedRichBlock-module_picture__128HJ::after {
4707
+ content: ''
4706
4708
  }
4709
+ }
4707
4710
  .RelatedRichBlock-module_isCard__2naDz {
4708
4711
  color: #fff;
4709
4712
  background-color: #191919