@meduza/ui-kit-2 0.1.18 → 0.1.20

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.
Files changed (86) hide show
  1. package/dist/Cover/Cover.types.d.ts +21 -1
  2. package/dist/DotsOnImage/DotsOnImage.types.d.ts +1 -1
  3. package/dist/Image/Image.types.d.ts +1 -6
  4. package/dist/ListBlock/ListBlock.stories.d.ts +2 -1
  5. package/dist/ListBlock/ListBlock.types.d.ts +7 -1
  6. package/dist/RelatedBlock/RelatedBlock.types.d.ts +14 -1
  7. package/dist/RelatedRichBlock/RelatedRichBlock.stories.d.ts +10 -0
  8. package/dist/RelatedRichBlock/RelatedRichBlock.types.d.ts +4 -0
  9. package/dist/RelatedRichBlock/index.d.ts +3 -0
  10. package/dist/RichTitle/RichTitle.types.d.ts +8 -1
  11. package/dist/SimpleTitle/SimpleTitle.types.d.ts +6 -1
  12. package/dist/SourceBlock/SourceBlock.types.d.ts +12 -1
  13. package/dist/index.d.ts +1 -0
  14. package/dist/types.d.ts +6 -0
  15. package/dist/ui-kit-2.cjs.development.js +97 -7
  16. package/dist/ui-kit-2.cjs.development.js.map +1 -1
  17. package/dist/ui-kit-2.cjs.production.min.js +1 -1
  18. package/dist/ui-kit-2.cjs.production.min.js.map +1 -1
  19. package/dist/ui-kit-2.esm.js +97 -8
  20. package/dist/ui-kit-2.esm.js.map +1 -1
  21. package/dist/ui-kit.css +1240 -1042
  22. package/dist/utils/converCase.d.ts +2 -0
  23. package/dist/utils/generateGradient.d.ts +1 -1
  24. package/package.json +4 -1
  25. package/src/.DS_Store +0 -0
  26. package/src/BookmarkButton/BookmarkButton.test.tsx +17 -4
  27. package/src/Button/Button.module.css +2 -0
  28. package/src/CardTitle/CardTitle.test.tsx +4 -3
  29. package/src/ChapterBlock/ChapterBlock.test.tsx +4 -3
  30. package/src/Cover/Cover.test.tsx +3 -3
  31. package/src/Cover/Cover.types.ts +22 -1
  32. package/src/Cover/index.tsx +1 -1
  33. package/src/DocumentItemsCount/DocumentItemsCount.test.tsx +4 -3
  34. package/src/DotsOnImage/DotsOnImage.test.tsx +4 -2
  35. package/src/DotsOnImage/DotsOnImage.types.ts +1 -1
  36. package/src/EmbedBlock/EmbedBlock.test.tsx +16 -3
  37. package/src/EmbedBlock/index.tsx +1 -1
  38. package/src/GroupedBlock/GroupedBlock.test.tsx +5 -3
  39. package/src/HalfBlock/HalfBlock.test.tsx +4 -3
  40. package/src/Image/Image.test.tsx +3 -0
  41. package/src/Image/Image.types.ts +1 -6
  42. package/src/Image/RenderPicture.tsx +1 -1
  43. package/src/ImportantLead/ImportantLead.test.tsx +10 -8
  44. package/src/ImportantLead/mock.json +6 -0
  45. package/src/Lazy/Lazy.test.tsx +3 -0
  46. package/src/ListBlock/ListBlock.stories.tsx +2 -1
  47. package/src/ListBlock/ListBlock.test.tsx +8 -4
  48. package/src/ListBlock/ListBlock.types.ts +6 -1
  49. package/src/ListBlock/index.tsx +1 -1
  50. package/src/ListBlock/mock.json +1 -1
  51. package/src/MaterialNote/MaterialNote.test.tsx +4 -3
  52. package/src/Meta/Meta.module.css +1 -1
  53. package/src/QuoteBlock/QuoteBlock.test.tsx +4 -3
  54. package/src/RawHtmlBlock/RawHtmlBlock.test.tsx +18 -9
  55. package/src/RawHtmlBlock/mock.json +6 -0
  56. package/src/RelatedBlock/RelatedBlock.test.tsx +4 -3
  57. package/src/RelatedBlock/RelatedBlock.types.ts +14 -1
  58. package/src/RelatedRichBlock/RelatedRichBlock.module.css +165 -0
  59. package/src/RelatedRichBlock/RelatedRichBlock.stories.module.css +12 -0
  60. package/src/RelatedRichBlock/RelatedRichBlock.stories.tsx +55 -0
  61. package/src/RelatedRichBlock/RelatedRichBlock.test.tsx +20 -0
  62. package/src/RelatedRichBlock/RelatedRichBlock.types.ts +4 -0
  63. package/src/RelatedRichBlock/index.tsx +105 -0
  64. package/src/RelatedRichBlock/mock.json +354 -0
  65. package/src/RenderBlocks/RenderBlocks.stories.tsx +4 -1
  66. package/src/RenderBlocks/RenderBlocks.test.tsx +15 -9
  67. package/src/RenderBlocks/mock.json +10 -0
  68. package/src/RichTitle/RichTitle.module.css +37 -7
  69. package/src/RichTitle/RichTitle.test.tsx +4 -3
  70. package/src/RichTitle/RichTitle.types.ts +8 -1
  71. package/src/SimpleBlock/SimpleBlock.test.tsx +16 -9
  72. package/src/SimpleBlock/mock.json +6 -0
  73. package/src/SimpleTitle/SimpleTitle.test.tsx +4 -3
  74. package/src/SimpleTitle/SimpleTitle.types.ts +6 -1
  75. package/src/SourceBlock/SourceBlock.test.tsx +4 -3
  76. package/src/SourceBlock/SourceBlock.types.ts +13 -1
  77. package/src/Spoiler/Spoiler.test.tsx +4 -3
  78. package/src/Table/Table.test.tsx +3 -3
  79. package/src/Timestamp/Timestamp.test.tsx +4 -3
  80. package/src/ToolbarButton/ToolbarButton.test.tsx +8 -3
  81. package/src/_storybook/PreviewWrapper/PreviewWrapper.module.css +3 -1
  82. package/src/index.tsx +1 -0
  83. package/src/types.ts +6 -0
  84. package/src/utils/{toCamel.ts → converCase.ts} +3 -0
  85. package/src/utils/generateGradient.ts +21 -15
  86. package/dist/utils/toCamel.d.ts +0 -1
package/dist/ui-kit.css CHANGED
@@ -228,6 +228,170 @@
228
228
  }
229
229
  }
230
230
 
231
+ /* Colors */
232
+ /* Fonts */
233
+ /* Gap */
234
+ /* Media */
235
+ /* 512 */
236
+ /* 650 */
237
+ /* 768 */
238
+ /* 1024 */
239
+ /* 1010 */
240
+ /* 1200 */
241
+ /* 511 */
242
+ /* 1023 */
243
+ /* Zindex */
244
+ .Switcher-module_root__1Env1 {
245
+ position: relative;
246
+
247
+ display: -webkit-box;
248
+
249
+ display: -webkit-flex;
250
+
251
+ display: -ms-flexbox;
252
+
253
+ display: flex;
254
+ flex-flow: row nowrap;
255
+ align-items: center;
256
+
257
+ font-weight: 600;
258
+
259
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
260
+ white-space: nowrap;
261
+
262
+ cursor: pointer;
263
+
264
+ -webkit-user-select: none;
265
+
266
+ -moz-user-select: none;
267
+
268
+ -ms-user-select: none;
269
+
270
+ user-select: none;
271
+ }
272
+ .Switcher-module_dark__1IzaH {
273
+ color: inherit;
274
+ }
275
+ .Switcher-module_dark__1IzaH .Switcher-module_control__1NTvY {
276
+ background-color: transparent;
277
+ }
278
+ .Switcher-module_input__jaMVF {
279
+ position: absolute;
280
+ top: 0;
281
+ left: 0;
282
+
283
+ opacity: 0;
284
+ }
285
+ .Switcher-module_control__1NTvY {
286
+ position: relative;
287
+
288
+ display: block;
289
+
290
+ width: 37px;
291
+ height: 21px;
292
+
293
+ background-color: #e6e6e6;
294
+
295
+ border-radius: 15px;
296
+ }
297
+ .Switcher-module_control__1NTvY::before {
298
+ position: absolute;
299
+ top: 0;
300
+ bottom: 0;
301
+ left: 0;
302
+
303
+ width: 18px;
304
+
305
+ background: rgba(19, 191, 17, 0);
306
+
307
+ border-radius: 15px;
308
+
309
+ transition: 0.25s ease-in-out;
310
+
311
+ content: '';
312
+ }
313
+ .Switcher-module_knob__3kEy5 {
314
+ position: relative;
315
+ top: 2px;
316
+ left: 2px;
317
+ z-index: 200;
318
+
319
+ display: block;
320
+
321
+ width: 17px;
322
+ height: 17px;
323
+
324
+ background: #fff;
325
+
326
+ border-radius: 15px;
327
+
328
+ transition: 0.25s ease-in-out;
329
+ }
330
+ .Switcher-module_input__jaMVF:checked ~ .Switcher-module_control__1NTvY::before {
331
+ width: 100%;
332
+
333
+ background-color: #b88b59;
334
+ }
335
+ .Switcher-module_input__jaMVF:checked ~ .Switcher-module_control__1NTvY::after {
336
+ box-shadow: inset 0 0 0 1px transparent;
337
+ }
338
+ .Switcher-module_input__jaMVF:checked ~ .Switcher-module_control__1NTvY .Switcher-module_knob__3kEy5 {
339
+ left: 18px;
340
+ }
341
+ .Switcher-module_children__147JP.Switcher-module_left__2coeE {
342
+ margin-right: 6px;
343
+ }
344
+ .Switcher-module_children__147JP.Switcher-module_right__yWG7h {
345
+ margin-left: 6px;
346
+ }
347
+ /* panel */
348
+ .Switcher-module_isInPanel__TumqY .Switcher-module_children__147JP {
349
+
350
+ color: #999;
351
+
352
+ font-size: 13px;
353
+ letter-spacing: 0.5px;
354
+ text-transform: uppercase;
355
+ }
356
+ /* menu */
357
+ .Switcher-module_isInMenu__3XJYj {
358
+ font-weight: normal;
359
+ }
360
+ .Switcher-module_isInMenu__3XJYj .Switcher-module_children__147JP {
361
+ margin-right: 8px;
362
+ }
363
+ .Switcher-module_isInMenu__3XJYj .Switcher-module_control__1NTvY {
364
+ width: 48px;
365
+ height: 30px;
366
+ }
367
+ .Switcher-module_isInMenu__3XJYj .Switcher-module_knob__3kEy5 {
368
+ top: 4px;
369
+
370
+ width: 22px;
371
+ height: 22px;
372
+
373
+ background-color: #bababa;
374
+ }
375
+ /* stylelint-disable selector-max-compound-selectors */
376
+ .Switcher-module_isInMenu__3XJYj input:checked ~ .Switcher-module_control__1NTvY .Switcher-module_knob__3kEy5 {
377
+ left: 23px;
378
+
379
+ background-color: #fff;
380
+ }
381
+ /* live */
382
+ .Switcher-module_isInLive__2cLui .Switcher-module_children__147JP {
383
+
384
+ color: #7f7f7f;
385
+
386
+ font-size: 13px;
387
+ letter-spacing: 0.5px;
388
+ text-transform: uppercase;
389
+ }
390
+ .Switcher-module_isInMenu__3XJYj .Switcher-module_control__1NTvY {
391
+ background-color: #1a1a1a;
392
+ box-shadow: inset 0 0 0 1px #323232;
393
+ }
394
+
231
395
  /* Colors */
232
396
  /* Fonts */
233
397
  /* Gap */
@@ -422,6 +586,8 @@
422
586
  }
