@meduza/ui-kit-2 0.1.27 → 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,202 +247,222 @@
477
247
  /* 511 */
478
248
  /* 1023 */
479
249
  /* Zindex */
480
- .Image-module_root__1vsA_ {
481
- position: relative;
482
- z-index: 1;
250
+ .SvgSymbol-module_root__2CsRW {
251
+ width: 100%;
252
+ height: 100%;
483
253
 
484
- display: block;
485
- overflow: hidden
254
+ vertical-align: middle;
486
255
  }
487
- @media only screen and (min-device-width: 32em) {
488
- .Image-module_root__1vsA_ {
489
- border-radius: inherit
256
+ .SvgSymbol-module_small__2g6oR {
257
+ height: 14px;
490
258
  }
491
- }
492
- .Image-module_placeholder__1p4ob,
493
- .Image-module_root__1vsA_ img {
494
- position: absolute;
495
- top: 0;
496
- left: 0;
497
-
498
- width: 100%;
499
- height: 100%;
259
+ .SvgSymbol-module_normal__9lFn1 {
260
+ height: 14px;
500
261
  }
501
- .Image-module_wrapper__3fLjs {
502
- display: block;
503
-
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 {
504
271
  width: 100%;
505
-
506
- background-repeat: no-repeat;
507
- background-size: 100% auto;
272
+ height: 100%;
508
273
  }
509
- .Image-module_placeholder__1p4ob {
510
- transition: background-color 250ms ease;
274
+ .SvgSymbol-module_fb__1whmw {
275
+ width: 16px;
511
276
 
512
- background-color: #f2f2f2;
277
+ fill: #304591;
513
278
  }
514
- .Image-module_loaded__w9FVT {
515
- background: transparent;
279
+ .SvgSymbol-module_vk__3VEuu {
280
+ width: 20px;
281
+
282
+ fill: #527397;
516
283
  }
517
- .Image-module_fullscreen__29apx picture {
518
- cursor: pointer;
284
+ .SvgSymbol-module_ok__2_1Qb {
285
+ width: 9px;
286
+
287
+ fill: #eb722e;
519
288
  }
520
- .Image-module_fullscreen__29apx picture:hover::after {
521
- opacity: 1;
289
+ .SvgSymbol-module_tw__2VRG5 {
290
+ width: 20px;
291
+
292
+ fill: #31adf4;
522
293
  }
523
- .Image-module_fullscreen__29apx picture::after {
524
- position: absolute;
525
- right: 12px;
526
- bottom: 12px;
294
+ .SvgSymbol-module_tg__2xe2f {
295
+ width: 18px;
527
296
 
528
- width: 40px;
529
- height: 40px;
297
+ fill: #2ba5e0;
298
+ }
299
+ .SvgSymbol-module_reaction__rrJvf {
300
+ width: 16px;
530
301
 
531
- transition: opacity 250ms ease;
532
- pointer-events: none;
302
+ color: #b88b59;
533
303
 
534
- opacity: 0;
535
- border: 0.5px solid rgba(255, 255, 255, 0.15);
536
- border-radius: 20px;
537
- background-color: rgba(0, 0, 0, 0.7);
538
- 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");
539
- background-repeat: no-repeat;
540
- background-position: center
304
+ fill: #262626;
541
305
  }
542
- @media only screen and (min-device-width: 64em) {
543
- .Image-module_fullscreen__29apx picture::after {
544
- content: ''
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;
545
312
  }
546
- }
547
- [data-input='mouse'] .Image-module_wrapper__3fLjs {
548
- outline: none;
313
+ .SvgSymbol-module_menu__2iYFt {
314
+ width: 24px;
315
+ height: 24px;
549
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;
550
340
 
551
- /* Colors */
552
- /* Fonts */
553
- /* Gap */
554
- /* Media */
555
- /* 512 */
556
- /* 650 */
557
- /* 768 */
558
- /* 1024 */
559
- /* 1010 */
560
- /* 1200 */
561
- /* 511 */
562
- /* 1023 */
563
- /* Zindex */
564
- .DotsOnImage-module_root__2XP3Q {
565
- position: relative;
341
+ -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
566
342
 
567
- display: block;
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;
568
348
 
569
- width: 100%;
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));
570
352
  }
571
- .DotsOnImage-module_isVisible__Wqqqt .DotsOnImage-module_marker__lH5cP {
572
- -webkit-animation: DotsOnImage-module_show__2TMBv 400ms ease both 500ms;
573
- animation: DotsOnImage-module_show__2TMBv 400ms ease both 500ms;
353
+ .SvgSymbol-module_isInButtonPlaybackRate__1L3TW {
354
+ width: 34px;
355
+ height: 28px
574
356
  }
575
- .DotsOnImage-module_dot__H1wua {
576
- position: absolute;
577
- z-index: 10;
578
-
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 {
579
365
  width: 28px;
580
- height: 28px;
581
-
582
- will-change: opacity;
366
+ height: 28px
583
367
  }
584
- .DotsOnImage-module_marker__lH5cP {
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 {
585
380
  width: 100%;
586
381
  height: 100%;
587
- padding: 0;
588
-
589
- cursor: pointer;
590
- text-align: center;
591
-
592
- opacity: 0;
593
- color: #fff;
594
- border-width: 0;
595
- border-radius: 30px;
596
- outline-width: 0;
597
- background-color: #000;
598
- box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.6);
599
-
600
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
601
- font-size: 13px;
602
- font-weight: 600;
603
- line-height: 28px;
604
-
605
- -webkit-appearance: none;
606
-
607
- -moz-appearance: none;
608
-
609
- appearance: none;
610
- will-change: opacity;
611
- }
612
- .DotsOnImage-module_marker__lH5cP svg {
613
- display: block;
614
-
615
- will-change: opacity;
616
382
  }
617
- .DotsOnImage-module_marker__lH5cP:hover,
618
- .DotsOnImage-module_marker__lH5cP.DotsOnImage-module_isActive__3hh31 {
619
- box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 1);
383
+ .SvgSymbol-module_meduzaLogo__2Ouzp {
384
+ width: 92px;
385
+ height: 20px
620
386
  }
621
- .DotsOnImage-module_popover__35Cpj {
622
- position: absolute;
623
- z-index: 10;
387
+ @media only screen and (min-device-width: 64em) {
388
+ .SvgSymbol-module_meduzaLogo__2Ouzp {
389
+ width: 100px;
390
+ height: 45px
624
391
  }
625
- .DotsOnImage-module_popover__35Cpj.DotsOnImage-module_isRight__2RsJe.DotsOnImage-module_isTop__3zmSK {
626
- transform: translateX(50px);
392
+ }
393
+ .SvgSymbol-module_arrow__11naX {
394
+ width: 12px;
395
+ height: 12px;
627
396
  }
628
- .DotsOnImage-module_popover__35Cpj.DotsOnImage-module_isLeft__3quc9.DotsOnImage-module_isTop__3zmSK {
629
- transform: translateX(-100%) translateX(-22px);
397
+ .SvgSymbol-module_oil__hvHE5 {
398
+ width: 9px;
399
+ height: 12px;
630
400
  }
631
- .DotsOnImage-module_popover__35Cpj.DotsOnImage-module_isRight__2RsJe.DotsOnImage-module_isBottom__3Nk1T {
632
- transform: translateX(50px) translateY(-100%) translateY(22px);
401
+ .SvgSymbol-module_search__VK6p3 {
402
+ width: 24px;
403
+ height: 24px
633
404
  }
634
- .DotsOnImage-module_popover__35Cpj.DotsOnImage-module_isLeft__3quc9.DotsOnImage-module_isBottom__3Nk1T {
635
- transform: translateX(-100%) translateX(-22px) translateY(-100%)
636
- translateY(22px);
405
+ @media only screen and (min-device-width: 64em) {
406
+ .SvgSymbol-module_search__VK6p3 {
407
+ width: 16px;
408
+ height: 16px
637
409
  }
638
- @-webkit-keyframes DotsOnImage-module_show__2TMBv {
639
- 0% {
640
- transform: scale(0.4);
641
-
642
- opacity: 0;
643
410
  }
644
-
645
- 90% {
646
- transform: scale(1.1);
647
-
648
- opacity: 1;
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
+ }
649
420
  }
421
+ .SvgSymbol-module_bookmark__2z7tX {
422
+ width: 17px;
423
+ height: auto;
650
424
 
651
- 100% {
652
- transform: scale(1);
425
+ cursor: pointer;
653
426
 
654
- opacity: 1;
655
- }
427
+ stroke-width: 2px
656
428
  }
657
- @keyframes DotsOnImage-module_show__2TMBv {
658
- 0% {
659
- transform: scale(0.4);
429
+ @media only screen and (min-device-width: 64em) {
430
+ .SvgSymbol-module_bookmark__2z7tX {
431
+ width: 14px;
660
432
 
661
- opacity: 0;
433
+ stroke-width: 1.5px
434
+ }
662
435
  }
663
-
664
- 90% {
665
- transform: scale(1.1);
666
-
667
- opacity: 1;
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
+ }
668
452
  }
669
-
670
- 100% {
671
- transform: scale(1);
672
-
673
- opacity: 1;
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
+ }
674
457
  }
458
+ .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN path {
459
+ stroke-width: 1.8px
675
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
+ }
676
466
 
677
467
  /* Colors */
678
468
  /* Fonts */
@@ -851,145 +641,202 @@
851
641
  /* 511 */
852
642
  /* 1023 */
853
643
  /* Zindex */
854
- .Lazy-module_root__2Z72l {
644
+ .DotsOnImage-module_root__2XP3Q {
645
+ position: relative;
646
+
855
647
  display: block;
648
+
649
+ width: 100%;
856
650
  }
857
- .Lazy-module_visible__3-SdX {
858
- color: red;
651
+ .DotsOnImage-module_isVisible__Wqqqt .DotsOnImage-module_marker__lH5cP {
652
+ -webkit-animation: DotsOnImage-module_show__2TMBv 400ms ease both 500ms;
653
+ animation: DotsOnImage-module_show__2TMBv 400ms ease both 500ms;
859
654
  }
655
+ .DotsOnImage-module_dot__H1wua {
656
+ position: absolute;
657
+ z-index: 10;
860
658
 
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;
659
+ width: 28px;
660
+ height: 28px;
876
661
 
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;
662
+ will-change: opacity;
663
+ }
664
+ .DotsOnImage-module_marker__lH5cP {
665
+ width: 100%;
666
+ height: 100%;
667
+ padding: 0;
668
+
669
+ cursor: pointer;
670
+ text-align: center;
671
+
672
+ opacity: 0;
673
+ color: #fff;
674
+ border-width: 0;
675
+ border-radius: 30px;
676
+ outline-width: 0;
677
+ background-color: #000;
678
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.6);
885
679
 
886
680
  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
887
- font-size: 12px;
681
+ font-size: 13px;
888
682
  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
683
+ line-height: 28px;
684
+
685
+ -webkit-appearance: none;
686
+
687
+ -moz-appearance: none;
688
+
689
+ appearance: none;
690
+ will-change: opacity;
898
691
  }
899
- }
900
- @media only screen and (min-device-width: 64em) {
901
- .Tag-module_large__22z_o {
902
- letter-spacing: 1px;
692
+ .DotsOnImage-module_marker__lH5cP svg {
693
+ display: block;
903
694
 
904
- font-size: 14px;
905
- line-height: 16px
695
+ will-change: opacity;
906
696
  }
907
- }
908
- .Tag-module_dark__sgnt1 {
909
- color: #000;
697
+ .DotsOnImage-module_marker__lH5cP:hover,
698
+ .DotsOnImage-module_marker__lH5cP.DotsOnImage-module_isActive__3hh31 {
699
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 1);
910
700
  }
911
- .Tag-module_light__1zUhp {
912
- color: #fff;
701
+ .DotsOnImage-module_popover__35Cpj {
702
+ position: absolute;
703
+ z-index: 10;
913
704
  }
914
- .Tag-module_gold__2ksA7 {
915
- color: #b88b59;
705
+ .DotsOnImage-module_popover__35Cpj.DotsOnImage-module_isRight__2RsJe.DotsOnImage-module_isTop__3zmSK {
706
+ transform: translateX(50px);
916
707
  }
917
- .Tag-module_gray__mGAO_ {
918
- color: #757575;
708
+ .DotsOnImage-module_popover__35Cpj.DotsOnImage-module_isLeft__3quc9.DotsOnImage-module_isTop__3zmSK {
709
+ transform: translateX(-100%) translateX(-22px);
919
710
  }
920
- .Tag-module_inherit__2QB5U {
921
- color: inherit;
711
+ .DotsOnImage-module_popover__35Cpj.DotsOnImage-module_isRight__2RsJe.DotsOnImage-module_isBottom__3Nk1T {
712
+ transform: translateX(50px) translateY(-100%) translateY(22px);
922
713
  }
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;
928
-
929
- font-size: 12px;
930
- line-height: 20px
714
+ .DotsOnImage-module_popover__35Cpj.DotsOnImage-module_isLeft__3quc9.DotsOnImage-module_isBottom__3Nk1T {
715
+ transform: translateX(-100%) translateX(-22px) translateY(-100%)
716
+ translateY(22px);
931
717
  }
718
+ @-webkit-keyframes DotsOnImage-module_show__2TMBv {
719
+ 0% {
720
+ transform: scale(0.4);
721
+
722
+ opacity: 0;
932
723
  }
933
- @media only screen and (min-device-width: 64em) {
934
- .Tag-module_is1to3__3j5K-,
935
- .Tag-module_is1to4__2vq4r {
936
- letter-spacing: 0.5px;
937
724
 
938
- font-size: 10px;
939
- line-height: 15px
725
+ 90% {
726
+ transform: scale(1.1);
727
+
728
+ opacity: 1;
729
+ }
730
+
731
+ 100% {
732
+ transform: scale(1);
733
+
734
+ opacity: 1;
735
+ }
940
736
  }
737
+ @keyframes DotsOnImage-module_show__2TMBv {
738
+ 0% {
739
+ transform: scale(0.4);
740
+
741
+ opacity: 0;
941
742
  }
942
- @media only screen and (min-device-width: 32em) {
943
- .Tag-module_slide__2nMDw,
944
- .Tag-module_game__3j5yG {
945
- width: 100%;
946
743
 
947
- text-align: center
744
+ 90% {
745
+ transform: scale(1.1);
746
+
747
+ opacity: 1;
748
+ }
749
+
750
+ 100% {
751
+ transform: scale(1);
752
+
753
+ opacity: 1;
754
+ }
755
+ }
756
+
757
+ /* Colors */
758
+ /* Fonts */
759
+ /* Gap */
760
+ /* Media */
761
+ /* 512 */
762
+ /* 650 */
763
+ /* 768 */
764
+ /* 1024 */
765
+ /* 1010 */
766
+ /* 1200 */
767
+ /* 511 */
768
+ /* 1023 */
769
+ /* Zindex */
770
+ .Image-module_root__1vsA_ {
771
+ position: relative;
772
+ z-index: 1;
773
+
774
+ display: block;
775
+ overflow: hidden
776
+ }
777
+ @media only screen and (min-device-width: 32em) {
778
+ .Image-module_root__1vsA_ {
779
+ border-radius: inherit
948
780
  }
949
781
  }
950
- @media only screen and (min-device-width: 64em) {
951
- .Tag-module_richRelated__2vbQQ {
952
- font-size: 14px;
953
- line-height: 16px
782
+ .Image-module_placeholder__1p4ob,
783
+ .Image-module_root__1vsA_ img {
784
+ position: absolute;
785
+ top: 0;
786
+ left: 0;
787
+
788
+ width: 100%;
789
+ height: 100%;
954
790
  }
955
- }
956
- .Tag-module_slide__2nMDw,
957
- .Tag-module_game__3j5yG,
958
- .Tag-module_card__1EAeF,
959
- .Tag-module_live__rwXuR,
960
- .Tag-module_episode__3o6gg,
961
- .Tag-module_podcast__VPoll,
962
- .Tag-module_rich__2URd9,
963
- .Tag-module_isInDynamicBlock__1YM9I {
964
- margin-bottom: 6px;
791
+ .Image-module_wrapper__3fLjs {
792
+ display: block;
965
793
 
966
- line-height: 10px
794
+ width: 100%;
795
+
796
+ background-repeat: no-repeat;
797
+ background-size: 100% auto;
967
798
  }
968
- @media only screen and (min-device-width: 32em) {
969
- .Tag-module_slide__2nMDw,
970
- .Tag-module_game__3j5yG,
971
- .Tag-module_card__1EAeF,
972
- .Tag-module_live__rwXuR,
973
- .Tag-module_episode__3o6gg,
974
- .Tag-module_podcast__VPoll,
975
- .Tag-module_rich__2URd9,
976
- .Tag-module_isInDynamicBlock__1YM9I {
977
- margin-bottom: 10px
799
+ .Image-module_placeholder__1p4ob {
800
+ transition: background-color 250ms ease;
801
+
802
+ background-color: #f2f2f2;
978
803
  }
979
- }
980
- @media only screen and (min-device-width: 32em) {
981
- .Tag-module_mobile__QQxuv {
982
- display: none
804
+ .Image-module_loaded__w9FVT {
805
+ background: transparent;
983
806
  }
984
- }
985
- .Tag-module_desktop__1Bjsy {
986
- display: none
807
+ .Image-module_fullscreen__29apx picture {
808
+ cursor: pointer;
987
809
  }
988
- @media only screen and (min-device-width: 32em) {
989
- .Tag-module_desktop__1Bjsy {
990
- display: block
810
+ .Image-module_fullscreen__29apx picture:hover::after {
811
+ opacity: 1;
812
+ }
813
+ .Image-module_fullscreen__29apx picture::after {
814
+ position: absolute;
815
+ right: 12px;
816
+ bottom: 12px;
817
+
818
+ width: 40px;
819
+ height: 40px;
820
+
821
+ transition: opacity 250ms ease;
822
+ pointer-events: none;
823
+
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
831
+ }
832
+ @media only screen and (min-device-width: 64em) {
833
+ .Image-module_fullscreen__29apx picture::after {
834
+ content: ''
991
835
  }
992
836
  }
837
+ [data-input='mouse'] .Image-module_wrapper__3fLjs {
838
+ outline: none;
839
+ }
993
840
 
994
841
  /* Colors */
995
842
  /* Fonts */
@@ -1302,50 +1149,149 @@
1302
1149
  /* 511 */
1303
1150
  /* 1023 */
1304
1151
  /* Zindex */
1305
- .BookmarkButton-module_root__3KmuY {
1306
- color: #e0e0e0;
1152
+ .Lazy-module_root__2Z72l {
1153
+ display: block;
1154
+ }
1155
+ .Lazy-module_visible__3-SdX {
1156
+ color: red;
1307
1157
  }
1308
- .BookmarkButton-module_control__1A0ea {
1309
- margin: 0;
1310
- padding: 5px 3px;
1311
-
1312
- cursor: pointer;
1313
1158
 
1314
- color: inherit;
1315
- border-width: 0;
1316
- outline: none;
1317
- background-color: transparent;
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;
1318
1174
 
1319
- -webkit-appearance: none;
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;
1320
1183
 
1321
- -moz-appearance: none;
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;
1322
1201
 
1323
- appearance: none;
1324
- fill: transparent;
1202
+ font-size: 14px;
1203
+ line-height: 16px
1325
1204
  }
1326
- .BookmarkButton-module_dark__1cwyi {
1205
+ }
1206
+ .Tag-module_dark__sgnt1 {
1207
+ color: #000;
1208
+ }
1209
+ .Tag-module_light__1zUhp {
1327
1210
  color: #fff;
1328
1211
  }
1329
- .BookmarkButton-module_light__1uQyH {
1330
- color: #000;
1212
+ .Tag-module_gold__2ksA7 {
1213
+ color: #b88b59;
1331
1214
  }
1332
- .BookmarkButton-module_isInBookmarks__1_5kB .BookmarkButton-module_control__1A0ea {
1333
- fill: #e0e0e0;
1215
+ .Tag-module_gray__mGAO_ {
1216
+ color: #757575;
1334
1217
  }
1335
- .BookmarkButton-module_isInBookmarks__1_5kB.BookmarkButton-module_dark__1cwyi .BookmarkButton-module_control__1A0ea {
1336
- fill: #fff;
1218
+ .Tag-module_inherit__2QB5U {
1219
+ color: inherit;
1337
1220
  }
1338
- .BookmarkButton-module_isInBookmarks__1_5kB.BookmarkButton-module_light__1uQyH .BookmarkButton-module_control__1A0ea {
1339
- fill: #000;
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
1340
1229
  }
1230
+ }
1341
1231
  @media only screen and (min-device-width: 64em) {
1342
- .BookmarkButton-module_isInGrid__2pQ2B .BookmarkButton-module_control__1A0ea svg {
1343
- width: 12px
1232
+ .Tag-module_is1to3__3j5K-,
1233
+ .Tag-module_is1to4__2vq4r {
1234
+ letter-spacing: 0.5px;
1235
+
1236
+ font-size: 10px;
1237
+ line-height: 15px
1344
1238
  }
1345
1239
  }
1346
- [data-context='prodano'] .BookmarkButton-module_root__3KmuY {
1347
- display: none;
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
1348
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
+ }
1349
1295
 
1350
1296
  /* Colors */
1351
1297
  /* Fonts */
@@ -1588,36 +1534,50 @@
1588
1534
  /* 511 */
1589
1535
  /* 1023 */
1590
1536
  /* Zindex */
1591
- .MaterialTitle-module_root__18ku- {
1592
- display: block;
1537
+ .BookmarkButton-module_root__3KmuY {
1538
+ color: #e0e0e0;
1593
1539
  }
1594
- .MaterialTitle-module_root__18ku- {
1540
+ .BookmarkButton-module_control__1A0ea {
1595
1541
  margin: 0;
1542
+ padding: 5px 3px;
1543
+
1544
+ cursor: pointer;
1545
+
1546
+ color: inherit;
1547
+ border-width: 0;
1548
+ outline: none;
1549
+ background-color: transparent;
1550
+
1551
+ -webkit-appearance: none;
1596
1552
 
1597
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1598
- font-size: 25px;
1599
- font-weight: normal;
1600
- line-height: 27px
1553
+ -moz-appearance: none;
1554
+
1555
+ appearance: none;
1556
+ fill: transparent;
1601
1557
  }
1602
- @media only screen and (min-device-width: 48em) {
1603
- .MaterialTitle-module_root__18ku- {
1604
- font-size: 37px;
1605
- line-height: 38px
1558
+ .BookmarkButton-module_dark__1cwyi {
1559
+ color: #fff;
1606
1560
  }
1607
- }
1608
- .MaterialTitle-module_primary__2Sfmx {
1609
- font-family: 'PF Regal', 'PF Regal Text Pro', 'Georgia', serif;
1610
- font-weight: normal;
1561
+ .BookmarkButton-module_light__1uQyH {
1562
+ color: #000;
1611
1563
  }
1612
- .MaterialTitle-module_secondary__3uDp4 {
1613
- font-size: 24px;
1614
- font-weight: 700
1564
+ .BookmarkButton-module_isInBookmarks__1_5kB .BookmarkButton-module_control__1A0ea {
1565
+ fill: #e0e0e0;
1615
1566
  }
1616
- @media only screen and (min-device-width: 48em) {
1617
- .MaterialTitle-module_secondary__3uDp4 {
1618
- font-size: 36px
1567
+ .BookmarkButton-module_isInBookmarks__1_5kB.BookmarkButton-module_dark__1cwyi .BookmarkButton-module_control__1A0ea {
1568
+ fill: #fff;
1569
+ }
1570
+ .BookmarkButton-module_isInBookmarks__1_5kB.BookmarkButton-module_light__1uQyH .BookmarkButton-module_control__1A0ea {
1571
+ fill: #000;
1572
+ }
1573
+ @media only screen and (min-device-width: 64em) {
1574
+ .BookmarkButton-module_isInGrid__2pQ2B .BookmarkButton-module_control__1A0ea svg {
1575
+ width: 12px
1619
1576
  }
1620
1577
  }
1578
+ [data-context='prodano'] .BookmarkButton-module_root__3KmuY {
1579
+ display: none;
1580
+ }
1621
1581
 
1622
1582
  /* Colors */
1623
1583
  /* Fonts */
@@ -1707,6 +1667,50 @@
1707
1667
  content: '';
1708
1668
  }
1709
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
1711
+ }
1712
+ }
1713
+
1710
1714
  /* Colors */
1711
1715
  /* Fonts */
1712
1716
  /* Gap */
@@ -2061,6 +2065,24 @@
2061
2065
  }
2062
2066
  }
2063
2067
 
2068
+ /* Colors */
2069
+ /* Fonts */
2070
+ /* Gap */
2071
+ /* Media */
2072
+ /* 512 */
2073
+ /* 650 */
2074
+ /* 768 */
2075
+ /* 1024 */
2076
+ /* 1010 */
2077
+ /* 1200 */
2078
+ /* 511 */
2079
+ /* 1023 */
2080
+ /* Zindex */
2081
+ .Timestamp-module_root__coOvT {
2082
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2083
+ font-weight: normal;
2084
+ }
2085
+
2064
2086
  /* Colors */
2065
2087
  /* Fonts */
2066
2088
  /* Gap */
@@ -2093,7 +2115,7 @@
2093
2115
  .Meta-module_isInMaterial__zaYMy {
2094
2116
  width: 100%;
2095
2117
 
2096
- color: #757575;
2118
+ color: rgba(0, 0, 0, 0.4);
2097
2119
  }
2098
2120
  .Meta-module_podcast__1m4zo {
2099
2121
  fill: currentColor;
@@ -2102,6 +2124,7 @@
2102
2124
  color: rgba(255, 255, 255, 0.7);
2103
2125
  }
2104
2126
  @media only screen and (min-device-width: 64em) {
2127
+ .Meta-module_center__3BBPr.Meta-module_isInMediaBlock__3xfPF,
2105
2128
  .Meta-module_center__3BBPr.Meta-module_half__1xRkT {
2106
2129
  text-align: left
2107
2130
  }
@@ -2177,24 +2200,6 @@
2177
2200
  }
2178
2201
  }
2179
2202
 
2180
- /* Colors */
2181
- /* Fonts */
2182
- /* Gap */
2183
- /* Media */
2184
- /* 512 */
2185
- /* 650 */
2186
- /* 768 */
2187
- /* 1024 */
2188
- /* 1010 */
2189
- /* 1200 */
2190
- /* 511 */
2191
- /* 1023 */
2192
- /* Zindex */
2193
- .Timestamp-module_root__coOvT {
2194
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2195
- font-weight: normal;
2196
- }
2197
-
2198
2203
  /* Colors */
2199
2204
  /* Fonts */
2200
2205
  /* Gap */
@@ -2295,168 +2300,50 @@
2295
2300
  /* 1023 */
2296
2301
  /* Zindex */
2297
2302
  .CardTitle-module_root__1uqqF {
2298
- margin-bottom: 11px
2299
- }
2300
- @media only screen and (min-device-width: 64em) {
2301
- .CardTitle-module_root__1uqqF {
2302
- margin-bottom: 10px;
2303
-
2304
- text-align: center
2305
- }
2306
- }
2307
- .CardTitle-module_index__4FsTf {
2308
- margin-bottom: 7px;
2309
-
2310
- color: #b88b59;
2311
-
2312
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2313
- font-size: 20px;
2314
- font-weight: 700;
2315
- line-height: 24px;
2316
- }
2317
- .CardTitle-module_title__2iTI6 {
2318
- color: #1d1d1d;
2319
-
2320
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2321
- font-size: 20px;
2322
- font-weight: 700;
2323
- line-height: 24px
2324
- }
2325
- @media only screen and (min-device-width: 64em) {
2326
- .CardTitle-module_title__2iTI6 {
2327
- font-size: 28px;
2328
- line-height: 34px
2329
- }
2330
- }
2331
- /* VISIBILITY */
2332
- @media only screen and (min-device-width: 32em) {
2333
- .CardTitle-module_mobile__1_kij {
2334
- display: none
2335
- }
2336
- }
2337
- .CardTitle-module_desktop__1l3_n {
2338
- display: none
2339
- }
2340
- @media only screen and (min-device-width: 32em) {
2341
- .CardTitle-module_desktop__1l3_n {
2342
- display: block
2343
- }
2344
- }
2345
-
2346
- /* Colors */
2347
- /* Fonts */
2348
- /* Gap */
2349
- /* Media */
2350
- /* 512 */
2351
- /* 650 */
2352
- /* 768 */
2353
- /* 1024 */
2354
- /* 1010 */
2355
- /* 1200 */
2356
- /* 511 */
2357
- /* 1023 */
2358
- /* Zindex */
2359
- .Cover-module_root__18Z8J {
2360
- position: relative;
2361
- }
2362
- .Cover-module_body__1xs8e {
2363
- position: absolute;
2364
- z-index: 1;
2365
- right: 0;
2366
- bottom: 0;
2367
- left: 0;
2368
-
2369
- display: -webkit-box;
2370
-
2371
- display: -webkit-flex;
2372
-
2373
- display: -ms-flexbox;
2374
-
2375
- display: flex;
2376
- flex-flow: column nowrap;
2377
- justify-content: flex-end;
2378
-
2379
- min-height: 412px;
2380
- padding: 0 20px 12px;
2381
- }
2382
- .Cover-module_image__2f3Qc {
2383
- position: relative;
2384
- }
2385
- .Cover-module_rich__1fAGA {
2386
- overflow: hidden;
2387
-
2388
- margin: 0 -20px;
2389
-
2390
- border-radius: 9px 9px 0 0;
2391
- }
2392
- .Cover-module_rich__1fAGA::after {
2393
- position: absolute;
2394
- z-index: 1;
2395
- top: 0;
2396
- right: 0;
2397
- bottom: 0;
2398
- left: 0;
2399
-
2400
- content: '';
2401
-
2402
- border: 1px solid rgba(255, 255, 255, 0.1);
2403
- border-radius: 10px 10px 0 0;
2404
- }
2405
- .Cover-module_dark__2Ac-w .Cover-module_body__1xs8e {
2406
- color: #000;
2407
- }
2408
- .Cover-module_light__FUp5X .Cover-module_body__1xs8e {
2409
- color: #fff;
2410
- text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
2411
- }
2412
- .Cover-module_control__VXbhi {
2413
- position: absolute;
2414
- z-index: 10;
2415
- right: 12px;
2416
- bottom: 12px;
2417
-
2418
- width: 28px;
2419
- height: 28px;
2420
- margin: 0;
2421
- padding: 0;
2422
-
2423
- color: #fff;
2424
- border-width: 0;
2425
- border-radius: 14px;
2426
- outline: none;
2427
- background-color: rgba(0, 0, 0, 0.7);
2428
- background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E %3Cg fill='%23FEFEFE' fill-rule='evenodd' opacity='.7'%3E %3Cpath d='M12.726 16H3.275A3.276 3.276 0 0 1 0 12.725v-9.45A3.276 3.276 0 0 1 3.275 0h9.45A3.275 3.275 0 0 1 16 3.275v9.45A3.275 3.275 0 0 1 12.726 16zm0-2c.703 0 1.274-.571 1.274-1.275v-9.45C14 2.571 13.429 2 12.726 2H3.275C2.57 2 2 2.571 2 3.275v9.45C2 13.429 2.57 14 3.275 14h9.45z' fill-rule='nonzero'/%3E %3Cpath d='M4.97 8.307l7.046 7.046a.5.5 0 0 0 .708-.707l-7.4-7.4a.5.5 0 0 0-.708 0l-3.97 3.97a.5.5 0 0 0 .708.707L4.97 8.307z' fill-rule='nonzero'/%3E %3Cpath d='M10.875 5.832l3.771 3.771a.5.5 0 0 0 .707-.707l-4.125-4.125a.5.5 0 0 0-.707 0l-4.19 4.19a.5.5 0 1 0 .707.707l3.837-3.836z' fill-rule='nonzero'/%3E %3Cpath d='M5.865 4.269a.894.894 0 1 1-1.787 0 .894.894 0 0 1 1.787 0'/%3E %3C/g%3E %3C/svg%3E");
2429
- background-repeat: no-repeat;
2430
- background-position: center;
2431
- box-shadow: 0 0 0 0.5px rgba(255, 255, 255, 0.15);
2303
+ margin-bottom: 11px
2432
2304
  }
2433
- .Cover-module_isInDynamicBlock__3eghb .Cover-module_body__1xs8e {
2434
- padding: 0 12px 12px
2305
+ @media only screen and (min-device-width: 64em) {
2306
+ .CardTitle-module_root__1uqqF {
2307
+ margin-bottom: 10px;
2308
+
2309
+ text-align: center
2435
2310
  }
2436
- .Cover-module_isInDynamicBlock__3eghb::after {
2437
- position: absolute;
2438
- z-index: 1;
2439
- top: 0;
2440
- right: 0;
2441
- bottom: 0;
2442
- left: 0;
2311
+ }
2312
+ .CardTitle-module_index__4FsTf {
2313
+ margin-bottom: 7px;
2443
2314
 
2444
- content: '';
2315
+ color: #b88b59;
2445
2316
 
2446
- border: 1px solid rgba(0, 0, 0, 0.1);
2447
- border-radius: 8px;
2317
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2318
+ font-size: 20px;
2319
+ font-weight: 700;
2320
+ line-height: 24px;
2321
+ }
2322
+ .CardTitle-module_title__2iTI6 {
2323
+ color: #1d1d1d;
2324
+
2325
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2326
+ font-size: 20px;
2327
+ font-weight: 700;
2328
+ line-height: 24px
2329
+ }
2330
+ @media only screen and (min-device-width: 64em) {
2331
+ .CardTitle-module_title__2iTI6 {
2332
+ font-size: 28px;
2333
+ line-height: 34px
2448
2334
  }
2335
+ }
2449
2336
  /* VISIBILITY */
2450
2337
  @media only screen and (min-device-width: 32em) {
2451
- .Cover-module_mobile__5DKa1 {
2338
+ .CardTitle-module_mobile__1_kij {
2452
2339
  display: none
2453
2340
  }
2454
2341
  }
2455
- .Cover-module_desktop__2mrOc {
2342
+ .CardTitle-module_desktop__1l3_n {
2456
2343
  display: none
2457
2344
  }
2458
2345
  @media only screen and (min-device-width: 32em) {
2459
- .Cover-module_desktop__2mrOc {
2346
+ .CardTitle-module_desktop__1l3_n {
2460
2347
  display: block
2461
2348
  }
2462
2349
  }
@@ -2553,92 +2440,107 @@
2553
2440
  /* 511 */
2554
2441
  /* 1023 */
2555
2442
  /* Zindex */
2556
- .HalfBlock-module_root__2frv2 {
2443
+ .Cover-module_root__18Z8J {
2557
2444
  position: relative;
2558
-
2559
- text-align: left;
2560
2445
  }
2561
- .HalfBlock-module_main__2XX73 {
2446
+ .Cover-module_body__1xs8e {
2447
+ position: absolute;
2448
+ z-index: 1;
2449
+ right: 0;
2450
+ bottom: 0;
2451
+ left: 0;
2452
+
2562
2453
  display: -webkit-box;
2454
+
2563
2455
  display: -webkit-flex;
2456
+
2564
2457
  display: -ms-flexbox;
2458
+
2565
2459
  display: flex;
2566
- flex-flow: column nowrap
2460
+ flex-flow: column nowrap;
2461
+ justify-content: flex-end;
2462
+
2463
+ min-height: 412px;
2464
+ padding: 0 20px 12px;
2567
2465
  }
2568
- @media only screen and (min-device-width: 64em) {
2569
- .HalfBlock-module_main__2XX73 {
2570
- align-items: center;
2571
- flex-flow: row nowrap
2466
+ .Cover-module_image__2f3Qc {
2467
+ position: relative;
2572
2468
  }
2573
- }
2574
- .HalfBlock-module_body__3MnEN {
2575
- order: -1;
2469
+ .Cover-module_rich__1fAGA {
2470
+ overflow: hidden;
2576
2471
 
2577
- max-width: 860px;
2578
- margin: 0 auto
2579
- }
2580
- @media only screen and (min-device-width: 48em) {
2581
- .HalfBlock-module_body__3MnEN {
2582
- text-align: center
2472
+ margin: 0 -20px;
2473
+
2474
+ border-radius: 9px 9px 0 0;
2583
2475
  }
2584
- }
2585
- @media only screen and (min-device-width: 64em) {
2586
- .HalfBlock-module_body__3MnEN {
2587
- align-items: flex-start;
2588
- justify-content: center;
2589
- order: 0;
2476
+ .Cover-module_rich__1fAGA::after {
2477
+ position: absolute;
2478
+ z-index: 1;
2479
+ top: 0;
2480
+ right: 0;
2481
+ bottom: 0;
2482
+ left: 0;
2590
2483
 
2591
- width: 50%;
2592
- max-width: none;
2593
- height: 100%;
2594
- margin-left: 25px;
2484
+ content: '';
2595
2485
 
2596
- text-align: left
2486
+ border: 1px solid rgba(255, 255, 255, 0.1);
2487
+ border-radius: 10px 10px 0 0;
2597
2488
  }
2598
- }
2599
- .HalfBlock-module_footer__1C0yp {
2600
- width: 100%;
2601
- max-width: 650px;
2602
- margin: 0 auto;
2603
- padding-top: 3px
2489
+ .Cover-module_dark__2Ac-w .Cover-module_body__1xs8e {
2490
+ color: #000;
2604
2491
  }
2605
- @media only screen and (min-device-width: 64em) {
2606
- .HalfBlock-module_footer__1C0yp {
2607
- max-width: 1000px;
2608
- margin: auto;
2609
- padding-top: 0;
2610
-
2611
- border-top: 1px solid #e6e6e6
2492
+ .Cover-module_light__FUp5X .Cover-module_body__1xs8e {
2493
+ color: #fff;
2494
+ text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
2612
2495
  }
2613
- }
2614
- .HalfBlock-module_image__2lYel {
2615
- flex-grow: 1;
2496
+ .Cover-module_control__VXbhi {
2497
+ position: absolute;
2498
+ z-index: 10;
2499
+ right: 12px;
2500
+ bottom: 12px;
2616
2501
 
2617
- margin: 0 -20px 0;
2618
- margin-top: 18px
2502
+ width: 28px;
2503
+ height: 28px;
2504
+ margin: 0;
2505
+ padding: 0;
2506
+
2507
+ color: #fff;
2508
+ border-width: 0;
2509
+ border-radius: 14px;
2510
+ outline: none;
2511
+ background-color: rgba(0, 0, 0, 0.7);
2512
+ background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E %3Cg fill='%23FEFEFE' fill-rule='evenodd' opacity='.7'%3E %3Cpath d='M12.726 16H3.275A3.276 3.276 0 0 1 0 12.725v-9.45A3.276 3.276 0 0 1 3.275 0h9.45A3.275 3.275 0 0 1 16 3.275v9.45A3.275 3.275 0 0 1 12.726 16zm0-2c.703 0 1.274-.571 1.274-1.275v-9.45C14 2.571 13.429 2 12.726 2H3.275C2.57 2 2 2.571 2 3.275v9.45C2 13.429 2.57 14 3.275 14h9.45z' fill-rule='nonzero'/%3E %3Cpath d='M4.97 8.307l7.046 7.046a.5.5 0 0 0 .708-.707l-7.4-7.4a.5.5 0 0 0-.708 0l-3.97 3.97a.5.5 0 0 0 .708.707L4.97 8.307z' fill-rule='nonzero'/%3E %3Cpath d='M10.875 5.832l3.771 3.771a.5.5 0 0 0 .707-.707l-4.125-4.125a.5.5 0 0 0-.707 0l-4.19 4.19a.5.5 0 1 0 .707.707l3.837-3.836z' fill-rule='nonzero'/%3E %3Cpath d='M5.865 4.269a.894.894 0 1 1-1.787 0 .894.894 0 0 1 1.787 0'/%3E %3C/g%3E %3C/svg%3E");
2513
+ background-repeat: no-repeat;
2514
+ background-position: center;
2515
+ box-shadow: 0 0 0 0.5px rgba(255, 255, 255, 0.15);
2619
2516
  }
2620
- @media only screen and (min-device-width: 32em) {
2621
- .HalfBlock-module_image__2lYel {
2622
- margin: 31px 0 -5px
2517
+ .Cover-module_isInDynamicBlock__3eghb .Cover-module_body__1xs8e {
2518
+ padding: 0 12px 12px
2623
2519
  }
2624
- }
2625
- @media only screen and (min-device-width: 64em) {
2626
- .HalfBlock-module_image__2lYel {
2627
- width: 50%;
2628
- margin: 0
2520
+ .Cover-module_isInDynamicBlock__3eghb::after {
2521
+ position: absolute;
2522
+ z-index: 1;
2523
+ top: 0;
2524
+ right: 0;
2525
+ bottom: 0;
2526
+ left: 0;
2527
+
2528
+ content: '';
2529
+
2530
+ border: 1px solid rgba(0, 0, 0, 0.1);
2531
+ border-radius: 8px;
2629
2532
  }
2630
- }
2631
2533
  /* VISIBILITY */
2632
2534
  @media only screen and (min-device-width: 32em) {
2633
- .HalfBlock-module_mobile__2latf {
2535
+ .Cover-module_mobile__5DKa1 {
2634
2536
  display: none
2635
2537
  }
2636
2538
  }
2637
- .HalfBlock-module_desktop__3B1Ej {
2539
+ .Cover-module_desktop__2mrOc {
2638
2540
  display: none
2639
2541
  }
2640
2542
  @media only screen and (min-device-width: 32em) {
2641
- .HalfBlock-module_desktop__3B1Ej {
2543
+ .Cover-module_desktop__2mrOc {
2642
2544
  display: block
2643
2545
  }
2644
2546
  }
@@ -2757,64 +2659,96 @@
2757
2659
  /* 511 */
2758
2660
  /* 1023 */
2759
2661
  /* Zindex */
2760
- .ImportantLead-module_root__2BdT3 {
2761
- margin: 18px 0;
2762
- padding: 12px 12px 13px;
2662
+ .HalfBlock-module_root__2frv2 {
2663
+ position: relative;
2763
2664
 
2764
- border: 1px solid rgba(0, 0, 0, 0.08);
2765
- border-radius: 4px;
2766
- border-radius: 8px;
2767
- background: #FFF8C4;
2665
+ text-align: left;
2666
+ }
2667
+ .HalfBlock-module_main__2XX73 {
2668
+ display: -webkit-box;
2669
+ display: -webkit-flex;
2670
+ display: -ms-flexbox;
2671
+ display: flex;
2672
+ flex-flow: column nowrap
2673
+ }
2674
+ @media only screen and (min-device-width: 64em) {
2675
+ .HalfBlock-module_main__2XX73 {
2676
+ align-items: center;
2677
+ flex-flow: row nowrap
2678
+ }
2679
+ }
2680
+ .HalfBlock-module_body__3MnEN {
2681
+ order: -1;
2768
2682
 
2769
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2770
- font-size: 16px;
2771
- font-weight: normal;
2772
- line-height: 20px
2683
+ max-width: 860px;
2684
+ margin: 0 auto
2773
2685
  }
2774
- @media only screen and (min-device-width: 32em) {
2775
- .ImportantLead-module_root__2BdT3 {
2776
- margin: 25px 0;
2777
- padding: 12px 15px 13px;
2686
+ @media only screen and (min-device-width: 48em) {
2687
+ .HalfBlock-module_body__3MnEN {
2688
+ text-align: center
2689
+ }
2690
+ }
2691
+ @media only screen and (min-device-width: 64em) {
2692
+ .HalfBlock-module_body__3MnEN {
2693
+ align-items: flex-start;
2694
+ justify-content: center;
2695
+ order: 0;
2778
2696
 
2779
- font-size: 17px;
2780
- line-height: 24px
2697
+ width: 50%;
2698
+ max-width: none;
2699
+ height: 100%;
2700
+ margin-left: 25px;
2701
+
2702
+ text-align: left
2781
2703
  }
2782
2704
  }
2783
- .ImportantLead-module_root__2BdT3:last-child {
2784
- margin-bottom: 0;
2705
+ .HalfBlock-module_footer__1C0yp {
2706
+ width: 100%;
2707
+ max-width: 650px;
2708
+ margin: 0 auto;
2709
+ padding-top: 3px
2785
2710
  }
2786
- .ImportantLead-module_root__2BdT3:first-child {
2787
- margin-top: 0;
2711
+ @media only screen and (min-device-width: 64em) {
2712
+ .HalfBlock-module_footer__1C0yp {
2713
+ max-width: 1000px;
2714
+ margin: auto;
2715
+ padding-top: 0;
2716
+
2717
+ border-top: 1px solid #e6e6e6
2788
2718
  }
2789
- .ImportantLead-module_root__2BdT3 a {
2790
- color: #000;
2791
- box-shadow: inset 0 -1px #000;
2719
+ }
2720
+ .HalfBlock-module_image__2lYel {
2721
+ flex-grow: 1;
2722
+
2723
+ margin: 0 -20px 0;
2724
+ margin-top: 18px
2792
2725
  }
2793
- .ImportantLead-module_root__2BdT3 a:hover {
2794
- color: #b88b59;
2795
- box-shadow: inset 0 -1px #b88b59;
2726
+ @media only screen and (min-device-width: 32em) {
2727
+ .HalfBlock-module_image__2lYel {
2728
+ margin: 31px 0 -5px
2796
2729
  }
2797
- .ImportantLead-module_slide__3kQ9x {
2798
- max-width: 650px;
2799
- margin-right: auto;
2800
- margin-left: auto;
2730
+ }
2731
+ @media only screen and (min-device-width: 64em) {
2732
+ .HalfBlock-module_image__2lYel {
2733
+ width: 50%;
2734
+ margin: 0
2801
2735
  }
2736
+ }
2802
2737
  /* VISIBILITY */
2803
2738
  @media only screen and (min-device-width: 32em) {
2804
- .ImportantLead-module_mobile__3BXbm {
2739
+ .HalfBlock-module_mobile__2latf {
2805
2740
  display: none
2806
2741
  }
2807
2742
  }
2808
- .ImportantLead-module_desktop__3Zljc {
2743
+ .HalfBlock-module_desktop__3B1Ej {
2809
2744
  display: none
2810
2745
  }
2811
2746
  @media only screen and (min-device-width: 32em) {
2812
- .ImportantLead-module_desktop__3Zljc {
2747
+ .HalfBlock-module_desktop__3B1Ej {
2813
2748
  display: block
2814
2749
  }
2815
2750
  }
2816
2751
 
2817
-
2818
2752
  /* Colors */
2819
2753
  /* Fonts */
2820
2754
  /* Gap */
@@ -2990,110 +2924,64 @@
2990
2924
  /* 511 */
2991
2925
  /* 1023 */
2992
2926
  /* Zindex */
2993
- .RichTitle-module_root__BK_WT {
2994
- margin: 0 0 18px;
2927
+ .ImportantLead-module_root__2BdT3 {
2928
+ margin: 18px 0;
2929
+ padding: 12px 12px 13px;
2995
2930
 
2996
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2997
- font-size: 19px;
2998
- font-weight: 700;
2999
- line-height: 23px
3000
- }
3001
- @media only screen and (min-device-width: 48em) {
3002
- .RichTitle-module_root__BK_WT {
3003
- margin-bottom: 15px;
2931
+ border: 1px solid rgba(0, 0, 0, 0.08);
2932
+ border-radius: 4px;
2933
+ border-radius: 8px;
2934
+ background: #FFF8C4;
3004
2935
 
3005
- font-size: 37px;
3006
- line-height: 42px
3007
- }
3008
- }
3009
- .RichTitle-module_root__BK_WT:last-child {
3010
- margin-bottom: 0;
3011
- }
3012
- .RichTitle-module_root__BK_WT span {
3013
- font-family: 'PF Regal', 'PF Regal Text Pro', 'Georgia', serif;
3014
- font-size: 20px;
3015
- font-weight: normal
3016
- }
3017
- @media only screen and (min-device-width: 48em) {
3018
- .RichTitle-module_root__BK_WT span {
3019
- font-size: 38px
2936
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2937
+ font-size: 16px;
2938
+ font-weight: normal;
2939
+ line-height: 20px
3020
2940
  }
3021
- }
3022
2941
  @media only screen and (min-device-width: 32em) {
3023
- .RichTitle-module_slide__1A-gB,
3024
- .RichTitle-module_game__1g8Bn {
3025
- text-align: center
3026
- }
3027
- }
3028
- @media only screen and (min-device-width: 64em) {
3029
- .RichTitle-module_half__10GRI {
3030
- font-size: 33px;
3031
- line-height: 36px
3032
- }
3033
- }
3034
- @media only screen and (min-device-width: 64em) {
3035
- .RichTitle-module_half__10GRI span {
3036
- font-size: 34px
3037
- }
3038
- }
3039
- .RichTitle-module_game__1g8Bn:first-child {
3040
- padding-top: 9px;
3041
- }
3042
- @media only screen and (max-device-width: 63.9375em) {
3043
- .RichTitle-module_featured__wJfaQ {
3044
- letter-spacing: 0.3px;
3045
-
3046
- font-size: 28px;
3047
- line-height: 30px
3048
- }
3049
- }
3050
- @media only screen and (max-device-width: 63.9375em) {
3051
- .RichTitle-module_featured__wJfaQ span {
3052
- display: block;
3053
-
3054
- padding-top: 2px;
2942
+ .ImportantLead-module_root__2BdT3 {
2943
+ margin: 25px 0;
2944
+ padding: 12px 15px 13px;
3055
2945
 
3056
- font-size: 18px;
2946
+ font-size: 17px;
3057
2947
  line-height: 24px
3058
2948
  }
3059
2949
  }
3060
- @media only screen and (min-device-width: 64em) {
3061
- .RichTitle-module_isInMediaBlock__3RDw4 {
3062
- margin-bottom: 18px
2950
+ .ImportantLead-module_root__2BdT3:last-child {
2951
+ margin-bottom: 0;
3063
2952
  }
3064
- }
3065
- .RichTitle-module_isInMediaBlock__3RDw4:not(.RichTitle-module_featured__wJfaQ) {
3066
- font-size: 19px;
3067
- line-height: 23px
2953
+ .ImportantLead-module_root__2BdT3:first-child {
2954
+ margin-top: 0;
3068
2955
  }
3069
- @media only screen and (min-device-width: 64em) {
3070
- .RichTitle-module_isInMediaBlock__3RDw4:not(.RichTitle-module_featured__wJfaQ) {
3071
- font-size: 1.3rem;
3072
- line-height: 1.6rem
2956
+ .ImportantLead-module_root__2BdT3 a {
2957
+ color: #000;
2958
+ box-shadow: inset 0 -1px #000;
3073
2959
  }
3074
- }
3075
- .RichTitle-module_isInMediaBlock__3RDw4:not(.RichTitle-module_featured__wJfaQ) span {
3076
- font-size: 20px
2960
+ .ImportantLead-module_root__2BdT3 a:hover {
2961
+ color: #b88b59;
2962
+ box-shadow: inset 0 -1px #b88b59;
3077
2963
  }
3078
- @media only screen and (min-device-width: 64em) {
3079
- .RichTitle-module_isInMediaBlock__3RDw4:not(.RichTitle-module_featured__wJfaQ) span {
3080
- font-size: 1.35rem
2964
+ .ImportantLead-module_slide__3kQ9x {
2965
+ max-width: 650px;
2966
+ margin-right: auto;
2967
+ margin-left: auto;
3081
2968
  }
3082
- }
2969
+ /* VISIBILITY */
3083
2970
  @media only screen and (min-device-width: 32em) {
3084
- .RichTitle-module_mobile__1Cb6E {
2971
+ .ImportantLead-module_mobile__3BXbm {
3085
2972
  display: none
3086
2973
  }
3087
2974
  }
3088
- .RichTitle-module_desktop__2ixSQ {
2975
+ .ImportantLead-module_desktop__3Zljc {
3089
2976
  display: none
3090
2977
  }
3091
2978
  @media only screen and (min-device-width: 32em) {
3092
- .RichTitle-module_desktop__2ixSQ {
2979
+ .ImportantLead-module_desktop__3Zljc {
3093
2980
  display: block
3094
2981
  }
3095
2982
  }
3096
2983
 
2984
+
3097
2985
  /* Colors */
3098
2986
  /* Fonts */
3099
2987
  /* Gap */
@@ -3630,17 +3518,134 @@ a mark {
3630
3518
  .SimpleBlock-module_isInAnswer__3aX6X:last-child {
3631
3519
  margin-bottom: 0;
3632
3520
  }
3633
- /* VISIBILITY */
3521
+ /* VISIBILITY */
3522
+ @media only screen and (min-device-width: 32em) {
3523
+ .SimpleBlock-module_mobile__Ckgek {
3524
+ display: none
3525
+ }
3526
+ }
3527
+ .SimpleBlock-module_desktop__2se2o {
3528
+ display: none
3529
+ }
3530
+ @media only screen and (min-device-width: 32em) {
3531
+ .SimpleBlock-module_desktop__2se2o {
3532
+ display: block
3533
+ }
3534
+ }
3535
+
3536
+ /* Colors */
3537
+ /* Fonts */
3538
+ /* Gap */
3539
+ /* Media */
3540
+ /* 512 */
3541
+ /* 650 */
3542
+ /* 768 */
3543
+ /* 1024 */
3544
+ /* 1010 */
3545
+ /* 1200 */
3546
+ /* 511 */
3547
+ /* 1023 */
3548
+ /* Zindex */
3549
+ .RichTitle-module_root__BK_WT {
3550
+ margin: 0 0 18px;
3551
+
3552
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
3553
+ font-size: 19px;
3554
+ font-weight: 700;
3555
+ line-height: 23px
3556
+ }
3557
+ @media only screen and (min-device-width: 48em) {
3558
+ .RichTitle-module_root__BK_WT {
3559
+ margin-bottom: 15px;
3560
+
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;
3601
+
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;
3609
+
3610
+ padding-top: 2px;
3611
+
3612
+ font-size: 18px;
3613
+ line-height: 24px
3614
+ }
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
+ }
3634
3639
  @media only screen and (min-device-width: 32em) {
3635
- .SimpleBlock-module_mobile__Ckgek {
3640
+ .RichTitle-module_mobile__1Cb6E {
3636
3641
  display: none
3637
3642
  }
3638
3643
  }
3639
- .SimpleBlock-module_desktop__2se2o {
3644
+ .RichTitle-module_desktop__2ixSQ {
3640
3645
  display: none
3641
3646
  }
3642
3647
  @media only screen and (min-device-width: 32em) {
3643
- .SimpleBlock-module_desktop__2se2o {
3648
+ .RichTitle-module_desktop__2ixSQ {
3644
3649
  display: block
3645
3650
  }
3646
3651
  }
@@ -4079,6 +4084,108 @@ a mark {
4079
4084
  }
4080
4085
  }
4081
4086
 
4087
+ /* Colors */
4088
+ /* Fonts */
4089
+ /* Gap */
4090
+ /* Media */
4091
+ /* 512 */
4092
+ /* 650 */
4093
+ /* 768 */
4094
+ /* 1024 */
4095
+ /* 1010 */
4096
+ /* 1200 */
4097
+ /* 511 */
4098
+ /* 1023 */
4099
+ /* Zindex */
4100
+ .MetaItem-module_root__2VQom {
4101
+ display: inline;
4102
+
4103
+ margin-right: 15px;
4104
+ }
4105
+ .MetaItem-module_root__2VQom > svg {
4106
+ display: inline-block;
4107
+
4108
+ margin-right: 1px;
4109
+
4110
+ vertical-align: top;
4111
+
4112
+ color: inherit;
4113
+
4114
+ fill: currentColor;
4115
+ }
4116
+ .MetaItem-module_root__2VQom a {
4117
+ display: inline;
4118
+
4119
+ text-decoration: underline;
4120
+
4121
+ color: inherit;
4122
+
4123
+ -webkit-text-decoration-skip: auto;
4124
+ }
4125
+ .MetaItem-module_root__2VQom a:hover {
4126
+ color: #b88b59;
4127
+ }
4128
+ .MetaItem-module_hasBullets__CkQPI {
4129
+ margin-right: 0;
4130
+ }
4131
+ .MetaItem-module_hasBullets__CkQPI:nth-child(n + 2)::before {
4132
+ display: inline-block;
4133
+
4134
+ padding-right: 0.4em;
4135
+ padding-left: 0.4em;
4136
+
4137
+ content: '\B7';
4138
+ }
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
4144
+ }
4145
+ }
4146
+ @media only screen and (max-device-width: 32.1875em) {
4147
+ .MetaItem-module_hasSource__1DmCI:first-child {
4148
+ margin-top: 0
4149
+ }
4150
+ }
4151
+ .MetaItem-module_hasSource__1DmCI:last-child {
4152
+ margin-bottom: 0;
4153
+ }
4154
+ @media only screen and (max-device-width: 32.1875em) {
4155
+ .MetaItem-module_hasSource__1DmCI:nth-child(n + 2)::before {
4156
+ display: none
4157
+ }
4158
+ }
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
4163
+ }
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
4183
+ }
4184
+ }
4185
+ .MetaItem-module_read__5eAIG svg {
4186
+ margin-top: -1px;
4187
+ }
4188
+
4082
4189
  /* stylelint-disable declaration-empty-line-before */
4083
4190
  /* Colors */
4084
4191
  /* Fonts */
@@ -4263,108 +4370,6 @@ a mark {
4263
4370
  }
4264
4371
  }
4265
4372
 
4266
- /* Colors */
4267
- /* Fonts */
4268
- /* Gap */
4269
- /* Media */
4270
- /* 512 */
4271
- /* 650 */
4272
- /* 768 */
4273
- /* 1024 */
4274
- /* 1010 */
4275
- /* 1200 */
4276
- /* 511 */
4277
- /* 1023 */
4278
- /* Zindex */
4279
- .MetaItem-module_root__2VQom {
4280
- display: inline;
4281
-
4282
- margin-right: 15px;
4283
- }
4284
- .MetaItem-module_root__2VQom > svg {
4285
- display: inline-block;
4286
-
4287
- margin-right: 1px;
4288
-
4289
- vertical-align: top;
4290
-
4291
- color: inherit;
4292
-
4293
- fill: currentColor;
4294
- }
4295
- .MetaItem-module_root__2VQom a {
4296
- display: inline;
4297
-
4298
- text-decoration: underline;
4299
-
4300
- color: inherit;
4301
-
4302
- -webkit-text-decoration-skip: auto;
4303
- }
4304
- .MetaItem-module_root__2VQom a:hover {
4305
- color: #b88b59;
4306
- }
4307
- .MetaItem-module_hasBullets__CkQPI {
4308
- margin-right: 0;
4309
- }
4310
- .MetaItem-module_hasBullets__CkQPI:nth-child(n + 2)::before {
4311
- display: inline-block;
4312
-
4313
- padding-right: 0.4em;
4314
- padding-left: 0.4em;
4315
-
4316
- content: '\B7';
4317
- }
4318
- @media only screen and (max-device-width: 32.1875em) {
4319
- .MetaItem-module_hasSource__1DmCI {
4320
- width: 100%;
4321
- margin-top: 3px;
4322
- margin-bottom: 3px
4323
- }
4324
- }
4325
- @media only screen and (max-device-width: 32.1875em) {
4326
- .MetaItem-module_hasSource__1DmCI:first-child {
4327
- margin-top: 0
4328
- }
4329
- }
4330
- .MetaItem-module_hasSource__1DmCI:last-child {
4331
- margin-bottom: 0;
4332
- }
4333
- @media only screen and (max-device-width: 32.1875em) {
4334
- .MetaItem-module_hasSource__1DmCI:nth-child(n + 2)::before {
4335
- display: none
4336
- }
4337
- }
4338
- @media only screen and (max-device-width: 32.1875em) {
4339
- .MetaItem-module_hasSource__1DmCI.MetaItem-module_listened__lwvAO::before,
4340
- .MetaItem-module_hasSource__1DmCI.MetaItem-module_read__5eAIG::before {
4341
- display: inline-block
4342
- }
4343
- }
4344
- @media only screen and (max-device-width: 32.1875em) {
4345
- .MetaItem-module_datetime__3tOWm,
4346
- .MetaItem-module_listened__lwvAO,
4347
- .MetaItem-module_read__5eAIG {
4348
- width: auto
4349
- }
4350
- }
4351
- @media only screen and (max-device-width: 32.1875em) {
4352
- .MetaItem-module_hasSource__1DmCI.MetaItem-module_datetime__3tOWm:first-child {
4353
- order: -2
4354
- }
4355
- }
4356
- @media only screen and (max-device-width: 32.1875em) {
4357
- .MetaItem-module_hasSource__1DmCI.MetaItem-module_listened__lwvAO,
4358
- .MetaItem-module_hasSource__1DmCI.MetaItem-module_read__5eAIG {
4359
- order: -1;
4360
-
4361
- margin-top: 0
4362
- }
4363
- }
4364
- .MetaItem-module_read__5eAIG svg {
4365
- margin-top: -1px;
4366
- }
4367
-
4368
4373
  /* stylelint-disable declaration-empty-line-before */
4369
4374
  /* Colors */
4370
4375
  /* Fonts */
@@ -4636,24 +4641,6 @@ a mark {
4636
4641
 
4637
4642
  height: 150px;
4638
4643
  }
4639
- .RelatedRichBlock-module_isRich__1LnA4 .RelatedRichBlock-module_overlayHeader__2Nmbv {
4640
- background: -webkit-gradient(
4641
- linear,
4642
- left top, left bottom,
4643
- from(rgba(0, 0, 0, 0.5)),
4644
- color-stop(97%, rgba(0, 0, 0, 0))
4645
- );
4646
- background: -o-linear-gradient(
4647
- top,
4648
- rgba(0, 0, 0, 0.5) 0%,
4649
- rgba(0, 0, 0, 0) 97%
4650
- );
4651
- background: linear-gradient(
4652
- 180deg,
4653
- rgba(0, 0, 0, 0.5) 0%,
4654
- rgba(0, 0, 0, 0) 97%
4655
- );
4656
- }
4657
4644
  .RelatedRichBlock-module_body__1ZHZS {
4658
4645
  display: -webkit-box;
4659
4646
  display: -webkit-flex;
@@ -4662,7 +4649,7 @@ a mark {
4662
4649
  flex-flow: column nowrap;
4663
4650
  justify-content: flex-end;
4664
4651
 
4665
- padding: 15px 15px 12px;
4652
+ padding: 12px 15px 12px;
4666
4653
 
4667
4654
  background-color: #f7f7f7
4668
4655
  }
@@ -4688,17 +4675,38 @@ a mark {
4688
4675
  color: #fff
4689
4676
  }
4690
4677
  }
4678
+ @media only screen and (min-device-width: 64em) {
4691
4679
  .RelatedRichBlock-module_isRich__1LnA4.RelatedRichBlock-module_hasGradient__27LOk .RelatedRichBlock-module_body__1ZHZS {
4680
+ position: absolute;
4681
+ z-index: 10;
4682
+ right: 0;
4683
+ bottom: 0;
4684
+ left: 0;
4685
+
4686
+ min-height: 295px;
4687
+
4688
+ background-color: transparent
4689
+ }
4690
+ }
4691
+ .RelatedRichBlock-module_isRich__1LnA4 .RelatedRichBlock-module_picture__128HJ {
4692
+ position: relative;
4693
+ }
4694
+ .RelatedRichBlock-module_isRich__1LnA4 .RelatedRichBlock-module_picture__128HJ::after {
4692
4695
  position: absolute;
4693
4696
  z-index: 10;
4694
- right: 0;
4697
+ right: 1px;
4695
4698
  bottom: 0;
4696
- left: 0;
4699
+ left: 1px;
4697
4700
 
4698
- min-height: 295px;
4701
+ content: '';
4699
4702
 
4700
- background-color: transparent;
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: ''
4701
4708
  }
4709
+ }
4702
4710
  .RelatedRichBlock-module_isCard__2naDz {
4703
4711
  color: #fff;
4704
4712
  background-color: #191919
@@ -4773,7 +4781,8 @@ a mark {
4773
4781
  .RelatedRichBlock-module_tag__3OLyG {
4774
4782
  position: absolute;
4775
4783
  z-index: 10;
4776
- top: 15px;
4784
+ top: 14px;
4785
+ right: 15px;
4777
4786
  left: 15px;
4778
4787
 
4779
4788
  color: rgba(255, 255, 255, 0.7);
@@ -4782,21 +4791,30 @@ a mark {
4782
4791
  }
4783
4792
  @media only screen and (min-device-width: 64em) {
4784
4793
  .RelatedRichBlock-module_tag__3OLyG {
4785
- top: 20px;
4786
- left: 20px;
4787
-
4788
- color: #fff
4794
+ top: 16px;
4795
+ right: 20px;
4796
+ left: 20px
4789
4797
  }
4790
4798
  }
4799
+ .RelatedRichBlock-module_center__197sx {
4800
+ width: 100%;
4801
+ max-width: 650px;
4802
+ margin-right: auto;
4803
+ margin-left: auto;
4804
+ }
4791
4805
  /* Themes */
4792
- .RelatedRichBlock-module_isRich__1LnA4.RelatedRichBlock-module_dark__3Y1fE,
4793
- .RelatedRichBlock-module_isRich__1LnA4.RelatedRichBlock-module_dark__3Y1fE .RelatedRichBlock-module_tag__3OLyG {
4806
+ .RelatedRichBlock-module_isRich__1LnA4.RelatedRichBlock-module_dark__3Y1fE {
4794
4807
  color: #000;
4795
4808
  }
4809
+ .RelatedRichBlock-module_isRich__1LnA4.RelatedRichBlock-module_dark__3Y1fE .RelatedRichBlock-module_tag__3OLyG {
4810
+ color: rgba(0, 0, 0, 0.7);
4811
+ }
4812
+ @media only screen and (min-device-width: 32em) {
4796
4813
  .RelatedRichBlock-module_isRich__1LnA4.RelatedRichBlock-module_light__2mUxL {
4797
- color: #fff;
4798
- text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
4814
+ color: #fff;
4815
+ text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5)
4799
4816
  }
4817
+ }
4800
4818
  /* Display */
4801
4819
  @media only screen and (min-device-width: 32em) {
4802
4820
  .RelatedRichBlock-module_mobile__JpCS4 {