@meduza/ui-kit-2 0.1.36 → 0.1.38

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 (36) hide show
  1. package/dist/SensitiveBlock/SensitiveBlock.stories.d.ts +10 -0
  2. package/dist/SensitiveBlock/SensitiveBlock.types.d.ts +15 -0
  3. package/dist/SensitiveBlock/index.d.ts +3 -0
  4. package/dist/index.d.ts +1 -0
  5. package/dist/ui-kit-2.cjs.development.js +195 -126
  6. package/dist/ui-kit-2.cjs.development.js.map +1 -1
  7. package/dist/ui-kit-2.cjs.production.min.js +1 -1
  8. package/dist/ui-kit-2.cjs.production.min.js.map +1 -1
  9. package/dist/ui-kit-2.esm.js +195 -127
  10. package/dist/ui-kit-2.esm.js.map +1 -1
  11. package/dist/ui-kit.css +1064 -940
  12. package/package.json +6 -6
  13. package/src/.DS_Store +0 -0
  14. package/src/EmbedBlock/EmbedBlock.module.css +20 -60
  15. package/src/EmbedBlock/EmbedBlock.tsx +10 -12
  16. package/src/GroupedBlock/index.tsx +22 -8
  17. package/src/GroupedBlock/mock.json +54 -47
  18. package/src/RawHtmlBlock/RawHtmlBlock.stories.module.css +3 -0
  19. package/src/RawHtmlBlock/RawHtmlBlock.stories.tsx +6 -1
  20. package/src/RawHtmlBlock/index.tsx +5 -0
  21. package/src/RawHtmlBlock/mock.json +113 -24
  22. package/src/RelatedRichBlock/RelatedRichBlock.module.css +19 -12
  23. package/src/RenderBlocks/index.tsx +4 -5
  24. package/src/RenderBlocks/mock.json +0 -73
  25. package/src/SensitiveBlock/SensitiveBlock.module.css +143 -0
  26. package/src/SensitiveBlock/SensitiveBlock.stories.module.css +8 -0
  27. package/src/SensitiveBlock/SensitiveBlock.stories.tsx +40 -0
  28. package/src/SensitiveBlock/SensitiveBlock.test.tsx +20 -0
  29. package/src/SensitiveBlock/SensitiveBlock.types.ts +15 -0
  30. package/src/SensitiveBlock/index.tsx +70 -0
  31. package/src/SensitiveBlock/mock.json +61 -0
  32. package/src/Spoiler/Spoiler.module.css +24 -17
  33. package/src/Spoiler/index.tsx +2 -1
  34. package/src/SvgSymbol/SvgSymbol.module.css +1 -1
  35. package/src/index.tsx +1 -0
  36. package/src/vars.css +8 -8
package/dist/ui-kit.css CHANGED
@@ -190,7 +190,7 @@
190
190
  font-weight: 600;
191
191
  line-height: 22px
192
192
  }