423
587
  @media only screen and (min-device-width: 64em) {
424
588
  .Button-module_default__28Vo_ {
589
+ padding: 7px 18px 6px;
590
+
425
591
  font-size: 14px;
426
592
  line-height: 16px
427
593
  }
@@ -475,223 +641,59 @@
475
641
  /* 511 */
476
642
  /* 1023 */
477
643
  /* Zindex */
478
- .Switcher-module_root__1Env1 {
644
+ .Image-module_root__1vsA_ {
479
645
  position: relative;
646
+ z-index: 1;
480
647
 
481
- display: -webkit-box;
482
-
483
- display: -webkit-flex;
484
-
485
- display: -ms-flexbox;
486
-
487
- display: flex;
488
- flex-flow: row nowrap;
489
- align-items: center;
490
-
491
- font-weight: 600;
492
-
493
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
494
- white-space: nowrap;
495
-
496
- cursor: pointer;
497
-
498
- -webkit-user-select: none;
499
-
500
- -moz-user-select: none;
501
-
502
- -ms-user-select: none;
503
-
504
- user-select: none;
505
- }
506
- .Switcher-module_dark__1IzaH {
507
- color: inherit;
648
+ display: block;
649
+ overflow: hidden
508
650
  }
509
- .Switcher-module_dark__1IzaH .Switcher-module_control__1NTvY {
510
- background-color: transparent;
651
+ @media only screen and (min-device-width: 32em) {
652
+ .Image-module_root__1vsA_ {
653
+ border-radius: inherit
511
654
  }
512
- .Switcher-module_input__jaMVF {
655
+ }
656
+ .Image-module_placeholder__1p4ob,
657
+ .Image-module_root__1vsA_ img {
513
658
  position: absolute;
514
659
  top: 0;
515
660
  left: 0;
516
661
 
517
- opacity: 0;
662
+ width: 100%;
663
+ height: 100%;
518
664
  }
519
- .Switcher-module_control__1NTvY {
520
- position: relative;
521
-
665
+ .Image-module_wrapper__3fLjs {
522
666
  display: block;
523
667
 
524
- width: 37px;
525
- height: 21px;
668
+ width: 100%;
526
669
 
527
- background-color: #e6e6e6;
670
+ background-repeat: no-repeat;
671
+ background-size: 100% auto;
672
+ }
673
+ .Image-module_placeholder__1p4ob {
674
+ transition: background-color 250ms ease;
528
675
 
529
- border-radius: 15px;
676
+ background-color: #f2f2f2;
530
677
  }
531
- .Switcher-module_control__1NTvY::before {
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 {
532
688
  position: absolute;
533
- top: 0;
534
- bottom: 0;
535
- left: 0;
536
-
537
- width: 18px;
538
-
539
- background: rgba(19, 191, 17, 0);
689
+ right: 12px;
690
+ bottom: 12px;
540
691
 
541
- border-radius: 15px;
692
+ width: 40px;
693
+ height: 40px;
542
694
 
543
- transition: 0.25s ease-in-out;
544
-
545
- content: '';
546
- }
547
- .Switcher-module_knob__3kEy5 {
548
- position: relative;
549
- top: 2px;
550
- left: 2px;
551
- z-index: 200;
552
-
553
- display: block;
554
-
555
- width: 17px;
556
- height: 17px;
557
-
558
- background: #fff;
559
-
560
- border-radius: 15px;
561
-
562
- transition: 0.25s ease-in-out;
563
- }
564
- .Switcher-module_input__jaMVF:checked ~ .Switcher-module_control__1NTvY::before {
565
- width: 100%;
566
-
567
- background-color: #b88b59;
568
- }
569
- .Switcher-module_input__jaMVF:checked ~ .Switcher-module_control__1NTvY::after {
570
- box-shadow: inset 0 0 0 1px transparent;
571
- }
572
- .Switcher-module_input__jaMVF:checked ~ .Switcher-module_control__1NTvY .Switcher-module_knob__3kEy5 {
573
- left: 18px;
574
- }
575
- .Switcher-module_children__147JP.Switcher-module_left__2coeE {
576
- margin-right: 6px;
577
- }
578
- .Switcher-module_children__147JP.Switcher-module_right__yWG7h {
579
- margin-left: 6px;
580
- }
581
- /* panel */
582
- .Switcher-module_isInPanel__TumqY .Switcher-module_children__147JP {
583
-
584
- color: #999;
585
-
586
- font-size: 13px;
587
- letter-spacing: 0.5px;
588
- text-transform: uppercase;
589
- }
590
- /* menu */
591
- .Switcher-module_isInMenu__3XJYj {
592
- font-weight: normal;
593
- }
594
- .Switcher-module_isInMenu__3XJYj .Switcher-module_children__147JP {
595
- margin-right: 8px;
596
- }
597
- .Switcher-module_isInMenu__3XJYj .Switcher-module_control__1NTvY {
598
- width: 48px;
599
- height: 30px;
600
- }
601
- .Switcher-module_isInMenu__3XJYj .Switcher-module_knob__3kEy5 {
602
- top: 4px;
603
-
604
- width: 22px;
605
- height: 22px;
606
-
607
- background-color: #bababa;
608
- }
609
- /* stylelint-disable selector-max-compound-selectors */
610
- .Switcher-module_isInMenu__3XJYj input:checked ~ .Switcher-module_control__1NTvY .Switcher-module_knob__3kEy5 {
611
- left: 23px;
612
-
613
- background-color: #fff;
614
- }
615
- /* live */
616
- .Switcher-module_isInLive__2cLui .Switcher-module_children__147JP {
617
-
618
- color: #7f7f7f;
619
-
620
- font-size: 13px;
621
- letter-spacing: 0.5px;
622
- text-transform: uppercase;
623
- }
624
- .Switcher-module_isInMenu__3XJYj .Switcher-module_control__1NTvY {
625
- background-color: #1a1a1a;
626
- box-shadow: inset 0 0 0 1px #323232;
627
- }
628
-
629
- /* Colors */
630
- /* Fonts */
631
- /* Gap */
632
- /* Media */
633
- /* 512 */
634
- /* 650 */
635
- /* 768 */
636
- /* 1024 */
637
- /* 1010 */
638
- /* 1200 */
639
- /* 511 */
640
- /* 1023 */
641
- /* Zindex */
642
- .Image-module_root__1vsA_ {
643
- position: relative;
644
- z-index: 1;
645
-
646
- display: block;
647
- overflow: hidden
648
- }
649
- @media only screen and (min-device-width: 32em) {
650
- .Image-module_root__1vsA_ {
651
- border-radius: inherit
652
- }
653
- }
654
- .Image-module_placeholder__1p4ob,
655
- .Image-module_root__1vsA_ img {
656
- position: absolute;
657
- top: 0;
658
- left: 0;
659
-
660
- width: 100%;
661
- height: 100%;
662
- }
663
- .Image-module_wrapper__3fLjs {
664
- display: block;
665
-
666
- width: 100%;
667
-
668
- background-repeat: no-repeat;
669
- background-size: 100% auto;
670
- }
671
- .Image-module_placeholder__1p4ob {
672
- transition: background-color 250ms ease;
673
-
674
- background-color: #f2f2f2;
675
- }
676
- .Image-module_loaded__w9FVT {
677
- background: transparent;
678
- }
679
- .Image-module_fullscreen__29apx picture {
680
- cursor: pointer;
681
- }
682
- .Image-module_fullscreen__29apx picture:hover::after {
683
- opacity: 1;
684
- }
685
- .Image-module_fullscreen__29apx picture::after {
686
- position: absolute;
687
- right: 12px;
688
- bottom: 12px;
689
-
690
- width: 40px;
691
- height: 40px;
692
-
693
- transition: opacity 250ms ease;
694
- pointer-events: none;
695
+ transition: opacity 250ms ease;
696
+ pointer-events: none;
695
697
 
696
698
  opacity: 0;
697
699
  border: 0.5px solid rgba(255, 255, 255, 0.15);
@@ -836,26 +838,6 @@
836
838
  }
837
839
  }
838
840
 
839
- /* Colors */
840
- /* Fonts */
841
- /* Gap */
842
- /* Media */
843
- /* 512 */
844
- /* 650 */
845
- /* 768 */
846
- /* 1024 */
847
- /* 1010 */
848
- /* 1200 */
849
- /* 511 */
850
- /* 1023 */
851
- /* Zindex */
852
- .Lazy-module_root__2Z72l {
853
- display: block;
854
- }
855
- .Lazy-module_visible__3-SdX {
856
- color: red;
857
- }
858
-
859
841
  /* Colors */
860
842
  /* Fonts */
861
843
  /* Gap */
@@ -1281,6 +1263,26 @@
1281
1263
  min-width: 50px;
1282
1264
  }
1283
1265
 
1266
+ /* Colors */
1267
+ /* Fonts */
1268
+ /* Gap */
1269
+ /* Media */
1270
+ /* 512 */
1271
+ /* 650 */
1272
+ /* 768 */
1273
+ /* 1024 */
1274
+ /* 1010 */
1275
+ /* 1200 */
1276
+ /* 511 */
1277
+ /* 1023 */
1278
+ /* Zindex */
1279
+ .Lazy-module_root__2Z72l {
1280
+ display: block;
1281
+ }
1282
+ .Lazy-module_visible__3-SdX {
1283
+ color: red;
1284
+ }
1285
+
1284
1286
  /* Colors */
1285
1287
  /* Fonts */
1286
1288
  /* Gap */
@@ -1624,50 +1626,138 @@
1624
1626
  /* 511 */
1625
1627
  /* 1023 */
1626
1628
  /* Zindex */
1627
- .Toolbar-module_root__2HF2r {
1628
- overflow: hidden;
1629
+ .Dropdown-module_root__11PNk {
1630
+ position: relative;
1631
+ z-index: 100;
1629
1632
 
1630
- transform: translateZ(0);
1633
+ display: inline-block;
1631
1634
 
1632
1635
  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1633
1636
  }
1634
- .Toolbar-module_list__1n5ny {
1635
- display: -webkit-box;
1636
- display: -webkit-flex;
1637
- display: -ms-flexbox;
1638
- display: flex;
1639
- flex-flow: row wrap;
1640
-
1641
- margin: 0 0 0 -10px;
1642
- padding: 0;
1637
+ .Dropdown-module_root__11PNk.Dropdown-module_active__3IwAl .Dropdown-module_menu__3PIqD,
1638
+ .Dropdown-module_root__11PNk:hover .Dropdown-module_menu__3PIqD {
1639
+ visibility: visible;
1643
1640
 
1644
- list-style: none
1645
- }
1646
- @media only screen and (min-device-width: 64em) {
1647
- .Toolbar-module_list__1n5ny {
1648
- margin: 0 0 0 -15px
1641
+ opacity: 1;
1649
1642
  }
1650
- }
1651
- .Toolbar-module_item__36x7d {
1652
- position: relative;
1643
+ .Dropdown-module_root__11PNk ul {
1644
+ overflow: hidden;
1653
1645
 
1654
- min-width: 42px;
1655
- height: 32px;
1656
- padding-right: 10px;
1657
- padding-left: 10px;
1646
+ width: 162px;
1647
+ margin: 0;
1648
+ padding: 3px 0;
1658
1649
 
1659
- cursor: pointer;
1660
- transition: color 250ms ease;
1661
- text-align: center;
1650
+ border-radius: 5px;
1651
+ background: #fff;
1652
+ box-shadow: 0 0 0 1px #c0c0c0, 0 5px 20px 0 rgba(0, 0, 0, 0.2);
1662
1653
 
1663
- color: #808080;
1654
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1655
+ font-size: 14px;
1656
+ line-height: 26px;
1657
+ }
1658
+ .Dropdown-module_root__11PNk a {
1659
+ display: block;
1664
1660
 
1665
- line-height: 1
1661
+ padding: 2px 15px;
1662
+
1663
+ text-decoration: none;
1664
+
1665
+ color: #000;
1666
+ box-shadow: none;
1667
+ }
1668
+ .Dropdown-module_root__11PNk a:hover {
1669
+ color: #000;
1670
+ background-color: #f7f7f7;
1671
+ }
1672
+ .Dropdown-module_isInAudioPanel__1zv7F .Dropdown-module_menu__3PIqD {
1673
+ right: 0;
1674
+ left: auto
1666
1675
  }
1667
1676
  @media only screen and (min-device-width: 64em) {
1668
- .Toolbar-module_item__36x7d {
1669
- padding-right: 15px;
1670
- padding-left: 15px
1677
+ .Dropdown-module_isInAudioPanel__1zv7F .Dropdown-module_menu__3PIqD {
1678
+ right: auto;
1679
+ left: 0
1680
+ }
1681
+ }
1682
+ .Dropdown-module_menu__3PIqD {
1683
+ position: absolute;
1684
+ top: 100%;
1685
+ left: 0;
1686
+
1687
+ visibility: hidden;
1688
+
1689
+ padding-top: 6px;
1690
+
1691
+ opacity: 0;
1692
+ }
1693
+ .Dropdown-module_menu__3PIqD::after {
1694
+ position: absolute;
1695
+ z-index: -1;
1696
+ top: -10px;
1697
+ right: -10px;
1698
+ bottom: -10px;
1699
+ left: -10px;
1700
+
1701
+ content: '';
1702
+ }
1703
+
1704
+ /* Colors */
1705
+ /* Fonts */
1706
+ /* Gap */
1707
+ /* Media */
1708
+ /* 512 */
1709
+ /* 650 */
1710
+ /* 768 */
1711
+ /* 1024 */
1712
+ /* 1010 */
1713
+ /* 1200 */
1714
+ /* 511 */
1715
+ /* 1023 */
1716
+ /* Zindex */
1717
+ .Toolbar-module_root__2HF2r {
1718
+ overflow: hidden;
1719
+
1720
+ transform: translateZ(0);
1721
+
1722
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1723
+ }
1724
+ .Toolbar-module_list__1n5ny {
1725
+ display: -webkit-box;
1726
+ display: -webkit-flex;
1727
+ display: -ms-flexbox;
1728
+ display: flex;
1729
+ flex-flow: row wrap;
1730
+
1731
+ margin: 0 0 0 -10px;
1732
+ padding: 0;
1733
+
1734
+ list-style: none
1735
+ }
1736
+ @media only screen and (min-device-width: 64em) {
1737
+ .Toolbar-module_list__1n5ny {
1738
+ margin: 0 0 0 -15px
1739
+ }
1740
+ }
1741
+ .Toolbar-module_item__36x7d {
1742
+ position: relative;
1743
+
1744
+ min-width: 42px;
1745
+ height: 32px;
1746
+ padding-right: 10px;
1747
+ padding-left: 10px;
1748
+
1749
+ cursor: pointer;
1750
+ transition: color 250ms ease;
1751
+ text-align: center;
1752
+
1753
+ color: #808080;
1754
+
1755
+ line-height: 1
1756
+ }
1757
+ @media only screen and (min-device-width: 64em) {
1758
+ .Toolbar-module_item__36x7d {
1759
+ padding-right: 15px;
1760
+ padding-left: 15px
1671
1761
  }
1672
1762
  }
1673
1763
  .Toolbar-module_item__36x7d:last-child {
@@ -1767,80 +1857,108 @@
1767
1857
  /* 511 */
1768
1858
  /* 1023 */
1769
1859
  /* Zindex */
1770
- .Dropdown-module_root__11PNk {
1771
- position: relative;
1772
- z-index: 100;
1773
-
1774
- display: inline-block;
1860
+ .Meta-module_root__12AG7 {
1861
+ transform: translateZ(0);
1775
1862
 
1776
1863
  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1777
- }
1778
- .Dropdown-module_root__11PNk.Dropdown-module_active__3IwAl .Dropdown-module_menu__3PIqD,
1779
- .Dropdown-module_root__11PNk:hover .Dropdown-module_menu__3PIqD {
1780
- visibility: visible;
1781
-
1782
- opacity: 1;
1783
- }
1784
- .Dropdown-module_root__11PNk ul {
1785
- overflow: hidden;
1786
-
1787
- width: 162px;
1788
- margin: 0;
1789
- padding: 3px 0;
1790
-
1791
- border-radius: 5px;
1792
- background: #fff;
1793
- box-shadow: 0 0 0 1px #c0c0c0, 0 5px 20px 0 rgba(0, 0, 0, 0.2);
1864
+ font-size: 12px;
1865
+ line-height: 14px;
1794
1866
 
1795
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1796
- font-size: 14px;
1797
- line-height: 26px;
1867
+ fill: inherit;
1798
1868
  }
1799
- .Dropdown-module_root__11PNk a {
1800
- display: block;
1801
-
1802
- padding: 2px 15px;
1803
-
1804
- text-decoration: none;
1869
+ .Meta-module_rich__1XBtZ,
1870
+ .Meta-module_podcast__1m4zo,
1871
+ .Meta-module_episode__1K2Xv,
1872
+ .Meta-module_simple__3vUiI,
1873
+ .Meta-module_slide__3g6fG,
1874
+ .Meta-module_card__LE1RK,
1875
+ .Meta-module_game__3aNlZ,
1876
+ .Meta-module_isInMaterial__zaYMy {
1877
+ width: 100%;
1805
1878
 
1806
- color: #000;
1807
- box-shadow: none;
1879
+ color: #757575;
1808
1880
  }
1809
- .Dropdown-module_root__11PNk a:hover {
1810
- color: #000;
1811
- background-color: #f7f7f7;
1881
+ .Meta-module_podcast__1m4zo {
1882
+ fill: currentColor;
1812
1883
  }
1813
- .Dropdown-module_isInAudioPanel__1zv7F .Dropdown-module_menu__3PIqD {
1814
- right: 0;
1815
- left: auto
1884
+ .Meta-module_isInSearchItem__1wbpx {
1885
+ color: rgba(255, 255, 255, 0.7);
1816
1886
  }
1817
1887
  @media only screen and (min-device-width: 64em) {
1818
- .Dropdown-module_isInAudioPanel__1zv7F .Dropdown-module_menu__3PIqD {
1819
- right: auto;
1820
- left: 0
1888
+ .Meta-module_center__3BBPr.Meta-module_half__1xRkT {
1889
+ text-align: left
1821
1890
  }
1822
1891
  }
1823
- .Dropdown-module_menu__3PIqD {
1824
- position: absolute;
1825
- top: 100%;
1826
- left: 0;
1827
-
1828
- visibility: hidden;
1829
-
1830
- padding-top: 6px;
1892
+ @media only screen and (min-device-width: 32em) {
1893
+ .Meta-module_episode__1K2Xv,
1894
+ .Meta-module_card__LE1RK,
1895
+ .Meta-module_slide__3g6fG,
1896
+ .Meta-module_game__3aNlZ,
1897
+ .Meta-module_center__3BBPr {
1898
+ text-align: center
1899
+ }
1900
+ }
1901
+ .Meta-module_light__2baE- {
1902
+ color: rgba(255, 255, 255, 0.6);
1831
1903
 
1832
- opacity: 0;
1904
+ fill: currentColor;
1833
1905
  }
1834
- .Dropdown-module_menu__3PIqD::after {
1906
+ .Meta-module_dark__24y9m {
1907
+ color: rgba(0, 0, 0, 0.4);
1908
+ }
1909
+ .Meta-module_episode__1K2Xv,
1910
+ .Meta-module_card__LE1RK,
1911
+ .Meta-module_slide__3g6fG,
1912
+ .Meta-module_podcast__1m4zo {
1913
+ display: -webkit-box;
1914
+ display: -webkit-flex;
1915
+ display: -ms-flexbox;
1916
+ display: flex;
1917
+ align-items: center;
1918
+ flex-flow: row wrap
1919
+ }
1920
+ @media only screen and (min-device-width: 48em) {
1921
+ .Meta-module_episode__1K2Xv,
1922
+ .Meta-module_card__LE1RK,
1923
+ .Meta-module_slide__3g6fG,
1924
+ .Meta-module_podcast__1m4zo {
1925
+ display: block
1926
+ }
1927
+ }
1928
+ @media only screen and (max-device-width: 32.1875em) {
1929
+ .Meta-module_hasSource__2lXiN {
1930
+ display: -webkit-box;
1931
+ display: -webkit-flex;
1932
+ display: -ms-flexbox;
1933
+ display: flex;
1934
+ flex-flow: row wrap
1935
+ }
1936
+ }
1937
+ .Meta-module_bookmark__3ot3k {
1835
1938
  position: absolute;
1836
- z-index: -1;
1837
- top: -10px;
1838
- right: -10px;
1839
- bottom: -10px;
1840
- left: -10px;
1841
-
1842
- content: '';
1939
+ z-index: 10;
1940
+ right: -12px;
1941
+ bottom: -4px
1942
+ }
1943
+ @media only screen and (min-device-width: 32em) {
1944
+ .Meta-module_bookmark__3ot3k {
1945
+ display: none
1946
+ }
1947
+ }
1948
+ /* VISIBILITY */
1949
+ @media only screen and (min-device-width: 32em) {
1950
+ .Meta-module_mobile__22LGV {
1951
+ display: none
1952
+ }
1953
+ }
1954
+ .Meta-module_desktop__1ZGUS {
1955
+ display: none
1956
+ }
1957
+ @media only screen and (min-device-width: 32em) {
1958
+ .Meta-module_desktop__1ZGUS {
1959
+ display: block
1843
1960
  }
1961
+ }
1844
1962
 
1845
1963
  /* Colors */
1846
1964
  /* Fonts */
@@ -2066,125 +2184,9 @@
2066
2184
  /* 511 */
2067
2185
  /* 1023 */
2068
2186
  /* Zindex */
2069
- .Meta-module_root__12AG7 {
2070
- transform: translateZ(0);
2071
-
2187
+ .Timestamp-module_root__coOvT {
2072
2188
  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2073
- font-size: 12px;
2074
- line-height: 14px;
2075
-
2076
- fill: inherit;
2077
- }
2078
- .Meta-module_rich__1XBtZ,
2079
- .Meta-module_podcast__1m4zo,
2080
- .Meta-module_episode__1K2Xv,
2081
- .Meta-module_simple__3vUiI,
2082
- .Meta-module_slide__3g6fG,
2083
- .Meta-module_card__LE1RK,
2084
- .Meta-module_game__3aNlZ,
2085
- .Meta-module_isInMaterial__zaYMy {
2086
- width: 100%;
2087
-
2088
- color: #757575;
2089
- }
2090
- .Meta-module_podcast__1m4zo {
2091
- fill: currentColor;
2092
- }
2093
- .Meta-module_isInSearchItem__1wbpx {
2094
- color: rgba(255, 255, 255, 0.7);
2095
- }
2096
- @media only screen and (min-device-width: 64em) {
2097
- .Meta-module_center__3BBPr.Meta-module_half__1xRkT {
2098
- text-align: left
2099
- }
2100
- }
2101
- @media only screen and (min-device-width: 32em) {
2102
- .Meta-module_episode__1K2Xv,
2103
- .Meta-module_card__LE1RK,
2104
- .Meta-module_slide__3g6fG,
2105
- .Meta-module_game__3aNlZ,
2106
- .Meta-module_center__3BBPr {
2107
- text-align: center
2108
- }
2109
- }
2110
- .Meta-module_light__2baE- {
2111
- color: rgba(255, 255, 255, 0.6);
2112
-
2113
- fill: currentColor;
2114
- }
2115
- .Meta-module_dark__24y9m {
2116
- color: #757575;
2117
- }
2118
- .Meta-module_episode__1K2Xv,
2119
- .Meta-module_card__LE1RK,
2120
- .Meta-module_slide__3g6fG,
2121
- .Meta-module_podcast__1m4zo {
2122
- display: -webkit-box;
2123
- display: -webkit-flex;
2124
- display: -ms-flexbox;
2125
- display: flex;
2126
- align-items: center;
2127
- flex-flow: row wrap
2128
- }
2129
- @media only screen and (min-device-width: 48em) {
2130
- .Meta-module_episode__1K2Xv,
2131
- .Meta-module_card__LE1RK,
2132
- .Meta-module_slide__3g6fG,
2133
- .Meta-module_podcast__1m4zo {
2134
- display: block
2135
- }
2136
- }
2137
- @media only screen and (max-device-width: 32.1875em) {
2138
- .Meta-module_hasSource__2lXiN {
2139
- display: -webkit-box;
2140
- display: -webkit-flex;
2141
- display: -ms-flexbox;
2142
- display: flex;
2143
- flex-flow: row wrap
2144
- }
2145
- }
2146
- .Meta-module_bookmark__3ot3k {
2147
- position: absolute;
2148
- z-index: 10;
2149
- right: -12px;
2150
- bottom: -4px
2151
- }
2152
- @media only screen and (min-device-width: 32em) {
2153
- .Meta-module_bookmark__3ot3k {
2154
- display: none
2155
- }
2156
- }
2157
- /* VISIBILITY */
2158
- @media only screen and (min-device-width: 32em) {
2159
- .Meta-module_mobile__22LGV {
2160
- display: none
2161
- }
2162
- }
2163
- .Meta-module_desktop__1ZGUS {
2164
- display: none
2165
- }
2166
- @media only screen and (min-device-width: 32em) {
2167
- .Meta-module_desktop__1ZGUS {
2168
- display: block
2169
- }
2170
- }
2171
-
2172
- /* Colors */
2173
- /* Fonts */
2174
- /* Gap */
2175
- /* Media */
2176
- /* 512 */
2177
- /* 650 */
2178
- /* 768 */
2179
- /* 1024 */
2180
- /* 1010 */
2181
- /* 1200 */
2182
- /* 511 */
2183
- /* 1023 */
2184
- /* Zindex */
2185
- .Timestamp-module_root__coOvT {
2186
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2187
- font-weight: normal;
2189
+ font-weight: normal;
2188
2190
  }
2189
2191
 
2190
2192
  /* Colors */
@@ -2414,107 +2416,6 @@
2414
2416
  }
2415
2417
 
2416
2418
 
2417
- /* Colors */
2418
- /* Fonts */
2419
- /* Gap */
2420
- /* Media */
2421
- /* 512 */
2422
- /* 650 */
2423
- /* 768 */
2424
- /* 1024 */
2425
- /* 1010 */
2426
- /* 1200 */
2427
- /* 511 */
2428
- /* 1023 */
2429
- /* Zindex */
2430
- .GroupedBlock-module_root__2qfQA {
2431
- max-width: 644px;
2432
- margin: 15px auto 0
2433
- }
2434
- @media only screen and (min-device-width: 48em) {
2435
- .GroupedBlock-module_root__2qfQA {
2436
- max-width: none;
2437
- margin-top: 25px;
2438
- margin-bottom: 20px
2439
- }
2440
- }
2441
- .GroupedBlock-module_hasFigcaption__2_mcf {
2442
- margin-bottom: 15px;
2443
- }
2444
- @media only screen and (min-device-width: 48em) {
2445
- .GroupedBlock-module_hasFigcaption__2_mcf + .GroupedBlock-module_root__2qfQA {
2446
- margin-top: 25px
2447
- }
2448
- }
2449
- .GroupedBlock-module_hasFigcaption__2_mcf .GroupedBlock-module_item__3sz9_:last-child {
2450
- margin-bottom: 0;
2451
- }
2452
- .GroupedBlock-module_items__2DV2X {
2453
- display: -webkit-box;
2454
- display: -webkit-flex;
2455
- display: -ms-flexbox;
2456
- display: flex;
2457
- flex-direction: column;
2458
- flex-wrap: nowrap
2459
- }
2460
- @media only screen and (min-device-width: 48em) {
2461
- .GroupedBlock-module_items__2DV2X {
2462
- flex-direction: row
2463
- }
2464
- }
2465
- .GroupedBlock-module_item__3sz9_ {
2466
- flex-grow: 1;
2467
-
2468
- width: 100%;
2469
- min-width: 100%;
2470
- max-width: 100%;
2471
- margin-bottom: 20px
2472
- }
2473
- @media only screen and (min-device-width: 48em) {
2474
- .GroupedBlock-module_item__3sz9_ {
2475
- min-width: 0;
2476
- max-width: none;
2477
- margin-bottom: 0
2478
- }
2479
- }
2480
- @media only screen and (min-device-width: 48em) {
2481
- .GroupedBlock-module_item__3sz9_ + .GroupedBlock-module_item__3sz9_ {
2482
- margin-left: 15px
2483
- }
2484
- }
2485
- .GroupedBlock-module_figcaption__2Q_wf {
2486
- max-width: 650px;
2487
- margin-right: auto;
2488
- margin-left: auto;
2489
- }
2490
- /* DISPLAY */
2491
- @media only screen and (min-device-width: 48em) {
2492
- .GroupedBlock-module_default__3ylw_ {
2493
- max-width: 650px
2494
- }
2495
- }
2496
- .GroupedBlock-module_full__1dzQR {
2497
- max-width: 980px;
2498
- }
2499
- .GroupedBlock-module_super_full__1PU72 {
2500
- max-width: 1680px;
2501
- }
2502
- /* VISIBILITY */
2503
- @media only screen and (min-device-width: 32em) {
2504
- .GroupedBlock-module_mobile__3n8Ub {
2505
- display: none
2506
- }
2507
- }
2508
- .GroupedBlock-module_desktop__6ZRpA {
2509
- display: none
2510
- }
2511
- @media only screen and (min-device-width: 32em) {
2512
- .GroupedBlock-module_desktop__6ZRpA {
2513
- display: block
2514
- }
2515
- }
2516
-
2517
-
2518
2419
  /* Colors */
2519
2420
  /* Fonts */
2520
2421
  /* Gap */
@@ -2646,47 +2547,148 @@
2646
2547
  /* 511 */
2647
2548
  /* 1023 */
2648
2549
  /* Zindex */
2649
- .HalfBlock-module_root__2frv2 {
2650
- position: relative;
2651
-
2652
- text-align: left;
2550
+ .GroupedBlock-module_root__2qfQA {
2551
+ max-width: 644px;
2552
+ margin: 15px auto 0
2653
2553
  }
2654
- .HalfBlock-module_main__2XX73 {
2554
+ @media only screen and (min-device-width: 48em) {
2555
+ .GroupedBlock-module_root__2qfQA {
2556
+ max-width: none;
2557
+ margin-top: 25px;
2558
+ margin-bottom: 20px
2559
+ }
2560
+ }
2561
+ .GroupedBlock-module_hasFigcaption__2_mcf {
2562
+ margin-bottom: 15px;
2563
+ }
2564
+ @media only screen and (min-device-width: 48em) {
2565
+ .GroupedBlock-module_hasFigcaption__2_mcf + .GroupedBlock-module_root__2qfQA {
2566
+ margin-top: 25px
2567
+ }
2568
+ }
2569
+ .GroupedBlock-module_hasFigcaption__2_mcf .GroupedBlock-module_item__3sz9_:last-child {
2570
+ margin-bottom: 0;
2571
+ }
2572
+ .GroupedBlock-module_items__2DV2X {
2655
2573
  display: -webkit-box;
2656
2574
  display: -webkit-flex;
2657
2575
  display: -ms-flexbox;
2658
2576
  display: flex;
2659
- flex-flow: column nowrap
2577
+ flex-direction: column;
2578
+ flex-wrap: nowrap
2660
2579
  }
2661
- @media only screen and (min-device-width: 64em) {
2662
- .HalfBlock-module_main__2XX73 {
2663
- align-items: center;
2664
- flex-flow: row nowrap
2580
+ @media only screen and (min-device-width: 48em) {
2581
+ .GroupedBlock-module_items__2DV2X {
2582
+ flex-direction: row
2665
2583
  }
2666
2584
  }
2667
- .HalfBlock-module_body__3MnEN {
2668
- order: -1;
2585
+ .GroupedBlock-module_item__3sz9_ {
2586
+ flex-grow: 1;
2669
2587
 
2670
- max-width: 860px;
2671
- margin: 0 auto
2588
+ width: 100%;
2589
+ min-width: 100%;
2590
+ max-width: 100%;
2591
+ margin-bottom: 20px
2672
2592
  }
2673
2593
  @media only screen and (min-device-width: 48em) {
2674
- .HalfBlock-module_body__3MnEN {
2675
- text-align: center
2676
- }
2677
- }
2678
- @media only screen and (min-device-width: 64em) {
2679
- .HalfBlock-module_body__3MnEN {
2680
- align-items: flex-start;
2681
- justify-content: center;
2682
- order: 0;
2683
-
2684
- width: 50%;
2594
+ .GroupedBlock-module_item__3sz9_ {
2595
+ min-width: 0;
2685
2596
  max-width: none;
2686
- height: 100%;
2687
- margin-left: 25px;
2688
-
2689
- text-align: left
2597
+ margin-bottom: 0
2598
+ }
2599
+ }
2600
+ @media only screen and (min-device-width: 48em) {
2601
+ .GroupedBlock-module_item__3sz9_ + .GroupedBlock-module_item__3sz9_ {
2602
+ margin-left: 15px
2603
+ }
2604
+ }
2605
+ .GroupedBlock-module_figcaption__2Q_wf {
2606
+ max-width: 650px;
2607
+ margin-right: auto;
2608
+ margin-left: auto;
2609
+ }
2610
+ /* DISPLAY */
2611
+ @media only screen and (min-device-width: 48em) {
2612
+ .GroupedBlock-module_default__3ylw_ {
2613
+ max-width: 650px
2614
+ }
2615
+ }
2616
+ .GroupedBlock-module_full__1dzQR {
2617
+ max-width: 980px;
2618
+ }
2619
+ .GroupedBlock-module_super_full__1PU72 {
2620
+ max-width: 1680px;
2621
+ }
2622
+ /* VISIBILITY */
2623
+ @media only screen and (min-device-width: 32em) {
2624
+ .GroupedBlock-module_mobile__3n8Ub {
2625
+ display: none
2626
+ }
2627
+ }
2628
+ .GroupedBlock-module_desktop__6ZRpA {
2629
+ display: none
2630
+ }
2631
+ @media only screen and (min-device-width: 32em) {
2632
+ .GroupedBlock-module_desktop__6ZRpA {
2633
+ display: block
2634
+ }
2635
+ }
2636
+
2637
+
2638
+ /* Colors */
2639
+ /* Fonts */
2640
+ /* Gap */
2641
+ /* Media */
2642
+ /* 512 */
2643
+ /* 650 */
2644
+ /* 768 */
2645
+ /* 1024 */
2646
+ /* 1010 */
2647
+ /* 1200 */
2648
+ /* 511 */
2649
+ /* 1023 */
2650
+ /* Zindex */
2651
+ .HalfBlock-module_root__2frv2 {
2652
+ position: relative;
2653
+
2654
+ text-align: left;
2655
+ }
2656
+ .HalfBlock-module_main__2XX73 {
2657
+ display: -webkit-box;
2658
+ display: -webkit-flex;
2659
+ display: -ms-flexbox;
2660
+ display: flex;
2661
+ flex-flow: column nowrap
2662
+ }
2663
+ @media only screen and (min-device-width: 64em) {
2664
+ .HalfBlock-module_main__2XX73 {
2665
+ align-items: center;
2666
+ flex-flow: row nowrap
2667
+ }
2668
+ }
2669
+ .HalfBlock-module_body__3MnEN {
2670
+ order: -1;
2671
+
2672
+ max-width: 860px;
2673
+ margin: 0 auto
2674
+ }
2675
+ @media only screen and (min-device-width: 48em) {
2676
+ .HalfBlock-module_body__3MnEN {
2677
+ text-align: center
2678
+ }
2679
+ }
2680
+ @media only screen and (min-device-width: 64em) {
2681
+ .HalfBlock-module_body__3MnEN {
2682
+ align-items: flex-start;
2683
+ justify-content: center;
2684
+ order: 0;
2685
+
2686
+ width: 50%;
2687
+ max-width: none;
2688
+ height: 100%;
2689
+ margin-left: 25px;
2690
+
2691
+ text-align: left
2690
2692
  }
2691
2693
  }
2692
2694
  .HalfBlock-module_footer__1C0yp {
@@ -2969,6 +2971,125 @@
2969
2971
  }
2970
2972
  }
2971
2973
 
2974
+ /* Colors */
2975
+ /* Fonts */
2976
+ /* Gap */
2977
+ /* Media */
2978
+ /* 512 */
2979
+ /* 650 */
2980
+ /* 768 */
2981
+ /* 1024 */
2982
+ /* 1010 */
2983
+ /* 1200 */
2984
+ /* 511 */
2985
+ /* 1023 */
2986
+ /* Zindex */
2987
+ .RichTitle-module_root__BK_WT {
2988
+ margin: 0 0 18px;
2989
+
2990
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2991
+ font-size: 19px;
2992
+ font-weight: 700;
2993
+ line-height: 23px
2994
+ }
2995
+ @media only screen and (min-device-width: 48em) {
2996
+ .RichTitle-module_root__BK_WT {
2997
+ margin-bottom: 15px;
2998
+
2999
+ font-size: 37px;
3000
+ line-height: 42px
3001
+ }
3002
+ }
3003
+ .RichTitle-module_root__BK_WT:last-child {
3004
+ margin-bottom: 0;
3005
+ }
3006
+ .RichTitle-module_root__BK_WT span {
3007
+ font-family: 'PF Regal', 'PF Regal Text Pro', 'Georgia', serif;
3008
+ font-size: 20px;
3009
+ font-weight: normal
3010
+ }
3011
+ @media only screen and (min-device-width: 48em) {
3012
+ .RichTitle-module_root__BK_WT span {
3013
+ font-size: 38px
3014
+ }
3015
+ }
3016
+ @media only screen and (min-device-width: 32em) {
3017
+ .RichTitle-module_slide__1A-gB,
3018
+ .RichTitle-module_game__1g8Bn {
3019
+ text-align: center
3020
+ }
3021
+ }
3022
+ @media only screen and (min-device-width: 64em) {
3023
+ .RichTitle-module_half__10GRI {
3024
+ font-size: 33px;
3025
+ line-height: 36px
3026
+ }
3027
+ }
3028
+ @media only screen and (min-device-width: 64em) {
3029
+ .RichTitle-module_half__10GRI span {
3030
+ font-size: 34px
3031
+ }
3032
+ }
3033
+ .RichTitle-module_game__1g8Bn:first-child {
3034
+ padding-top: 9px;
3035
+ }
3036
+ @media only screen and (max-device-width: 63.9375em) {
3037
+ .RichTitle-module_featured__wJfaQ {
3038
+ letter-spacing: 0.3px;
3039
+
3040
+ font-size: 28px;
3041
+ line-height: 30px
3042
+ }
3043
+ }
3044
+ @media only screen and (max-device-width: 63.9375em) {
3045
+ .RichTitle-module_featured__wJfaQ span {
3046
+ display: block;
3047
+
3048
+ padding-top: 2px;
3049
+
3050
+ font-size: 18px;
3051
+ line-height: 24px
3052
+ }
3053
+ }
3054
+ @media only screen and (min-device-width: 64em) {
3055
+ .RichTitle-module_isInMediaBlock__3RDw4 {
3056
+ margin-bottom: 18px
3057
+ }
3058
+ }
3059
+ .RichTitle-module_isInMediaBlock__3RDw4:not(.RichTitle-module_featured__wJfaQ) {
3060
+ font-size: 19px;
3061
+ line-height: 23px
3062
+ }
3063
+ @media only screen and (min-device-width: 64em) {
3064
+ .RichTitle-module_isInMediaBlock__3RDw4:not(.RichTitle-module_featured__wJfaQ) {
3065
+ font-size: 26px;
3066
+ line-height: 32px
3067
+ }
3068
+ }
3069
+ .RichTitle-module_isInMediaBlock__3RDw4:not(.RichTitle-module_featured__wJfaQ) span {
3070
+ font-size: 20px;
3071
+ line-height: 23px
3072
+ }
3073
+ @media only screen and (min-device-width: 64em) {
3074
+ .RichTitle-module_isInMediaBlock__3RDw4:not(.RichTitle-module_featured__wJfaQ) span {
3075
+ font-size: 27px;
3076
+ line-height: 32px
3077
+ }
3078
+ }
3079
+ @media only screen and (min-device-width: 32em) {
3080
+ .RichTitle-module_mobile__1Cb6E {
3081
+ display: none
3082
+ }
3083
+ }
3084
+ .RichTitle-module_desktop__2ixSQ {
3085
+ display: none
3086
+ }
3087
+ @media only screen and (min-device-width: 32em) {
3088
+ .RichTitle-module_desktop__2ixSQ {
3089
+ display: block
3090
+ }
3091
+ }
3092
+
2972
3093
  /* Colors */
2973
3094
  /* Fonts */
2974
3095
  /* Gap */
@@ -3112,125 +3233,35 @@
3112
3233
  /* 511 */
3113
3234
  /* 1023 */
3114
3235
  /* Zindex */
3115
- .RichTitle-module_root__BK_WT {
3116
- margin: 0 0 18px;
3236
+ /* stylelint-disable declaration-empty-line-before */
3237
+ span[data-body] {
3238
+ position: relative;
3117
3239
 
3118
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
3119
- font-size: 19px;
3120
- font-weight: 700;
3121
- line-height: 23px
3122
- }
3123
- @media only screen and (min-device-width: 48em) {
3124
- .RichTitle-module_root__BK_WT {
3125
- margin-bottom: 15px;
3240
+ padding: 0 4px;
3126
3241
 
3127
- font-size: 37px;
3128
- line-height: 42px
3129
- }
3130
- }
3131
- .RichTitle-module_root__BK_WT:last-child {
3132
- margin-bottom: 0;
3133
- }
3134
- .RichTitle-module_root__BK_WT span {
3135
- font-family: 'PF Regal', 'PF Regal Text Pro', 'Georgia', serif;
3136
- font-size: 20px;
3137
- font-weight: normal
3242
+ cursor: pointer;
3243
+ white-space: pre-wrap;
3244
+
3245
+ border-radius: 4px;
3246
+ background: #F8F8F8;
3247
+ box-shadow: inset 1px 0 #b3b3b3, inset 0 1px #b3b3b3, inset -1px 0 #b3b3b3, inset 0 -1px #b3b3b3
3138
3248
  }
3139
3249
  @media only screen and (min-device-width: 48em) {
3140
- .RichTitle-module_root__BK_WT span {
3141
- font-size: 38px
3250
+ span[data-body] {
3251
+ padding-bottom: 1px
3142
3252
  }
3143
3253
  }
3144
- @media only screen and (min-device-width: 32em) {
3145
- .RichTitle-module_slide__1A-gB,
3146
- .RichTitle-module_game__1g8Bn {
3147
- text-align: center
3254
+ span[data-body]:hover {
3255
+ background: #F3F3F3;
3256
+ box-shadow: inset 1px 0 #999, inset 0 1px #999, inset -1px 0 #999, inset 0 -1px #999;
3148
3257
  }
3149
- }
3150
- @media only screen and (min-device-width: 64em) {
3151
- .RichTitle-module_half__10GRI {
3152
- font-size: 33px;
3153
- line-height: 36px
3258
+ .dark span[data-body] {
3259
+ background-color: #5B5B5B;
3260
+ box-shadow: inset 1px 0 #8B8B8B, inset 0 1px #8B8B8B, inset -1px 0 #8B8B8B, inset 0 -1px #8B8B8B;
3154
3261
  }
3155
- }
3156
- @media only screen and (min-device-width: 64em) {
3157
- .RichTitle-module_half__10GRI span {
3158
- font-size: 34px
3159
- }
3160
- }
3161
- .RichTitle-module_game__1g8Bn:first-child {
3162
- padding-top: 9px;
3163
- }
3164
- .RichTitle-module_featured__wJfaQ {
3165
- letter-spacing: 0.3px;
3166
-
3167
- font-size: 28px;
3168
- line-height: 30px;
3169
- }
3170
- .RichTitle-module_featured__wJfaQ span {
3171
- display: block;
3172
-
3173
- padding-top: 2px;
3174
-
3175
- font-size: 18px;
3176
- line-height: 24px;
3177
- }
3178
- @media only screen and (min-device-width: 32em) {
3179
- .RichTitle-module_mobile__1Cb6E {
3180
- display: none
3181
- }
3182
- }
3183
- .RichTitle-module_desktop__2ixSQ {
3184
- display: none
3185
- }
3186
- @media only screen and (min-device-width: 32em) {
3187
- .RichTitle-module_desktop__2ixSQ {
3188
- display: block
3189
- }
3190
- }
3191
-
3192
- /* Colors */
3193
- /* Fonts */
3194
- /* Gap */
3195
- /* Media */
3196
- /* 512 */
3197
- /* 650 */
3198
- /* 768 */
3199
- /* 1024 */
3200
- /* 1010 */
3201
- /* 1200 */
3202
- /* 511 */
3203
- /* 1023 */
3204
- /* Zindex */
3205
- /* stylelint-disable declaration-empty-line-before */
3206
- span[data-body] {
3207
- position: relative;
3208
-
3209
- padding: 0 4px;
3210
-
3211
- cursor: pointer;
3212
- white-space: pre-wrap;
3213
-
3214
- border-radius: 4px;
3215
- background: #F8F8F8;
3216
- box-shadow: inset 1px 0 #b3b3b3, inset 0 1px #b3b3b3, inset -1px 0 #b3b3b3, inset 0 -1px #b3b3b3
3217
- }
3218
- @media only screen and (min-device-width: 48em) {
3219
- span[data-body] {
3220
- padding-bottom: 1px
3221
- }
3222
- }
3223
- span[data-body]:hover {
3224
- background: #F3F3F3;
3225
- box-shadow: inset 1px 0 #999, inset 0 1px #999, inset -1px 0 #999, inset 0 -1px #999;
3226
- }
3227
- .dark span[data-body] {
3228
- background-color: #5B5B5B;
3229
- box-shadow: inset 1px 0 #8B8B8B, inset 0 1px #8B8B8B, inset -1px 0 #8B8B8B, inset 0 -1px #8B8B8B;
3230
- }
3231
- .dark span[data-body]:hover {
3232
- background-color: #5B5B5B;
3233
- box-shadow: inset 1px 0 #747474, inset 0 1px #747474, inset -1px 0 #747474, inset 0 -1px #747474;
3262
+ .dark span[data-body]:hover {
3263
+ background-color: #5B5B5B;
3264
+ box-shadow: inset 1px 0 #747474, inset 0 1px #747474, inset -1px 0 #747474, inset 0 -1px #747474;
3234
3265
  }
3235
3266
  span[data-highlight='true'],
3236
3267
  span[data-highlight='true']:hover {
@@ -3654,108 +3685,6 @@ a mark {
3654
3685
  }
3655
3686
  }
3656
3687
 
3657
- /* Colors */
3658
- /* Fonts */
3659
- /* Gap */
3660
- /* Media */
3661
- /* 512 */
3662
- /* 650 */
3663
- /* 768 */
3664
- /* 1024 */
3665
- /* 1010 */
3666
- /* 1200 */
3667
- /* 511 */
3668
- /* 1023 */
3669
- /* Zindex */
3670
- .MetaItem-module_root__2VQom {
3671
- display: inline;
3672
-
3673
- margin-right: 15px;
3674
- }
3675
- .MetaItem-module_root__2VQom > svg {
3676
- display: inline-block;
3677
-
3678
- margin-right: 1px;
3679
-
3680
- vertical-align: top;
3681
-
3682
- color: inherit;
3683
-
3684
- fill: currentColor;
3685
- }
3686
- .MetaItem-module_root__2VQom a {
3687
- display: inline;
3688
-
3689
- text-decoration: underline;
3690
-
3691
- color: inherit;
3692
-
3693
- -webkit-text-decoration-skip: auto;
3694
- }
3695
- .MetaItem-module_root__2VQom a:hover {
3696
- color: #b88b59;
3697
- }
3698
- .MetaItem-module_hasBullets__CkQPI {
3699
- margin-right: 0;
3700
- }
3701
- .MetaItem-module_hasBullets__CkQPI:nth-child(n + 2)::before {
3702
- display: inline-block;
3703
-
3704
- padding-right: 0.4em;
3705
- padding-left: 0.4em;
3706
-
3707
- content: '\B7';
3708
- }
3709
- @media only screen and (max-device-width: 32.1875em) {
3710
- .MetaItem-module_hasSource__1DmCI {
3711
- width: 100%;
3712
- margin-top: 3px;
3713
- margin-bottom: 3px
3714
- }
3715
- }
3716
- @media only screen and (max-device-width: 32.1875em) {
3717
- .MetaItem-module_hasSource__1DmCI:first-child {
3718
- margin-top: 0
3719
- }
3720
- }
3721
- .MetaItem-module_hasSource__1DmCI:last-child {
3722
- margin-bottom: 0;
3723
- }
3724
- @media only screen and (max-device-width: 32.1875em) {
3725
- .MetaItem-module_hasSource__1DmCI:nth-child(n + 2)::before {
3726
- display: none
3727
- }
3728
- }
3729
- @media only screen and (max-device-width: 32.1875em) {
3730
- .MetaItem-module_hasSource__1DmCI.MetaItem-module_listened__lwvAO::before,
3731
- .MetaItem-module_hasSource__1DmCI.MetaItem-module_read__5eAIG::before {
3732
- display: inline-block
3733
- }
3734
- }
3735
- @media only screen and (max-device-width: 32.1875em) {
3736
- .MetaItem-module_datetime__3tOWm,
3737
- .MetaItem-module_listened__lwvAO,
3738
- .MetaItem-module_read__5eAIG {
3739
- width: auto
3740
- }
3741
- }
3742
- @media only screen and (max-device-width: 32.1875em) {
3743
- .MetaItem-module_hasSource__1DmCI.MetaItem-module_datetime__3tOWm:first-child {
3744
- order: -2
3745
- }
3746
- }
3747
- @media only screen and (max-device-width: 32.1875em) {
3748
- .MetaItem-module_hasSource__1DmCI.MetaItem-module_listened__lwvAO,
3749
- .MetaItem-module_hasSource__1DmCI.MetaItem-module_read__5eAIG {
3750
- order: -1;
3751
-
3752
- margin-top: 0
3753
- }
3754
- }
3755
- .MetaItem-module_read__5eAIG svg {
3756
- margin-top: -1px;
3757
- }
3758
-
3759
3688
  /* Colors */
3760
3689
  /* Fonts */
3761
3690
  /* Gap */
@@ -3871,7 +3800,6 @@ a mark {
3871
3800
  }
3872
3801
  }
3873
3802
 
3874
- /* stylelint-disable declaration-empty-line-before */
3875
3803
  /* Colors */
3876
3804
  /* Fonts */
3877
3805
  /* Gap */
@@ -3885,175 +3813,227 @@ a mark {
3885
3813
  /* 511 */
3886
3814
  /* 1023 */
3887
3815
  /* Zindex */
3888
- .MetaItemLive-module_root__2mpD3 {
3889
- position: relative;
3890
-
3891
- display: inline-block;
3816
+ .Spoiler-module_root__1OfSR {
3817
+ width: 100%;
3818
+ margin: 15px 0;
3819
+ padding: 21px 0 22px;
3892
3820
 
3893
- width: 18px;
3894
- height: 18px;
3821
+ border-top: 3px solid rgba(0, 0, 0, 0.1);
3822
+ border-bottom: 3px solid rgba(0, 0, 0, 0.1)
3823
+ }
3824
+ @media only screen and (min-device-width: 32em) {
3825
+ .Spoiler-module_root__1OfSR {
3826
+ display: -webkit-box;
3827
+ display: -webkit-flex;
3828
+ display: -ms-flexbox;
3829
+ display: flex;
3830
+ flex-flow: column nowrap;
3895
3831
 
3896
- vertical-align: middle;
3832
+ margin: 25px auto 20px;
3833
+ padding: 20px 0
3897
3834
  }
3898
- .MetaItemLive-module_gold__3yZEV {
3899
- color: #b88b59;
3835
+ }
3836
+ .Spoiler-module_root__1OfSR:last-child {
3837
+ margin-bottom: 0;
3900
3838
  }
3901
- .MetaItemLive-module_root__2mpD3::before,
3902
- .MetaItemLive-module_root__2mpD3::after,
3903
- .MetaItemLive-module_frame__1H_Ha {
3904
- position: absolute;
3905
- top: 0;
3906
- right: 0;
3907
- bottom: 0;
3908
- left: 0;
3909
- z-index: 0;
3839
+ .Spoiler-module_root__1OfSR:first-child {
3840
+ margin-top: 0;
3910
3841
  }
3911
- .MetaItemLive-module_root__2mpD3 {
3912
- margin-top: -4px;
3913
- margin-right: 1px;
3914
-
3915
- transform: translateY(1px);
3842
+ .Spoiler-module_header__1rZUs {
3843
+ display: -webkit-box;
3844
+ display: -webkit-flex;
3845
+ display: -ms-flexbox;
3846
+ display: flex;
3847
+ flex-flow: column nowrap;
3848
+ justify-content: center;
3916
3849
  }
3917
- .MetaItemLive-module_root__2mpD3::before,
3918
- .MetaItemLive-module_root__2mpD3::after,
3919
- .MetaItemLive-module_frame__1H_Ha {
3920
-
3921
- border-radius: 50%;
3922
- transform: scale(0);
3850
+ .Spoiler-module_header__1rZUs h3 {
3851
+ margin-top: 0;
3852
+ margin-bottom: 18px;
3923
3853
 
3924
- -webkit-animation-duration: 1.05s;
3854
+ font-weight: 700;
3855
+ font-size: 21px;
3925
3856
 
3926
- animation-duration: 1.05s;
3927
- -webkit-animation-timing-function: linear;
3928
- animation-timing-function: linear;
3929
- -webkit-animation-iteration-count: infinite;
3930
- animation-iteration-count: infinite;
3857
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
3858
+ line-height: 26px
3931
3859
  }
3932
- .MetaItemLive-module_frame__1H_Ha {
3933
-
3934
- background: currentColor;
3935
-
3936
- -webkit-animation-name: MetaItemLive-module_liveMiddle__wyuV3;
3860
+ @media only screen and (min-device-width: 32em) {
3861
+ .Spoiler-module_header__1rZUs h3 {
3862
+ margin-bottom: 20px;
3937
3863
 
3938
- animation-name: MetaItemLive-module_liveMiddle__wyuV3;
3864
+ font-size: 28px;
3865
+ line-height: 34px
3939
3866
  }
3940
- .MetaItemLive-module_root__2mpD3::before,
3941
- .MetaItemLive-module_root__2mpD3::after {
3942
-
3943
- border: 1px solid currentColor;
3867
+ }
3868
+ .Spoiler-module_body__Q1e_c {
3869
+ display: none;
3944
3870
 
3945
- content: '';
3871
+ width: 100%;
3872
+ margin-right: auto;
3873
+ margin-left: auto;
3874
+ padding-bottom: 13px
3946
3875
  }
3947
- .MetaItemLive-module_root__2mpD3::before {
3948
- -webkit-animation-name: MetaItemLive-module_liveFirstWave__3dbvz;
3949
- animation-name: MetaItemLive-module_liveFirstWave__3dbvz;
3876
+ @media only screen and (min-device-width: 32em) {
3877
+ .Spoiler-module_body__Q1e_c {
3878
+ order: 2;
3879
+
3880
+ padding-top: 25px;
3881
+ padding-bottom: 0
3950
3882
  }
3951
- .MetaItemLive-module_root__2mpD3::after {
3952
- -webkit-animation-name: MetaItemLive-module_liveSecondWave__12g57;
3953
- animation-name: MetaItemLive-module_liveSecondWave__12g57;
3883
+ }
3884
+ .Spoiler-module_spoiled__1A5r4 {
3885
+ min-height: auto
3886
+ }
3887
+ @media only screen and (max-device-width: 32.1875em) {
3888
+ .Spoiler-module_spoiled__1A5r4 {
3889
+ padding-bottom: 0
3954
3890
  }
3955
- @-webkit-keyframes MetaItemLive-module_liveMiddle__wyuV3 {
3956
- 14% {
3957
- transform: scale(0);
3958
3891
  }
3892
+ .Spoiler-module_spoiled__1A5r4 .Spoiler-module_body__Q1e_c {
3893
+ display: block;
3894
+ }
3895
+ .Spoiler-module_footer__23mh7 {
3896
+ position: static;
3897
+ }
3898
+ .Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7 {
3899
+ position: -webkit-sticky;
3900
+ position: sticky;
3901
+ bottom: 0;
3902
+ z-index: 10;
3959
3903
 
3960
- 30% {
3961
- transform: scale(0.22);
3962
- }
3904
+ margin-right: -20px;
3905
+ margin-left: -20px;
3906
+ padding: 12px 20px 20px;
3963
3907
 
3964
- 63% {
3965
- transform: scale(0.22);
3966
- }
3908
+ background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(64%, #fff));
3967
3909
 
3968
- 70% {
3969
- transform: scale(0);
3970
- }
3910
+ background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 64%);
3971
3911
 
3972
- 100% {
3973
- transform: scale(0);
3974
- }
3912
+ background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 64%);
3913
+
3914
+ -webkit-animation: Spoiler-module_spoilerSticky__3Kd30 500ms ease both;
3915
+
3916
+ animation: Spoiler-module_spoilerSticky__3Kd30 500ms ease both
3975
3917
  }
3976
- @keyframes MetaItemLive-module_liveMiddle__wyuV3 {
3977
- 14% {
3978
- transform: scale(0);
3979
- }
3918
+ @media only screen and (min-device-width: 32em) {
3919
+ .Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7 {
3920
+ position: static;
3980
3921
 
3981
- 30% {
3982
- transform: scale(0.22);
3983
- }
3922
+ margin-right: 0;
3923
+ margin-left: 0;
3924
+ padding: 0;
3984
3925
 
3985
- 63% {
3986
- transform: scale(0.22);
3987
- }
3926
+ background-image: none;
3988
3927
 
3989
- 70% {
3990
- transform: scale(0);
3991
- }
3928
+ -webkit-animation: none;
3992
3929
 
3993
- 100% {
3994
- transform: scale(0);
3995
- }
3930
+ animation: none
3996
3931
  }
3997
- @-webkit-keyframes MetaItemLive-module_liveFirstWave__3dbvz {
3998
- 21% {
3999
- transform: scale(0.1);
4000
3932
  }
3933
+ .Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7::after {
3934
+ position: absolute;
3935
+ top: 100%;
3936
+ right: 0;
3937
+ left: 0;
3938
+ z-index: -1;
4001
3939
 
4002
- 53% {
4003
- transform: scale(0.33);
4004
- }
3940
+ height: 16px;
4005
3941
 
4006
- 100% {
4007
- transform: scale(0.66);
3942
+ background-color: #fff;
4008
3943
 
4009
- opacity: 0;
3944
+ -webkit-animation: Spoiler-module_spoilerStickyBg__nYdlo 1ms ease both 500ms;
3945
+
3946
+ animation: Spoiler-module_spoilerStickyBg__nYdlo 1ms ease both 500ms;
3947
+
3948
+ content: ''
3949
+ }
3950
+ @media only screen and (min-device-width: 32em) {
3951
+ .Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7::after {
3952
+ content: none
3953
+ }
4010
3954
  }
3955
+ .Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7 svg {
3956
+ transform: rotate(180deg) translateY(1px);
4011
3957
  }
4012
- @keyframes MetaItemLive-module_liveFirstWave__3dbvz {
4013
- 21% {
4014
- transform: scale(0.1);
3958
+ @media only screen and (min-device-width: 32em) {
3959
+ .Spoiler-module_center__tq1m0 {
3960
+ max-width: 980px;
3961
+ margin-right: auto;
3962
+ margin-left: auto
3963
+ }
3964
+ }
3965
+ .Spoiler-module_full__1QFqR {
3966
+ max-width: 980px;
3967
+ }
3968
+ .Spoiler-module_default__2Kjx8 {
3969
+ max-width: 650px;
3970
+ }
3971
+ @-webkit-keyframes Spoiler-module_spoilerSticky__3Kd30 {
3972
+ 0% {
3973
+ transform: translateY(62px);
4015
3974
  }
4016
3975
 
4017
- 53% {
4018
- transform: scale(0.33);
3976
+ 50% {
3977
+ transform: translateY(-16px);
4019
3978
  }
4020
3979
 
4021
3980
  100% {
4022
- transform: scale(0.66);
4023
-
4024
- opacity: 0;
3981
+ transform: translateY(0);
4025
3982
  }
4026
3983
  }
4027
- @-webkit-keyframes MetaItemLive-module_liveSecondWave__12g57 {
4028
- 21% {
4029
- transform: scale(0.22);
3984
+ @keyframes Spoiler-module_spoilerSticky__3Kd30 {
3985
+ 0% {
3986
+ transform: translateY(62px);
4030
3987
  }
4031
3988
 
4032
- 53% {
4033
- transform: scale(0.55);
3989
+ 50% {
3990
+ transform: translateY(-16px);
4034
3991
  }
4035
3992
 
4036
3993
  100% {
4037
- transform: scale(0.88);
4038
-
4039
- opacity: 0;
3994
+ transform: translateY(0);
4040
3995
  }
4041
3996
  }
4042
- @keyframes MetaItemLive-module_liveSecondWave__12g57 {
4043
- 21% {
4044
- transform: scale(0.22);
3997
+ @-webkit-keyframes Spoiler-module_spoilerStickyBg__nYdlo {
3998
+ 0% {
3999
+ background-color: #fff;
4045
4000
  }
4046
4001
 
4047
- 53% {
4048
- transform: scale(0.55);
4002
+ 100% {
4003
+ background-color: transparent;
4004
+ }
4005
+ }
4006
+ @keyframes Spoiler-module_spoilerStickyBg__nYdlo {
4007
+ 0% {
4008
+ background-color: #fff;
4049
4009
  }
4050
4010
 
4051
4011
  100% {
4052
- transform: scale(0.88);
4053
-
4054
- opacity: 0;
4012
+ background-color: transparent;
4055
4013
  }
4056
4014
  }
4015
+ [data-gdpr-panel='true'] .Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7 {
4016
+ bottom: 45px
4017
+ }
4018
+ @media only screen and (min-device-width: 32em) {
4019
+ [data-gdpr-panel='true'] .Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7 {
4020
+ bottom: 46px
4021
+ }
4022
+ }
4023
+ /* VISIBILITY */
4024
+ @media only screen and (min-device-width: 32em) {
4025
+ .Spoiler-module_mobile__2BPt8 {
4026
+ display: none
4027
+ }
4028
+ }
4029
+ .Spoiler-module_desktop__1BIFJ {
4030
+ display: none
4031
+ }
4032
+ @media only screen and (min-device-width: 32em) {
4033
+ .Spoiler-module_desktop__1BIFJ {
4034
+ display: block
4035
+ }
4036
+ }
4057
4037
 
4058
4038
  /* Colors */
4059
4039
  /* Fonts */
@@ -4068,227 +4048,278 @@ a mark {
4068
4048
  /* 511 */
4069
4049
  /* 1023 */
4070
4050
  /* Zindex */
4071
- .Spoiler-module_root__1OfSR {
4072
- width: 100%;
4073
- margin: 15px 0;
4074
- padding: 21px 0 22px;
4051
+ .MetaItem-module_root__2VQom {
4052
+ display: inline;
4075
4053
 
4076
- border-top: 3px solid rgba(0, 0, 0, 0.1);
4077
- border-bottom: 3px solid rgba(0, 0, 0, 0.1)
4054
+ margin-right: 15px;
4078
4055
  }
4079
- @media only screen and (min-device-width: 32em) {
4080
- .Spoiler-module_root__1OfSR {
4081
- display: -webkit-box;
4082
- display: -webkit-flex;
4083
- display: -ms-flexbox;
4084
- display: flex;
4085
- flex-flow: column nowrap;
4056
+ .MetaItem-module_root__2VQom > svg {
4057
+ display: inline-block;
4086
4058
 
4087
- margin: 25px auto 20px;
4088
- padding: 20px 0
4059
+ margin-right: 1px;
4060
+
4061
+ vertical-align: top;
4062
+
4063
+ color: inherit;
4064
+
4065
+ fill: currentColor;
4089
4066
  }
4090
- }
4091
- .Spoiler-module_root__1OfSR:last-child {
4092
- margin-bottom: 0;
4067
+ .MetaItem-module_root__2VQom a {
4068
+ display: inline;
4069
+
4070
+ text-decoration: underline;
4071
+
4072
+ color: inherit;
4073
+
4074
+ -webkit-text-decoration-skip: auto;
4093
4075
  }
4094
- .Spoiler-module_root__1OfSR:first-child {
4095
- margin-top: 0;
4076
+ .MetaItem-module_root__2VQom a:hover {
4077
+ color: #b88b59;
4096
4078
  }
4097
- .Spoiler-module_header__1rZUs {
4098
- display: -webkit-box;
4099
- display: -webkit-flex;
4100
- display: -ms-flexbox;
4101
- display: flex;
4102
- flex-flow: column nowrap;
4103
- justify-content: center;
4079
+ .MetaItem-module_hasBullets__CkQPI {
4080
+ margin-right: 0;
4104
4081
  }
4105
- .Spoiler-module_header__1rZUs h3 {
4106
- margin-top: 0;
4107
- margin-bottom: 18px;
4082
+ .MetaItem-module_hasBullets__CkQPI:nth-child(n + 2)::before {
4083
+ display: inline-block;
4108
4084
 
4109
- font-weight: 700;
4110
- font-size: 21px;
4085
+ padding-right: 0.4em;
4086
+ padding-left: 0.4em;
4111
4087
 
4112
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
4113
- line-height: 26px
4088
+ content: '\B7';
4114
4089
  }
4115
- @media only screen and (min-device-width: 32em) {
4116
- .Spoiler-module_header__1rZUs h3 {
4117
- margin-bottom: 20px;
4118
-
4119
- font-size: 28px;
4120
- line-height: 34px
4090
+ @media only screen and (max-device-width: 32.1875em) {
4091
+ .MetaItem-module_hasSource__1DmCI {
4092
+ width: 100%;
4093
+ margin-top: 3px;
4094
+ margin-bottom: 3px
4121
4095
  }
4122
4096
  }
4123
- .Spoiler-module_body__Q1e_c {
4124
- display: none;
4125
-
4126
- width: 100%;
4127
- margin-right: auto;
4128
- margin-left: auto;
4129
- padding-bottom: 13px
4097
+ @media only screen and (max-device-width: 32.1875em) {
4098
+ .MetaItem-module_hasSource__1DmCI:first-child {
4099
+ margin-top: 0
4130
4100
  }
4131
- @media only screen and (min-device-width: 32em) {
4132
- .Spoiler-module_body__Q1e_c {
4133
- order: 2;
4134
-
4135
- padding-top: 25px;
4136
- padding-bottom: 0
4101
+ }
4102
+ .MetaItem-module_hasSource__1DmCI:last-child {
4103
+ margin-bottom: 0;
4104
+ }
4105
+ @media only screen and (max-device-width: 32.1875em) {
4106
+ .MetaItem-module_hasSource__1DmCI:nth-child(n + 2)::before {
4107
+ display: none
4137
4108
  }
4138
4109
  }
4139
- .Spoiler-module_spoiled__1A5r4 {
4140
- min-height: auto
4110
+ @media only screen and (max-device-width: 32.1875em) {
4111
+ .MetaItem-module_hasSource__1DmCI.MetaItem-module_listened__lwvAO::before,
4112
+ .MetaItem-module_hasSource__1DmCI.MetaItem-module_read__5eAIG::before {
4113
+ display: inline-block
4141
4114
  }
4115
+ }
4142
4116
  @media only screen and (max-device-width: 32.1875em) {
4143
- .Spoiler-module_spoiled__1A5r4 {
4144
- padding-bottom: 0
4117
+ .MetaItem-module_datetime__3tOWm,
4118
+ .MetaItem-module_listened__lwvAO,
4119
+ .MetaItem-module_read__5eAIG {
4120
+ width: auto
4145
4121
  }
4146
4122
  }
4147
- .Spoiler-module_spoiled__1A5r4 .Spoiler-module_body__Q1e_c {
4148
- display: block;
4123
+ @media only screen and (max-device-width: 32.1875em) {
4124
+ .MetaItem-module_hasSource__1DmCI.MetaItem-module_datetime__3tOWm:first-child {
4125
+ order: -2
4149
4126
  }
4150
- .Spoiler-module_footer__23mh7 {
4151
- position: static;
4127
+ }
4128
+ @media only screen and (max-device-width: 32.1875em) {
4129
+ .MetaItem-module_hasSource__1DmCI.MetaItem-module_listened__lwvAO,
4130
+ .MetaItem-module_hasSource__1DmCI.MetaItem-module_read__5eAIG {
4131
+ order: -1;
4132
+
4133
+ margin-top: 0
4134
+ }
4135
+ }
4136
+ .MetaItem-module_read__5eAIG svg {
4137
+ margin-top: -1px;
4152
4138
  }
4153
- .Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7 {
4154
- position: -webkit-sticky;
4155
- position: sticky;
4156
- bottom: 0;
4157
- z-index: 10;
4158
4139
 
4159
- margin-right: -20px;
4160
- margin-left: -20px;
4161
- padding: 12px 20px 20px;
4140
+ /* stylelint-disable declaration-empty-line-before */
4141
+ /* Colors */
4142
+ /* Fonts */
4143
+ /* Gap */
4144
+ /* Media */
4145
+ /* 512 */
4146
+ /* 650 */
4147
+ /* 768 */
4148
+ /* 1024 */
4149
+ /* 1010 */
4150
+ /* 1200 */
4151
+ /* 511 */
4152
+ /* 1023 */
4153
+ /* Zindex */
4154
+ .MetaItemLive-module_root__2mpD3 {
4155
+ position: relative;
4162
4156
 
4163
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(64%, #fff));
4157
+ display: inline-block;
4164
4158
 
4165
- background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 64%);
4159
+ width: 18px;
4160
+ height: 18px;
4166
4161
 
4167
- background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 64%);
4162
+ vertical-align: middle;
4163
+ }
4164
+ .MetaItemLive-module_gold__3yZEV {
4165
+ color: #b88b59;
4166
+ }
4167
+ .MetaItemLive-module_root__2mpD3::before,
4168
+ .MetaItemLive-module_root__2mpD3::after,
4169
+ .MetaItemLive-module_frame__1H_Ha {
4170
+ position: absolute;
4171
+ top: 0;
4172
+ right: 0;
4173
+ bottom: 0;
4174
+ left: 0;
4175
+ z-index: 0;
4176
+ }
4177
+ .MetaItemLive-module_root__2mpD3 {
4178
+ margin-top: -4px;
4179
+ margin-right: 1px;
4168
4180
 
4169
- -webkit-animation: Spoiler-module_spoilerSticky__3Kd30 500ms ease both;
4181
+ transform: translateY(1px);
4182
+ }
4183
+ .MetaItemLive-module_root__2mpD3::before,
4184
+ .MetaItemLive-module_root__2mpD3::after,
4185
+ .MetaItemLive-module_frame__1H_Ha {
4170
4186
 
4171
- animation: Spoiler-module_spoilerSticky__3Kd30 500ms ease both
4187
+ border-radius: 50%;
4188
+ transform: scale(0);
4189
+
4190
+ -webkit-animation-duration: 1.05s;
4191
+
4192
+ animation-duration: 1.05s;
4193
+ -webkit-animation-timing-function: linear;
4194
+ animation-timing-function: linear;
4195
+ -webkit-animation-iteration-count: infinite;
4196
+ animation-iteration-count: infinite;
4172
4197
  }
4173
- @media only screen and (min-device-width: 32em) {
4174
- .Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7 {
4175
- position: static;
4198
+ .MetaItemLive-module_frame__1H_Ha {
4176
4199
 
4177
- margin-right: 0;
4178
- margin-left: 0;
4179
- padding: 0;
4200
+ background: currentColor;
4180
4201
 
4181
- background-image: none;
4202
+ -webkit-animation-name: MetaItemLive-module_liveMiddle__wyuV3;
4182
4203
 
4183
- -webkit-animation: none;
4204
+ animation-name: MetaItemLive-module_liveMiddle__wyuV3;
4205
+ }
4206
+ .MetaItemLive-module_root__2mpD3::before,
4207
+ .MetaItemLive-module_root__2mpD3::after {
4184
4208
 
4185
- animation: none
4209
+ border: 1px solid currentColor;
4210
+
4211
+ content: '';
4186
4212
  }
4213
+ .MetaItemLive-module_root__2mpD3::before {
4214
+ -webkit-animation-name: MetaItemLive-module_liveFirstWave__3dbvz;
4215
+ animation-name: MetaItemLive-module_liveFirstWave__3dbvz;
4216
+ }
4217
+ .MetaItemLive-module_root__2mpD3::after {
4218
+ -webkit-animation-name: MetaItemLive-module_liveSecondWave__12g57;
4219
+ animation-name: MetaItemLive-module_liveSecondWave__12g57;
4220
+ }
4221
+ @-webkit-keyframes MetaItemLive-module_liveMiddle__wyuV3 {
4222
+ 14% {
4223
+ transform: scale(0);
4187
4224
  }
4188
- .Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7::after {
4189
- position: absolute;
4190
- top: 100%;
4191
- right: 0;
4192
- left: 0;
4193
- z-index: -1;
4194
-
4195
- height: 16px;
4196
4225
 
4197
- background-color: #fff;
4226
+ 30% {
4227
+ transform: scale(0.22);
4228
+ }
4198
4229
 
4199
- -webkit-animation: Spoiler-module_spoilerStickyBg__nYdlo 1ms ease both 500ms;
4230
+ 63% {
4231
+ transform: scale(0.22);
4232
+ }
4200
4233
 
4201
- animation: Spoiler-module_spoilerStickyBg__nYdlo 1ms ease both 500ms;
4234
+ 70% {
4235
+ transform: scale(0);
4236
+ }
4202
4237
 
4203
- content: ''
4204
- }
4205
- @media only screen and (min-device-width: 32em) {
4206
- .Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7::after {
4207
- content: none
4208
- }
4238
+ 100% {
4239
+ transform: scale(0);
4209
4240
  }
4210
- .Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7 svg {
4211
- transform: rotate(180deg) translateY(1px);
4212
- }
4213
- @media only screen and (min-device-width: 32em) {
4214
- .Spoiler-module_center__tq1m0 {
4215
- max-width: 980px;
4216
- margin-right: auto;
4217
- margin-left: auto
4218
4241
  }
4242
+ @keyframes MetaItemLive-module_liveMiddle__wyuV3 {
4243
+ 14% {
4244
+ transform: scale(0);
4219
4245
  }
4220
- .Spoiler-module_full__1QFqR {
4221
- max-width: 980px;
4222
- }
4223
- .Spoiler-module_default__2Kjx8 {
4224
- max-width: 650px;
4225
- }
4226
- @-webkit-keyframes Spoiler-module_spoilerSticky__3Kd30 {
4227
- 0% {
4228
- transform: translateY(62px);
4246
+
4247
+ 30% {
4248
+ transform: scale(0.22);
4229
4249
  }
4230
4250
 
4231
- 50% {
4232
- transform: translateY(-16px);
4251
+ 63% {
4252
+ transform: scale(0.22);
4253
+ }
4254
+
4255
+ 70% {
4256
+ transform: scale(0);
4233
4257
  }
4234
4258
 
4235
4259
  100% {
4236
- transform: translateY(0);
4260
+ transform: scale(0);
4237
4261
  }
4238
4262
  }
4239
- @keyframes Spoiler-module_spoilerSticky__3Kd30 {
4240
- 0% {
4241
- transform: translateY(62px);
4263
+ @-webkit-keyframes MetaItemLive-module_liveFirstWave__3dbvz {
4264
+ 21% {
4265
+ transform: scale(0.1);
4242
4266
  }
4243
4267
 
4244
- 50% {
4245
- transform: translateY(-16px);
4268
+ 53% {
4269
+ transform: scale(0.33);
4246
4270
  }
4247
4271
 
4248
4272
  100% {
4249
- transform: translateY(0);
4273
+ transform: scale(0.66);
4274
+
4275
+ opacity: 0;
4250
4276
  }
4251
4277
  }
4252
- @-webkit-keyframes Spoiler-module_spoilerStickyBg__nYdlo {
4253
- 0% {
4254
- background-color: #fff;
4278
+ @keyframes MetaItemLive-module_liveFirstWave__3dbvz {
4279
+ 21% {
4280
+ transform: scale(0.1);
4281
+ }
4282
+
4283
+ 53% {
4284
+ transform: scale(0.33);
4255
4285
  }
4256
4286
 
4257
4287
  100% {
4258
- background-color: transparent;
4288
+ transform: scale(0.66);
4289
+
4290
+ opacity: 0;
4259
4291
  }
4260
4292
  }
4261
- @keyframes Spoiler-module_spoilerStickyBg__nYdlo {
4262
- 0% {
4263
- background-color: #fff;
4293
+ @-webkit-keyframes MetaItemLive-module_liveSecondWave__12g57 {
4294
+ 21% {
4295
+ transform: scale(0.22);
4296
+ }
4297
+
4298
+ 53% {
4299
+ transform: scale(0.55);
4264
4300
  }
4265
4301
 
4266
4302
  100% {
4267
- background-color: transparent;
4303
+ transform: scale(0.88);
4304
+
4305
+ opacity: 0;
4268
4306
  }
4269
4307
  }
4270
- [data-gdpr-panel='true'] .Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7 {
4271
- bottom: 45px
4272
- }
4273
- @media only screen and (min-device-width: 32em) {
4274
- [data-gdpr-panel='true'] .Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7 {
4275
- bottom: 46px
4276
- }
4308
+ @keyframes MetaItemLive-module_liveSecondWave__12g57 {
4309
+ 21% {
4310
+ transform: scale(0.22);
4277
4311
  }
4278
- /* VISIBILITY */
4279
- @media only screen and (min-device-width: 32em) {
4280
- .Spoiler-module_mobile__2BPt8 {
4281
- display: none
4282
- }
4312
+
4313
+ 53% {
4314
+ transform: scale(0.55);
4283
4315
  }
4284
- .Spoiler-module_desktop__1BIFJ {
4285
- display: none
4286
- }
4287
- @media only screen and (min-device-width: 32em) {
4288
- .Spoiler-module_desktop__1BIFJ {
4289
- display: block
4290
- }
4316
+
4317
+ 100% {
4318
+ transform: scale(0.88);
4319
+
4320
+ opacity: 0;
4291
4321
  }
4322
+ }
4292
4323
 
4293
4324
  /* stylelint-disable declaration-empty-line-before */
4294
4325
  /* Colors */
@@ -4488,6 +4519,173 @@ a mark {
4488
4519
  }
4489
4520
 
4490
4521
 
4522
+ /* Colors */
4523
+ /* Fonts */
4524
+ /* Gap */
4525
+ /* Media */
4526
+ /* 512 */
4527
+ /* 650 */
4528
+ /* 768 */
4529
+ /* 1024 */
4530
+ /* 1010 */
4531
+ /* 1200 */
4532
+ /* 511 */
4533
+ /* 1023 */
4534
+ /* Zindex */
4535
+ .RelatedRichBlock-module_root__3NYmj {
4536
+ position: relative;
4537
+ z-index: 10;
4538
+
4539
+ display: block;
4540
+ overflow: hidden;
4541
+
4542
+ min-height: 434px;
4543
+
4544
+ text-decoration: none;
4545
+
4546
+ border-radius: 8px;
4547
+ outline-width: 0;
4548
+ }
4549
+ .RelatedRichBlock-module_root__3NYmj::before,
4550
+ .RelatedRichBlock-module_root__3NYmj::after {
4551
+ position: absolute;
4552
+ z-index: 20;
4553
+ top: 0;
4554
+ right: 0;
4555
+ bottom: 0;
4556
+ left: 0;
4557
+
4558
+ content: '';
4559
+
4560
+ border-radius: 8px;
4561
+ }
4562
+ .RelatedRichBlock-module_root__3NYmj::before {
4563
+ border: 1px solid rgba(0, 0, 0, 0.1);
4564
+ }
4565
+ .RelatedRichBlock-module_root__3NYmj::after {
4566
+ box-shadow: inset 0 4px #b88b59, inset 0 5px rgba(0, 0, 0, 0.2);
4567
+ }
4568
+ .RelatedRichBlock-module_overlay__3XSg_,
4569
+ .RelatedRichBlock-module_overlayHeader__2Nmbv {
4570
+ position: absolute;
4571
+ z-index: 10;
4572
+ right: 0;
4573
+ left: 0;
4574
+ }
4575
+ .RelatedRichBlock-module_overlay__3XSg_ {
4576
+ bottom: 0;
4577
+
4578
+ height: 295px;
4579
+ }
4580
+ .RelatedRichBlock-module_overlayHeader__2Nmbv {
4581
+ top: 0;
4582
+
4583
+ height: 150px;
4584
+
4585
+
4586
+ }
4587
+ .RelatedRichBlock-module_isRich__1LnA4 .RelatedRichBlock-module_overlayHeader__2Nmbv {
4588
+ background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), color-stop(97%, rgba(0, 0, 0, 0)));
4589
+ background: -o-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 97%);
4590
+ background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 97%);
4591
+ }
4592
+ .RelatedRichBlock-module_body__1ZHZS {
4593
+ display: -webkit-box;
4594
+ display: -webkit-flex;
4595
+ display: -ms-flexbox;
4596
+ display: flex;
4597
+ flex-flow: column nowrap;
4598
+ justify-content: flex-end;
4599
+
4600
+ padding: 15px;
4601
+
4602
+ background-color: #f7f7f7
4603
+ }
4604
+ @media only screen and (min-device-width: 32em) {
4605
+ .RelatedRichBlock-module_body__1ZHZS {
4606
+ position: absolute;
4607
+ z-index: 10;
4608
+ right: 0;
4609
+ bottom: 0;
4610
+ left: 0;
4611
+
4612
+ min-height: 295px;
4613
+ padding: 20px;
4614
+
4615
+ background-color: transparent
4616
+ }
4617
+ }
4618
+ .RelatedRichBlock-module_isCard__2naDz .RelatedRichBlock-module_body__1ZHZS,
4619
+ .RelatedRichBlock-module_isRich__1LnA4.RelatedRichBlock-module_hasGradient__27LOk .RelatedRichBlock-module_body__1ZHZS {
4620
+ position: absolute;
4621
+ z-index: 10;
4622
+ right: 0;
4623
+ bottom: 0;
4624
+ left: 0;
4625
+
4626
+ min-height: 295px;
4627
+
4628
+ background-color: transparent;
4629
+ }
4630
+ .RelatedRichBlock-module_isCard__2naDz {
4631
+ color: #fff;
4632
+ background-color: #191919;
4633
+ }
4634
+ .RelatedRichBlock-module_isCard__2naDz .RelatedRichBlock-module_cover__3yygp {
4635
+ position: absolute;
4636
+ top: 17.2811059908%;
4637
+ left: 50%;
4638
+
4639
+ width: 170px;
4640
+
4641
+ transform: translate(-50%, 0);
4642
+ }
4643
+ .RelatedRichBlock-module_isRich__1LnA4 {
4644
+ color: #000
4645
+ }
4646
+ @media only screen and (min-device-width: 64em) {
4647
+ .RelatedRichBlock-module_isRich__1LnA4 {
4648
+ color: #fff
4649
+ }
4650
+ }
4651
+ .RelatedRichBlock-module_tag__3OLyG {
4652
+ position: absolute;
4653
+ z-index: 10;
4654
+ top: 15px;
4655
+ left: 15px;
4656
+
4657
+ color: #fff
4658
+ }
4659
+ @media only screen and (min-device-width: 32em) {
4660
+ .RelatedRichBlock-module_tag__3OLyG {
4661
+ top: 20px;
4662
+ left: 20px
4663
+ }
4664
+ }
4665
+ /* Themes */
4666
+ .RelatedRichBlock-module_isRich__1LnA4.RelatedRichBlock-module_dark__3Y1fE,
4667
+ .RelatedRichBlock-module_isRich__1LnA4.RelatedRichBlock-module_dark__3Y1fE .RelatedRichBlock-module_tag__3OLyG {
4668
+ color: #000;
4669
+ }
4670
+ .RelatedRichBlock-module_isRich__1LnA4.RelatedRichBlock-module_light__2mUxL {
4671
+ color: #fff;
4672
+ text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
4673
+ }
4674
+ /* Display */
4675
+ @media only screen and (min-device-width: 32em) {
4676
+ .RelatedRichBlock-module_mobile__JpCS4 {
4677
+ display: none
4678
+ }
4679
+ }
4680
+ .RelatedRichBlock-module_desktop__trL0D {
4681
+ display: none
4682
+ }
4683
+ @media only screen and (min-device-width: 32em) {
4684
+ .RelatedRichBlock-module_desktop__trL0D {
4685
+ display: block
4686
+ }
4687
+ }
4688
+
4491
4689
  /* Colors */
4492
4690
  /* Fonts */
4493
4691
  /* Gap */