193
- @media only screen and (min-device-width: 64em) {
193
+ @media only screen and (min-width: 64em) {
194
194
  .Button-module_default__28Vo_ {
195
195
  padding: 7px 18px 6px;
196
196
 
@@ -299,7 +299,7 @@
299
299
  .SvgSymbol-module_reaction__rrJvf {
300
300
  width: 16px;
301
301
 
302
- color: #b88b59;
302
+ color: #dcad76;
303
303
 
304
304
  fill: #262626;
305
305
  }
@@ -354,7 +354,7 @@
354
354
  width: 34px;
355
355
  height: 28px
356
356
  }
357
- @media only screen and (min-device-width: 40.625em) {
357
+ @media only screen and (min-width: 40.625em) {
358
358
  .SvgSymbol-module_isInButtonPlaybackRate__1L3TW {
359
359
  width: 28px;
360
360
  height: 22px
@@ -365,7 +365,7 @@
365
365
  width: 28px;
366
366
  height: 28px
367
367
  }
368
- @media only screen and (min-device-width: 40.625em) {
368
+ @media only screen and (min-width: 40.625em) {
369
369
  .SvgSymbol-module_isInButtonBackward__1Grf9,
370
370
  .SvgSymbol-module_isInButtonForward__D1AFL {
371
371
  width: 22px;
@@ -384,7 +384,7 @@
384
384
  width: 92px;
385
385
  height: 20px
386
386
  }
387
- @media only screen and (min-device-width: 64em) {
387
+ @media only screen and (min-width: 64em) {
388
388
  .SvgSymbol-module_meduzaLogo__2Ouzp {
389
389
  width: 100px;
390
390
  height: 45px
@@ -402,7 +402,7 @@
402
402
  width: 24px;
403
403
  height: 24px
404
404
  }
405
- @media only screen and (min-device-width: 64em) {
405
+ @media only screen and (min-width: 64em) {
406
406
  .SvgSymbol-module_search__VK6p3 {
407
407
  width: 16px;
408
408
  height: 16px
@@ -412,7 +412,7 @@
412
412
  width: 14px;
413
413
  height: 14px
414
414
  }
415
- @media only screen and (min-device-width: 64em) {
415
+ @media only screen and (min-width: 64em) {
416
416
  .SvgSymbol-module_user__1MGim {
417
417
  width: 16px;
418
418
  height: 16px
@@ -426,7 +426,7 @@
426
426
 
427
427
  stroke-width: 2px
428
428
  }
429
- @media only screen and (min-device-width: 64em) {
429
+ @media only screen and (min-width: 64em) {
430
430
  .SvgSymbol-module_bookmark__2z7tX {
431
431
  width: 14px;
432
432
 
@@ -444,13 +444,13 @@
444
444
  width: 22px;
445
445
  height: 22px
446
446
  }
447
- @media only screen and (min-device-width: 64em) {
447
+ @media only screen and (min-width: 64em) {
448
448
  .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN {
449
449
  width: 14px;
450
450
  height: 14px
451
451
  }
452
452
  }
453
- @media only screen and (min-device-width: 64em) {
453
+ @media only screen and (min-width: 64em) {
454
454
  .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_search__VK6p3 circle {
455
455
  stroke-width: 1.5px
456
456
  }
@@ -458,12 +458,96 @@
458
458
  .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN path {
459
459
  stroke-width: 1.8px
460
460
  }
461
- @media only screen and (min-device-width: 64em) {
461
+ @media only screen and (min-width: 64em) {
462
462
  .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN path {
463
463
  stroke-width: 1.3px
464
464
  }
465
465
  }
466
466
 
467
+ /* Colors */
468
+ /* Fonts */
469
+ /* Gap */
470
+ /* Media */
471
+ /* 512 */
472
+ /* 650 */
473
+ /* 768 */
474
+ /* 1024 */
475
+ /* 1010 */
476
+ /* 1200 */
477
+ /* 511 */
478
+ /* 1023 */
479
+ /* Zindex */
480
+ .Image-module_root__1vsA_ {
481
+ position: relative;
482
+ z-index: 1;
483
+
484
+ display: block;
485
+ overflow: hidden
486
+ }
487
+ @media only screen and (min-width: 32em) {
488
+ .Image-module_root__1vsA_ {
489
+ border-radius: inherit
490
+ }
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%;
500
+ }
501
+ .Image-module_wrapper__3fLjs {
502
+ display: block;
503
+
504
+ width: 100%;
505
+
506
+ background-repeat: no-repeat;
507
+ background-size: 100% auto;
508
+ }
509
+ .Image-module_placeholder__1p4ob {
510
+ transition: background-color 250ms ease;
511
+
512
+ background-color: #f2f2f2;
513
+ }
514
+ .Image-module_loaded__w9FVT {
515
+ background: transparent;
516
+ }
517
+ .Image-module_fullscreen__29apx picture {
518
+ cursor: pointer;
519
+ }
520
+ .Image-module_fullscreen__29apx picture:hover::after {
521
+ opacity: 1;
522
+ }
523
+ .Image-module_fullscreen__29apx picture::after {
524
+ position: absolute;
525
+ right: 12px;
526
+ bottom: 12px;
527
+
528
+ width: 40px;
529
+ height: 40px;
530
+
531
+ transition: opacity 250ms ease;
532
+ pointer-events: none;
533
+
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
541
+ }
542
+ @media only screen and (min-width: 64em) {
543
+ .Image-module_fullscreen__29apx picture::after {
544
+ content: ''
545
+ }
546
+ }
547
+ [data-input='mouse'] .Image-module_wrapper__3fLjs {
548
+ outline: none;
549
+ }
550
+
467
551
  /* Colors */
468
552
  /* Fonts */
469
553
  /* Gap */
@@ -628,90 +712,6 @@
628
712
  box-shadow: inset 0 0 0 1px #323232;
629
713
  }
630
714
 
631
- /* Colors */
632
- /* Fonts */
633
- /* Gap */
634
- /* Media */
635
- /* 512 */
636
- /* 650 */
637
- /* 768 */
638
- /* 1024 */
639
- /* 1010 */
640
- /* 1200 */
641
- /* 511 */
642
- /* 1023 */
643
- /* Zindex */
644
- .Image-module_root__1vsA_ {
645
- position: relative;
646
- z-index: 1;
647
-
648
- display: block;
649
- overflow: hidden
650
- }
651
- @media only screen and (min-device-width: 32em) {
652
- .Image-module_root__1vsA_ {
653
- border-radius: inherit
654
- }
655
- }
656
- .Image-module_placeholder__1p4ob,
657
- .Image-module_root__1vsA_ img {
658
- position: absolute;
659
- top: 0;
660
- left: 0;
661
-
662
- width: 100%;
663
- height: 100%;
664
- }
665
- .Image-module_wrapper__3fLjs {
666
- display: block;
667
-
668
- width: 100%;
669
-
670
- background-repeat: no-repeat;
671
- background-size: 100% auto;
672
- }
673
- .Image-module_placeholder__1p4ob {
674
- transition: background-color 250ms ease;
675
-
676
- background-color: #f2f2f2;
677
- }
678
- .Image-module_loaded__w9FVT {
679
- background: transparent;
680
- }
681
- .Image-module_fullscreen__29apx picture {
682
- cursor: pointer;
683
- }
684
- .Image-module_fullscreen__29apx picture:hover::after {
685
- opacity: 1;
686
- }
687
- .Image-module_fullscreen__29apx picture::after {
688
- position: absolute;
689
- right: 12px;
690
- bottom: 12px;
691
-
692
- width: 40px;
693
- height: 40px;
694
-
695
- transition: opacity 250ms ease;
696
- pointer-events: none;
697
-
698
- opacity: 0;
699
- border: 0.5px solid rgba(255, 255, 255, 0.15);
700
- border-radius: 20px;
701
- background-color: rgba(0, 0, 0, 0.7);
702
- background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.197 10.207V3.763h-6.463' stroke='%23DBDBDB' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.793 4.166l-6.173 6.172' stroke='%23DBDBDB' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.803 13.733v6.444h6.463' stroke='%23DBDBDB' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.207 19.774l6.173-6.171' stroke='%23DBDBDB' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
703
- background-repeat: no-repeat;
704
- background-position: center
705
- }
706
- @media only screen and (min-device-width: 64em) {
707
- .Image-module_fullscreen__29apx picture::after {
708
- content: ''
709
- }
710
- }
711
- [data-input='mouse'] .Image-module_wrapper__3fLjs {
712
- outline: none;
713
- }
714
-
715
715
  /* Colors */
716
716
  /* Fonts */
717
717
  /* Gap */
@@ -892,12 +892,12 @@
892
892
  font-size: 12px;
893
893
  line-height: 12px
894
894
  }
895
- @media only screen and (min-device-width: 64em) {
895
+ @media only screen and (min-width: 64em) {
896
896
  .Tag-module_small__2IAb7 {
897
897
  line-height: 14px
898
898
  }
899
899
  }
900
- @media only screen and (min-device-width: 64em) {
900
+ @media only screen and (min-width: 64em) {
901
901
  .Tag-module_large__22z_o {
902
902
  letter-spacing: 1px;
903
903
 
@@ -920,7 +920,7 @@
920
920
  .Tag-module_inherit__2QB5U {
921
921
  color: inherit;
922
922
  }
923
- @media only screen and (min-device-width: 64em) {
923
+ @media only screen and (min-width: 64em) {
924
924
  .Tag-module_is1to1__3EDbC,
925
925
  .Tag-module_is1to2__3xbC6,
926
926
  .Tag-module_isInSuperBlock__38JE0 {
@@ -930,7 +930,7 @@
930
930
  line-height: 20px
931
931
  }
932
932
  }
933
- @media only screen and (min-device-width: 64em) {
933
+ @media only screen and (min-width: 64em) {
934
934
  .Tag-module_is1to3__3j5K-,
935
935
  .Tag-module_is1to4__2vq4r {
936
936
  letter-spacing: 0.5px;
@@ -939,7 +939,7 @@
939
939
  line-height: 15px
940
940
  }
941
941
  }
942
- @media only screen and (min-device-width: 32em) {
942
+ @media only screen and (min-width: 32em) {
943
943
  .Tag-module_slide__2nMDw,
944
944
  .Tag-module_game__3j5yG {
945
945
  width: 100%;
@@ -951,7 +951,7 @@
951
951
  font-size: 12px;
952
952
  line-height: 17px
953
953
  }
954
- @media only screen and (min-device-width: 64em) {
954
+ @media only screen and (min-width: 64em) {
955
955
  .Tag-module_richRelated__2vbQQ {
956
956
  font-size: 14px;
957
957
  line-height: 20px
@@ -969,7 +969,7 @@
969
969
 
970
970
  line-height: 10px
971
971
  }
972
- @media only screen and (min-device-width: 32em) {
972
+ @media only screen and (min-width: 32em) {
973
973
  .Tag-module_slide__2nMDw,
974
974
  .Tag-module_game__3j5yG,
975
975
  .Tag-module_card__1EAeF,
@@ -981,7 +981,7 @@
981
981
  margin-bottom: 10px
982
982
  }
983
983
  }
984
- @media only screen and (min-device-width: 32em) {
984
+ @media only screen and (min-width: 32em) {
985
985
  .Tag-module_mobile__QQxuv {
986
986
  display: none
987
987
  }
@@ -989,7 +989,7 @@
989
989
  .Tag-module_desktop__1Bjsy {
990
990
  display: none
991
991
  }
992
- @media only screen and (min-device-width: 32em) {
992
+ @media only screen and (min-width: 32em) {
993
993
  .Tag-module_desktop__1Bjsy {
994
994
  display: block
995
995
  }
@@ -1008,91 +1008,319 @@
1008
1008
  /* 511 */
1009
1009
  /* 1023 */
1010
1010
  /* Zindex */
1011
- .Table-module_root__1VsG6 {
1012
- margin: 15px 0
1013
- }
1014
- @media only screen and (min-device-width: 32em) {
1015
- .Table-module_root__1VsG6 {
1016
- margin: 25px auto 20px
1017
- }
1018
- }
1019
- .Table-module_card__3gbok .Table-module_table__nZIkV,
1020
- .Table-module_slide__nSGPC .Table-module_table__nZIkV {
1021
- margin-right: -11px;
1022
- margin-left: -11px
1023
- }
1024
- @media only screen and (min-device-width: 64em) {
1025
- .Table-module_card__3gbok .Table-module_table__nZIkV,
1026
- .Table-module_slide__nSGPC .Table-module_table__nZIkV {
1027
- margin-right: 0;
1028
- margin-left: 0
1029
- }
1030
- }
1031
- .Table-module_card__3gbok .Table-module_wrapper__1YTKM::after,
1032
- .Table-module_slide__nSGPC .Table-module_wrapper__1YTKM::after {
1033
- right: -11px;
1011
+ .MediaCaption-module_root__KqTdw {
1012
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1034
1013
  }
1035
- .Table-module_root__1VsG6:first-child {
1036
- margin-top: 0;
1014
+ .MediaCaption-module_root__KqTdw a {
1015
+ text-decoration: underline;
1016
+
1017
+ color: inherit;
1018
+ box-shadow: none;
1037
1019
  }
1038
- .Table-module_root__1VsG6:last-child {
1039
- margin-bottom: 0;
1020
+ .MediaCaption-module_root__KqTdw a:hover {
1021
+ color: #b88b58;
1040
1022
  }
1041
- .Table-module_table__nZIkV {
1042
- position: relative;
1043
-
1044
- overflow-y: hidden;
1045
-
1046
- margin: 0 -20px;
1023
+ .MediaCaption-module_caption__1hr7Y {
1024
+ max-width: 520px;
1025
+ padding-top: 4px;
1047
1026
 
1048
- border-width: 1px 0;
1049
- border-style: solid;
1050
- border-color: rgba(232, 232, 232, 1);
1027
+ color: #1a1a1a;
1051
1028
 
1052
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif
1029
+ font-size: 14px;
1030
+ line-height: 18px
1053
1031
  }
1054
- @media only screen and (min-device-width: 32em) {
1055
- .Table-module_table__nZIkV {
1056
- margin: 0;
1057
-
1058
- border-width: 1px;
1059
- border-radius: 3px
1032
+ @media only screen and (min-width: 32em) {
1033
+ .MediaCaption-module_caption__1hr7Y {
1034
+ font-size: 16px;
1035
+ line-height: 22px
1060
1036
  }
1061
1037
  }
1062
- .Table-module_tracks__2wrDB {
1063
- display: table;
1038
+ .MediaCaption-module_credit__3ehAP {
1039
+ max-width: 520px;
1040
+ padding-top: 1px;
1064
1041
 
1065
- width: 100%
1042
+ color: #666;
1043
+
1044
+ font-size: 12px;
1045
+ line-height: 16px
1066
1046
  }
1067
- @media only screen and (min-device-width: 32em) {
1068
- .Table-module_tracks__2wrDB {
1069
- table-layout: fixed
1047
+ @media only screen and (min-width: 32em) {
1048
+ .MediaCaption-module_credit__3ehAP {
1049
+ padding-top: 3px
1070
1050
  }
1071
1051
  }
1072
- .Table-module_wrapper__1YTKM {
1073
- position: relative;
1052
+ .MediaCaption-module_credit__3ehAP:first-child {
1053
+ padding-top: 3px;
1074
1054
  }
1075
- .Table-module_wrapper__1YTKM::after {
1076
- position: absolute;
1077
- z-index: 100;
1078
- top: 0;
1079
- right: -20px;
1080
- bottom: -20px;
1081
-
1082
- display: block;
1083
-
1084
- width: 30px;
1085
- height: 100%;
1086
-
1087
- content: "";
1088
-
1089
- background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(71%, rgb(255, 255, 255)));
1055
+ .MediaCaption-module_dark__3tL1u .MediaCaption-module_caption__1hr7Y {
1056
+ color: #fff;
1057
+ }
1058
+ .MediaCaption-module_dark__3tL1u .MediaCaption-module_credit__3ehAP {
1059
+ color: #929292;
1060
+ }
1061
+ .MediaCaption-module_video__1KZ6k .MediaCaption-module_caption__1hr7Y,
1062
+ .MediaCaption-module_picture__3AAMH .MediaCaption-module_caption__1hr7Y {
1063
+ padding-top: 10px
1064
+ }
1065
+ @media only screen and (min-width: 32em) {
1066
+ .MediaCaption-module_video__1KZ6k .MediaCaption-module_caption__1hr7Y,
1067
+ .MediaCaption-module_picture__3AAMH .MediaCaption-module_caption__1hr7Y {
1068
+ padding-top: 12px
1069
+ }
1070
+ }
1071
+ .MediaCaption-module_video__1KZ6k .MediaCaption-module_credit__3ehAP:first-child,
1072
+ .MediaCaption-module_picture__3AAMH .MediaCaption-module_credit__3ehAP:first-child {
1073
+ padding-top: 9px
1074
+ }
1075
+ @media only screen and (min-width: 32em) {
1076
+ .MediaCaption-module_video__1KZ6k .MediaCaption-module_credit__3ehAP:first-child,
1077
+ .MediaCaption-module_picture__3AAMH .MediaCaption-module_credit__3ehAP:first-child {
1078
+ padding-top: 11px
1079
+ }
1080
+ }
1081
+ .MediaCaption-module_picture__3AAMH .MediaCaption-module_credit__3ehAP,
1082
+ .MediaCaption-module_picture__3AAMH .MediaCaption-module_caption__1hr7Y,
1083
+ .MediaCaption-module_video__1KZ6k .MediaCaption-module_credit__3ehAP,
1084
+ .MediaCaption-module_video__1KZ6k .MediaCaption-module_caption__1hr7Y,
1085
+ .MediaCaption-module_desktop__3Saev .MediaCaption-module_credit__3ehAP,
1086
+ .MediaCaption-module_desktop__3Saev .MediaCaption-module_caption__1hr7Y {
1087
+ max-width: 650px;
1088
+ }
1089
+
1090
+
1091
+ /* Colors */
1092
+ /* Fonts */
1093
+ /* Gap */
1094
+ /* Media */
1095
+ /* 512 */
1096
+ /* 650 */
1097
+ /* 768 */
1098
+ /* 1024 */
1099
+ /* 1010 */
1100
+ /* 1200 */
1101
+ /* 511 */
1102
+ /* 1023 */
1103
+ /* Zindex */
1104
+ .MaterialNote-module_root__1AcYe {
1105
+ margin-bottom: 17px;
1106
+
1107
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1108
+ font-size: 16px;
1109
+ line-height: 22px;
1110
+ }
1111
+ .MaterialNote-module_root__1AcYe:empty {
1112
+ margin-bottom: 0;
1113
+ }
1114
+ .MaterialNote-module_root__1AcYe:empty::before {
1115
+ margin-bottom: 9px;
1116
+ }
1117
+ .MaterialNote-module_root__1AcYe::before {
1118
+ display: block;
1119
+
1120
+ width: 120px;
1121
+ height: 1px;
1122
+ margin-bottom: 15px;
1123
+
1124
+ content: '';
1125
+
1126
+ background: #000;
1127
+ }
1128
+ .MaterialNote-module_root__1AcYe p {
1129
+ margin-top: 8px;
1130
+ margin-bottom: 0;
1131
+ }
1132
+ .MaterialNote-module_root__1AcYe a {
1133
+ text-decoration: none;
1134
+
1135
+ color: inherit;
1136
+ box-shadow: inset 0 -1px;
1137
+ }
1138
+ .MaterialNote-module_root__1AcYe a:hover {
1139
+ color: #b88b59;
1140
+ }
1141
+ .MaterialNote-module_dark__xCry-::before {
1142
+ background-color: #4f4f4f;
1143
+ }
1144
+ .MaterialNote-module_note_credit__PuFyX {
1145
+ color: #666;
1146
+
1147
+ font-size: 12px;
1148
+ line-height: 15px;
1149
+ }
1150
+ .MaterialNote-module_root__1AcYe .MaterialNote-module_note_credit__PuFyX {
1151
+ margin-top: 6px;
1152
+ }
1153
+ .MaterialNote-module_note_credit__PuFyX:only-child {
1154
+ margin-top: 0;
1155
+ }
1156
+ .MaterialNote-module_note_caption__1ezSo b {
1157
+ font-weight: bold;
1158
+ }
1159
+ .MaterialNote-module_center__18RxI {
1160
+ max-width: 650px;
1161
+ margin-right: auto;
1162
+ margin-left: auto;
1163
+ }
1164
+ .MaterialNote-module_center__18RxI,
1165
+ .MaterialNote-module_default__1lQPl {
1166
+ margin-top: 25px
1167
+ }
1168
+ @media only screen and (min-width: 32em) {
1169
+ .MaterialNote-module_center__18RxI,
1170
+ .MaterialNote-module_default__1lQPl {
1171
+ margin-top: 45px
1172
+ }
1173
+ }
1174
+ .MaterialNote-module_card__OWXbQ:empty,
1175
+ .MaterialNote-module_slide__1ZBBq:empty,
1176
+ .MaterialNote-module_game__cADMe:empty {
1177
+ display: none;
1178
+ }
1179
+ .MaterialNote-module_slide__1ZBBq::before,
1180
+ .MaterialNote-module_card__OWXbQ::before,
1181
+ .MaterialNote-module_game__cADMe::before {
1182
+ content: none;
1183
+ }
1184
+ .MaterialNote-module_gameSurvey__3SiG-,
1185
+ .MaterialNote-module_gameSurvey__3SiG-:empty {
1186
+ display: block;
1187
+ }
1188
+ .MaterialNote-module_gameSurvey__3SiG-::before {
1189
+ margin-right: auto;
1190
+ margin-left: auto;
1191
+
1192
+ content: '';
1193
+ }
1194
+ .MaterialNote-module_slide__1ZBBq .MaterialNote-module_note_caption__1ezSo,
1195
+ .MaterialNote-module_card__OWXbQ .MaterialNote-module_note_caption__1ezSo,
1196
+ .MaterialNote-module_game__cADMe .MaterialNote-module_note_caption__1ezSo {
1197
+ margin-top: 0;
1198
+ }
1199
+ .MaterialNote-module_game__cADMe {
1200
+ margin-bottom: 0;
1201
+
1202
+ text-align: center
1203
+ }
1204
+ @media only screen and (min-width: 32em) {
1205
+ .MaterialNote-module_game__cADMe {
1206
+ margin-top: 25px
1207
+ }
1208
+ }
1209
+ @media only screen and (max-width: 32.1875em) {
1210
+ .MaterialNote-module_game__cADMe.MaterialNote-module_dark__xCry- .MaterialNote-module_note_credit__PuFyX {
1211
+ color: #fff
1212
+ }
1213
+ }
1214
+ .MaterialNote-module_slide__1ZBBq,
1215
+ .MaterialNote-module_card__OWXbQ {
1216
+ margin-bottom: 9px;
1217
+ padding-top: 8px
1218
+ }
1219
+ @media only screen and (min-width: 32em) {
1220
+ .MaterialNote-module_slide__1ZBBq,
1221
+ .MaterialNote-module_card__OWXbQ {
1222
+ margin-bottom: 16px
1223
+ }
1224
+ }
1225
+
1226
+ /* Colors */
1227
+ /* Fonts */
1228
+ /* Gap */
1229
+ /* Media */
1230
+ /* 512 */
1231
+ /* 650 */
1232
+ /* 768 */
1233
+ /* 1024 */
1234
+ /* 1010 */
1235
+ /* 1200 */
1236
+ /* 511 */
1237
+ /* 1023 */
1238
+ /* Zindex */
1239
+ .Table-module_root__1VsG6 {
1240
+ margin: 15px 0
1241
+ }
1242
+ @media only screen and (min-width: 32em) {
1243
+ .Table-module_root__1VsG6 {
1244
+ margin: 25px auto 20px
1245
+ }
1246
+ }
1247
+ .Table-module_card__3gbok .Table-module_table__nZIkV,
1248
+ .Table-module_slide__nSGPC .Table-module_table__nZIkV {
1249
+ margin-right: -11px;
1250
+ margin-left: -11px
1251
+ }
1252
+ @media only screen and (min-width: 64em) {
1253
+ .Table-module_card__3gbok .Table-module_table__nZIkV,
1254
+ .Table-module_slide__nSGPC .Table-module_table__nZIkV {
1255
+ margin-right: 0;
1256
+ margin-left: 0
1257
+ }
1258
+ }
1259
+ .Table-module_card__3gbok .Table-module_wrapper__1YTKM::after,
1260
+ .Table-module_slide__nSGPC .Table-module_wrapper__1YTKM::after {
1261
+ right: -11px;
1262
+ }
1263
+ .Table-module_root__1VsG6:first-child {
1264
+ margin-top: 0;
1265
+ }
1266
+ .Table-module_root__1VsG6:last-child {
1267
+ margin-bottom: 0;
1268
+ }
1269
+ .Table-module_table__nZIkV {
1270
+ position: relative;
1271
+
1272
+ overflow-y: hidden;
1273
+
1274
+ margin: 0 -20px;
1275
+
1276
+ border-width: 1px 0;
1277
+ border-style: solid;
1278
+ border-color: rgba(232, 232, 232, 1);
1279
+
1280
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif
1281
+ }
1282
+ @media only screen and (min-width: 32em) {
1283
+ .Table-module_table__nZIkV {
1284
+ margin: 0;
1285
+
1286
+ border-width: 1px;
1287
+ border-radius: 3px
1288
+ }
1289
+ }
1290
+ .Table-module_tracks__2wrDB {
1291
+ display: table;
1292
+
1293
+ width: 100%
1294
+ }
1295
+ @media only screen and (min-width: 32em) {
1296
+ .Table-module_tracks__2wrDB {
1297
+ table-layout: fixed
1298
+ }
1299
+ }
1300
+ .Table-module_wrapper__1YTKM {
1301
+ position: relative;
1302
+ }
1303
+ .Table-module_wrapper__1YTKM::after {
1304
+ position: absolute;
1305
+ z-index: 100;
1306
+ top: 0;
1307
+ right: -20px;
1308
+ bottom: -20px;
1309
+
1310
+ display: block;
1311
+
1312
+ width: 30px;
1313
+ height: 100%;
1314
+
1315
+ content: "";
1316
+
1317
+ background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(71%, rgb(255, 255, 255)));
1090
1318
 
1091
1319
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 71%);
1092
1320
 
1093
1321
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 71%)
1094
1322
  }
1095
- @media only screen and (min-device-width: 32em) {
1323
+ @media only screen and (min-width: 32em) {
1096
1324
  .Table-module_wrapper__1YTKM::after {
1097
1325
  content: none
1098
1326
  }
@@ -1111,22 +1339,22 @@
1111
1339
  .Table-module_row__3TH83:last-child .Table-module_cell__EFKDW {
1112
1340
  border-bottom: 0;
1113
1341
  }
1114
- @media only screen and (min-device-width: 32em) {
1342
+ @media only screen and (min-width: 32em) {
1115
1343
  .Table-module_row__3TH83:first-child .Table-module_cell__EFKDW:first-child {
1116
1344
  border-radius: 2px 0 0 0
1117
1345
  }
1118
1346
  }
1119
- @media only screen and (min-device-width: 32em) {
1347
+ @media only screen and (min-width: 32em) {
1120
1348
  .Table-module_row__3TH83:first-child .Table-module_cell__EFKDW:last-child {
1121
1349
  border-radius: 0 2px 0 0
1122
1350
  }
1123
1351
  }
1124
- @media only screen and (min-device-width: 32em) {
1352
+ @media only screen and (min-width: 32em) {
1125
1353
  .Table-module_row__3TH83:last-child .Table-module_cell__EFKDW:last-child {
1126
1354
  border-radius: 0 0 2px 0
1127
1355
  }
1128
1356
  }
1129
- @media only screen and (min-device-width: 32em) {
1357
+ @media only screen and (min-width: 32em) {
1130
1358
  .Table-module_row__3TH83:last-child .Table-module_cell__EFKDW:first-child {
1131
1359
  border-radius: 0 0 0 2px
1132
1360
  }
@@ -1147,7 +1375,7 @@
1147
1375
  font-size: 12px;
1148
1376
  line-height: 16px
1149
1377
  }
1150
- @media only screen and (min-device-width: 32em) {
1378
+ @media only screen and (min-width: 32em) {
1151
1379
  .Table-module_cell__EFKDW {
1152
1380
  padding: 9px 12px 8px;
1153
1381
 
@@ -1160,7 +1388,7 @@
1160
1388
 
1161
1389
  border-right: 0
1162
1390
  }
1163
- @media only screen and (min-device-width: 32em) {
1391
+ @media only screen and (min-width: 32em) {
1164
1392
  .Table-module_cell__EFKDW:last-child {
1165
1393
  padding-right: 12px
1166
1394
  }
@@ -1187,7 +1415,7 @@
1187
1415
  z-index: 50;
1188
1416
  left: 0
1189
1417
  }
1190
- @media only screen and (min-device-width: 32em) {
1418
+ @media only screen and (min-width: 32em) {
1191
1419
  .Table-module_fixedColumn__E1hN5 {
1192
1420
  position: static
1193
1421
  }
@@ -1208,7 +1436,7 @@
1208
1436
 
1209
1437
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.04) 0%, rgb(0, 0, 0, 0) 100%)
1210
1438
  }
1211
- @media only screen and (min-device-width: 32em) {
1439
+ @media only screen and (min-width: 32em) {
1212
1440
  .Table-module_fixedColumn__E1hN5::after {
1213
1441
  content: none
1214
1442
  }
@@ -1222,304 +1450,76 @@
1222
1450
  .Table-module_pink__3oH1l {
1223
1451
  background-color: #FEEEEE;
1224
1452
  }
1225
- .Table-module_blue__GM27F {
1226
- background-color: #E6F3FF;
1227
- }
1228
- .Table-module_yellow__2jhvA {
1229
- background-color: #FFFDE6;
1230
- }
1231
- .Table-module_orange__1c-oM {
1232
- background-color: #FFF9F2;
1233
- }
1234
- .Table-module_green__13OIM {
1235
- background-color: #E7F2EF;
1236
- }
1237
- .Table-module_violet__2W-kO {
1238
- background-color: #F4F0F8;
1239
- }
1240
- .Table-module_header__1exlo {
1241
- max-width: 340px;
1242
- padding: 9px 6px;
1243
-
1244
- vertical-align: top;
1245
- letter-spacing: 0.5px;
1246
- text-transform: uppercase;
1247
-
1248
- border-right: 1px solid rgba(232, 232, 232, 1);
1249
- border-bottom: 1px solid rgba(232, 232, 232, 1);
1250
-
1251
- font-size: 10px;
1252
- font-weight: 600;
1253
- line-height: 16px
1254
- }
1255
- @media only screen and (min-device-width: 32em) {
1256
- .Table-module_header__1exlo {
1257
- max-width: none;
1258
- padding: 9px 12px;
1259
-
1260
- line-height: 11px
1261
- }
1262
- }
1263
- .Table-module_s__Vl_Eg {
1264
- min-width: 120px
1265
- }
1266
- @media only screen and (min-device-width: 32em) {
1267
- .Table-module_s__Vl_Eg {
1268
- width: 18%;
1269
- min-width: 0
1270
- }
1271
- }
1272
- .Table-module_m__29G9r {
1273
- min-width: 200px
1274
- }
1275
- @media only screen and (min-device-width: 32em) {
1276
- .Table-module_m__29G9r {
1277
- width: 30%;
1278
- min-width: 0
1279
- }
1280
-
1281
- }
1282
- .Table-module_l__1ZSMc {
1283
- min-width: 336px
1284
- }
1285
- @media only screen and (min-device-width: 32em) {
1286
- .Table-module_l__1ZSMc {
1287
- width: 50%;
1288
- min-width: 0
1289
- }
1290
- }
1291
- .Table-module_xs__au2Oe {
1292
- width: 50px;
1293
- min-width: 50px;
1294
- }
1295
-
1296
- /* Colors */
1297
- /* Fonts */
1298
- /* Gap */
1299
- /* Media */
1300
- /* 512 */
1301
- /* 650 */
1302
- /* 768 */
1303
- /* 1024 */
1304
- /* 1010 */
1305
- /* 1200 */
1306
- /* 511 */
1307
- /* 1023 */
1308
- /* Zindex */
1309
- .MediaCaption-module_root__KqTdw {
1310
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1311
- }
1312
- .MediaCaption-module_root__KqTdw a {
1313
- text-decoration: underline;
1314
-
1315
- color: inherit;
1316
- box-shadow: none;
1317
- }
1318
- .MediaCaption-module_root__KqTdw a:hover {
1319
- color: #b88b58;
1320
- }
1321
- .MediaCaption-module_caption__1hr7Y {
1322
- max-width: 520px;
1323
- padding-top: 4px;
1324
-
1325
- color: #1a1a1a;
1326
-
1327
- font-size: 14px;
1328
- line-height: 18px
1329
- }
1330
- @media only screen and (min-device-width: 32em) {
1331
- .MediaCaption-module_caption__1hr7Y {
1332
- font-size: 16px;
1333
- line-height: 22px
1334
- }
1335
- }
1336
- .MediaCaption-module_credit__3ehAP {
1337
- max-width: 520px;
1338
- padding-top: 1px;
1339
-
1340
- color: #666;
1341
-
1342
- font-size: 12px;
1343
- line-height: 16px
1344
- }
1345
- @media only screen and (min-device-width: 32em) {
1346
- .MediaCaption-module_credit__3ehAP {
1347
- padding-top: 3px
1348
- }
1349
- }
1350
- .MediaCaption-module_credit__3ehAP:first-child {
1351
- padding-top: 3px;
1352
- }
1353
- .MediaCaption-module_dark__3tL1u .MediaCaption-module_caption__1hr7Y {
1354
- color: #fff;
1355
- }
1356
- .MediaCaption-module_dark__3tL1u .MediaCaption-module_credit__3ehAP {
1357
- color: #929292;
1358
- }
1359
- .MediaCaption-module_video__1KZ6k .MediaCaption-module_caption__1hr7Y,
1360
- .MediaCaption-module_picture__3AAMH .MediaCaption-module_caption__1hr7Y {
1361
- padding-top: 10px
1362
- }
1363
- @media only screen and (min-device-width: 32em) {
1364
- .MediaCaption-module_video__1KZ6k .MediaCaption-module_caption__1hr7Y,
1365
- .MediaCaption-module_picture__3AAMH .MediaCaption-module_caption__1hr7Y {
1366
- padding-top: 12px
1367
- }
1368
- }
1369
- .MediaCaption-module_video__1KZ6k .MediaCaption-module_credit__3ehAP:first-child,
1370
- .MediaCaption-module_picture__3AAMH .MediaCaption-module_credit__3ehAP:first-child {
1371
- padding-top: 9px
1372
- }
1373
- @media only screen and (min-device-width: 32em) {
1374
- .MediaCaption-module_video__1KZ6k .MediaCaption-module_credit__3ehAP:first-child,
1375
- .MediaCaption-module_picture__3AAMH .MediaCaption-module_credit__3ehAP:first-child {
1376
- padding-top: 11px
1377
- }
1378
- }
1379
- .MediaCaption-module_picture__3AAMH .MediaCaption-module_credit__3ehAP,
1380
- .MediaCaption-module_picture__3AAMH .MediaCaption-module_caption__1hr7Y,
1381
- .MediaCaption-module_video__1KZ6k .MediaCaption-module_credit__3ehAP,
1382
- .MediaCaption-module_video__1KZ6k .MediaCaption-module_caption__1hr7Y,
1383
- .MediaCaption-module_desktop__3Saev .MediaCaption-module_credit__3ehAP,
1384
- .MediaCaption-module_desktop__3Saev .MediaCaption-module_caption__1hr7Y {
1385
- max-width: 650px;
1386
- }
1387
-
1388
-
1389
- /* Colors */
1390
- /* Fonts */
1391
- /* Gap */
1392
- /* Media */
1393
- /* 512 */
1394
- /* 650 */
1395
- /* 768 */
1396
- /* 1024 */
1397
- /* 1010 */
1398
- /* 1200 */
1399
- /* 511 */
1400
- /* 1023 */
1401
- /* Zindex */
1402
- .MaterialNote-module_root__1AcYe {
1403
- margin-bottom: 17px;
1404
-
1405
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1406
- font-size: 16px;
1407
- line-height: 22px;
1408
- }
1409
- .MaterialNote-module_root__1AcYe:empty {
1410
- margin-bottom: 0;
1411
- }
1412
- .MaterialNote-module_root__1AcYe:empty::before {
1413
- margin-bottom: 9px;
1414
- }
1415
- .MaterialNote-module_root__1AcYe::before {
1416
- display: block;
1417
-
1418
- width: 120px;
1419
- height: 1px;
1420
- margin-bottom: 15px;
1421
-
1422
- content: '';
1423
-
1424
- background: #000;
1425
- }
1426
- .MaterialNote-module_root__1AcYe p {
1427
- margin-top: 8px;
1428
- margin-bottom: 0;
1429
- }
1430
- .MaterialNote-module_root__1AcYe a {
1431
- text-decoration: none;
1432
-
1433
- color: inherit;
1434
- box-shadow: inset 0 -1px;
1435
- }
1436
- .MaterialNote-module_root__1AcYe a:hover {
1437
- color: #b88b59;
1438
- }
1439
- .MaterialNote-module_dark__xCry-::before {
1440
- background-color: #4f4f4f;
1441
- }
1442
- .MaterialNote-module_note_credit__PuFyX {
1443
- color: #666;
1444
-
1445
- font-size: 12px;
1446
- line-height: 15px;
1447
- }
1448
- .MaterialNote-module_root__1AcYe .MaterialNote-module_note_credit__PuFyX {
1449
- margin-top: 6px;
1450
- }
1451
- .MaterialNote-module_note_credit__PuFyX:only-child {
1452
- margin-top: 0;
1453
- }
1454
- .MaterialNote-module_note_caption__1ezSo b {
1455
- font-weight: bold;
1456
- }
1457
- .MaterialNote-module_center__18RxI {
1458
- max-width: 650px;
1459
- margin-right: auto;
1460
- margin-left: auto;
1461
- }
1462
- .MaterialNote-module_center__18RxI,
1463
- .MaterialNote-module_default__1lQPl {
1464
- margin-top: 25px
1453
+ .Table-module_blue__GM27F {
1454
+ background-color: #E6F3FF;
1465
1455
  }
1466
- @media only screen and (min-device-width: 32em) {
1467
- .MaterialNote-module_center__18RxI,
1468
- .MaterialNote-module_default__1lQPl {
1469
- margin-top: 45px
1456
+ .Table-module_yellow__2jhvA {
1457
+ background-color: #FFFDE6;
1470
1458
  }
1471
- }
1472
- .MaterialNote-module_card__OWXbQ:empty,
1473
- .MaterialNote-module_slide__1ZBBq:empty,
1474
- .MaterialNote-module_game__cADMe:empty {
1475
- display: none;
1459
+ .Table-module_orange__1c-oM {
1460
+ background-color: #FFF9F2;
1476
1461
  }
1477
- .MaterialNote-module_slide__1ZBBq::before,
1478
- .MaterialNote-module_card__OWXbQ::before,
1479
- .MaterialNote-module_game__cADMe::before {
1480
- content: none;
1462
+ .Table-module_green__13OIM {
1463
+ background-color: #E7F2EF;
1481
1464
  }
1482
- .MaterialNote-module_gameSurvey__3SiG-,
1483
- .MaterialNote-module_gameSurvey__3SiG-:empty {
1484
- display: block;
1465
+ .Table-module_violet__2W-kO {
1466
+ background-color: #F4F0F8;
1485
1467
  }
1486
- .MaterialNote-module_gameSurvey__3SiG-::before {
1487
- margin-right: auto;
1488
- margin-left: auto;
1468
+ .Table-module_header__1exlo {
1469
+ max-width: 340px;
1470
+ padding: 9px 6px;
1489
1471
 
1490
- content: '';
1491
- }
1492
- .MaterialNote-module_slide__1ZBBq .MaterialNote-module_note_caption__1ezSo,
1493
- .MaterialNote-module_card__OWXbQ .MaterialNote-module_note_caption__1ezSo,
1494
- .MaterialNote-module_game__cADMe .MaterialNote-module_note_caption__1ezSo {
1495
- margin-top: 0;
1472
+ vertical-align: top;
1473
+ letter-spacing: 0.5px;
1474
+ text-transform: uppercase;
1475
+
1476
+ border-right: 1px solid rgba(232, 232, 232, 1);
1477
+ border-bottom: 1px solid rgba(232, 232, 232, 1);
1478
+
1479
+ font-size: 10px;
1480
+ font-weight: 600;
1481
+ line-height: 16px
1496
1482
  }
1497
- .MaterialNote-module_game__cADMe {
1498
- margin-bottom: 0;
1483
+ @media only screen and (min-width: 32em) {
1484
+ .Table-module_header__1exlo {
1485
+ max-width: none;
1486
+ padding: 9px 12px;
1499
1487
 
1500
- text-align: center
1488
+ line-height: 11px
1501
1489
  }
1502
- @media only screen and (min-device-width: 32em) {
1503
- .MaterialNote-module_game__cADMe {
1504
- margin-top: 25px
1490
+ }
1491
+ .Table-module_s__Vl_Eg {
1492
+ min-width: 120px
1493
+ }
1494
+ @media only screen and (min-width: 32em) {
1495
+ .Table-module_s__Vl_Eg {
1496
+ width: 18%;
1497
+ min-width: 0
1505
1498
  }
1506
1499
  }
1507
- @media only screen and (max-device-width: 32.1875em) {
1508
- .MaterialNote-module_game__cADMe.MaterialNote-module_dark__xCry- .MaterialNote-module_note_credit__PuFyX {
1509
- color: #fff
1500
+ .Table-module_m__29G9r {
1501
+ min-width: 200px
1502
+ }
1503
+ @media only screen and (min-width: 32em) {
1504
+ .Table-module_m__29G9r {
1505
+ width: 30%;
1506
+ min-width: 0
1510
1507
  }
1508
+
1511
1509
  }
1512
- .MaterialNote-module_slide__1ZBBq,
1513
- .MaterialNote-module_card__OWXbQ {
1514
- margin-bottom: 9px;
1515
- padding-top: 8px
1510
+ .Table-module_l__1ZSMc {
1511
+ min-width: 336px
1516
1512
  }
1517
- @media only screen and (min-device-width: 32em) {
1518
- .MaterialNote-module_slide__1ZBBq,
1519
- .MaterialNote-module_card__OWXbQ {
1520
- margin-bottom: 16px
1513
+ @media only screen and (min-width: 32em) {
1514
+ .Table-module_l__1ZSMc {
1515
+ width: 50%;
1516
+ min-width: 0
1521
1517
  }
1522
1518
  }
1519
+ .Table-module_xs__au2Oe {
1520
+ width: 50px;
1521
+ min-width: 50px;
1522
+ }
1523
1523
 
1524
1524
  /* Colors */
1525
1525
  /* Fonts */
@@ -1570,7 +1570,7 @@
1570
1570
  .BookmarkButton-module_isInBookmarks__1_5kB.BookmarkButton-module_light__1uQyH .BookmarkButton-module_control__1A0ea {
1571
1571
  fill: #000;
1572
1572
  }
1573
- @media only screen and (min-device-width: 64em) {
1573
+ @media only screen and (min-width: 64em) {
1574
1574
  .BookmarkButton-module_isInGrid__2pQ2B .BookmarkButton-module_control__1A0ea svg {
1575
1575
  width: 12px
1576
1576
  }
@@ -1603,7 +1603,7 @@
1603
1603
  font-weight: normal;
1604
1604
  line-height: 27px
1605
1605
  }
1606
- @media only screen and (min-device-width: 48em) {
1606
+ @media only screen and (min-width: 48em) {
1607
1607
  .MaterialTitle-module_root__18ku- {
1608
1608
  font-size: 37px;
1609
1609
  line-height: 38px
@@ -1617,7 +1617,7 @@
1617
1617
  font-size: 24px;
1618
1618
  font-weight: 700
1619
1619
  }
1620
- @media only screen and (min-device-width: 48em) {
1620
+ @media only screen and (min-width: 48em) {
1621
1621
  .MaterialTitle-module_secondary__3uDp4 {
1622
1622
  font-size: 36px
1623
1623
  }
@@ -1683,7 +1683,7 @@
1683
1683
  right: 0;
1684
1684
  left: auto
1685
1685
  }
1686
- @media only screen and (min-device-width: 64em) {
1686
+ @media only screen and (min-width: 64em) {
1687
1687
  .Dropdown-module_isInAudioPanel__1zv7F .Dropdown-module_menu__3PIqD {
1688
1688
  right: auto;
1689
1689
  left: 0
@@ -1743,7 +1743,7 @@
1743
1743
 
1744
1744
  list-style: none
1745
1745
  }
1746
- @media only screen and (min-device-width: 64em) {
1746
+ @media only screen and (min-width: 64em) {
1747
1747
  .Toolbar-module_list__1n5ny {
1748
1748
  margin: 0 0 0 -15px
1749
1749
  }
@@ -1764,7 +1764,7 @@
1764
1764
 
1765
1765
  line-height: 1
1766
1766
  }
1767
- @media only screen and (min-device-width: 64em) {
1767
+ @media only screen and (min-width: 64em) {
1768
1768
  .Toolbar-module_item__36x7d {
1769
1769
  padding-right: 15px;
1770
1770
  padding-left: 15px
@@ -1803,7 +1803,7 @@
1803
1803
  .Toolbar-module_game__5-jY_ {
1804
1804
  margin-top: 11px
1805
1805
  }
1806
- @media only screen and (min-device-width: 32em) {
1806
+ @media only screen and (min-width: 32em) {
1807
1807
  .Toolbar-module_game__5-jY_ {
1808
1808
  margin-top: 18px
1809
1809
  }
@@ -1812,7 +1812,7 @@
1812
1812
  .Toolbar-module_gameSurvey__1hQEz .Toolbar-module_list__1n5ny {
1813
1813
  justify-content: center
1814
1814
  }
1815
- @media only screen and (min-device-width: 32em) {
1815
+ @media only screen and (min-width: 32em) {
1816
1816
  .Toolbar-module_game__5-jY_ .Toolbar-module_list__1n5ny,
1817
1817
  .Toolbar-module_gameSurvey__1hQEz .Toolbar-module_list__1n5ny {
1818
1818
  display: -webkit-box;
@@ -1824,7 +1824,7 @@
1824
1824
  .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child {
1825
1825
  width: 260px
1826
1826
  }
1827
- @media only screen and (min-device-width: 32em) {
1827
+ @media only screen and (min-width: 32em) {
1828
1828
  .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child {
1829
1829
  width: auto
1830
1830
  }
@@ -1832,7 +1832,7 @@
1832
1832
  .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child::before {
1833
1833
  content: none
1834
1834
  }
1835
- @media only screen and (min-device-width: 32em) {
1835
+ @media only screen and (min-width: 32em) {
1836
1836
  .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child::before {
1837
1837
  content: ''
1838
1838
  }
@@ -1841,7 +1841,7 @@
1841
1841
  .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:first-child::before {
1842
1842
  content: none;
1843
1843
  }
1844
- @media only screen and (min-device-width: 64em) {
1844
+ @media only screen and (min-width: 64em) {
1845
1845
  .Toolbar-module_game__5-jY_ .Toolbar-module_list__1n5ny,
1846
1846
  .Toolbar-module_gameSurvey__1hQEz .Toolbar-module_list__1n5ny {
1847
1847
  margin-left: 0
@@ -2108,12 +2108,12 @@
2108
2108
  .Meta-module_center__3BBPr.Meta-module_isInMediaBlock__3xfPF {
2109
2109
  text-align: left;
2110
2110
  }
2111
- @media only screen and (min-device-width: 64em) {
2111
+ @media only screen and (min-width: 64em) {
2112
2112
  .Meta-module_center__3BBPr.Meta-module_half__1xRkT {
2113
2113
  text-align: left
2114
2114
  }
2115
2115
  }
2116
- @media only screen and (min-device-width: 32em) {
2116
+ @media only screen and (min-width: 32em) {
2117
2117
  .Meta-module_episode__1K2Xv,
2118
2118
  .Meta-module_card__LE1RK,
2119
2119
  .Meta-module_slide__3g6fG,
@@ -2141,7 +2141,7 @@
2141
2141
  align-items: center;
2142
2142
  flex-flow: row wrap
2143
2143
  }
2144
- @media only screen and (min-device-width: 48em) {
2144
+ @media only screen and (min-width: 48em) {
2145
2145
  .Meta-module_episode__1K2Xv,
2146
2146
  .Meta-module_card__LE1RK,
2147
2147
  .Meta-module_slide__3g6fG,
@@ -2149,7 +2149,7 @@
2149
2149
  display: block
2150
2150
  }
2151
2151
  }
2152
- @media only screen and (max-device-width: 32.1875em) {
2152
+ @media only screen and (max-width: 32.1875em) {
2153
2153
  .Meta-module_hasSource__2lXiN {
2154
2154
  display: -webkit-box;
2155
2155
  display: -webkit-flex;
@@ -2164,13 +2164,13 @@
2164
2164
  right: -12px;
2165
2165
  bottom: -4px
2166
2166
  }
2167
- @media only screen and (min-device-width: 32em) {
2167
+ @media only screen and (min-width: 32em) {
2168
2168
  .Meta-module_bookmark__3ot3k {
2169
2169
  display: none
2170
2170
  }
2171
2171
  }
2172
2172
  /* VISIBILITY */
2173
- @media only screen and (min-device-width: 32em) {
2173
+ @media only screen and (min-width: 32em) {
2174
2174
  .Meta-module_mobile__22LGV {
2175
2175
  display: none
2176
2176
  }
@@ -2178,7 +2178,7 @@
2178
2178
  .Meta-module_desktop__1ZGUS {
2179
2179
  display: none
2180
2180
  }
2181
- @media only screen and (min-device-width: 32em) {
2181
+ @media only screen and (min-width: 32em) {
2182
2182
  .Meta-module_desktop__1ZGUS {
2183
2183
  display: block
2184
2184
  }
@@ -2225,7 +2225,7 @@
2225
2225
  font-size: 18px;
2226
2226
  line-height: 24px
2227
2227
  }
2228
- @media only screen and (min-device-width: 32em) {
2228
+ @media only screen and (min-width: 32em) {
2229
2229
  .QuoteBlock-module_root__2GrcC {
2230
2230
  margin: 0 0 20px;
2231
2231
  padding-left: 38px;
@@ -2238,7 +2238,7 @@
2238
2238
  margin-top: -14px;
2239
2239
  padding-top: 14px
2240
2240
  }
2241
- @media only screen and (min-device-width: 32em) {
2241
+ @media only screen and (min-width: 32em) {
2242
2242
  .QuoteBlock-module_root__2GrcC + .QuoteBlock-module_root__2GrcC {
2243
2243
  margin-top: -20px;
2244
2244
  padding-top: 20px
@@ -2260,7 +2260,7 @@
2260
2260
  border-radius: 2px;
2261
2261
  background-color: #ebebeb
2262
2262
  }
2263
- @media only screen and (min-device-width: 32em) {
2263
+ @media only screen and (min-width: 32em) {
2264
2264
  .QuoteBlock-module_root__2GrcC:before {
2265
2265
  top: 4px;
2266
2266
  bottom: 6px
@@ -2304,7 +2304,7 @@
2304
2304
  .CardTitle-module_root__1uqqF {
2305
2305
  margin-bottom: 11px
2306
2306
  }
2307
- @media only screen and (min-device-width: 64em) {
2307
+ @media only screen and (min-width: 64em) {
2308
2308
  .CardTitle-module_root__1uqqF {
2309
2309
  margin-bottom: 10px;
2310
2310
 
@@ -2329,14 +2329,14 @@
2329
2329
  font-weight: 700;
2330
2330
  line-height: 24px
2331
2331
  }
2332
- @media only screen and (min-device-width: 64em) {
2332
+ @media only screen and (min-width: 64em) {
2333
2333
  .CardTitle-module_title__2iTI6 {
2334
2334
  font-size: 28px;
2335
2335
  line-height: 34px
2336
2336
  }
2337
2337
  }
2338
2338
  /* VISIBILITY */
2339
- @media only screen and (min-device-width: 32em) {
2339
+ @media only screen and (min-width: 32em) {
2340
2340
  .CardTitle-module_mobile__1_kij {
2341
2341
  display: none
2342
2342
  }
@@ -2344,7 +2344,7 @@
2344
2344
  .CardTitle-module_desktop__1l3_n {
2345
2345
  display: none
2346
2346
  }
2347
- @media only screen and (min-device-width: 32em) {
2347
+ @media only screen and (min-width: 32em) {
2348
2348
  .CardTitle-module_desktop__1l3_n {
2349
2349
  display: block
2350
2350
  }
@@ -2368,7 +2368,7 @@
2368
2368
 
2369
2369
  margin: 38px auto 7px
2370
2370
  }
2371
- @media only screen and (min-device-width: 32em) {
2371
+ @media only screen and (min-width: 32em) {
2372
2372
  .ChapterBlock-module_root__1WyVn {
2373
2373
  max-width: 650px;
2374
2374
  margin-top: 70px
@@ -2392,7 +2392,7 @@
2392
2392
  font-weight: 600;
2393
2393
  line-height: 12px
2394
2394
  }
2395
- @media only screen and (min-device-width: 32em) {
2395
+ @media only screen and (min-width: 32em) {
2396
2396
  .ChapterBlock-module_subtitle__3TXll {
2397
2397
  font-size: 13px;
2398
2398
  line-height: 16px
@@ -2408,13 +2408,13 @@
2408
2408
 
2409
2409
  border-bottom: 1px solid #ccc
2410
2410
  }
2411
- @media only screen and (min-device-width: 32em) {
2411
+ @media only screen and (min-width: 32em) {
2412
2412
  .ChapterBlock-module_subtitle__3TXll::after {
2413
2413
  padding: 0 0 6px
2414
2414
  }
2415
2415
  }
2416
2416
  /* VISIBILITY */
2417
- @media only screen and (min-device-width: 32em) {
2417
+ @media only screen and (min-width: 32em) {
2418
2418
  .ChapterBlock-module_mobile__CiO0w {
2419
2419
  display: none
2420
2420
  }
@@ -2422,7 +2422,7 @@
2422
2422
  .ChapterBlock-module_desktop__tk1Nk {
2423
2423
  display: none
2424
2424
  }
2425
- @media only screen and (min-device-width: 32em) {
2425
+ @media only screen and (min-width: 32em) {
2426
2426
  .ChapterBlock-module_desktop__tk1Nk {
2427
2427
  display: block
2428
2428
  }
@@ -2533,7 +2533,7 @@
2533
2533
  border-radius: 8px;
2534
2534
  }
2535
2535
  /* VISIBILITY */
2536
- @media only screen and (min-device-width: 32em) {
2536
+ @media only screen and (min-width: 32em) {
2537
2537
  .Cover-module_mobile__5DKa1 {
2538
2538
  display: none
2539
2539
  }
@@ -2541,113 +2541,12 @@
2541
2541
  .Cover-module_desktop__2mrOc {
2542
2542
  display: none
2543
2543
  }
2544
- @media only screen and (min-device-width: 32em) {
2544
+ @media only screen and (min-width: 32em) {
2545
2545
  .Cover-module_desktop__2mrOc {
2546
2546
  display: block
2547
2547
  }
2548
2548
  }
2549
2549
 
2550
- /* Colors */
2551
- /* Fonts */
2552
- /* Gap */
2553
- /* Media */
2554
- /* 512 */
2555
- /* 650 */
2556
- /* 768 */
2557
- /* 1024 */
2558
- /* 1010 */
2559
- /* 1200 */
2560
- /* 511 */
2561
- /* 1023 */
2562
- /* Zindex */
2563
- .GroupedBlock-module_root__2qfQA {
2564
- max-width: 644px;
2565
- margin: 15px auto 0
2566
- }
2567
- @media only screen and (min-device-width: 48em) {
2568
- .GroupedBlock-module_root__2qfQA {
2569
- max-width: none;
2570
- margin-top: 25px;
2571
- margin-bottom: 20px
2572
- }
2573
- }
2574
- .GroupedBlock-module_hasFigcaption__2_mcf {
2575
- margin-bottom: 15px;
2576
- }
2577
- @media only screen and (min-device-width: 48em) {
2578
- .GroupedBlock-module_hasFigcaption__2_mcf + .GroupedBlock-module_root__2qfQA {
2579
- margin-top: 25px
2580
- }
2581
- }
2582
- .GroupedBlock-module_hasFigcaption__2_mcf .GroupedBlock-module_item__3sz9_:last-child {
2583
- margin-bottom: 0;
2584
- }
2585
- .GroupedBlock-module_items__2DV2X {
2586
- display: -webkit-box;
2587
- display: -webkit-flex;
2588
- display: -ms-flexbox;
2589
- display: flex;
2590
- flex-direction: column;
2591
- flex-wrap: nowrap
2592
- }
2593
- @media only screen and (min-device-width: 48em) {
2594
- .GroupedBlock-module_items__2DV2X {
2595
- flex-direction: row
2596
- }
2597
- }
2598
- .GroupedBlock-module_item__3sz9_ {
2599
- flex-grow: 1;
2600
-
2601
- width: 100%;
2602
- min-width: 100%;
2603
- max-width: 100%;
2604
- margin-bottom: 20px
2605
- }
2606
- @media only screen and (min-device-width: 48em) {
2607
- .GroupedBlock-module_item__3sz9_ {
2608
- min-width: 0;
2609
- max-width: none;
2610
- margin-bottom: 0
2611
- }
2612
- }
2613
- @media only screen and (min-device-width: 48em) {
2614
- .GroupedBlock-module_item__3sz9_ + .GroupedBlock-module_item__3sz9_ {
2615
- margin-left: 15px
2616
- }
2617
- }
2618
- .GroupedBlock-module_figcaption__2Q_wf {
2619
- max-width: 650px;
2620
- margin-right: auto;
2621
- margin-left: auto;
2622
- }
2623
- /* DISPLAY */
2624
- @media only screen and (min-device-width: 48em) {
2625
- .GroupedBlock-module_default__3ylw_ {
2626
- max-width: 650px
2627
- }
2628
- }
2629
- .GroupedBlock-module_full__1dzQR {
2630
- max-width: 980px;
2631
- }
2632
- .GroupedBlock-module_super_full__1PU72 {
2633
- max-width: 1680px;
2634
- }
2635
- /* VISIBILITY */
2636
- @media only screen and (min-device-width: 32em) {
2637
- .GroupedBlock-module_mobile__3n8Ub {
2638
- display: none
2639
- }
2640
- }
2641
- .GroupedBlock-module_desktop__6ZRpA {
2642
- display: none
2643
- }
2644
- @media only screen and (min-device-width: 32em) {
2645
- .GroupedBlock-module_desktop__6ZRpA {
2646
- display: block
2647
- }
2648
- }
2649
-
2650
-
2651
2550
  /* Colors */
2652
2551
  /* Fonts */
2653
2552
  /* Gap */
@@ -2673,7 +2572,7 @@
2673
2572
  display: flex;
2674
2573
  flex-flow: column nowrap
2675
2574
  }
2676
- @media only screen and (min-device-width: 64em) {
2575
+ @media only screen and (min-width: 64em) {
2677
2576
  .HalfBlock-module_main__2XX73 {
2678
2577
  align-items: center;
2679
2578
  flex-flow: row nowrap
@@ -2685,12 +2584,12 @@
2685
2584
  max-width: 860px;
2686
2585
  margin: 0 auto
2687
2586
  }
2688
- @media only screen and (min-device-width: 48em) {
2587
+ @media only screen and (min-width: 48em) {
2689
2588
  .HalfBlock-module_body__3MnEN {
2690
2589
  text-align: center
2691
2590
  }
2692
2591
  }
2693
- @media only screen and (min-device-width: 64em) {
2592
+ @media only screen and (min-width: 64em) {
2694
2593
  .HalfBlock-module_body__3MnEN {
2695
2594
  align-items: flex-start;
2696
2595
  justify-content: center;
@@ -2710,7 +2609,7 @@
2710
2609
  margin: 0 auto;
2711
2610
  padding-top: 3px
2712
2611
  }
2713
- @media only screen and (min-device-width: 64em) {
2612
+ @media only screen and (min-width: 64em) {
2714
2613
  .HalfBlock-module_footer__1C0yp {
2715
2614
  max-width: 1000px;
2716
2615
  margin: auto;
@@ -2719,38 +2618,139 @@
2719
2618
  border-top: 1px solid #e6e6e6
2720
2619
  }
2721
2620
  }
2722
- .HalfBlock-module_image__2lYel {
2621
+ .HalfBlock-module_image__2lYel {
2622
+ flex-grow: 1;
2623
+
2624
+ margin: 0 -20px 0;
2625
+ margin-top: 18px
2626
+ }
2627
+ @media only screen and (min-width: 32em) {
2628
+ .HalfBlock-module_image__2lYel {
2629
+ margin: 31px 0 -5px
2630
+ }
2631
+ }
2632
+ @media only screen and (min-width: 64em) {
2633
+ .HalfBlock-module_image__2lYel {
2634
+ width: 50%;
2635
+ margin: 0
2636
+ }
2637
+ }
2638
+ /* VISIBILITY */
2639
+ @media only screen and (min-width: 32em) {
2640
+ .HalfBlock-module_mobile__2latf {
2641
+ display: none
2642
+ }
2643
+ }
2644
+ .HalfBlock-module_desktop__3B1Ej {
2645
+ display: none
2646
+ }
2647
+ @media only screen and (min-width: 32em) {
2648
+ .HalfBlock-module_desktop__3B1Ej {
2649
+ display: block
2650
+ }
2651
+ }
2652
+
2653
+ /* Colors */
2654
+ /* Fonts */
2655
+ /* Gap */
2656
+ /* Media */
2657
+ /* 512 */
2658
+ /* 650 */
2659
+ /* 768 */
2660
+ /* 1024 */
2661
+ /* 1010 */
2662
+ /* 1200 */
2663
+ /* 511 */
2664
+ /* 1023 */
2665
+ /* Zindex */
2666
+ .GroupedBlock-module_root__2qfQA {
2667
+ max-width: 644px;
2668
+ margin: 15px auto 0
2669
+ }
2670
+ @media only screen and (min-width: 48em) {
2671
+ .GroupedBlock-module_root__2qfQA {
2672
+ max-width: none;
2673
+ margin-top: 25px;
2674
+ margin-bottom: 20px
2675
+ }
2676
+ }
2677
+ .GroupedBlock-module_hasFigcaption__2_mcf {
2678
+ margin-bottom: 15px;
2679
+ }
2680
+ @media only screen and (min-width: 48em) {
2681
+ .GroupedBlock-module_hasFigcaption__2_mcf + .GroupedBlock-module_root__2qfQA {
2682
+ margin-top: 25px
2683
+ }
2684
+ }
2685
+ .GroupedBlock-module_hasFigcaption__2_mcf .GroupedBlock-module_item__3sz9_:last-child {
2686
+ margin-bottom: 0;
2687
+ }
2688
+ .GroupedBlock-module_items__2DV2X {
2689
+ display: -webkit-box;
2690
+ display: -webkit-flex;
2691
+ display: -ms-flexbox;
2692
+ display: flex;
2693
+ flex-direction: column;
2694
+ flex-wrap: nowrap
2695
+ }
2696
+ @media only screen and (min-width: 48em) {
2697
+ .GroupedBlock-module_items__2DV2X {
2698
+ flex-direction: row
2699
+ }
2700
+ }
2701
+ .GroupedBlock-module_item__3sz9_ {
2723
2702
  flex-grow: 1;
2724
2703
 
2725
- margin: 0 -20px 0;
2726
- margin-top: 18px
2704
+ width: 100%;
2705
+ min-width: 100%;
2706
+ max-width: 100%;
2707
+ margin-bottom: 20px
2727
2708
  }
2728
- @media only screen and (min-device-width: 32em) {
2729
- .HalfBlock-module_image__2lYel {
2730
- margin: 31px 0 -5px
2709
+ @media only screen and (min-width: 48em) {
2710
+ .GroupedBlock-module_item__3sz9_ {
2711
+ min-width: 0;
2712
+ max-width: none;
2713
+ margin-bottom: 0
2731
2714
  }
2732
2715
  }
2733
- @media only screen and (min-device-width: 64em) {
2734
- .HalfBlock-module_image__2lYel {
2735
- width: 50%;
2736
- margin: 0
2716
+ @media only screen and (min-width: 48em) {
2717
+ .GroupedBlock-module_item__3sz9_ + .GroupedBlock-module_item__3sz9_ {
2718
+ margin-left: 15px
2719
+ }
2720
+ }
2721
+ .GroupedBlock-module_figcaption__2Q_wf {
2722
+ max-width: 650px;
2723
+ margin-right: auto;
2724
+ margin-left: auto;
2725
+ }
2726
+ /* DISPLAY */
2727
+ @media only screen and (min-width: 48em) {
2728
+ .GroupedBlock-module_default__3ylw_ {
2729
+ max-width: 650px
2737
2730
  }
2738
2731
  }
2732
+ .GroupedBlock-module_full__1dzQR {
2733
+ max-width: 980px;
2734
+ }
2735
+ .GroupedBlock-module_super_full__1PU72 {
2736
+ max-width: 1680px;
2737
+ }
2739
2738
  /* VISIBILITY */
2740
- @media only screen and (min-device-width: 32em) {
2741
- .HalfBlock-module_mobile__2latf {
2739
+ @media only screen and (min-width: 32em) {
2740
+ .GroupedBlock-module_mobile__3n8Ub {
2742
2741
  display: none
2743
2742
  }
2744
2743
  }
2745
- .HalfBlock-module_desktop__3B1Ej {
2744
+ .GroupedBlock-module_desktop__6ZRpA {
2746
2745
  display: none
2747
2746
  }
2748
- @media only screen and (min-device-width: 32em) {
2749
- .HalfBlock-module_desktop__3B1Ej {
2747
+ @media only screen and (min-width: 32em) {
2748
+ .GroupedBlock-module_desktop__6ZRpA {
2750
2749
  display: block
2751
2750
  }
2752
2751
  }
2753
2752
 
2753
+
2754
2754
  /* Colors */
2755
2755
  /* Fonts */
2756
2756
  /* Gap */
@@ -2778,7 +2778,7 @@
2778
2778
  font-weight: normal;
2779
2779
  line-height: 20px
2780
2780
  }
2781
- @media only screen and (min-device-width: 32em) {
2781
+ @media only screen and (min-width: 32em) {
2782
2782
  .ImportantLead-module_root__2BdT3 {
2783
2783
  margin: 25px 0;
2784
2784
  padding: 12px 15px 13px;
@@ -2807,7 +2807,7 @@
2807
2807
  margin-left: auto;
2808
2808
  }
2809
2809
  /* VISIBILITY */
2810
- @media only screen and (min-device-width: 32em) {
2810
+ @media only screen and (min-width: 32em) {
2811
2811
  .ImportantLead-module_mobile__3BXbm {
2812
2812
  display: none
2813
2813
  }
@@ -2815,7 +2815,7 @@
2815
2815
  .ImportantLead-module_desktop__3Zljc {
2816
2816
  display: none
2817
2817
  }
2818
- @media only screen and (min-device-width: 32em) {
2818
+ @media only screen and (min-width: 32em) {
2819
2819
  .ImportantLead-module_desktop__3Zljc {
2820
2820
  display: block
2821
2821
  }
@@ -2845,13 +2845,13 @@
2845
2845
  font-size: 18px;
2846
2846
  line-height: 24px
2847
2847
  }
2848
- @media only screen and (min-device-width: 32em) {
2848
+ @media only screen and (min-width: 32em) {
2849
2849
  .ListBlock-module_root__3Q3Ga {
2850
2850
  font-size: 20px;
2851
2851
  line-height: 28px
2852
2852
  }
2853
2853
  }
2854
- @media only screen and (min-device-width: 48em) {
2854
+ @media only screen and (min-width: 48em) {
2855
2855
  .ListBlock-module_root__3Q3Ga {
2856
2856
  margin: 20px 0
2857
2857
  }
@@ -2884,7 +2884,7 @@
2884
2884
  font-weight: inherit;
2885
2885
  font-style: inherit
2886
2886
  }
2887
- @media only screen and (min-device-width: 32em) {
2887
+ @media only screen and (min-width: 32em) {
2888
2888
  .ListBlock-module_root__3Q3Ga mark {
2889
2889
  padding-bottom: 1px
2890
2890
  }
@@ -2913,7 +2913,7 @@
2913
2913
  .ListBlock-module_ul__2MRrS li {
2914
2914
  padding: 0 0 0 23px
2915
2915
  }
2916
- @media only screen and (min-device-width: 48em) {
2916
+ @media only screen and (min-width: 48em) {
2917
2917
  .ListBlock-module_ul__2MRrS li {
2918
2918
  padding: 0 0 0 38px
2919
2919
  }
@@ -2936,7 +2936,7 @@
2936
2936
  font-size: 18px;
2937
2937
  line-height: inherit
2938
2938
  }
2939
- @media only screen and (min-device-width: 48em) {
2939
+ @media only screen and (min-width: 48em) {
2940
2940
  .ListBlock-module_ul__2MRrS li::before {
2941
2941
  left: 0;
2942
2942
 
@@ -2957,7 +2957,7 @@
2957
2957
  font-size: 16px;
2958
2958
  line-height: 20px
2959
2959
  }
2960
- @media only screen and (min-device-width: 48em) {
2960
+ @media only screen and (min-width: 48em) {
2961
2961
  .ListBlock-module_isInImportantLead__UP0ic {
2962
2962
  font-size: 17px;
2963
2963
  line-height: 24px
@@ -2970,7 +2970,7 @@
2970
2970
  color: #b88b59;
2971
2971
  }
2972
2972
  /* VISIBILITY */
2973
- @media only screen and (min-device-width: 32em) {
2973
+ @media only screen and (min-width: 32em) {
2974
2974
  .ListBlock-module_mobile__2-nuV {
2975
2975
  display: none
2976
2976
  }
@@ -2978,12 +2978,129 @@
2978
2978
  .ListBlock-module_desktop__1EE0g {
2979
2979
  display: none
2980
2980
  }
2981
- @media only screen and (min-device-width: 32em) {
2981
+ @media only screen and (min-width: 32em) {
2982
2982
  .ListBlock-module_desktop__1EE0g {
2983
2983
  display: block
2984
2984
  }
2985
2985
  }
2986
2986
 
2987
+ /* Colors */
2988
+ /* Fonts */
2989
+ /* Gap */
2990
+ /* Media */
2991
+ /* 512 */
2992
+ /* 650 */
2993
+ /* 768 */
2994
+ /* 1024 */
2995
+ /* 1010 */
2996
+ /* 1200 */
2997
+ /* 511 */
2998
+ /* 1023 */
2999
+ /* Zindex */
3000
+ .RichTitle-module_root__BK_WT {
3001
+ margin: 0 0 18px;
3002
+
3003
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
3004
+ font-size: 19px;
3005
+ font-weight: 700;
3006
+ line-height: 23px
3007
+ }
3008
+ @media only screen and (min-width: 48em) {
3009
+ .RichTitle-module_root__BK_WT {
3010
+ margin-bottom: 15px;
3011
+
3012
+ font-size: 37px;
3013
+ line-height: 42px
3014
+ }
3015
+ }
3016
+ .RichTitle-module_root__BK_WT:last-child {
3017
+ margin-bottom: 0;
3018
+ }
3019
+ .RichTitle-module_root__BK_WT span {
3020
+ font-family: 'PF Regal', 'PF Regal Text Pro', 'Georgia', serif;
3021
+ font-size: 20px;
3022
+ font-weight: normal
3023
+ }
3024
+ @media only screen and (min-width: 48em) {
3025
+ .RichTitle-module_root__BK_WT span {
3026
+ font-size: 38px
3027
+ }
3028
+ }
3029
+ @media only screen and (min-width: 32em) {
3030
+ .RichTitle-module_slide__1A-gB,
3031
+ .RichTitle-module_game__1g8Bn {
3032
+ text-align: center
3033
+ }
3034
+ }
3035
+ @media only screen and (min-width: 64em) {
3036
+ .RichTitle-module_half__10GRI {
3037
+ font-size: 33px;
3038
+ line-height: 36px
3039
+ }
3040
+ }
3041
+ @media only screen and (min-width: 64em) {
3042
+ .RichTitle-module_half__10GRI span {
3043
+ font-size: 34px
3044
+ }
3045
+ }
3046
+ .RichTitle-module_game__1g8Bn:first-child {
3047
+ padding-top: 9px;
3048
+ }
3049
+ @media only screen and (max-width: 63.9375em) {
3050
+ .RichTitle-module_featured__wJfaQ {
3051
+ letter-spacing: 0.3px;
3052
+
3053
+ font-size: 28px;
3054
+ line-height: 30px
3055
+ }
3056
+ }
3057
+ @media only screen and (max-width: 63.9375em) {
3058
+ .RichTitle-module_featured__wJfaQ span {
3059
+ display: block;
3060
+
3061
+ padding-top: 2px;
3062
+
3063
+ font-size: 18px;
3064
+ line-height: 24px
3065
+ }
3066
+ }
3067
+ @media only screen and (min-width: 64em) {
3068
+ .RichTitle-module_isInMediaBlock__3RDw4 {
3069
+ margin-bottom: 18px
3070
+ }
3071
+ }
3072
+ .RichTitle-module_isInMediaBlock__3RDw4:not(.RichTitle-module_featured__wJfaQ) {
3073
+ font-size: 19px;
3074
+ line-height: 23px
3075
+ }
3076
+ @media only screen and (min-width: 64em) {
3077
+ .RichTitle-module_isInMediaBlock__3RDw4:not(.RichTitle-module_featured__wJfaQ) {
3078
+ font-size: 1.3rem;
3079
+ line-height: 1.6rem
3080
+ }
3081
+ }
3082
+ .RichTitle-module_isInMediaBlock__3RDw4:not(.RichTitle-module_featured__wJfaQ) span {
3083
+ font-size: 20px
3084
+ }
3085
+ @media only screen and (min-width: 64em) {
3086
+ .RichTitle-module_isInMediaBlock__3RDw4:not(.RichTitle-module_featured__wJfaQ) span {
3087
+ font-size: 1.35rem
3088
+ }
3089
+ }
3090
+ @media only screen and (min-width: 32em) {
3091
+ .RichTitle-module_mobile__1Cb6E {
3092
+ display: none
3093
+ }
3094
+ }
3095
+ .RichTitle-module_desktop__2ixSQ {
3096
+ display: none
3097
+ }
3098
+ @media only screen and (min-width: 32em) {
3099
+ .RichTitle-module_desktop__2ixSQ {
3100
+ display: block
3101
+ }
3102
+ }
3103
+
2987
3104
  /* Colors */
2988
3105
  /* Fonts */
2989
3106
  /* Gap */
@@ -3004,7 +3121,7 @@
3004
3121
  background-color: #f5f5f5;
3005
3122
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1), inset 0 4px 0 0 #b78b5c
3006
3123
  }
3007
- @media only screen and (min-device-width: 48em) {
3124
+ @media only screen and (min-width: 48em) {
3008
3125
  .RelatedBlock-module_root__IKcQq {
3009
3126
  margin: 25px 0
3010
3127
  }
@@ -3029,7 +3146,7 @@
3029
3146
  font-size: 17px;
3030
3147
  line-height: 20px
3031
3148
  }
3032
- @media only screen and (min-device-width: 48em) {
3149
+ @media only screen and (min-width: 48em) {
3033
3150
  .RelatedBlock-module_root__IKcQq a {
3034
3151
  padding: 15px 20px 17px;
3035
3152
 
@@ -3054,7 +3171,7 @@
3054
3171
  font-weight: 600;
3055
3172
  line-height: 17px
3056
3173
  }
3057
- @media only screen and (min-device-width: 48em) {
3174
+ @media only screen and (min-width: 48em) {
3058
3175
  .RelatedBlock-module_header__2SuWP {
3059
3176
  padding: 20px 20px 14px;
3060
3177
 
@@ -3078,159 +3195,42 @@
3078
3195
  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
3079
3196
  font-size: 16px;
3080
3197
  font-weight: 700;
3081
- line-height: 18px
3082
- }
3083
- @media only screen and (min-device-width: 48em) {
3084
- .RelatedBlock-module_rich__ddaHq .RelatedBlock-module_first__BKItW {
3085
- font-size: 18px
3086
- }
3087
- }
3088
- .RelatedBlock-module_simple__29HVO {
3089
- }
3090
- .RelatedBlock-module_center__1LmW8 {
3091
- max-width: 650px;
3092
- margin-right: auto;
3093
- margin-left: auto;
3094
- }
3095
- .RelatedBlock-module_isInSlideMaterial__2YSYG:first-child {
3096
- margin-top: 0;
3097
- }
3098
- .RelatedBlock-module_isInSlideMaterial__2YSYG:last-child {
3099
- margin-bottom: 0;
3100
- }
3101
- /* VISIBILITY */
3102
- @media only screen and (min-device-width: 32em) {
3103
- .RelatedBlock-module_mobile__2XM5a {
3104
- display: none
3105
- }
3106
- }
3107
- .RelatedBlock-module_desktop__2mXeq {
3108
- display: none
3109
- }
3110
- @media only screen and (min-device-width: 32em) {
3111
- .RelatedBlock-module_desktop__2mXeq {
3112
- display: block
3113
- }
3114
- }
3115
-
3116
-
3117
- /* Colors */
3118
- /* Fonts */
3119
- /* Gap */
3120
- /* Media */
3121
- /* 512 */
3122
- /* 650 */
3123
- /* 768 */
3124
- /* 1024 */
3125
- /* 1010 */
3126
- /* 1200 */
3127
- /* 511 */
3128
- /* 1023 */
3129
- /* Zindex */
3130
- .RichTitle-module_root__BK_WT {
3131
- margin: 0 0 18px;
3132
-
3133
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
3134
- font-size: 19px;
3135
- font-weight: 700;
3136
- line-height: 23px
3137
- }
3138
- @media only screen and (min-device-width: 48em) {
3139
- .RichTitle-module_root__BK_WT {
3140
- margin-bottom: 15px;
3141
-
3142
- font-size: 37px;
3143
- line-height: 42px
3144
- }
3145
- }
3146
- .RichTitle-module_root__BK_WT:last-child {
3147
- margin-bottom: 0;
3148
- }
3149
- .RichTitle-module_root__BK_WT span {
3150
- font-family: 'PF Regal', 'PF Regal Text Pro', 'Georgia', serif;
3151
- font-size: 20px;
3152
- font-weight: normal
3153
- }
3154
- @media only screen and (min-device-width: 48em) {
3155
- .RichTitle-module_root__BK_WT span {
3156
- font-size: 38px
3157
- }
3158
- }
3159
- @media only screen and (min-device-width: 32em) {
3160
- .RichTitle-module_slide__1A-gB,
3161
- .RichTitle-module_game__1g8Bn {
3162
- text-align: center
3163
- }
3164
- }
3165
- @media only screen and (min-device-width: 64em) {
3166
- .RichTitle-module_half__10GRI {
3167
- font-size: 33px;
3168
- line-height: 36px
3169
- }
3170
- }
3171
- @media only screen and (min-device-width: 64em) {
3172
- .RichTitle-module_half__10GRI span {
3173
- font-size: 34px
3174
- }
3175
- }
3176
- .RichTitle-module_game__1g8Bn:first-child {
3177
- padding-top: 9px;
3178
- }
3179
- @media only screen and (max-device-width: 63.9375em) {
3180
- .RichTitle-module_featured__wJfaQ {
3181
- letter-spacing: 0.3px;
3182
-
3183
- font-size: 28px;
3184
- line-height: 30px
3185
- }
3186
- }
3187
- @media only screen and (max-device-width: 63.9375em) {
3188
- .RichTitle-module_featured__wJfaQ span {
3189
- display: block;
3190
-
3191
- padding-top: 2px;
3192
-
3193
- font-size: 18px;
3194
- line-height: 24px
3195
- }
3196
- }
3197
- @media only screen and (min-device-width: 64em) {
3198
- .RichTitle-module_isInMediaBlock__3RDw4 {
3199
- margin-bottom: 18px
3198
+ line-height: 18px
3199
+ }
3200
+ @media only screen and (min-width: 48em) {
3201
+ .RelatedBlock-module_rich__ddaHq .RelatedBlock-module_first__BKItW {
3202
+ font-size: 18px
3200
3203
  }
3201
3204
  }
3202
- .RichTitle-module_isInMediaBlock__3RDw4:not(.RichTitle-module_featured__wJfaQ) {
3203
- font-size: 19px;
3204
- line-height: 23px
3205
+ .RelatedBlock-module_simple__29HVO {
3205
3206
  }
3206
- @media only screen and (min-device-width: 64em) {
3207
- .RichTitle-module_isInMediaBlock__3RDw4:not(.RichTitle-module_featured__wJfaQ) {
3208
- font-size: 1.3rem;
3209
- line-height: 1.6rem
3207
+ .RelatedBlock-module_center__1LmW8 {
3208
+ max-width: 650px;
3209
+ margin-right: auto;
3210
+ margin-left: auto;
3210
3211
  }
3211
- }
3212
- .RichTitle-module_isInMediaBlock__3RDw4:not(.RichTitle-module_featured__wJfaQ) span {
3213
- font-size: 20px
3212
+ .RelatedBlock-module_isInSlideMaterial__2YSYG:first-child {
3213
+ margin-top: 0;
3214
3214
  }
3215
- @media only screen and (min-device-width: 64em) {
3216
- .RichTitle-module_isInMediaBlock__3RDw4:not(.RichTitle-module_featured__wJfaQ) span {
3217
- font-size: 1.35rem
3215
+ .RelatedBlock-module_isInSlideMaterial__2YSYG:last-child {
3216
+ margin-bottom: 0;
3218
3217
  }
3219
- }
3220
- @media only screen and (min-device-width: 32em) {
3221
- .RichTitle-module_mobile__1Cb6E {
3218
+ /* VISIBILITY */
3219
+ @media only screen and (min-width: 32em) {
3220
+ .RelatedBlock-module_mobile__2XM5a {
3222
3221
  display: none
3223
3222
  }
3224
3223
  }
3225
- .RichTitle-module_desktop__2ixSQ {
3224
+ .RelatedBlock-module_desktop__2mXeq {
3226
3225
  display: none
3227
3226
  }
3228
- @media only screen and (min-device-width: 32em) {
3229
- .RichTitle-module_desktop__2ixSQ {
3227
+ @media only screen and (min-width: 32em) {
3228
+ .RelatedBlock-module_desktop__2mXeq {
3230
3229
  display: block
3231
3230
  }
3232
3231
  }
3233
3232
 
3233
+
3234
3234
  /* Colors */
3235
3235
  /* Fonts */
3236
3236
  /* Gap */
@@ -3257,7 +3257,7 @@ span[data-body] {
3257
3257
  background: #F8F8F8;
3258
3258
  box-shadow: inset 1px 0 #b3b3b3, inset 0 1px #b3b3b3, inset -1px 0 #b3b3b3, inset 0 -1px #b3b3b3
3259
3259
  }
3260
- @media only screen and (min-device-width: 48em) {
3260
+ @media only screen and (min-width: 48em) {
3261
3261
  span[data-body] {
3262
3262
  padding-bottom: 1px
3263
3263
  }
@@ -3287,7 +3287,7 @@ span[data-highlight='true']:hover {
3287
3287
  font-size: 18px;
3288
3288
  line-height: 24px
3289
3289
  }
3290
- @media only screen and (min-device-width: 32em) {
3290
+ @media only screen and (min-width: 32em) {
3291
3291
  .SimpleBlock-module_p__Q3azD {
3292
3292
  margin: 0 0 20px;
3293
3293
 
@@ -3340,7 +3340,7 @@ span[data-highlight='true']:hover {
3340
3340
  font-weight: bold;
3341
3341
  line-height: 28px
3342
3342
  }
3343
- @media only screen and (min-device-width: 32em) {
3343
+ @media only screen and (min-width: 32em) {
3344
3344
  .SimpleBlock-module_h2__S0LRs {
3345
3345
  margin: 0 0 45px;
3346
3346
 
@@ -3351,7 +3351,7 @@ span[data-highlight='true']:hover {
3351
3351
  .SimpleBlock-module_h2__S0LRs + figure {
3352
3352
  margin-top: 15px
3353
3353
  }
3354
- @media only screen and (min-device-width: 32em) {
3354
+ @media only screen and (min-width: 32em) {
3355
3355
  .SimpleBlock-module_h2__S0LRs + figure {
3356
3356
  margin-top: -20px
3357
3357
  }
@@ -3365,7 +3365,7 @@ span[data-highlight='true']:hover {
3365
3365
  font-weight: bold;
3366
3366
  line-height: 24px
3367
3367
  }
3368
- @media only screen and (min-device-width: 32em) {
3368
+ @media only screen and (min-width: 32em) {
3369
3369
  .SimpleBlock-module_h3__2Kv7Y {
3370
3370
  margin-top: 45px;
3371
3371
  margin-bottom: 15px;
@@ -3383,7 +3383,7 @@ span[data-highlight='true']:hover {
3383
3383
  font-weight: bold;
3384
3384
  line-height: 21px
3385
3385
  }
3386
- @media only screen and (min-device-width: 32em) {
3386
+ @media only screen and (min-width: 32em) {
3387
3387
  .SimpleBlock-module_h4__2TJO3 {
3388
3388
  margin-top: 45px;
3389
3389
  margin-bottom: 15px;
@@ -3399,7 +3399,7 @@ span[data-highlight='true']:hover {
3399
3399
  .SimpleBlock-module_h3__2Kv7Y + .SimpleBlock-module_h4__2TJO3 {
3400
3400
  margin-top: 15px
3401
3401
  }
3402
- @media only screen and (min-device-width: 32em) {
3402
+ @media only screen and (min-width: 32em) {
3403
3403
  .SimpleBlock-module_h3__2Kv7Y + .SimpleBlock-module_h4__2TJO3 {
3404
3404
  margin-top: 15px
3405
3405
  }
@@ -3423,7 +3423,7 @@ span[data-highlight='true']:hover {
3423
3423
  font-weight: normal;
3424
3424
  line-height: 22px
3425
3425
  }
3426
- @media only screen and (min-device-width: 32em) {
3426
+ @media only screen and (min-width: 32em) {
3427
3427
  .SimpleBlock-module_blockquote__pwpcX {
3428
3428
  margin: 25px 0;
3429
3429
  padding: 12px 15px 13px;
@@ -3455,7 +3455,7 @@ span[data-highlight='true']:hover {
3455
3455
  font-size: 16px;
3456
3456
  line-height: 22px
3457
3457
  }
3458
- @media only screen and (min-device-width: 32em) {
3458
+ @media only screen and (min-width: 32em) {
3459
3459
  .SimpleBlock-module_lead__35nXx {
3460
3460
  margin-top: 25px;
3461
3461
 
@@ -3475,7 +3475,7 @@ span[data-highlight='true']:hover {
3475
3475
 
3476
3476
  border-bottom: 1px solid #e5e5e5
3477
3477
  }
3478
- @media only screen and (min-device-width: 32em) {
3478
+ @media only screen and (min-width: 32em) {
3479
3479
  .SimpleBlock-module_lead_hr__1yD5v {
3480
3480
  margin: 45px auto
3481
3481
  }
@@ -3490,7 +3490,7 @@ mark {
3490
3490
  font-weight: inherit;
3491
3491
  font-style: inherit
3492
3492
  }
3493
- @media only screen and (min-device-width: 32em) {
3493
+ @media only screen and (min-width: 32em) {
3494
3494
  mark {
3495
3495
  padding-bottom: 1px
3496
3496
  }
@@ -3513,7 +3513,7 @@ a mark {
3513
3513
  font-size: 18px;
3514
3514
  line-height: 22px
3515
3515
  }
3516
- @media only screen and (min-device-width: 48em) {
3516
+ @media only screen and (min-width: 48em) {
3517
3517
  .SimpleBlock-module_context_p__33saY {
3518
3518
  padding: 0 0 0 38px;
3519
3519
 
@@ -3536,7 +3536,7 @@ a mark {
3536
3536
  font-size: 18px;
3537
3537
  line-height: inherit
3538
3538
  }
3539
- @media only screen and (min-device-width: 48em) {
3539
+ @media only screen and (min-width: 48em) {
3540
3540
  .SimpleBlock-module_context_p__33saY::before {
3541
3541
  left: 0;
3542
3542
 
@@ -3555,7 +3555,7 @@ a mark {
3555
3555
  margin-right: auto;
3556
3556
  margin-left: auto;
3557
3557
  }
3558
- @media only screen and (min-device-width: 48em) {
3558
+ @media only screen and (min-width: 48em) {
3559
3559
  .SimpleBlock-module_center__2rjif.SimpleBlock-module_lead__35nXx {
3560
3560
  font-size: 20px;
3561
3561
  line-height: 28px
@@ -3564,7 +3564,7 @@ a mark {
3564
3564
  .SimpleBlock-module_game__2sjgl.SimpleBlock-module_lead__35nXx {
3565
3565
  margin-bottom: 18px
3566
3566
  }
3567
- @media only screen and (min-device-width: 48em) {
3567
+ @media only screen and (min-width: 48em) {
3568
3568
  .SimpleBlock-module_game__2sjgl.SimpleBlock-module_lead__35nXx {
3569
3569
  margin-top: 27px;
3570
3570
  margin-bottom: 20px;
@@ -3576,7 +3576,7 @@ a mark {
3576
3576
  .SimpleBlock-module_slide__Aqgfu.SimpleBlock-module_lead__35nXx {
3577
3577
  margin-bottom: 15px
3578
3578
  }
3579
- @media only screen and (min-device-width: 48em) {
3579
+ @media only screen and (min-width: 48em) {
3580
3580
  .SimpleBlock-module_slide__Aqgfu.SimpleBlock-module_lead__35nXx {
3581
3581
  margin-top: 20px;
3582
3582
 
@@ -3593,7 +3593,7 @@ a mark {
3593
3593
  font-size: 16px;
3594
3594
  line-height: 22px
3595
3595
  }
3596
- @media only screen and (min-device-width: 48em) {
3596
+ @media only screen and (min-width: 48em) {
3597
3597
  .SimpleBlock-module_isInImportantLead__3VGzT {
3598
3598
  font-size: 18px;
3599
3599
  line-height: 26px
@@ -3612,7 +3612,7 @@ a mark {
3612
3612
  font-size: 16px;
3613
3613
  line-height: 22px
3614
3614
  }
3615
- @media only screen and (min-device-width: 48em) {
3615
+ @media only screen and (min-width: 48em) {
3616
3616
  .SimpleBlock-module_isInAnswer__3aX6X.SimpleBlock-module_p__Q3azD {
3617
3617
  margin-top: 12px;
3618
3618
  margin-bottom: 12px;
@@ -3625,7 +3625,7 @@ a mark {
3625
3625
  margin-top: 12px;
3626
3626
  margin-bottom: 12px
3627
3627
  }
3628
- @media only screen and (min-device-width: 48em) {
3628
+ @media only screen and (min-width: 48em) {
3629
3629
  .SimpleBlock-module_isInAnswer__3aX6X.SimpleBlock-module_blockquote__pwpcX {
3630
3630
  margin-top: 10px;
3631
3631
  margin-bottom: 10px
@@ -3638,7 +3638,7 @@ a mark {
3638
3638
  margin-bottom: 0;
3639
3639
  }
3640
3640
  /* VISIBILITY */
3641
- @media only screen and (min-device-width: 32em) {
3641
+ @media only screen and (min-width: 32em) {
3642
3642
  .SimpleBlock-module_mobile__Ckgek {
3643
3643
  display: none
3644
3644
  }
@@ -3646,7 +3646,7 @@ a mark {
3646
3646
  .SimpleBlock-module_desktop__2se2o {
3647
3647
  display: none
3648
3648
  }
3649
- @media only screen and (min-device-width: 32em) {
3649
+ @media only screen and (min-width: 32em) {
3650
3650
  .SimpleBlock-module_desktop__2se2o {
3651
3651
  display: block
3652
3652
  }
@@ -3673,7 +3673,7 @@ a mark {
3673
3673
  font-weight: normal;
3674
3674
  line-height: 23px
3675
3675
  }
3676
- @media only screen and (min-device-width: 48em) {
3676
+ @media only screen and (min-width: 48em) {
3677
3677
  .SimpleTitle-module_root__2jVQN {
3678
3678
  margin-bottom: 15px;
3679
3679
 
@@ -3682,7 +3682,7 @@ a mark {
3682
3682
  }
3683
3683
  }
3684
3684
  /* VISIBILITY */
3685
- @media only screen and (min-device-width: 32em) {
3685
+ @media only screen and (min-width: 32em) {
3686
3686
  .SimpleTitle-module_mobile__11gBz {
3687
3687
  display: none
3688
3688
  }
@@ -3690,7 +3690,7 @@ a mark {
3690
3690
  .SimpleTitle-module_desktop__3yXgy {
3691
3691
  display: none
3692
3692
  }
3693
- @media only screen and (min-device-width: 32em) {
3693
+ @media only screen and (min-width: 32em) {
3694
3694
  .SimpleTitle-module_desktop__3yXgy {
3695
3695
  display: block
3696
3696
  }
@@ -3723,7 +3723,7 @@ a mark {
3723
3723
  font-size: 16px;
3724
3724
  line-height: 20px
3725
3725
  }
3726
- @media only screen and (min-device-width: 48em) {
3726
+ @media only screen and (min-width: 48em) {
3727
3727
  .SourceBlock-module_root__1P3XD {
3728
3728
  margin-top: 25px;
3729
3729
  margin-bottom: 25px;
@@ -3751,7 +3751,7 @@ a mark {
3751
3751
  font-size: 16px;
3752
3752
  line-height: 22px
3753
3753
  }
3754
- @media only screen and (min-device-width: 48em) {
3754
+ @media only screen and (min-width: 48em) {
3755
3755
  .SourceBlock-module_text__Si4vm p {
3756
3756
  font-size: 18px;
3757
3757
  line-height: 26px
@@ -3766,7 +3766,7 @@ a mark {
3766
3766
 
3767
3767
  border-top: 1px solid #d6d6d6
3768
3768
  }
3769
- @media only screen and (min-device-width: 48em) {
3769
+ @media only screen and (min-width: 48em) {
3770
3770
  .SourceBlock-module_root__1P3XD footer {
3771
3771
  margin-top: 18px;
3772
3772
  padding-top: 12px
@@ -3785,7 +3785,7 @@ a mark {
3785
3785
  font-style: normal;
3786
3786
  line-height: 22px
3787
3787
  }
3788
- @media only screen and (min-device-width: 48em) {
3788
+ @media only screen and (min-width: 48em) {
3789
3789
  .SourceBlock-module_origin__l3JbO {
3790
3790
  font-size: 18px;
3791
3791
  line-height: 26px
@@ -3797,7 +3797,7 @@ a mark {
3797
3797
  margin-left: auto;
3798
3798
  }
3799
3799
  /* VISIBILITY */
3800
- @media only screen and (min-device-width: 32em) {
3800
+ @media only screen and (min-width: 32em) {
3801
3801
  .SourceBlock-module_mobile__2gw4S {
3802
3802
  display: none
3803
3803
  }
@@ -3805,7 +3805,7 @@ a mark {
3805
3805
  .SourceBlock-module_desktop__DecT6 {
3806
3806
  display: none
3807
3807
  }
3808
- @media only screen and (min-device-width: 32em) {
3808
+ @media only screen and (min-width: 32em) {
3809
3809
  .SourceBlock-module_desktop__DecT6 {
3810
3810
  display: block
3811
3811
  }
@@ -3831,7 +3831,7 @@ a mark {
3831
3831
  margin: 15px 0;
3832
3832
  padding: 24px 0 25px
3833
3833
  }
3834
- @media only screen and (min-device-width: 32em) {
3834
+ @media only screen and (min-width: 32em) {
3835
3835
  .Spoiler-module_root__1OfSR {
3836
3836
  display: -webkit-box;
3837
3837
  display: -webkit-flex;
@@ -3846,17 +3846,17 @@ a mark {
3846
3846
  .Spoiler-module_root__1OfSR::before,
3847
3847
  .Spoiler-module_root__1OfSR::after {
3848
3848
  position: absolute;
3849
- z-index: 10;
3850
3849
  left: 50%;
3850
+ z-index: 10;
3851
3851
 
3852
3852
  width: 100%;
3853
3853
  max-width: 650px;
3854
3854
  margin: 0 auto;
3855
3855
 
3856
- content: '';
3856
+ border-top: 3px solid rgba(0, 0, 0, 0.1);
3857
3857
  transform: translateX(-50%);
3858
3858
 
3859
- border-top: 3px solid rgba(0, 0, 0, 0.1);
3859
+ content: '';
3860
3860
  }
3861
3861
  .Spoiler-module_root__1OfSR::before {
3862
3862
  top: 0;
@@ -3887,12 +3887,13 @@ a mark {
3887
3887
  margin-top: 0;
3888
3888
  margin-bottom: 18px;
3889
3889
 
3890
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
3891
- font-size: 21px;
3892
3890
  font-weight: 700;
3891
+ font-size: 21px;
3892
+
3893
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
3893
3894
  line-height: 26px
3894
3895
  }
3895
- @media only screen and (min-device-width: 32em) {
3896
+ @media only screen and (min-width: 32em) {
3896
3897
  .Spoiler-module_header__1rZUs h3 {
3897
3898
  margin-bottom: 20px;
3898
3899
 
@@ -3906,7 +3907,7 @@ a mark {
3906
3907
  width: 100%;
3907
3908
  padding-bottom: 13px
3908
3909
  }
3909
- @media only screen and (min-device-width: 32em) {
3910
+ @media only screen and (min-width: 32em) {
3910
3911
  .Spoiler-module_body__Q1e_c {
3911
3912
  order: 2;
3912
3913
 
@@ -3917,7 +3918,7 @@ a mark {
3917
3918
  .Spoiler-module_spoiled__1A5r4 {
3918
3919
  min-height: auto
3919
3920
  }
3920
- @media only screen and (max-device-width: 32.1875em) {
3921
+ @media only screen and (max-width: 32.1875em) {
3921
3922
  .Spoiler-module_spoiled__1A5r4 {
3922
3923
  padding-bottom: 0
3923
3924
  }
@@ -3936,38 +3937,32 @@ a mark {
3936
3937
  .Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7 {
3937
3938
  position: -webkit-sticky;
3938
3939
  position: sticky;
3939
- z-index: 10;
3940
3940
  bottom: 0;
3941
+ z-index: 10;
3941
3942
 
3942
3943
  width: auto;
3943
3944
  margin-right: -20px;
3944
3945
  margin-left: -20px;
3945
3946
  padding: 12px 20px 20px;
3946
3947
 
3947
- -webkit-animation: Spoiler-module_spoilerSticky__3Kd30 500ms ease both;
3948
+ background-image: -webkit-gradient(linear,
3949
+ left top, left bottom,
3950
+ from(rgba(255, 255, 255, 0)),
3951
+ color-stop(64%, #fff));
3948
3952
 
3949
- animation: Spoiler-module_spoilerSticky__3Kd30 500ms ease both;
3953
+ background-image: -o-linear-gradient(top,
3954
+ rgba(255, 255, 255, 0) 0%,
3955
+ #fff 64%);
3950
3956
 
3951
- background-image: -webkit-gradient(
3952
- linear,
3953
- left top, left bottom,
3954
- from(rgba(255, 255, 255, 0)),
3955
- color-stop(64%, #fff)
3956
- );
3957
+ background-image: linear-gradient(180deg,
3958
+ rgba(255, 255, 255, 0) 0%,
3959
+ #fff 64%);
3957
3960
 
3958
- background-image: -o-linear-gradient(
3959
- top,
3960
- rgba(255, 255, 255, 0) 0%,
3961
- #fff 64%
3962
- );
3961
+ -webkit-animation: Spoiler-module_spoilerSticky__3Kd30 500ms ease both;
3963
3962
 
3964
- background-image: linear-gradient(
3965
- 180deg,
3966
- rgba(255, 255, 255, 0) 0%,
3967
- #fff 64%
3968
- )
3963
+ animation: Spoiler-module_spoilerSticky__3Kd30 500ms ease both
3969
3964
  }
3970
- @media only screen and (min-device-width: 32em) {
3965
+ @media only screen and (min-width: 32em) {
3971
3966
  .Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7 {
3972
3967
  position: static;
3973
3968
 
@@ -3976,29 +3971,31 @@ a mark {
3976
3971
  margin-left: auto;
3977
3972
  padding: 0;
3978
3973
 
3979
- -webkit-animation: none;
3974
+ background-image: none;
3980
3975
 
3981
- animation: none;
3976
+ -webkit-animation: none;
3982
3977
 
3983
- background-image: none
3978
+ animation: none
3984
3979
  }
3985
3980
  }
3986
3981
  .Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7::after {
3987
3982
  position: absolute;
3988
- z-index: -1;
3989
3983
  top: 100%;
3990
3984
  right: 0;
3991
3985
  left: 0;
3986
+ z-index: -1;
3992
3987
 
3993
3988
  height: 16px;
3994
3989
 
3995
- content: '';
3990
+ background-color: #fff;
3991
+
3996
3992
  -webkit-animation: Spoiler-module_spoilerStickyBg__nYdlo 1ms ease both 500ms;
3993
+
3997
3994
  animation: Spoiler-module_spoilerStickyBg__nYdlo 1ms ease both 500ms;
3998
3995
 
3999
- background-color: #fff
3996
+ content: ''
4000
3997
  }
4001
- @media only screen and (min-device-width: 32em) {
3998
+ @media only screen and (min-width: 32em) {
4002
3999
  .Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7::after {
4003
4000
  content: none
4004
4001
  }
@@ -4006,7 +4003,7 @@ a mark {
4006
4003
  .Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7 svg {
4007
4004
  transform: rotate(180deg) translateY(1px);
4008
4005
  }
4009
- @media only screen and (min-device-width: 32em) {
4006
+ @media only screen and (min-width: 32em) {
4010
4007
  .Spoiler-module_center__tq1m0 {
4011
4008
  max-width: 980px;
4012
4009
  margin-right: auto;
@@ -4063,16 +4060,23 @@ a mark {
4063
4060
  background-color: transparent;
4064
4061
  }
4065
4062
  }
4063
+ [data-dfp-sticky-banner='true'] .Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7,
4066
4064
  [data-gdpr-panel='true'] .Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7 {
4067
4065
  bottom: 45px
4068
4066
  }
4069
- @media only screen and (min-device-width: 32em) {
4067
+ @media only screen and (min-width: 32em) {
4068
+ [data-dfp-sticky-banner='true'] .Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7,
4070
4069
  [data-gdpr-panel='true'] .Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7 {
4071
4070
  bottom: 46px
4072
4071
  }
4073
4072
  }
4073
+ @media only screen and (max-width: 32.1875em) {
4074
+ [data-gdpr-panel='true'][data-dfp-sticky-banner='true'] .Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7 {
4075
+ bottom: 90px
4076
+ }
4077
+ }
4074
4078
  /* VISIBILITY */
4075
- @media only screen and (min-device-width: 32em) {
4079
+ @media only screen and (min-width: 32em) {
4076
4080
  .Spoiler-module_mobile__2BPt8 {
4077
4081
  display: none
4078
4082
  }
@@ -4080,7 +4084,7 @@ a mark {
4080
4084
  .Spoiler-module_desktop__1BIFJ {
4081
4085
  display: none
4082
4086
  }
4083
- @media only screen and (min-device-width: 32em) {
4087
+ @media only screen and (min-width: 32em) {
4084
4088
  .Spoiler-module_desktop__1BIFJ {
4085
4089
  display: block
4086
4090
  }
@@ -4138,14 +4142,14 @@ a mark {
4138
4142
 
4139
4143
  content: '\B7';
4140
4144
  }
4141
- @media only screen and (max-device-width: 32.1875em) {
4145
+ @media only screen and (max-width: 32.1875em) {
4142
4146
  .MetaItem-module_hasSource__1DmCI {
4143
4147
  width: 100%;
4144
4148
  margin-top: 3px;
4145
4149
  margin-bottom: 3px
4146
4150
  }
4147
4151
  }
4148
- @media only screen and (max-device-width: 32.1875em) {
4152
+ @media only screen and (max-width: 32.1875em) {
4149
4153
  .MetaItem-module_hasSource__1DmCI:first-child {
4150
4154
  margin-top: 0
4151
4155
  }
@@ -4153,30 +4157,30 @@ a mark {
4153
4157
  .MetaItem-module_hasSource__1DmCI:last-child {
4154
4158
  margin-bottom: 0;
4155
4159
  }
4156
- @media only screen and (max-device-width: 32.1875em) {
4160
+ @media only screen and (max-width: 32.1875em) {
4157
4161
  .MetaItem-module_hasSource__1DmCI:nth-child(n + 2)::before {
4158
4162
  display: none
4159
4163
  }
4160
4164
  }
4161
- @media only screen and (max-device-width: 32.1875em) {
4165
+ @media only screen and (max-width: 32.1875em) {
4162
4166
  .MetaItem-module_hasSource__1DmCI.MetaItem-module_listened__lwvAO::before,
4163
4167
  .MetaItem-module_hasSource__1DmCI.MetaItem-module_read__5eAIG::before {
4164
4168
  display: inline-block
4165
4169
  }
4166
4170
  }
4167
- @media only screen and (max-device-width: 32.1875em) {
4171
+ @media only screen and (max-width: 32.1875em) {
4168
4172
  .MetaItem-module_datetime__3tOWm,
4169
4173
  .MetaItem-module_listened__lwvAO,
4170
4174
  .MetaItem-module_read__5eAIG {
4171
4175
  width: auto
4172
4176
  }
4173
4177
  }
4174
- @media only screen and (max-device-width: 32.1875em) {
4178
+ @media only screen and (max-width: 32.1875em) {
4175
4179
  .MetaItem-module_hasSource__1DmCI.MetaItem-module_datetime__3tOWm:first-child {
4176
4180
  order: -2
4177
4181
  }
4178
4182
  }
4179
- @media only screen and (max-device-width: 32.1875em) {
4183
+ @media only screen and (max-width: 32.1875em) {
4180
4184
  .MetaItem-module_hasSource__1DmCI.MetaItem-module_listened__lwvAO,
4181
4185
  .MetaItem-module_hasSource__1DmCI.MetaItem-module_read__5eAIG {
4182
4186
  order: -1;
@@ -4595,17 +4599,22 @@ a mark {
4595
4599
  border-radius: 8px;
4596
4600
  outline-width: 0;
4597
4601
  }
4602
+ @media only screen and (min-width: 32em) {
4603
+ .RelatedRichBlock-module_root__3NYmj:hover {
4604
+ opacity: 0.95
4605
+ }
4606
+ }
4598
4607
  .RelatedRichBlock-module_root__3NYmj::after {
4599
4608
  position: absolute;
4600
- z-index: 20;
4601
4609
  top: 0;
4602
4610
  right: 0;
4603
4611
  bottom: 0;
4604
4612
  left: 0;
4605
-
4606
- content: '';
4613
+ z-index: 20;
4607
4614
 
4608
4615
  border-radius: 8px;
4616
+
4617
+ content: '';
4609
4618
  }
4610
4619
  .RelatedRichBlock-module_root__3NYmj::before {
4611
4620
  display: block;
@@ -4620,7 +4629,7 @@ a mark {
4620
4629
  .RelatedRichBlock-module_wrapper__1eLIQ {
4621
4630
  margin: 16px 0
4622
4631
  }
4623
- @media only screen and (min-device-width: 48em) {
4632
+ @media only screen and (min-width: 48em) {
4624
4633
  .RelatedRichBlock-module_root__3NYmj,
4625
4634
  .RelatedRichBlock-module_wrapper__1eLIQ {
4626
4635
  margin: 25px 0
@@ -4629,9 +4638,9 @@ a mark {
4629
4638
  .RelatedRichBlock-module_overlay__3XSg_,
4630
4639
  .RelatedRichBlock-module_overlayHeader__2Nmbv {
4631
4640
  position: absolute;
4632
- z-index: 10;
4633
4641
  right: 0;
4634
4642
  left: 0;
4643
+ z-index: 10;
4635
4644
  }
4636
4645
  .RelatedRichBlock-module_overlay__3XSg_ {
4637
4646
  bottom: 0;
@@ -4651,17 +4660,17 @@ a mark {
4651
4660
  flex-flow: column nowrap;
4652
4661
  justify-content: flex-end;
4653
4662
 
4654
- padding: 12px 15px 12px;
4663
+ padding: 12px 15px;
4655
4664
 
4656
4665
  background-color: #f7f7f7
4657
4666
  }
4658
- @media only screen and (min-device-width: 32em) {
4667
+ @media only screen and (min-width: 32em) {
4659
4668
  .RelatedRichBlock-module_body__1ZHZS {
4660
4669
  position: absolute;
4661
- z-index: 10;
4662
4670
  right: 0;
4663
4671
  bottom: 0;
4664
4672
  left: 0;
4673
+ z-index: 10;
4665
4674
 
4666
4675
  min-height: 295px;
4667
4676
  padding: 20px;
@@ -4672,18 +4681,18 @@ a mark {
4672
4681
  .RelatedRichBlock-module_isRich__1LnA4 {
4673
4682
  color: #000
4674
4683
  }
4675
- @media only screen and (min-device-width: 32em) {
4684
+ @media only screen and (min-width: 32em) {
4676
4685
  .RelatedRichBlock-module_isRich__1LnA4 {
4677
4686
  color: #fff
4678
4687
  }
4679
4688
  }
4680
- @media only screen and (min-device-width: 32em) {
4689
+ @media only screen and (min-width: 32em) {
4681
4690
  .RelatedRichBlock-module_isRich__1LnA4.RelatedRichBlock-module_hasGradient__27LOk .RelatedRichBlock-module_body__1ZHZS {
4682
4691
  position: absolute;
4683
- z-index: 10;
4684
4692
  right: 0;
4685
4693
  bottom: 0;
4686
4694
  left: 0;
4695
+ z-index: 10;
4687
4696
 
4688
4697
  min-height: 295px;
4689
4698
 
@@ -4695,25 +4704,26 @@ a mark {
4695
4704
  }
4696
4705
  .RelatedRichBlock-module_isRich__1LnA4 .RelatedRichBlock-module_picture__128HJ::after {
4697
4706
  position: absolute;
4698
- z-index: 10;
4699
4707
  right: 1px;
4700
4708
  bottom: 0;
4701
4709
  left: 1px;
4710
+ z-index: 10;
4702
4711
 
4703
- content: '';
4712
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
4704
4713
 
4705
- border-bottom: 1px solid rgba(0, 0, 0, 0.1)
4714
+ content: ''
4706
4715
  }
4707
- @media only screen and (min-device-width: 32em) {
4716
+ @media only screen and (min-width: 32em) {
4708
4717
  .RelatedRichBlock-module_isRich__1LnA4 .RelatedRichBlock-module_picture__128HJ::after {
4709
4718
  content: ''
4710
4719
  }
4711
4720
  }
4712
4721
  .RelatedRichBlock-module_isCard__2naDz {
4713
4722
  color: #fff;
4723
+
4714
4724
  background-color: #191919
4715
4725
  }
4716
- @media only screen and (min-device-width: 32em) {
4726
+ @media only screen and (min-width: 32em) {
4717
4727
  .RelatedRichBlock-module_isCard__2naDz {
4718
4728
  min-height: 350px
4719
4729
  }
@@ -4721,18 +4731,18 @@ a mark {
4721
4731
  .RelatedRichBlock-module_isCard__2naDz .RelatedRichBlock-module_body__1ZHZS {
4722
4732
  background-color: transparent
4723
4733
  }
4724
- @media only screen and (min-device-width: 32em) {
4734
+ @media only screen and (min-width: 32em) {
4725
4735
  .RelatedRichBlock-module_isCard__2naDz .RelatedRichBlock-module_body__1ZHZS {
4726
4736
  position: absolute;
4727
- z-index: 10;
4728
4737
  right: 0;
4729
4738
  bottom: 0;
4730
4739
  left: 0;
4740
+ z-index: 10;
4731
4741
 
4732
4742
  min-height: 295px
4733
4743
  }
4734
4744
  }
4735
- @media only screen and (min-device-width: 32em) {
4745
+ @media only screen and (min-width: 32em) {
4736
4746
  .RelatedRichBlock-module_isCard__2naDz::before {
4737
4747
  padding-bottom: 66.66%;
4738
4748
 
@@ -4744,7 +4754,7 @@ a mark {
4744
4754
 
4745
4755
  width: 100%
4746
4756
  }
4747
- @media only screen and (min-device-width: 32em) {
4757
+ @media only screen and (min-width: 32em) {
4748
4758
  .RelatedRichBlock-module_isCard__2naDz .RelatedRichBlock-module_cover__3yygp {
4749
4759
  position: absolute;
4750
4760
  top: 0;
@@ -4758,7 +4768,7 @@ a mark {
4758
4768
 
4759
4769
  content: ''
4760
4770
  }
4761
- @media only screen and (min-device-width: 32em) {
4771
+ @media only screen and (min-width: 32em) {
4762
4772
  .RelatedRichBlock-module_isCard__2naDz .RelatedRichBlock-module_cover__3yygp::before {
4763
4773
  content: none
4764
4774
  }
@@ -4773,7 +4783,7 @@ a mark {
4773
4783
 
4774
4784
  transform: translate(-50%, -50%)
4775
4785
  }
4776
- @media only screen and (min-device-width: 32em) {
4786
+ @media only screen and (min-width: 32em) {
4777
4787
  .RelatedRichBlock-module_isCard__2naDz .RelatedRichBlock-module_picture__128HJ {
4778
4788
  top: 25%;
4779
4789
 
@@ -4782,16 +4792,16 @@ a mark {
4782
4792
  }
4783
4793
  .RelatedRichBlock-module_tag__3OLyG {
4784
4794
  position: absolute;
4785
- z-index: 10;
4786
4795
  top: 14px;
4787
4796
  right: 15px;
4788
4797
  left: 15px;
4798
+ z-index: 10;
4789
4799
 
4790
4800
  color: rgba(255, 255, 255, 0.7);
4791
4801
 
4792
4802
  font-size: 12px
4793
4803
  }
4794
- @media only screen and (min-device-width: 64em) {
4804
+ @media only screen and (min-width: 64em) {
4795
4805
  .RelatedRichBlock-module_tag__3OLyG {
4796
4806
  top: 16px;
4797
4807
  right: 20px;
@@ -4811,14 +4821,14 @@ a mark {
4811
4821
  .RelatedRichBlock-module_isRich__1LnA4.RelatedRichBlock-module_dark__3Y1fE .RelatedRichBlock-module_tag__3OLyG {
4812
4822
  color: rgba(0, 0, 0, 0.7);
4813
4823
  }
4814
- @media only screen and (min-device-width: 32em) {
4824
+ @media only screen and (min-width: 32em) {
4815
4825
  .RelatedRichBlock-module_isRich__1LnA4.RelatedRichBlock-module_light__2mUxL {
4816
4826
  color: #fff;
4817
4827
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5)
4818
4828
  }
4819
4829
  }
4820
4830
  /* Display */
4821
- @media only screen and (min-device-width: 32em) {
4831
+ @media only screen and (min-width: 32em) {
4822
4832
  .RelatedRichBlock-module_mobile__JpCS4 {
4823
4833
  display: none
4824
4834
  }
@@ -4826,12 +4836,165 @@ a mark {
4826
4836
  .RelatedRichBlock-module_desktop__trL0D {
4827
4837
  display: none
4828
4838
  }
4829
- @media only screen and (min-device-width: 32em) {
4839
+ @media only screen and (min-width: 32em) {
4830
4840
  .RelatedRichBlock-module_desktop__trL0D {
4831
4841
  display: block
4832
4842
  }
4833
4843
  }
4834
4844
 
4845
+ /* Colors */
4846
+ /* Fonts */
4847
+ /* Gap */
4848
+ /* Media */
4849
+ /* 512 */
4850
+ /* 650 */
4851
+ /* 768 */
4852
+ /* 1024 */
4853
+ /* 1010 */
4854
+ /* 1200 */
4855
+ /* 511 */
4856
+ /* 1023 */
4857
+ /* Zindex */
4858
+ .SensitiveBlock-module_root__2iJbD {
4859
+ position: relative;
4860
+
4861
+ margin: 15px 0
4862
+ }
4863
+ @media only screen and (min-width: 32em) {
4864
+ .SensitiveBlock-module_root__2iJbD {
4865
+ margin: 25px 0 20px
4866
+ }
4867
+ }
4868
+ .SensitiveBlock-module_root__2iJbD:first-child {
4869
+ margin-top: 0;
4870
+ }
4871
+ .SensitiveBlock-module_root__2iJbD:last-child {
4872
+ margin-bottom: 0;
4873
+ }
4874
+ .SensitiveBlock-module_root__2iJbD figcaption {
4875
+ width: 100%;
4876
+ max-width: 650px;
4877
+ margin-right: auto;
4878
+ margin-left: auto;
4879
+
4880
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
4881
+ }
4882
+ .SensitiveBlock-module_container__1Wtix {
4883
+ position: relative;
4884
+ transition: min-height 350ms ease;
4885
+ min-height: 170px;
4886
+ }
4887
+ .SensitiveBlock-module_overlay__hfDVS {
4888
+ position: absolute;
4889
+ z-index: 10;
4890
+ top: 0;
4891
+ right: -20px;
4892
+ bottom: 0;
4893
+ left: -20px;
4894
+
4895
+ display: -webkit-box;
4896
+
4897
+ display: -webkit-flex;
4898
+
4899
+ display: -ms-flexbox;
4900
+
4901
+ display: flex;
4902
+ align-items: center;
4903
+ flex-flow: column nowrap;
4904
+ justify-content: center;
4905
+
4906
+ padding: 30px 20px;
4907
+
4908
+ transition: opacity 500ms ease, visibility 500ms ease;
4909
+
4910
+ background-color: rgba(255, 255, 255, 1);
4911
+ background-repeat: no-repeat;
4912
+ background-position: center top;
4913
+ background-size: cover
4914
+ }
4915
+ @media only screen and (min-width: 32em) {
4916
+ .SensitiveBlock-module_overlay__hfDVS {
4917
+ right: 0;
4918
+ left: 0
4919
+ }
4920
+ }
4921
+ .SensitiveBlock-module_content__sNpxZ {
4922
+ -webkit-user-select: none;
4923
+ -moz-user-select: none;
4924
+ -ms-user-select: none;
4925
+ user-select: none;
4926
+
4927
+ color: #fff;
4928
+
4929
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
4930
+ }
4931
+ .SensitiveBlock-module_content__sNpxZ p {
4932
+ display: block;
4933
+
4934
+ width: 100%;
4935
+ max-width: 368px;
4936
+ margin-top: 0;
4937
+ margin-bottom: 24px;
4938
+
4939
+ text-align: center;
4940
+
4941
+ font-size: 16px;
4942
+ line-height: 22px;
4943
+ }
4944
+ .SensitiveBlock-module_button__3BGZK {
4945
+ width: 100%;
4946
+ max-width: 348px;
4947
+ margin: 0 auto;
4948
+ }
4949
+ .SensitiveBlock-module_default__2HgmZ {
4950
+ max-width: 650px
4951
+ }
4952
+ @media only screen and (min-width: 32em) {
4953
+ .SensitiveBlock-module_default__2HgmZ {
4954
+ margin-right: auto;
4955
+ margin-left: auto
4956
+ }
4957
+ }
4958
+ .SensitiveBlock-module_full__3Hph9 {
4959
+ max-width: 980px
4960
+ }
4961
+ @media only screen and (min-width: 32em) {
4962
+ .SensitiveBlock-module_full__3Hph9 {
4963
+ margin-right: auto;
4964
+ margin-left: auto
4965
+ }
4966
+ }
4967
+ .SensitiveBlock-module_full__3Hph9 .SensitiveBlock-module_container__1Wtix {
4968
+ margin-right: -20px;
4969
+ margin-left: -20px
4970
+ }
4971
+ @media only screen and (min-width: 32em) {
4972
+ .SensitiveBlock-module_full__3Hph9 .SensitiveBlock-module_container__1Wtix {
4973
+ margin-right: 0;
4974
+ margin-left: 0
4975
+ }
4976
+ }
4977
+ .SensitiveBlock-module_super_full__14UOv {
4978
+ max-width: 100%;
4979
+ }
4980
+ @media only screen and (min-width: 32em) {
4981
+ .SensitiveBlock-module_super_full__14UOv .SensitiveBlock-module_container__1Wtix {
4982
+ margin-right: -15px;
4983
+ margin-left: -15px
4984
+ }
4985
+ }
4986
+ /* STATE */
4987
+ .SensitiveBlock-module_visible__1B-NV .SensitiveBlock-module_overlay__hfDVS {
4988
+ visibility: hidden;
4989
+
4990
+ pointer-events: none;
4991
+
4992
+ opacity: 0;
4993
+ }
4994
+ .SensitiveBlock-module_visible__1B-NV .SensitiveBlock-module_container__1Wtix {
4995
+ min-height: 0;
4996
+ }
4997
+
4835
4998
  /* Colors */
4836
4999
  /* Fonts */
4837
5000
  /* Gap */
@@ -4850,7 +5013,7 @@ a mark {
4850
5013
 
4851
5014
  margin: 15px 0
4852
5015
  }
4853
- @media only screen and (min-device-width: 32em) {
5016
+ @media only screen and (min-width: 32em) {
4854
5017
  .EmbedBlock-module_root__28k9U {
4855
5018
  margin: 25px 0 20px
4856
5019
  }
@@ -4884,6 +5047,16 @@ a mark {
4884
5047
  display: flex;
4885
5048
  flex-flow: column nowrap;
4886
5049
  }
5050
+ .EmbedBlock-module_gameEmbed__AZQSo {
5051
+ width: 100%;
5052
+ max-width: 650px;
5053
+ margin: 0 auto;
5054
+
5055
+ border-radius: 2px;
5056
+ background: #fff;
5057
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
5058
+ }
5059
+ .EmbedBlock-module_gameEmbed__AZQSo iframe,
4887
5060
  .EmbedBlock-module_objectWrap__1aDVd iframe {
4888
5061
  display: block;
4889
5062
 
@@ -4905,23 +5078,11 @@ a mark {
4905
5078
  width: 100%;
4906
5079
  height: auto;
4907
5080
  }
4908
- .EmbedBlock-module_attachment__2pE0t {
4909
- display: -webkit-box;
4910
- display: -webkit-flex;
4911
- display: -ms-flexbox;
4912
- display: flex;
4913
- align-items: flex-end;
4914
- flex-direction: row;
4915
- flex-wrap: nowrap;
4916
- }
4917
- .EmbedBlock-module_attachment__2pE0t figcaption {
4918
- padding-left: 12px;
4919
- }
4920
5081
  .EmbedBlock-module_default__LSDny,
4921
5082
  .EmbedBlock-module_xs__1hFgW {
4922
5083
  max-width: 650px
4923
5084
  }
4924
- @media only screen and (min-device-width: 32em) {
5085
+ @media only screen and (min-width: 32em) {
4925
5086
  .EmbedBlock-module_default__LSDny,
4926
5087
  .EmbedBlock-module_xs__1hFgW {
4927
5088
  margin-right: auto;
@@ -4931,26 +5092,16 @@ a mark {
4931
5092
  .EmbedBlock-module_full__1TEjx {
4932
5093
  max-width: 980px
4933
5094
  }
4934
- @media only screen and (min-device-width: 32em) {
5095
+ @media only screen and (min-width: 32em) {
4935
5096
  .EmbedBlock-module_full__1TEjx {
4936
5097
  margin-right: auto;
4937
5098
  margin-left: auto
4938
5099
  }
4939
5100
  }
4940
- .EmbedBlock-module_full__1TEjx .EmbedBlock-module_object__2_UZ7 {
4941
- margin-right: -20px;
4942
- margin-left: -20px
4943
- }
4944
- @media only screen and (min-device-width: 32em) {
4945
- .EmbedBlock-module_full__1TEjx .EmbedBlock-module_object__2_UZ7 {
4946
- margin-right: 0;
4947
- margin-left: 0
4948
- }
4949
- }
4950
5101
  .EmbedBlock-module_super_full__1Fn9A {
4951
5102
  max-width: 100%;
4952
5103
  }
4953
- @media only screen and (min-device-width: 32em) {
5104
+ @media only screen and (min-width: 32em) {
4954
5105
  .EmbedBlock-module_super_full__1Fn9A .EmbedBlock-module_figure__vAvcN {
4955
5106
  margin-right: -15px;
4956
5107
  margin-left: -15px
@@ -4962,12 +5113,12 @@ a mark {
4962
5113
  .EmbedBlock-module_isInGroupedBlock__3r_i- {
4963
5114
  max-width: none
4964
5115
  }
4965
- @media only screen and (min-device-width: 32em) {
5116
+ @media only screen and (min-width: 32em) {
4966
5117
  .EmbedBlock-module_isInGroupedBlock__3r_i- {
4967
5118
  margin: 0
4968
5119
  }
4969
5120
  }
4970
- @media only screen and (min-device-width: 32em) {
5121
+ @media only screen and (min-width: 32em) {
4971
5122
  .EmbedBlock-module_isInGroupedBlock__3r_i- .EmbedBlock-module_figure__vAvcN {
4972
5123
  margin: 0
4973
5124
  }
@@ -4997,40 +5148,6 @@ a mark {
4997
5148
  background-position: center;
4998
5149
  background-size: 70px 70px;
4999
5150
  }
5000
- .EmbedBlock-module_gameEmbed__AZQSo {
5001
- width: 100%;
5002
- max-width: 650px;
5003
- margin: 0 auto;
5004
-
5005
- border-radius: 2px;
5006
- background: #fff;
5007
- box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
5008
- }
5009
- .EmbedBlock-module_gameEmbed__AZQSo iframe {
5010
- display: block;
5011
-
5012
- width: 100%;
5013
-
5014
- border-width: 0;
5015
- }
5016
- @media only screen and (min-device-width: 32em) {
5017
- .EmbedBlock-module_mobile__1P-eo {
5018
- display: none
5019
- }
5020
- }
5021
- .EmbedBlock-module_mobile__1P-eo:first-child .EmbedBlock-module_figure__vAvcN {
5022
- overflow: hidden;
5023
-
5024
- border-radius: 8px 8px 0 0;
5025
- }
5026
- .EmbedBlock-module_desktop__SF5a_ {
5027
- display: none
5028
- }
5029
- @media only screen and (min-device-width: 32em) {
5030
- .EmbedBlock-module_desktop__SF5a_ {
5031
- display: block
5032
- }
5033
- }
5034
5151
  .EmbedBlock-module_control__xr8dZ {
5035
5152
  position: absolute;
5036
5153
  z-index: 10;
@@ -5054,12 +5171,14 @@ a mark {
5054
5171
  .EmbedBlock-module_raw_html__MQoAA {
5055
5172
  margin: 0 auto;
5056
5173
  }
5174
+ .EmbedBlock-module_full__1TEjx .EmbedBlock-module_object__2_UZ7,
5057
5175
  .EmbedBlock-module_mobileFullwidth__QFFLH .EmbedBlock-module_object__2_UZ7,
5058
5176
  .EmbedBlock-module_figure__vAvcN {
5059
5177
  margin-right: -20px;
5060
5178
  margin-left: -20px
5061
5179
  }
5062
- @media only screen and (min-device-width: 32em) {
5180
+ @media only screen and (min-width: 32em) {
5181
+ .EmbedBlock-module_full__1TEjx .EmbedBlock-module_object__2_UZ7,
5063
5182
  .EmbedBlock-module_mobileFullwidth__QFFLH .EmbedBlock-module_object__2_UZ7,
5064
5183
  .EmbedBlock-module_figure__vAvcN {
5065
5184
  margin-right: auto;
@@ -5075,7 +5194,7 @@ a mark {
5075
5194
  margin-right: -11px;
5076
5195
  margin-left: -11px
5077
5196
  }
5078
- @media only screen and (min-device-width: 64em) {
5197
+ @media only screen and (min-width: 64em) {
5079
5198
  .EmbedBlock-module_isInCard__37rtq.EmbedBlock-module_mobileFullwidth__QFFLH .EmbedBlock-module_object__2_UZ7,
5080
5199
  .EmbedBlock-module_isInSlide__2ea5q.EmbedBlock-module_mobileFullwidth__QFFLH .EmbedBlock-module_object__2_UZ7,
5081
5200
  .EmbedBlock-module_isInCard__37rtq .EmbedBlock-module_figure__vAvcN,
@@ -5094,7 +5213,7 @@ a mark {
5094
5213
 
5095
5214
  border-radius: 0 0 8px 8px
5096
5215
  }
5097
- @media only screen and (min-device-width: 64em) {
5216
+ @media only screen and (min-width: 64em) {
5098
5217
  .EmbedBlock-module_isInCard__37rtq:not(.EmbedBlock-module_cc__1BQ5g):last-child,
5099
5218
  .EmbedBlock-module_isInSlide__2ea5q:not(.EmbedBlock-module_cc__1BQ5g):last-child {
5100
5219
  margin-bottom: -24px
@@ -5104,7 +5223,7 @@ a mark {
5104
5223
  margin-top: 12px;
5105
5224
  margin-bottom: 12px
5106
5225
  }
5107
- @media only screen and (min-device-width: 64em) {
5226
+ @media only screen and (min-width: 64em) {
5108
5227
  .EmbedBlock-module_isInAnswer__tLlgs {
5109
5228
  margin-top: 10px;
5110
5229
  margin-bottom: 10px
@@ -5127,22 +5246,27 @@ a mark {
5127
5246
  .EmbedBlock-module_wrapper__33XvX .EmbedBlock-module_objectWrap__1aDVd {
5128
5247
  position: static;
5129
5248
  }
5130
- /* VISIBILITY */
5131
- @media only screen and (min-device-width: 32em) {
5249
+ /* DEVICES */
5250
+ @media only screen and (min-width: 32em) {
5132
5251
  .EmbedBlock-module_mobile__1P-eo {
5133
5252
  display: none
5134
5253
  }
5135
5254
  }
5255
+ .EmbedBlock-module_mobile__1P-eo:first-child .EmbedBlock-module_figure__vAvcN {
5256
+ overflow: hidden;
5257
+
5258
+ border-radius: 8px 8px 0 0;
5259
+ }
5136
5260
  .EmbedBlock-module_desktop__SF5a_ {
5137
5261
  display: none
5138
5262
  }
5139
- @media only screen and (min-device-width: 32em) {
5263
+ @media only screen and (min-width: 32em) {
5140
5264
  .EmbedBlock-module_desktop__SF5a_ {
5141
5265
  display: block
5142
5266
  }
5143
5267
  }
5144
5268
  /* XS */
5145
- @media only screen and (min-device-width: 40.625em) {
5269
+ @media only screen and (min-width: 40.625em) {
5146
5270
  .EmbedBlock-module_xs__1hFgW {
5147
5271
  display: -webkit-box;
5148
5272
  display: -webkit-flex;
@@ -5159,7 +5283,7 @@ a mark {
5159
5283
  margin-right: 0;
5160
5284
  margin-left: 0
5161
5285
  }
5162
- @media only screen and (min-device-width: 40.625em) {
5286
+ @media only screen and (min-width: 40.625em) {
5163
5287
  .EmbedBlock-module_xs__1hFgW .EmbedBlock-module_figure__vAvcN {
5164
5288
  width: 216px;
5165
5289
  margin-right: 15px