@meduza/ui-kit-2 0.1.50 → 0.1.51

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/ui-kit.css CHANGED
@@ -234,170 +234,6 @@
234
234
  margin-top: -1px;
235
235
  }
236
236
 
237
- /* Colors */
238
- /* Fonts */
239
- /* Gap */
240
- /* Media */
241
- /* 512 */
242
- /* 650 */
243
- /* 768 */
244
- /* 1024 */
245
- /* 1010 */
246
- /* 1200 */
247
- /* 511 */
248
- /* 1023 */
249
- /* Zindex */
250
- .Switcher-module_root__1Env1 {
251
- position: relative;
252
-
253
- display: -webkit-box;
254
-
255
- display: -webkit-flex;
256
-
257
- display: -ms-flexbox;
258
-
259
- display: flex;
260
- flex-flow: row nowrap;
261
- align-items: center;
262
-
263
- font-weight: 600;
264
-
265
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
266
- white-space: nowrap;
267
-
268
- cursor: pointer;
269
-
270
- -webkit-user-select: none;
271
-
272
- -moz-user-select: none;
273
-
274
- -ms-user-select: none;
275
-
276
- user-select: none;
277
- }
278
- .Switcher-module_dark__1IzaH {
279
- color: inherit;
280
- }
281
- .Switcher-module_dark__1IzaH .Switcher-module_control__1NTvY {
282
- background-color: transparent;
283
- }
284
- .Switcher-module_input__jaMVF {
285
- position: absolute;
286
- top: 0;
287
- left: 0;
288
-
289
- opacity: 0;
290
- }
291
- .Switcher-module_control__1NTvY {
292
- position: relative;
293
-
294
- display: block;
295
-
296
- width: 37px;
297
- height: 21px;
298
-
299
- background-color: #e6e6e6;
300
-
301
- border-radius: 15px;
302
- }
303
- .Switcher-module_control__1NTvY::before {
304
- position: absolute;
305
- top: 0;
306
- bottom: 0;
307
- left: 0;
308
-
309
- width: 18px;
310
-
311
- background: rgba(19, 191, 17, 0);
312
-
313
- border-radius: 15px;
314
-
315
- transition: 0.25s ease-in-out;
316
-
317
- content: '';
318
- }
319
- .Switcher-module_knob__3kEy5 {
320
- position: relative;
321
- top: 2px;
322
- left: 2px;
323
- z-index: 200;
324
-
325
- display: block;
326
-
327
- width: 17px;
328
- height: 17px;
329
-
330
- background: #fff;
331
-
332
- border-radius: 15px;
333
-
334
- transition: 0.25s ease-in-out;
335
- }
336
- .Switcher-module_input__jaMVF:checked ~ .Switcher-module_control__1NTvY::before {
337
- width: 100%;
338
-
339
- background-color: #b88b59;
340
- }
341
- .Switcher-module_input__jaMVF:checked ~ .Switcher-module_control__1NTvY::after {
342
- box-shadow: inset 0 0 0 1px transparent;
343
- }
344
- .Switcher-module_input__jaMVF:checked ~ .Switcher-module_control__1NTvY .Switcher-module_knob__3kEy5 {
345
- left: 18px;
346
- }
347
- .Switcher-module_children__147JP.Switcher-module_left__2coeE {
348
- margin-right: 6px;
349
- }
350
- .Switcher-module_children__147JP.Switcher-module_right__yWG7h {
351
- margin-left: 6px;
352
- }
353
- /* panel */
354
- .Switcher-module_isInPanel__TumqY .Switcher-module_children__147JP {
355
-
356
- color: #999;
357
-
358
- font-size: 13px;
359
- letter-spacing: 0.5px;
360
- text-transform: uppercase;
361
- }
362
- /* menu */
363
- .Switcher-module_isInMenu__3XJYj {
364
- font-weight: normal;
365
- }
366
- .Switcher-module_isInMenu__3XJYj .Switcher-module_children__147JP {
367
- margin-right: 8px;
368
- }
369
- .Switcher-module_isInMenu__3XJYj .Switcher-module_control__1NTvY {
370
- width: 48px;
371
- height: 30px;
372
- }
373
- .Switcher-module_isInMenu__3XJYj .Switcher-module_knob__3kEy5 {
374
- top: 4px;
375
-
376
- width: 22px;
377
- height: 22px;
378
-
379
- background-color: #bababa;
380
- }
381
- /* stylelint-disable selector-max-compound-selectors */
382
- .Switcher-module_isInMenu__3XJYj input:checked ~ .Switcher-module_control__1NTvY .Switcher-module_knob__3kEy5 {
383
- left: 23px;
384
-
385
- background-color: #fff;
386
- }
387
- /* live */
388
- .Switcher-module_isInLive__2cLui .Switcher-module_children__147JP {
389
-
390
- color: #7f7f7f;
391
-
392
- font-size: 13px;
393
- letter-spacing: 0.5px;
394
- text-transform: uppercase;
395
- }
396
- .Switcher-module_isInMenu__3XJYj .Switcher-module_control__1NTvY {
397
- background-color: #1a1a1a;
398
- box-shadow: inset 0 0 0 1px #323232;
399
- }
400
-
401
237
  /* Colors */
402
238
  /* Fonts */
403
239
  /* Gap */
@@ -725,21 +561,9 @@
725
561
  /* 511 */
726
562
  /* 1023 */
727
563
  /* Zindex */
728
- .DotsOnImage-module_root__2XP3Q {
564
+ .Switcher-module_root__1Env1 {
729
565
  position: relative;
730
566
 
731
- display: block;
732
-
733
- width: 100%;
734
- }
735
- .DotsOnImage-module_isVisible__Wqqqt .DotsOnImage-module_marker__lH5cP {
736
- -webkit-animation: DotsOnImage-module_show__2TMBv 400ms ease both 500ms;
737
- animation: DotsOnImage-module_show__2TMBv 400ms ease both 500ms;
738
- }
739
- .DotsOnImage-module_dot__H1wua {
740
- position: absolute;
741
- z-index: 10;
742
-
743
567
  display: -webkit-box;
744
568
 
745
569
  display: -webkit-flex;
@@ -747,135 +571,145 @@
747
571
  display: -ms-flexbox;
748
572
 
749
573
  display: flex;
750
- align-items: center;
751
574
  flex-flow: row nowrap;
752
- justify-content: center;
575
+ align-items: center;
753
576
 
754
- width: 28px;
755
- height: 28px;
577
+ font-weight: 600;
756
578
 
757
- will-change: opacity;
758
- }
759
- .DotsOnImage-module_marker__lH5cP {
760
- width: 20px;
761
- height: 20px;
762
- padding: 0;
579
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
580
+ white-space: nowrap;
763
581
 
764
582
  cursor: pointer;
765
- text-align: center;
766
-
767
- opacity: 0;
768
- color: #fff;
769
- border-width: 0;
770
- border-radius: 30px;
771
- outline-width: 0;
772
- background-color: #000;
773
- box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
774
583
 
775
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
776
- font-size: 9px;
777
- font-weight: 600;
778
- line-height: 22px;
584
+ -webkit-user-select: none;
779
585
 
780
- -webkit-appearance: none;
586
+ -moz-user-select: none;
781
587
 
782
- -moz-appearance: none;
588
+ -ms-user-select: none;
783
589
 
784
- appearance: none;
785
- will-change: opacity;
786
- -webkit-tap-highlight-color: transparent
590
+ user-select: none;
787
591
  }
788
- @media only screen and (min-width: 32em) {
789
- .DotsOnImage-module_marker__lH5cP {
790
- width: 28px;
791
- height: 28px;
792
-
793
- font-size: 13px;
794
- line-height: 28px
592
+ .Switcher-module_dark__1IzaH {
593
+ color: inherit;
795
594
  }
796
- }
797
- .DotsOnImage-module_marker__lH5cP::after {
595
+ .Switcher-module_dark__1IzaH .Switcher-module_control__1NTvY {
596
+ background-color: transparent;
597
+ }
598
+ .Switcher-module_input__jaMVF {
798
599
  position: absolute;
799
- top: -5px;
800
- right: -5px;
801
- bottom: -5px;
802
- left: -5px;
600
+ top: 0;
601
+ left: 0;
803
602
 
804
- content: ''
805
- }
806
- @media only screen and (min-width: 32em) {
807
- .DotsOnImage-module_marker__lH5cP::after {
808
- content: none
603
+ opacity: 0;
809
604
  }
810
- }
811
- .DotsOnImage-module_marker__lH5cP svg {
605
+ .Switcher-module_control__1NTvY {
606
+ position: relative;
607
+
812
608
  display: block;
813
609
 
814
- width: 100%;
815
- height: 100%;
610
+ width: 37px;
611
+ height: 21px;
816
612
 
817
- will-change: opacity;
613
+ background-color: #e6e6e6;
614
+
615
+ border-radius: 15px;
818
616
  }
819
- .DotsOnImage-module_marker__lH5cP:hover {
820
- box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
617
+ .Switcher-module_control__1NTvY::before {
618
+ position: absolute;
619
+ top: 0;
620
+ bottom: 0;
621
+ left: 0;
622
+
623
+ width: 18px;
624
+
625
+ background: rgba(19, 191, 17, 0);
626
+
627
+ border-radius: 15px;
628
+
629
+ transition: 0.25s ease-in-out;
630
+
631
+ content: '';
821
632
  }
822
- .DotsOnImage-module_marker__lH5cP.DotsOnImage-module_isActive__3hh31 {
823
- box-shadow: 0 0 8px rgba(0, 0, 0, 0.2), 0 0 0 1px #fff;
633
+ .Switcher-module_knob__3kEy5 {
634
+ position: relative;
635
+ top: 2px;
636
+ left: 2px;
637
+ z-index: 200;
638
+
639
+ display: block;
640
+
641
+ width: 17px;
642
+ height: 17px;
643
+
644
+ background: #fff;
645
+
646
+ border-radius: 15px;
647
+
648
+ transition: 0.25s ease-in-out;
824
649
  }
825
- .DotsOnImage-module_popover__35Cpj {
826
- position: absolute;
827
- z-index: 10;
650
+ .Switcher-module_input__jaMVF:checked ~ .Switcher-module_control__1NTvY::before {
651
+ width: 100%;
652
+
653
+ background-color: #b88b59;
828
654
  }
829
- .DotsOnImage-module_popover__35Cpj.DotsOnImage-module_isRight__2RsJe.DotsOnImage-module_isTop__3zmSK {
830
- transform: translateX(50px);
655
+ .Switcher-module_input__jaMVF:checked ~ .Switcher-module_control__1NTvY::after {
656
+ box-shadow: inset 0 0 0 1px transparent;
831
657
  }
832
- .DotsOnImage-module_popover__35Cpj.DotsOnImage-module_isLeft__3quc9.DotsOnImage-module_isTop__3zmSK {
833
- transform: translateX(-100%) translateX(-22px);
658
+ .Switcher-module_input__jaMVF:checked ~ .Switcher-module_control__1NTvY .Switcher-module_knob__3kEy5 {
659
+ left: 18px;
834
660
  }
835
- .DotsOnImage-module_popover__35Cpj.DotsOnImage-module_isRight__2RsJe.DotsOnImage-module_isBottom__3Nk1T {
836
- transform: translateX(50px) translateY(-100%) translateY(22px);
661
+ .Switcher-module_children__147JP.Switcher-module_left__2coeE {
662
+ margin-right: 6px;
837
663
  }
838
- .DotsOnImage-module_popover__35Cpj.DotsOnImage-module_isLeft__3quc9.DotsOnImage-module_isBottom__3Nk1T {
839
- transform: translateX(-100%) translateX(-22px) translateY(-100%)
840
- translateY(22px);
664
+ .Switcher-module_children__147JP.Switcher-module_right__yWG7h {
665
+ margin-left: 6px;
841
666
  }
842
- @-webkit-keyframes DotsOnImage-module_show__2TMBv {
843
- 0% {
844
- transform: scale(0.4);
845
-
846
- opacity: 0;
847
- }
848
-
849
- 90% {
850
- transform: scale(1.1);
851
-
852
- opacity: 1;
853
- }
667
+ /* panel */
668
+ .Switcher-module_isInPanel__TumqY .Switcher-module_children__147JP {
854
669
 
855
- 100% {
856
- transform: scale(1);
670
+ color: #999;
857
671
 
858
- opacity: 1;
859
- }
672
+ font-size: 13px;
673
+ letter-spacing: 0.5px;
674
+ text-transform: uppercase;
860
675
  }
861
- @keyframes DotsOnImage-module_show__2TMBv {
862
- 0% {
863
- transform: scale(0.4);
676
+ /* menu */
677
+ .Switcher-module_isInMenu__3XJYj {
678
+ font-weight: normal;
679
+ }
680
+ .Switcher-module_isInMenu__3XJYj .Switcher-module_children__147JP {
681
+ margin-right: 8px;
682
+ }
683
+ .Switcher-module_isInMenu__3XJYj .Switcher-module_control__1NTvY {
684
+ width: 48px;
685
+ height: 30px;
686
+ }
687
+ .Switcher-module_isInMenu__3XJYj .Switcher-module_knob__3kEy5 {
688
+ top: 4px;
864
689
 
865
- opacity: 0;
866
- }
690
+ width: 22px;
691
+ height: 22px;
867
692
 
868
- 90% {
869
- transform: scale(1.1);
693
+ background-color: #bababa;
694
+ }
695
+ /* stylelint-disable selector-max-compound-selectors */
696
+ .Switcher-module_isInMenu__3XJYj input:checked ~ .Switcher-module_control__1NTvY .Switcher-module_knob__3kEy5 {
697
+ left: 23px;
870
698
 
871
- opacity: 1;
872
- }
699
+ background-color: #fff;
700
+ }
701
+ /* live */
702
+ .Switcher-module_isInLive__2cLui .Switcher-module_children__147JP {
873
703
 
874
- 100% {
875
- transform: scale(1);
704
+ color: #7f7f7f;
876
705
 
877
- opacity: 1;
878
- }
706
+ font-size: 13px;
707
+ letter-spacing: 0.5px;
708
+ text-transform: uppercase;
709
+ }
710
+ .Switcher-module_isInMenu__3XJYj .Switcher-module_control__1NTvY {
711
+ background-color: #1a1a1a;
712
+ box-shadow: inset 0 0 0 1px #323232;
879
713
  }
880
714
 
881
715
  /* Colors */
@@ -895,143 +729,6 @@
895
729
  display: block;
896
730
  }
897
731
 
898
- /* Colors */
899
- /* Fonts */
900
- /* Gap */
901
- /* Media */
902
- /* 512 */
903
- /* 650 */
904
- /* 768 */
905
- /* 1024 */
906
- /* 1010 */
907
- /* 1200 */
908
- /* 511 */
909
- /* 1023 */
910
- /* Zindex */
911
- .Tag-module_root__3IqWC {
912
- display: inline-block;
913
-
914
- cursor: default;
915
- -webkit-user-select: none;
916
- -moz-user-select: none;
917
- -ms-user-select: none;
918
- user-select: none;
919
- vertical-align: middle;
920
- letter-spacing: 1px;
921
- text-transform: uppercase;
922
-
923
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
924
- font-size: 12px;
925
- font-weight: 600;
926
- line-height: 12px;
927
- }
928
- .Tag-module_small__2IAb7 {
929
- font-size: 12px;
930
- line-height: 12px
931
- }
932
- @media only screen and (min-width: 64em) {
933
- .Tag-module_small__2IAb7 {
934
- line-height: 14px
935
- }
936
- }
937
- @media only screen and (min-width: 64em) {
938
- .Tag-module_large__22z_o {
939
- letter-spacing: 1px;
940
-
941
- font-size: 14px;
942
- line-height: 16px
943
- }
944
- }
945
- .Tag-module_dark__sgnt1 {
946
- color: #000;
947
- }
948
- .Tag-module_light__1zUhp {
949
- color: #fff;
950
- }
951
- .Tag-module_gold__2ksA7 {
952
- color: #b88b59;
953
- }
954
- .Tag-module_gray__mGAO_ {
955
- color: #757575;
956
- }
957
- .Tag-module_inherit__2QB5U {
958
- color: inherit;
959
- }
960
- @media only screen and (min-width: 64em) {
961
- .Tag-module_is1to1__3EDbC,
962
- .Tag-module_is1to2__3xbC6,
963
- .Tag-module_isInSuperBlock__38JE0 {
964
- letter-spacing: 1px;
965
-
966
- font-size: 12px;
967
- line-height: 20px
968
- }
969
- }
970
- @media only screen and (min-width: 64em) {
971
- .Tag-module_is1to3__3j5K-,
972
- .Tag-module_is1to4__2vq4r {
973
- letter-spacing: 0.5px;
974
-
975
- font-size: 10px;
976
- line-height: 15px
977
- }
978
- }
979
- @media only screen and (min-width: 32em) {
980
- .Tag-module_slide__2nMDw,
981
- .Tag-module_game__3j5yG {
982
- width: 100%;
983
-
984
- text-align: center
985
- }
986
- }
987
- .Tag-module_richRelated__2vbQQ {
988
- font-size: 12px;
989
- line-height: 17px
990
- }
991
- @media only screen and (min-width: 64em) {
992
- .Tag-module_richRelated__2vbQQ {
993
- font-size: 14px;
994
- line-height: 20px
995
- }
996
- }
997
- .Tag-module_slide__2nMDw,
998
- .Tag-module_game__3j5yG,
999
- .Tag-module_card__1EAeF,
1000
- .Tag-module_live__rwXuR,
1001
- .Tag-module_episode__3o6gg,
1002
- .Tag-module_podcast__VPoll,
1003
- .Tag-module_rich__2URd9,
1004
- .Tag-module_isInDynamicBlock__1YM9I {
1005
- margin-bottom: 6px;
1006
-
1007
- line-height: 10px
1008
- }
1009
- @media only screen and (min-width: 32em) {
1010
- .Tag-module_slide__2nMDw,
1011
- .Tag-module_game__3j5yG,
1012
- .Tag-module_card__1EAeF,
1013
- .Tag-module_live__rwXuR,
1014
- .Tag-module_episode__3o6gg,
1015
- .Tag-module_podcast__VPoll,
1016
- .Tag-module_rich__2URd9,
1017
- .Tag-module_isInDynamicBlock__1YM9I {
1018
- margin-bottom: 10px
1019
- }
1020
- }
1021
- @media only screen and (min-width: 32em) {
1022
- .Tag-module_mobile__QQxuv {
1023
- display: none
1024
- }
1025
- }
1026
- .Tag-module_desktop__1Bjsy {
1027
- display: none
1028
- }
1029
- @media only screen and (min-width: 32em) {
1030
- .Tag-module_desktop__1Bjsy {
1031
- display: block
1032
- }
1033
- }
1034
-
1035
732
  /* Colors */
1036
733
  /* Fonts */
1037
734
  /* Gap */
@@ -1285,50 +982,322 @@
1285
982
  border-right: 1px solid rgba(232, 232, 232, 1);
1286
983
  border-bottom: 1px solid rgba(232, 232, 232, 1);
1287
984
 
1288
- font-size: 10px;
1289
- font-weight: 600;
1290
- line-height: 16px
985
+ font-size: 10px;
986
+ font-weight: 600;
987
+ line-height: 16px
988
+ }
989
+ @media only screen and (min-width: 32em) {
990
+ .Table-module_header__1exlo {
991
+ max-width: none;
992
+ padding: 9px 12px;
993
+
994
+ line-height: 11px
995
+ }
996
+ }
997
+ .Table-module_s__Vl_Eg {
998
+ min-width: 120px
999
+ }
1000
+ @media only screen and (min-width: 32em) {
1001
+ .Table-module_s__Vl_Eg {
1002
+ width: 18%;
1003
+ min-width: 0
1004
+ }
1005
+ }
1006
+ .Table-module_m__29G9r {
1007
+ min-width: 200px
1008
+ }
1009
+ @media only screen and (min-width: 32em) {
1010
+ .Table-module_m__29G9r {
1011
+ width: 30%;
1012
+ min-width: 0
1013
+ }
1014
+
1015
+ }
1016
+ .Table-module_l__1ZSMc {
1017
+ min-width: 336px
1018
+ }
1019
+ @media only screen and (min-width: 32em) {
1020
+ .Table-module_l__1ZSMc {
1021
+ width: 50%;
1022
+ min-width: 0
1023
+ }
1024
+ }
1025
+ .Table-module_xs__au2Oe {
1026
+ width: 50px;
1027
+ min-width: 50px;
1028
+ }
1029
+
1030
+ /* Colors */
1031
+ /* Fonts */
1032
+ /* Gap */
1033
+ /* Media */
1034
+ /* 512 */
1035
+ /* 650 */
1036
+ /* 768 */
1037
+ /* 1024 */
1038
+ /* 1010 */
1039
+ /* 1200 */
1040
+ /* 511 */
1041
+ /* 1023 */
1042
+ /* Zindex */
1043
+ .MaterialNote-module_root__1AcYe {
1044
+ margin-bottom: 17px;
1045
+
1046
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1047
+ font-size: 16px;
1048
+ line-height: 22px;
1049
+ }
1050
+ .MaterialNote-module_root__1AcYe:empty {
1051
+ margin-bottom: 0;
1052
+ }
1053
+ .MaterialNote-module_root__1AcYe:empty::before {
1054
+ margin-bottom: 9px;
1055
+ }
1056
+ .MaterialNote-module_root__1AcYe::before {
1057
+ display: block;
1058
+
1059
+ width: 120px;
1060
+ height: 1px;
1061
+ margin-bottom: 15px;
1062
+
1063
+ content: '';
1064
+
1065
+ background: #000;
1066
+ }
1067
+ .MaterialNote-module_root__1AcYe p {
1068
+ margin-top: 8px;
1069
+ margin-bottom: 0;
1070
+ }
1071
+ .MaterialNote-module_root__1AcYe a {
1072
+ text-decoration: none;
1073
+
1074
+ color: inherit;
1075
+ box-shadow: inset 0 -1px;
1076
+ }
1077
+ .MaterialNote-module_root__1AcYe a:hover {
1078
+ color: #b88b59;
1079
+ }
1080
+ .MaterialNote-module_dark__xCry-::before {
1081
+ background-color: #4f4f4f;
1082
+ }
1083
+ .MaterialNote-module_note_credit__PuFyX {
1084
+ color: #666;
1085
+
1086
+ font-size: 12px;
1087
+ line-height: 15px;
1088
+ }
1089
+ .MaterialNote-module_root__1AcYe .MaterialNote-module_note_credit__PuFyX {
1090
+ margin-top: 6px;
1091
+ }
1092
+ .MaterialNote-module_note_credit__PuFyX:only-child {
1093
+ margin-top: 0;
1094
+ }
1095
+ .MaterialNote-module_note_caption__1ezSo b {
1096
+ font-weight: bold;
1097
+ }
1098
+ .MaterialNote-module_center__18RxI {
1099
+ max-width: 650px;
1100
+ margin-right: auto;
1101
+ margin-left: auto;
1102
+ }
1103
+ .MaterialNote-module_center__18RxI,
1104
+ .MaterialNote-module_default__1lQPl {
1105
+ margin-top: 25px
1106
+ }
1107
+ @media only screen and (min-width: 32em) {
1108
+ .MaterialNote-module_center__18RxI,
1109
+ .MaterialNote-module_default__1lQPl {
1110
+ margin-top: 45px
1111
+ }
1112
+ }
1113
+ .MaterialNote-module_card__OWXbQ:empty,
1114
+ .MaterialNote-module_slide__1ZBBq:empty,
1115
+ .MaterialNote-module_game__cADMe:empty {
1116
+ display: none;
1117
+ }
1118
+ .MaterialNote-module_slide__1ZBBq::before,
1119
+ .MaterialNote-module_card__OWXbQ::before,
1120
+ .MaterialNote-module_game__cADMe::before {
1121
+ content: none;
1122
+ }
1123
+ .MaterialNote-module_gameSurvey__3SiG-,
1124
+ .MaterialNote-module_gameSurvey__3SiG-:empty {
1125
+ display: block;
1126
+ }
1127
+ .MaterialNote-module_gameSurvey__3SiG-::before {
1128
+ margin-right: auto;
1129
+ margin-left: auto;
1130
+
1131
+ content: '';
1132
+ }
1133
+ .MaterialNote-module_slide__1ZBBq .MaterialNote-module_note_caption__1ezSo,
1134
+ .MaterialNote-module_card__OWXbQ .MaterialNote-module_note_caption__1ezSo,
1135
+ .MaterialNote-module_game__cADMe .MaterialNote-module_note_caption__1ezSo {
1136
+ margin-top: 0;
1137
+ }
1138
+ .MaterialNote-module_game__cADMe {
1139
+ margin-bottom: 0;
1140
+
1141
+ text-align: center
1142
+ }
1143
+ @media only screen and (min-width: 32em) {
1144
+ .MaterialNote-module_game__cADMe {
1145
+ margin-top: 25px
1146
+ }
1147
+ }
1148
+ @media only screen and (max-width: 32.1875em) {
1149
+ .MaterialNote-module_game__cADMe.MaterialNote-module_dark__xCry- .MaterialNote-module_note_credit__PuFyX {
1150
+ color: #fff
1151
+ }
1152
+ }
1153
+ .MaterialNote-module_slide__1ZBBq,
1154
+ .MaterialNote-module_card__OWXbQ {
1155
+ margin-bottom: 9px;
1156
+ padding-top: 8px
1157
+ }
1158
+ @media only screen and (min-width: 32em) {
1159
+ .MaterialNote-module_slide__1ZBBq,
1160
+ .MaterialNote-module_card__OWXbQ {
1161
+ margin-bottom: 16px
1162
+ }
1163
+ }
1164
+
1165
+ /* Colors */
1166
+ /* Fonts */
1167
+ /* Gap */
1168
+ /* Media */
1169
+ /* 512 */
1170
+ /* 650 */
1171
+ /* 768 */
1172
+ /* 1024 */
1173
+ /* 1010 */
1174
+ /* 1200 */
1175
+ /* 511 */
1176
+ /* 1023 */
1177
+ /* Zindex */
1178
+ .Tag-module_root__3IqWC {
1179
+ display: inline-block;
1180
+
1181
+ cursor: default;
1182
+ -webkit-user-select: none;
1183
+ -moz-user-select: none;
1184
+ -ms-user-select: none;
1185
+ user-select: none;
1186
+ vertical-align: middle;
1187
+ letter-spacing: 1px;
1188
+ text-transform: uppercase;
1189
+
1190
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1191
+ font-size: 12px;
1192
+ font-weight: 600;
1193
+ line-height: 12px;
1194
+ }
1195
+ .Tag-module_small__2IAb7 {
1196
+ font-size: 12px;
1197
+ line-height: 12px
1198
+ }
1199
+ @media only screen and (min-width: 64em) {
1200
+ .Tag-module_small__2IAb7 {
1201
+ line-height: 14px
1202
+ }
1203
+ }
1204
+ @media only screen and (min-width: 64em) {
1205
+ .Tag-module_large__22z_o {
1206
+ letter-spacing: 1px;
1207
+
1208
+ font-size: 14px;
1209
+ line-height: 16px
1210
+ }
1211
+ }
1212
+ .Tag-module_dark__sgnt1 {
1213
+ color: #000;
1214
+ }
1215
+ .Tag-module_light__1zUhp {
1216
+ color: #fff;
1217
+ }
1218
+ .Tag-module_gold__2ksA7 {
1219
+ color: #b88b59;
1220
+ }
1221
+ .Tag-module_gray__mGAO_ {
1222
+ color: #757575;
1223
+ }
1224
+ .Tag-module_inherit__2QB5U {
1225
+ color: inherit;
1226
+ }
1227
+ @media only screen and (min-width: 64em) {
1228
+ .Tag-module_is1to1__3EDbC,
1229
+ .Tag-module_is1to2__3xbC6,
1230
+ .Tag-module_isInSuperBlock__38JE0 {
1231
+ letter-spacing: 1px;
1232
+
1233
+ font-size: 12px;
1234
+ line-height: 20px
1235
+ }
1236
+ }
1237
+ @media only screen and (min-width: 64em) {
1238
+ .Tag-module_is1to3__3j5K-,
1239
+ .Tag-module_is1to4__2vq4r {
1240
+ letter-spacing: 0.5px;
1241
+
1242
+ font-size: 10px;
1243
+ line-height: 15px
1291
1244
  }
1245
+ }
1292
1246
  @media only screen and (min-width: 32em) {
1293
- .Table-module_header__1exlo {
1294
- max-width: none;
1295
- padding: 9px 12px;
1247
+ .Tag-module_slide__2nMDw,
1248
+ .Tag-module_game__3j5yG {
1249
+ width: 100%;
1296
1250
 
1297
- line-height: 11px
1251
+ text-align: center
1298
1252
  }
1299
1253
  }
1300
- .Table-module_s__Vl_Eg {
1301
- min-width: 120px
1254
+ .Tag-module_richRelated__2vbQQ {
1255
+ font-size: 12px;
1256
+ line-height: 17px
1302
1257
  }
1303
- @media only screen and (min-width: 32em) {
1304
- .Table-module_s__Vl_Eg {
1305
- width: 18%;
1306
- min-width: 0
1258
+ @media only screen and (min-width: 64em) {
1259
+ .Tag-module_richRelated__2vbQQ {
1260
+ font-size: 14px;
1261
+ line-height: 20px
1307
1262
  }
1308
1263
  }
1309
- .Table-module_m__29G9r {
1310
- min-width: 200px
1264
+ .Tag-module_slide__2nMDw,
1265
+ .Tag-module_game__3j5yG,
1266
+ .Tag-module_card__1EAeF,
1267
+ .Tag-module_live__rwXuR,
1268
+ .Tag-module_episode__3o6gg,
1269
+ .Tag-module_podcast__VPoll,
1270
+ .Tag-module_rich__2URd9,
1271
+ .Tag-module_isInDynamicBlock__1YM9I {
1272
+ margin-bottom: 6px;
1273
+
1274
+ line-height: 10px
1311
1275
  }
1312
1276
  @media only screen and (min-width: 32em) {
1313
- .Table-module_m__29G9r {
1314
- width: 30%;
1315
- min-width: 0
1277
+ .Tag-module_slide__2nMDw,
1278
+ .Tag-module_game__3j5yG,
1279
+ .Tag-module_card__1EAeF,
1280
+ .Tag-module_live__rwXuR,
1281
+ .Tag-module_episode__3o6gg,
1282
+ .Tag-module_podcast__VPoll,
1283
+ .Tag-module_rich__2URd9,
1284
+ .Tag-module_isInDynamicBlock__1YM9I {
1285
+ margin-bottom: 10px
1316
1286
  }
1317
-
1318
1287
  }
1319
- .Table-module_l__1ZSMc {
1320
- min-width: 336px
1321
- }
1322
1288
  @media only screen and (min-width: 32em) {
1323
- .Table-module_l__1ZSMc {
1324
- width: 50%;
1325
- min-width: 0
1289
+ .Tag-module_mobile__QQxuv {
1290
+ display: none
1326
1291
  }
1327
1292
  }
1328
- .Table-module_xs__au2Oe {
1329
- width: 50px;
1330
- min-width: 50px;
1293
+ .Tag-module_desktop__1Bjsy {
1294
+ display: none
1331
1295
  }
1296
+ @media only screen and (min-width: 32em) {
1297
+ .Tag-module_desktop__1Bjsy {
1298
+ display: block
1299
+ }
1300
+ }
1332
1301
 
1333
1302
  /* Colors */
1334
1303
  /* Fonts */
@@ -1436,127 +1405,50 @@
1436
1405
  /* 511 */
1437
1406
  /* 1023 */
1438
1407
  /* Zindex */
1439
- .MaterialNote-module_root__1AcYe {
1440
- margin-bottom: 17px;
1441
-
1442
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1443
- font-size: 16px;
1444
- line-height: 22px;
1445
- }
1446
- .MaterialNote-module_root__1AcYe:empty {
1447
- margin-bottom: 0;
1448
- }
1449
- .MaterialNote-module_root__1AcYe:empty::before {
1450
- margin-bottom: 9px;
1408
+ .BookmarkButton-module_root__3KmuY {
1409
+ color: #e0e0e0;
1451
1410
  }
1452
- .MaterialNote-module_root__1AcYe::before {
1453
- display: block;
1411
+ .BookmarkButton-module_control__1A0ea {
1412
+ margin: 0;
1413
+ padding: 5px 3px;
1454
1414
 
1455
- width: 120px;
1456
- height: 1px;
1457
- margin-bottom: 15px;
1415
+ cursor: pointer;
1458
1416
 
1459
- content: '';
1417
+ color: inherit;
1418
+ border-width: 0;
1419
+ outline: none;
1420
+ background-color: transparent;
1460
1421
 
1461
- background: #000;
1462
- }
1463
- .MaterialNote-module_root__1AcYe p {
1464
- margin-top: 8px;
1465
- margin-bottom: 0;
1466
- }
1467
- .MaterialNote-module_root__1AcYe a {
1468
- text-decoration: none;
1422
+ -webkit-appearance: none;
1469
1423
 
1470
- color: inherit;
1471
- box-shadow: inset 0 -1px;
1472
- }
1473
- .MaterialNote-module_root__1AcYe a:hover {
1474
- color: #b88b59;
1475
- }
1476
- .MaterialNote-module_dark__xCry-::before {
1477
- background-color: #4f4f4f;
1478
- }
1479
- .MaterialNote-module_note_credit__PuFyX {
1480
- color: #666;
1424
+ -moz-appearance: none;
1481
1425
 
1482
- font-size: 12px;
1483
- line-height: 15px;
1426
+ appearance: none;
1427
+ fill: transparent;
1484
1428
  }
1485
- .MaterialNote-module_root__1AcYe .MaterialNote-module_note_credit__PuFyX {
1486
- margin-top: 6px;
1429
+ .BookmarkButton-module_dark__1cwyi {
1430
+ color: #fff;
1487
1431
  }
1488
- .MaterialNote-module_note_credit__PuFyX:only-child {
1489
- margin-top: 0;
1432
+ .BookmarkButton-module_light__1uQyH {
1433
+ color: #000;
1490
1434
  }
1491
- .MaterialNote-module_note_caption__1ezSo b {
1492
- font-weight: bold;
1435
+ .BookmarkButton-module_isInBookmarks__1_5kB .BookmarkButton-module_control__1A0ea {
1436
+ fill: #e0e0e0;
1493
1437
  }
1494
- .MaterialNote-module_center__18RxI {
1495
- max-width: 650px;
1496
- margin-right: auto;
1497
- margin-left: auto;
1438
+ .BookmarkButton-module_isInBookmarks__1_5kB.BookmarkButton-module_dark__1cwyi .BookmarkButton-module_control__1A0ea {
1439
+ fill: #fff;
1498
1440
  }
1499
- .MaterialNote-module_center__18RxI,
1500
- .MaterialNote-module_default__1lQPl {
1501
- margin-top: 25px
1441
+ .BookmarkButton-module_isInBookmarks__1_5kB.BookmarkButton-module_light__1uQyH .BookmarkButton-module_control__1A0ea {
1442
+ fill: #000;
1502
1443
  }
1503
- @media only screen and (min-width: 32em) {
1504
- .MaterialNote-module_center__18RxI,
1505
- .MaterialNote-module_default__1lQPl {
1506
- margin-top: 45px
1444
+ @media only screen and (min-width: 64em) {
1445
+ .BookmarkButton-module_isInGrid__2pQ2B .BookmarkButton-module_control__1A0ea svg {
1446
+ width: 12px
1507
1447
  }
1508
1448
  }
1509
- .MaterialNote-module_card__OWXbQ:empty,
1510
- .MaterialNote-module_slide__1ZBBq:empty,
1511
- .MaterialNote-module_game__cADMe:empty {
1449
+ [data-context='prodano'] .BookmarkButton-module_root__3KmuY {
1512
1450
  display: none;
1513
1451
  }
1514
- .MaterialNote-module_slide__1ZBBq::before,
1515
- .MaterialNote-module_card__OWXbQ::before,
1516
- .MaterialNote-module_game__cADMe::before {
1517
- content: none;
1518
- }
1519
- .MaterialNote-module_gameSurvey__3SiG-,
1520
- .MaterialNote-module_gameSurvey__3SiG-:empty {
1521
- display: block;
1522
- }
1523
- .MaterialNote-module_gameSurvey__3SiG-::before {
1524
- margin-right: auto;
1525
- margin-left: auto;
1526
-
1527
- content: '';
1528
- }
1529
- .MaterialNote-module_slide__1ZBBq .MaterialNote-module_note_caption__1ezSo,
1530
- .MaterialNote-module_card__OWXbQ .MaterialNote-module_note_caption__1ezSo,
1531
- .MaterialNote-module_game__cADMe .MaterialNote-module_note_caption__1ezSo {
1532
- margin-top: 0;
1533
- }
1534
- .MaterialNote-module_game__cADMe {
1535
- margin-bottom: 0;
1536
-
1537
- text-align: center
1538
- }
1539
- @media only screen and (min-width: 32em) {
1540
- .MaterialNote-module_game__cADMe {
1541
- margin-top: 25px
1542
- }
1543
- }
1544
- @media only screen and (max-width: 32.1875em) {
1545
- .MaterialNote-module_game__cADMe.MaterialNote-module_dark__xCry- .MaterialNote-module_note_credit__PuFyX {
1546
- color: #fff
1547
- }
1548
- }
1549
- .MaterialNote-module_slide__1ZBBq,
1550
- .MaterialNote-module_card__OWXbQ {
1551
- margin-bottom: 9px;
1552
- padding-top: 8px
1553
- }
1554
- @media only screen and (min-width: 32em) {
1555
- .MaterialNote-module_slide__1ZBBq,
1556
- .MaterialNote-module_card__OWXbQ {
1557
- margin-bottom: 16px
1558
- }
1559
- }
1560
1452
 
1561
1453
  /* Colors */
1562
1454
  /* Fonts */
@@ -1615,49 +1507,157 @@
1615
1507
  /* 511 */
1616
1508
  /* 1023 */
1617
1509
  /* Zindex */
1618
- .BookmarkButton-module_root__3KmuY {
1619
- color: #e0e0e0;
1510
+ .DotsOnImage-module_root__2XP3Q {
1511
+ position: relative;
1512
+
1513
+ display: block;
1514
+
1515
+ width: 100%;
1620
1516
  }
1621
- .BookmarkButton-module_control__1A0ea {
1622
- margin: 0;
1623
- padding: 5px 3px;
1517
+ .DotsOnImage-module_isVisible__Wqqqt .DotsOnImage-module_marker__lH5cP {
1518
+ -webkit-animation: DotsOnImage-module_show__2TMBv 400ms ease both 500ms;
1519
+ animation: DotsOnImage-module_show__2TMBv 400ms ease both 500ms;
1520
+ }
1521
+ .DotsOnImage-module_dot__H1wua {
1522
+ position: absolute;
1523
+ z-index: 10;
1524
+
1525
+ display: -webkit-box;
1526
+
1527
+ display: -webkit-flex;
1528
+
1529
+ display: -ms-flexbox;
1530
+
1531
+ display: flex;
1532
+ align-items: center;
1533
+ flex-flow: row nowrap;
1534
+ justify-content: center;
1535
+
1536
+ width: 28px;
1537
+ height: 28px;
1538
+
1539
+ will-change: opacity;
1540
+ }
1541
+ .DotsOnImage-module_marker__lH5cP {
1542
+ width: 20px;
1543
+ height: 20px;
1544
+ padding: 0;
1624
1545
 
1625
1546
  cursor: pointer;
1547
+ text-align: center;
1548
+
1549
+ opacity: 0;
1550
+ color: #fff;
1551
+ border-width: 0;
1552
+ border-radius: 30px;
1553
+ outline-width: 0;
1554
+ background-color: #000;
1555
+ box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
1626
1556
 
1627
- color: inherit;
1628
- border-width: 0;
1629
- outline: none;
1630
- background-color: transparent;
1557
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1558
+ font-size: 9px;
1559
+ font-weight: 600;
1560
+ line-height: 22px;
1631
1561
 
1632
1562
  -webkit-appearance: none;
1633
1563
 
1634
1564
  -moz-appearance: none;
1635
1565
 
1636
1566
  appearance: none;
1637
- fill: transparent;
1567
+ will-change: opacity;
1568
+ -webkit-tap-highlight-color: transparent
1638
1569
  }
1639
- .BookmarkButton-module_dark__1cwyi {
1640
- color: #fff;
1570
+ @media only screen and (min-width: 32em) {
1571
+ .DotsOnImage-module_marker__lH5cP {
1572
+ width: 28px;
1573
+ height: 28px;
1574
+
1575
+ font-size: 13px;
1576
+ line-height: 28px
1641
1577
  }
1642
- .BookmarkButton-module_light__1uQyH {
1643
- color: #000;
1578
+ }
1579
+ .DotsOnImage-module_marker__lH5cP::after {
1580
+ position: absolute;
1581
+ top: -5px;
1582
+ right: -5px;
1583
+ bottom: -5px;
1584
+ left: -5px;
1585
+
1586
+ content: ''
1644
1587
  }
1645
- .BookmarkButton-module_isInBookmarks__1_5kB .BookmarkButton-module_control__1A0ea {
1646
- fill: #e0e0e0;
1588
+ @media only screen and (min-width: 32em) {
1589
+ .DotsOnImage-module_marker__lH5cP::after {
1590
+ content: none
1647
1591
  }
1648
- .BookmarkButton-module_isInBookmarks__1_5kB.BookmarkButton-module_dark__1cwyi .BookmarkButton-module_control__1A0ea {
1649
- fill: #fff;
1592
+ }
1593
+ .DotsOnImage-module_marker__lH5cP svg {
1594
+ display: block;
1595
+
1596
+ width: 100%;
1597
+ height: 100%;
1598
+
1599
+ will-change: opacity;
1650
1600
  }
1651
- .BookmarkButton-module_isInBookmarks__1_5kB.BookmarkButton-module_light__1uQyH .BookmarkButton-module_control__1A0ea {
1652
- fill: #000;
1601
+ .DotsOnImage-module_marker__lH5cP:hover {
1602
+ box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
1653
1603
  }
1654
- @media only screen and (min-width: 64em) {
1655
- .BookmarkButton-module_isInGrid__2pQ2B .BookmarkButton-module_control__1A0ea svg {
1656
- width: 12px
1604
+ .DotsOnImage-module_marker__lH5cP.DotsOnImage-module_isActive__3hh31 {
1605
+ box-shadow: 0 0 8px rgba(0, 0, 0, 0.2), 0 0 0 1px #fff;
1606
+ }
1607
+ .DotsOnImage-module_popover__35Cpj {
1608
+ position: absolute;
1609
+ z-index: 10;
1610
+ }
1611
+ .DotsOnImage-module_popover__35Cpj.DotsOnImage-module_isRight__2RsJe.DotsOnImage-module_isTop__3zmSK {
1612
+ transform: translateX(50px);
1657
1613
  }
1614
+ .DotsOnImage-module_popover__35Cpj.DotsOnImage-module_isLeft__3quc9.DotsOnImage-module_isTop__3zmSK {
1615
+ transform: translateX(-100%) translateX(-22px);
1616
+ }
1617
+ .DotsOnImage-module_popover__35Cpj.DotsOnImage-module_isRight__2RsJe.DotsOnImage-module_isBottom__3Nk1T {
1618
+ transform: translateX(50px) translateY(-100%) translateY(22px);
1619
+ }
1620
+ .DotsOnImage-module_popover__35Cpj.DotsOnImage-module_isLeft__3quc9.DotsOnImage-module_isBottom__3Nk1T {
1621
+ transform: translateX(-100%) translateX(-22px) translateY(-100%)
1622
+ translateY(22px);
1623
+ }
1624
+ @-webkit-keyframes DotsOnImage-module_show__2TMBv {
1625
+ 0% {
1626
+ transform: scale(0.4);
1627
+
1628
+ opacity: 0;
1629
+ }
1630
+
1631
+ 90% {
1632
+ transform: scale(1.1);
1633
+
1634
+ opacity: 1;
1635
+ }
1636
+
1637
+ 100% {
1638
+ transform: scale(1);
1639
+
1640
+ opacity: 1;
1641
+ }
1642
+ }
1643
+ @keyframes DotsOnImage-module_show__2TMBv {
1644
+ 0% {
1645
+ transform: scale(0.4);
1646
+
1647
+ opacity: 0;
1648
+ }
1649
+
1650
+ 90% {
1651
+ transform: scale(1.1);
1652
+
1653
+ opacity: 1;
1654
+ }
1655
+
1656
+ 100% {
1657
+ transform: scale(1);
1658
+
1659
+ opacity: 1;
1658
1660
  }
1659
- [data-context='prodano'] .BookmarkButton-module_root__3KmuY {
1660
- display: none;
1661
1661
  }
1662
1662
 
1663
1663
  /* Colors */
@@ -1745,150 +1745,7 @@
1745
1745
  bottom: -10px;
1746
1746
  left: -10px;
1747
1747
 
1748
- content: '';
1749
- }
1750
-
1751
- /* Colors */
1752
- /* Fonts */
1753
- /* Gap */
1754
- /* Media */
1755
- /* 512 */
1756
- /* 650 */
1757
- /* 768 */
1758
- /* 1024 */
1759
- /* 1010 */
1760
- /* 1200 */
1761
- /* 511 */
1762
- /* 1023 */
1763
- /* Zindex */
1764
- .Toolbar-module_root__2HF2r {
1765
- overflow: hidden;
1766
-
1767
- transform: translateZ(0);
1768
-
1769
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1770
- }
1771
- .Toolbar-module_list__1n5ny {
1772
- display: -webkit-box;
1773
- display: -webkit-flex;
1774
- display: -ms-flexbox;
1775
- display: flex;
1776
- flex-flow: row wrap;
1777
-
1778
- margin: 0 0 0 -10px;
1779
- padding: 0;
1780
-
1781
- list-style: none
1782
- }
1783
- @media only screen and (min-width: 64em) {
1784
- .Toolbar-module_list__1n5ny {
1785
- margin: 0 0 0 -15px
1786
- }
1787
- }
1788
- .Toolbar-module_item__36x7d {
1789
- position: relative;
1790
-
1791
- min-width: 42px;
1792
- height: 32px;
1793
- padding-right: 10px;
1794
- padding-left: 10px;
1795
-
1796
- cursor: pointer;
1797
- transition: color 250ms ease;
1798
- text-align: center;
1799
-
1800
- color: #808080;
1801
-
1802
- line-height: 1
1803
- }
1804
- @media only screen and (min-width: 64em) {
1805
- .Toolbar-module_item__36x7d {
1806
- padding-right: 15px;
1807
- padding-left: 15px
1808
- }
1809
- }
1810
- .Toolbar-module_item__36x7d:last-child {
1811
- margin-right: 0;
1812
- }
1813
- .Toolbar-module_item__36x7d::before {
1814
- position: absolute;
1815
- top: 7px;
1816
- left: 0;
1817
-
1818
- height: 18px;
1819
-
1820
- content: '';
1821
- vertical-align: middle;
1822
-
1823
- border-left: 1px solid rgba(0, 0, 0, 0.15);
1824
- }
1825
- .Toolbar-module_item__36x7d:empty {
1826
- display: none;
1827
- }
1828
- .Toolbar-module_isInTopbar__223iP {
1829
- height: 100%;
1830
- }
1831
- .Toolbar-module_isInTopbar__223iP .Toolbar-module_item__36x7d {
1832
- height: 100%;
1833
- }
1834
- .Toolbar-module_center__3_H8M {
1835
- width: 100%;
1836
- max-width: 650px;
1837
- margin-right: auto;
1838
- margin-left: auto;
1839
- }
1840
- .Toolbar-module_game__5-jY_ {
1841
- margin-top: 11px
1842
- }
1843
- @media only screen and (min-width: 32em) {
1844
- .Toolbar-module_game__5-jY_ {
1845
- margin-top: 18px
1846
- }
1847
- }
1848
- .Toolbar-module_game__5-jY_ .Toolbar-module_list__1n5ny,
1849
- .Toolbar-module_gameSurvey__1hQEz .Toolbar-module_list__1n5ny {
1850
- justify-content: center
1851
- }
1852
- @media only screen and (min-width: 32em) {
1853
- .Toolbar-module_game__5-jY_ .Toolbar-module_list__1n5ny,
1854
- .Toolbar-module_gameSurvey__1hQEz .Toolbar-module_list__1n5ny {
1855
- display: -webkit-box;
1856
- display: -webkit-flex;
1857
- display: -ms-flexbox;
1858
- display: flex
1859
- }
1860
- }
1861
- .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child {
1862
- width: 260px
1863
- }
1864
- @media only screen and (min-width: 32em) {
1865
- .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child {
1866
- width: auto
1867
- }
1868
- }
1869
- .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child::before {
1870
- content: none
1871
- }
1872
- @media only screen and (min-width: 32em) {
1873
- .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child::before {
1874
- content: ''
1875
- }
1876
- }
1877
- .Toolbar-module_gameSurvey__1hQEz .Toolbar-module_item__36x7d:first-child::before,
1878
- .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:first-child::before {
1879
- content: none;
1880
- }
1881
- @media only screen and (min-width: 64em) {
1882
- .Toolbar-module_game__5-jY_ .Toolbar-module_list__1n5ny,
1883
- .Toolbar-module_gameSurvey__1hQEz .Toolbar-module_list__1n5ny {
1884
- margin-left: 0
1885
- }
1886
- }
1887
- .Toolbar-module_dark__2Ejc9 .Toolbar-module_item__36x7d::before {
1888
- border-left-color: rgba(255, 255, 255, 0.2);
1889
- }
1890
- [data-context="prodano"] .Toolbar-module_root__2HF2r {
1891
- display: none;
1748
+ content: '';
1892
1749
  }
1893
1750
 
1894
1751
  /* Colors */
@@ -2222,6 +2079,167 @@
2222
2079
  }
2223
2080
  }
2224
2081
 
2082
+ /* Colors */
2083
+ /* Fonts */
2084
+ /* Gap */
2085
+ /* Media */
2086
+ /* 512 */
2087
+ /* 650 */
2088
+ /* 768 */
2089
+ /* 1024 */
2090
+ /* 1010 */
2091
+ /* 1200 */
2092
+ /* 511 */
2093
+ /* 1023 */
2094
+ /* Zindex */
2095
+ .Toolbar-module_root__2HF2r {
2096
+ overflow: hidden;
2097
+
2098
+ transform: translateZ(0);
2099
+
2100
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2101
+ }
2102
+ .Toolbar-module_list__1n5ny {
2103
+ display: -webkit-box;
2104
+ display: -webkit-flex;
2105
+ display: -ms-flexbox;
2106
+ display: flex;
2107
+ flex-flow: row wrap;
2108
+
2109
+ margin: 0 0 0 -10px;
2110
+ padding: 0;
2111
+
2112
+ list-style: none
2113
+ }
2114
+ @media only screen and (min-width: 64em) {
2115
+ .Toolbar-module_list__1n5ny {
2116
+ margin: 0 0 0 -15px
2117
+ }
2118
+ }
2119
+ .Toolbar-module_item__36x7d {
2120
+ position: relative;
2121
+
2122
+ min-width: 42px;
2123
+ height: 32px;
2124
+ padding-right: 10px;
2125
+ padding-left: 10px;
2126
+
2127
+ cursor: pointer;
2128
+ transition: color 250ms ease;
2129
+ text-align: center;
2130
+
2131
+ color: #808080;
2132
+
2133
+ line-height: 1
2134
+ }
2135
+ @media only screen and (min-width: 64em) {
2136
+ .Toolbar-module_item__36x7d {
2137
+ padding-right: 15px;
2138
+ padding-left: 15px
2139
+ }
2140
+ }
2141
+ .Toolbar-module_item__36x7d:last-child {
2142
+ margin-right: 0;
2143
+ }
2144
+ .Toolbar-module_item__36x7d::before {
2145
+ position: absolute;
2146
+ top: 7px;
2147
+ left: 0;
2148
+
2149
+ height: 18px;
2150
+
2151
+ content: '';
2152
+ vertical-align: middle;
2153
+
2154
+ border-left: 1px solid rgba(0, 0, 0, 0.15);
2155
+ }
2156
+ .Toolbar-module_item__36x7d:empty {
2157
+ display: none;
2158
+ }
2159
+ .Toolbar-module_isInTopbar__223iP {
2160
+ height: 100%;
2161
+ }
2162
+ .Toolbar-module_isInTopbar__223iP .Toolbar-module_item__36x7d {
2163
+ height: 100%;
2164
+ }
2165
+ .Toolbar-module_center__3_H8M {
2166
+ width: 100%;
2167
+ max-width: 650px;
2168
+ margin-right: auto;
2169
+ margin-left: auto;
2170
+ }
2171
+ .Toolbar-module_game__5-jY_ {
2172
+ margin-top: 11px
2173
+ }
2174
+ @media only screen and (min-width: 32em) {
2175
+ .Toolbar-module_game__5-jY_ {
2176
+ margin-top: 18px
2177
+ }
2178
+ }
2179
+ .Toolbar-module_game__5-jY_ .Toolbar-module_list__1n5ny,
2180
+ .Toolbar-module_gameSurvey__1hQEz .Toolbar-module_list__1n5ny {
2181
+ justify-content: center
2182
+ }
2183
+ @media only screen and (min-width: 32em) {
2184
+ .Toolbar-module_game__5-jY_ .Toolbar-module_list__1n5ny,
2185
+ .Toolbar-module_gameSurvey__1hQEz .Toolbar-module_list__1n5ny {
2186
+ display: -webkit-box;
2187
+ display: -webkit-flex;
2188
+ display: -ms-flexbox;
2189
+ display: flex
2190
+ }
2191
+ }
2192
+ .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child {
2193
+ width: 260px
2194
+ }
2195
+ @media only screen and (min-width: 32em) {
2196
+ .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child {
2197
+ width: auto
2198
+ }
2199
+ }
2200
+ .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child::before {
2201
+ content: none
2202
+ }
2203
+ @media only screen and (min-width: 32em) {
2204
+ .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child::before {
2205
+ content: ''
2206
+ }
2207
+ }
2208
+ .Toolbar-module_gameSurvey__1hQEz .Toolbar-module_item__36x7d:first-child::before,
2209
+ .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:first-child::before {
2210
+ content: none;
2211
+ }
2212
+ @media only screen and (min-width: 64em) {
2213
+ .Toolbar-module_game__5-jY_ .Toolbar-module_list__1n5ny,
2214
+ .Toolbar-module_gameSurvey__1hQEz .Toolbar-module_list__1n5ny {
2215
+ margin-left: 0
2216
+ }
2217
+ }
2218
+ .Toolbar-module_dark__2Ejc9 .Toolbar-module_item__36x7d::before {
2219
+ border-left-color: rgba(255, 255, 255, 0.2);
2220
+ }
2221
+ [data-context="prodano"] .Toolbar-module_root__2HF2r {
2222
+ display: none;
2223
+ }
2224
+
2225
+ /* Colors */
2226
+ /* Fonts */
2227
+ /* Gap */
2228
+ /* Media */
2229
+ /* 512 */
2230
+ /* 650 */
2231
+ /* 768 */
2232
+ /* 1024 */
2233
+ /* 1010 */
2234
+ /* 1200 */
2235
+ /* 511 */
2236
+ /* 1023 */
2237
+ /* Zindex */
2238
+ .Timestamp-module_root__coOvT {
2239
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2240
+ font-weight: normal;
2241
+ }
2242
+
2225
2243
  /* Colors */
2226
2244
  /* Fonts */
2227
2245
  /* Gap */
@@ -2370,24 +2388,6 @@
2370
2388
  }
2371
2389
  }
2372
2390
 
2373
- /* Colors */
2374
- /* Fonts */
2375
- /* Gap */
2376
- /* Media */
2377
- /* 512 */
2378
- /* 650 */
2379
- /* 768 */
2380
- /* 1024 */
2381
- /* 1010 */
2382
- /* 1200 */
2383
- /* 511 */
2384
- /* 1023 */
2385
- /* Zindex */
2386
- .Timestamp-module_root__coOvT {
2387
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2388
- font-weight: normal;
2389
- }
2390
-
2391
2391
  /* Colors */
2392
2392
  /* Fonts */
2393
2393
  /* Gap */
@@ -2754,112 +2754,41 @@
2754
2754
  margin: auto;
2755
2755
  padding-top: 0;
2756
2756
 
2757
- border-top: 1px solid #e6e6e6
2758
- }
2759
- }
2760
- .HalfBlock-module_image__2lYel {
2761
- flex-grow: 1;
2762
-
2763
- margin: 0 -20px 0;
2764
- margin-top: 18px
2765
- }
2766
- @media only screen and (min-width: 32em) {
2767
- .HalfBlock-module_image__2lYel {
2768
- margin: 31px 0 -5px
2769
- }
2770
- }
2771
- @media only screen and (min-width: 64em) {
2772
- .HalfBlock-module_image__2lYel {
2773
- width: 50%;
2774
- margin: 0
2775
- }
2776
- }
2777
- /* VISIBILITY */
2778
- @media only screen and (min-width: 32em) {
2779
- .HalfBlock-module_mobile__2latf {
2780
- display: none
2781
- }
2782
- }
2783
- .HalfBlock-module_desktop__3B1Ej {
2784
- display: none
2785
- }
2786
- @media only screen and (min-width: 32em) {
2787
- .HalfBlock-module_desktop__3B1Ej {
2788
- display: block
2789
- }
2790
- }
2791
-
2792
- /* Colors */
2793
- /* Fonts */
2794
- /* Gap */
2795
- /* Media */
2796
- /* 512 */
2797
- /* 650 */
2798
- /* 768 */
2799
- /* 1024 */
2800
- /* 1010 */
2801
- /* 1200 */
2802
- /* 511 */
2803
- /* 1023 */
2804
- /* Zindex */
2805
- .ImportantLead-module_root__2BdT3 {
2806
- margin: 18px 0;
2807
- padding: 12px 12px 13px;
2808
-
2809
- border: 1px solid rgba(0, 0, 0, 0.08);
2810
- border-radius: 4px;
2811
- border-radius: 8px;
2812
- background: #FFF8C4;
2813
-
2814
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2815
- font-size: 16px;
2816
- font-weight: normal;
2817
- line-height: 20px
2818
- }
2819
- @media only screen and (min-width: 32em) {
2820
- .ImportantLead-module_root__2BdT3 {
2821
- margin: 25px 0;
2822
- padding: 12px 15px 13px;
2823
-
2824
- font-size: 17px;
2825
- line-height: 24px
2826
- }
2827
- }
2828
- .ImportantLead-module_root__2BdT3:last-child {
2829
- margin-bottom: 0;
2830
- }
2831
- .ImportantLead-module_root__2BdT3:first-child {
2832
- margin-top: 0;
2757
+ border-top: 1px solid #e6e6e6
2833
2758
  }
2834
- .ImportantLead-module_root__2BdT3 a {
2835
- color: #000;
2836
- box-shadow: inset 0 -1px #000;
2759
+ }
2760
+ .HalfBlock-module_image__2lYel {
2761
+ flex-grow: 1;
2762
+
2763
+ margin: 0 -20px 0;
2764
+ margin-top: 18px
2837
2765
  }
2838
- .ImportantLead-module_root__2BdT3 a:hover {
2839
- color: #b88b59;
2840
- box-shadow: inset 0 -1px #b88b59;
2766
+ @media only screen and (min-width: 32em) {
2767
+ .HalfBlock-module_image__2lYel {
2768
+ margin: 31px 0 -5px
2841
2769
  }
2842
- .ImportantLead-module_slide__3kQ9x {
2843
- max-width: 650px;
2844
- margin-right: auto;
2845
- margin-left: auto;
2770
+ }
2771
+ @media only screen and (min-width: 64em) {
2772
+ .HalfBlock-module_image__2lYel {
2773
+ width: 50%;
2774
+ margin: 0
2846
2775
  }
2776
+ }
2847
2777
  /* VISIBILITY */
2848
2778
  @media only screen and (min-width: 32em) {
2849
- .ImportantLead-module_mobile__3BXbm {
2779
+ .HalfBlock-module_mobile__2latf {
2850
2780
  display: none
2851
2781
  }
2852
2782
  }
2853
- .ImportantLead-module_desktop__3Zljc {
2783
+ .HalfBlock-module_desktop__3B1Ej {
2854
2784
  display: none
2855
2785
  }
2856
2786
  @media only screen and (min-width: 32em) {
2857
- .ImportantLead-module_desktop__3Zljc {
2787
+ .HalfBlock-module_desktop__3B1Ej {
2858
2788
  display: block
2859
2789
  }
2860
2790
  }
2861
2791
 
2862
-
2863
2792
  /* Colors */
2864
2793
  /* Fonts */
2865
2794
  /* Gap */
@@ -3035,110 +2964,64 @@
3035
2964
  /* 511 */
3036
2965
  /* 1023 */
3037
2966
  /* Zindex */
3038
- .RichTitle-module_root__BK_WT {
3039
- margin: 0 0 18px;
2967
+ .ImportantLead-module_root__2BdT3 {
2968
+ margin: 18px 0;
2969
+ padding: 12px 12px 13px;
3040
2970
 
3041
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
3042
- font-size: 19px;
3043
- font-weight: 700;
3044
- line-height: 23px
3045
- }
3046
- @media only screen and (min-width: 48em) {
3047
- .RichTitle-module_root__BK_WT {
3048
- margin-bottom: 15px;
2971
+ border: 1px solid rgba(0, 0, 0, 0.08);
2972
+ border-radius: 4px;
2973
+ border-radius: 8px;
2974
+ background: #FFF8C4;
3049
2975
 
3050
- font-size: 37px;
3051
- line-height: 42px
3052
- }
3053
- }
3054
- .RichTitle-module_root__BK_WT:last-child {
3055
- margin-bottom: 0;
3056
- }
3057
- .RichTitle-module_root__BK_WT span {
3058
- font-family: 'PF Regal', 'PF Regal Text Pro', 'Georgia', serif;
3059
- font-size: 20px;
3060
- font-weight: normal
3061
- }
3062
- @media only screen and (min-width: 48em) {
3063
- .RichTitle-module_root__BK_WT span {
3064
- font-size: 38px
2976
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2977
+ font-size: 16px;
2978
+ font-weight: normal;
2979
+ line-height: 20px
3065
2980
  }
3066
- }
3067
2981
  @media only screen and (min-width: 32em) {
3068
- .RichTitle-module_slide__1A-gB,
3069
- .RichTitle-module_game__1g8Bn {
3070
- text-align: center
3071
- }
3072
- }
3073
- @media only screen and (min-width: 64em) {
3074
- .RichTitle-module_half__10GRI {
3075
- font-size: 33px;
3076
- line-height: 36px
3077
- }
3078
- }
3079
- @media only screen and (min-width: 64em) {
3080
- .RichTitle-module_half__10GRI span {
3081
- font-size: 34px
3082
- }
3083
- }
3084
- .RichTitle-module_game__1g8Bn:first-child {
3085
- padding-top: 9px;
3086
- }
3087
- @media only screen and (max-width: 63.9375em) {
3088
- .RichTitle-module_featured__wJfaQ {
3089
- letter-spacing: 0.3px;
3090
-
3091
- font-size: 28px;
3092
- line-height: 30px
3093
- }
3094
- }
3095
- @media only screen and (max-width: 63.9375em) {
3096
- .RichTitle-module_featured__wJfaQ span {
3097
- display: block;
3098
-
3099
- padding-top: 2px;
2982
+ .ImportantLead-module_root__2BdT3 {
2983
+ margin: 25px 0;
2984
+ padding: 12px 15px 13px;
3100
2985
 
3101
- font-size: 18px;
2986
+ font-size: 17px;
3102
2987
  line-height: 24px
3103
2988
  }
3104
2989
  }
3105
- @media only screen and (min-width: 64em) {
3106
- .RichTitle-module_isInMediaBlock__3RDw4 {
3107
- margin-bottom: 18px
2990
+ .ImportantLead-module_root__2BdT3:last-child {
2991
+ margin-bottom: 0;
3108
2992
  }
3109
- }
3110
- .RichTitle-module_isInMediaBlock__3RDw4:not(.RichTitle-module_featured__wJfaQ) {
3111
- font-size: 19px;
3112
- line-height: 23px
2993
+ .ImportantLead-module_root__2BdT3:first-child {
2994
+ margin-top: 0;
3113
2995
  }
3114
- @media only screen and (min-width: 64em) {
3115
- .RichTitle-module_isInMediaBlock__3RDw4:not(.RichTitle-module_featured__wJfaQ) {
3116
- font-size: 1.3rem;
3117
- line-height: 1.6rem
2996
+ .ImportantLead-module_root__2BdT3 a {
2997
+ color: #000;
2998
+ box-shadow: inset 0 -1px #000;
3118
2999
  }
3119
- }
3120
- .RichTitle-module_isInMediaBlock__3RDw4:not(.RichTitle-module_featured__wJfaQ) span {
3121
- font-size: 20px
3000
+ .ImportantLead-module_root__2BdT3 a:hover {
3001
+ color: #b88b59;
3002
+ box-shadow: inset 0 -1px #b88b59;
3122
3003
  }
3123
- @media only screen and (min-width: 64em) {
3124
- .RichTitle-module_isInMediaBlock__3RDw4:not(.RichTitle-module_featured__wJfaQ) span {
3125
- font-size: 1.35rem
3004
+ .ImportantLead-module_slide__3kQ9x {
3005
+ max-width: 650px;
3006
+ margin-right: auto;
3007
+ margin-left: auto;
3126
3008
  }
3127
- }
3009
+ /* VISIBILITY */
3128
3010
  @media only screen and (min-width: 32em) {
3129
- .RichTitle-module_mobile__1Cb6E {
3011
+ .ImportantLead-module_mobile__3BXbm {
3130
3012
  display: none
3131
3013
  }
3132
3014
  }
3133
- .RichTitle-module_desktop__2ixSQ {
3015
+ .ImportantLead-module_desktop__3Zljc {
3134
3016
  display: none
3135
3017
  }
3136
3018
  @media only screen and (min-width: 32em) {
3137
- .RichTitle-module_desktop__2ixSQ {
3019
+ .ImportantLead-module_desktop__3Zljc {
3138
3020
  display: block
3139
3021
  }
3140
3022
  }
3141
3023
 
3024
+
3142
3025
  /* Colors */
3143
3026
  /* Fonts */
3144
3027
  /* Gap */
@@ -3229,46 +3112,163 @@
3229
3112
  .RelatedBlock-module_items__2V-Ap li + li {
3230
3113
  border-top: 1px solid #e6e6e6;
3231
3114
  }
3232
- .RelatedBlock-module_rich__ddaHq .RelatedBlock-module_first__BKItW {
3233
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
3234
- font-size: 16px;
3235
- font-weight: 700;
3236
- line-height: 18px
3115
+ .RelatedBlock-module_rich__ddaHq .RelatedBlock-module_first__BKItW {
3116
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
3117
+ font-size: 16px;
3118
+ font-weight: 700;
3119
+ line-height: 18px
3120
+ }
3121
+ @media only screen and (min-width: 48em) {
3122
+ .RelatedBlock-module_rich__ddaHq .RelatedBlock-module_first__BKItW {
3123
+ font-size: 18px
3124
+ }
3125
+ }
3126
+ .RelatedBlock-module_simple__29HVO {
3127
+ }
3128
+ .RelatedBlock-module_center__1LmW8 {
3129
+ max-width: 650px;
3130
+ margin-right: auto;
3131
+ margin-left: auto;
3132
+ }
3133
+ .RelatedBlock-module_isInSlideMaterial__2YSYG:first-child {
3134
+ margin-top: 0;
3135
+ }
3136
+ .RelatedBlock-module_isInSlideMaterial__2YSYG:last-child {
3137
+ margin-bottom: 0;
3138
+ }
3139
+ /* VISIBILITY */
3140
+ @media only screen and (min-width: 32em) {
3141
+ .RelatedBlock-module_mobile__2XM5a {
3142
+ display: none
3143
+ }
3144
+ }
3145
+ .RelatedBlock-module_desktop__2mXeq {
3146
+ display: none
3147
+ }
3148
+ @media only screen and (min-width: 32em) {
3149
+ .RelatedBlock-module_desktop__2mXeq {
3150
+ display: block
3151
+ }
3152
+ }
3153
+
3154
+
3155
+ /* Colors */
3156
+ /* Fonts */
3157
+ /* Gap */
3158
+ /* Media */
3159
+ /* 512 */
3160
+ /* 650 */
3161
+ /* 768 */
3162
+ /* 1024 */
3163
+ /* 1010 */
3164
+ /* 1200 */
3165
+ /* 511 */
3166
+ /* 1023 */
3167
+ /* Zindex */
3168
+ .RichTitle-module_root__BK_WT {
3169
+ margin: 0 0 18px;
3170
+
3171
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
3172
+ font-size: 19px;
3173
+ font-weight: 700;
3174
+ line-height: 23px
3175
+ }
3176
+ @media only screen and (min-width: 48em) {
3177
+ .RichTitle-module_root__BK_WT {
3178
+ margin-bottom: 15px;
3179
+
3180
+ font-size: 37px;
3181
+ line-height: 42px
3182
+ }
3183
+ }
3184
+ .RichTitle-module_root__BK_WT:last-child {
3185
+ margin-bottom: 0;
3186
+ }
3187
+ .RichTitle-module_root__BK_WT span {
3188
+ font-family: 'PF Regal', 'PF Regal Text Pro', 'Georgia', serif;
3189
+ font-size: 20px;
3190
+ font-weight: normal
3191
+ }
3192
+ @media only screen and (min-width: 48em) {
3193
+ .RichTitle-module_root__BK_WT span {
3194
+ font-size: 38px
3195
+ }
3196
+ }
3197
+ @media only screen and (min-width: 32em) {
3198
+ .RichTitle-module_slide__1A-gB,
3199
+ .RichTitle-module_game__1g8Bn {
3200
+ text-align: center
3201
+ }
3202
+ }
3203
+ @media only screen and (min-width: 64em) {
3204
+ .RichTitle-module_half__10GRI {
3205
+ font-size: 33px;
3206
+ line-height: 36px
3207
+ }
3208
+ }
3209
+ @media only screen and (min-width: 64em) {
3210
+ .RichTitle-module_half__10GRI span {
3211
+ font-size: 34px
3212
+ }
3213
+ }
3214
+ .RichTitle-module_game__1g8Bn:first-child {
3215
+ padding-top: 9px;
3216
+ }
3217
+ @media only screen and (max-width: 63.9375em) {
3218
+ .RichTitle-module_featured__wJfaQ {
3219
+ letter-spacing: 0.3px;
3220
+
3221
+ font-size: 28px;
3222
+ line-height: 30px
3223
+ }
3224
+ }
3225
+ @media only screen and (max-width: 63.9375em) {
3226
+ .RichTitle-module_featured__wJfaQ span {
3227
+ display: block;
3228
+
3229
+ padding-top: 2px;
3230
+
3231
+ font-size: 18px;
3232
+ line-height: 24px
3237
3233
  }
3238
- @media only screen and (min-width: 48em) {
3239
- .RelatedBlock-module_rich__ddaHq .RelatedBlock-module_first__BKItW {
3240
- font-size: 18px
3234
+ }
3235
+ @media only screen and (min-width: 64em) {
3236
+ .RichTitle-module_isInMediaBlock__3RDw4 {
3237
+ margin-bottom: 18px
3241
3238
  }
3242
3239
  }
3243
- .RelatedBlock-module_simple__29HVO {
3240
+ .RichTitle-module_isInMediaBlock__3RDw4:not(.RichTitle-module_featured__wJfaQ) {
3241
+ font-size: 19px;
3242
+ line-height: 23px
3244
3243
  }
3245
- .RelatedBlock-module_center__1LmW8 {
3246
- max-width: 650px;
3247
- margin-right: auto;
3248
- margin-left: auto;
3244
+ @media only screen and (min-width: 64em) {
3245
+ .RichTitle-module_isInMediaBlock__3RDw4:not(.RichTitle-module_featured__wJfaQ) {
3246
+ font-size: 1.3rem;
3247
+ line-height: 1.6rem
3249
3248
  }
3250
- .RelatedBlock-module_isInSlideMaterial__2YSYG:first-child {
3251
- margin-top: 0;
3249
+ }
3250
+ .RichTitle-module_isInMediaBlock__3RDw4:not(.RichTitle-module_featured__wJfaQ) span {
3251
+ font-size: 20px
3252
3252
  }
3253
- .RelatedBlock-module_isInSlideMaterial__2YSYG:last-child {
3254
- margin-bottom: 0;
3253
+ @media only screen and (min-width: 64em) {
3254
+ .RichTitle-module_isInMediaBlock__3RDw4:not(.RichTitle-module_featured__wJfaQ) span {
3255
+ font-size: 1.35rem
3255
3256
  }
3256
- /* VISIBILITY */
3257
+ }
3257
3258
  @media only screen and (min-width: 32em) {
3258
- .RelatedBlock-module_mobile__2XM5a {
3259
+ .RichTitle-module_mobile__1Cb6E {
3259
3260
  display: none
3260
3261
  }
3261
3262
  }
3262
- .RelatedBlock-module_desktop__2mXeq {
3263
+ .RichTitle-module_desktop__2ixSQ {
3263
3264
  display: none
3264
3265
  }
3265
3266
  @media only screen and (min-width: 32em) {
3266
- .RelatedBlock-module_desktop__2mXeq {
3267
+ .RichTitle-module_desktop__2ixSQ {
3267
3268
  display: block
3268
3269
  }
3269
3270
  }
3270
3271
 
3271
-
3272
3272
  /* Colors */
3273
3273
  /* Fonts */
3274
3274
  /* Gap */
@@ -4128,108 +4128,6 @@ a mark {
4128
4128
  }
4129
4129
  }
4130
4130
 
4131
- /* Colors */
4132
- /* Fonts */
4133
- /* Gap */
4134
- /* Media */
4135
- /* 512 */
4136
- /* 650 */
4137
- /* 768 */
4138
- /* 1024 */
4139
- /* 1010 */
4140
- /* 1200 */
4141
- /* 511 */
4142
- /* 1023 */
4143
- /* Zindex */
4144
- .MetaItem-module_root__2VQom {
4145
- display: inline;
4146
-
4147
- margin-right: 15px;
4148
- }
4149
- .MetaItem-module_root__2VQom > svg {
4150
- display: inline-block;
4151
-
4152
- margin-right: 1px;
4153
-
4154
- vertical-align: top;
4155
-
4156
- color: inherit;
4157
-
4158
- fill: currentColor;
4159
- }
4160
- .MetaItem-module_root__2VQom a {
4161
- display: inline;
4162
-
4163
- text-decoration: underline;
4164
-
4165
- color: inherit;
4166
-
4167
- -webkit-text-decoration-skip: auto;
4168
- }
4169
- .MetaItem-module_root__2VQom a:hover {
4170
- color: #b88b59;
4171
- }
4172
- .MetaItem-module_hasBullets__CkQPI {
4173
- margin-right: 0;
4174
- }
4175
- .MetaItem-module_hasBullets__CkQPI:nth-child(n + 2)::before {
4176
- display: inline-block;
4177
-
4178
- padding-right: 0.4em;
4179
- padding-left: 0.4em;
4180
-
4181
- content: '\B7';
4182
- }
4183
- @media only screen and (max-width: 32.1875em) {
4184
- .MetaItem-module_hasSource__1DmCI {
4185
- width: 100%;
4186
- margin-top: 3px;
4187
- margin-bottom: 3px
4188
- }
4189
- }
4190
- @media only screen and (max-width: 32.1875em) {
4191
- .MetaItem-module_hasSource__1DmCI:first-child {
4192
- margin-top: 0
4193
- }
4194
- }
4195
- .MetaItem-module_hasSource__1DmCI:last-child {
4196
- margin-bottom: 0;
4197
- }
4198
- @media only screen and (max-width: 32.1875em) {
4199
- .MetaItem-module_hasSource__1DmCI:nth-child(n + 2)::before {
4200
- display: none
4201
- }
4202
- }
4203
- @media only screen and (max-width: 32.1875em) {
4204
- .MetaItem-module_hasSource__1DmCI.MetaItem-module_listened__lwvAO::before,
4205
- .MetaItem-module_hasSource__1DmCI.MetaItem-module_read__5eAIG::before {
4206
- display: inline-block
4207
- }
4208
- }
4209
- @media only screen and (max-width: 32.1875em) {
4210
- .MetaItem-module_datetime__3tOWm,
4211
- .MetaItem-module_listened__lwvAO,
4212
- .MetaItem-module_read__5eAIG {
4213
- width: auto
4214
- }
4215
- }
4216
- @media only screen and (max-width: 32.1875em) {
4217
- .MetaItem-module_hasSource__1DmCI.MetaItem-module_datetime__3tOWm:first-child {
4218
- order: -2
4219
- }
4220
- }
4221
- @media only screen and (max-width: 32.1875em) {
4222
- .MetaItem-module_hasSource__1DmCI.MetaItem-module_listened__lwvAO,
4223
- .MetaItem-module_hasSource__1DmCI.MetaItem-module_read__5eAIG {
4224
- order: -1;
4225
-
4226
- margin-top: 0
4227
- }
4228
- }
4229
- .MetaItem-module_read__5eAIG svg {
4230
- margin-top: -1px;
4231
- }
4232
-
4233
4131
  /* stylelint-disable declaration-empty-line-before */
4234
4132
  /* Colors */
4235
4133
  /* Fonts */
@@ -5067,6 +4965,108 @@ a mark {
5067
4965
  }
5068
4966
  }
5069
4967
 
4968
+ /* Colors */
4969
+ /* Fonts */
4970
+ /* Gap */
4971
+ /* Media */
4972
+ /* 512 */
4973
+ /* 650 */
4974
+ /* 768 */
4975
+ /* 1024 */
4976
+ /* 1010 */
4977
+ /* 1200 */
4978
+ /* 511 */
4979
+ /* 1023 */
4980
+ /* Zindex */
4981
+ .MetaItem-module_root__2VQom {
4982
+ display: inline;
4983
+
4984
+ margin-right: 15px;
4985
+ }
4986
+ .MetaItem-module_root__2VQom > svg {
4987
+ display: inline-block;
4988
+
4989
+ margin-right: 1px;
4990
+
4991
+ vertical-align: top;
4992
+
4993
+ color: inherit;
4994
+
4995
+ fill: currentColor;
4996
+ }
4997
+ .MetaItem-module_root__2VQom a {
4998
+ display: inline;
4999
+
5000
+ text-decoration: underline;
5001
+
5002
+ color: inherit;
5003
+
5004
+ -webkit-text-decoration-skip: auto;
5005
+ }
5006
+ .MetaItem-module_root__2VQom a:hover {
5007
+ color: #b88b59;
5008
+ }
5009
+ .MetaItem-module_hasBullets__CkQPI {
5010
+ margin-right: 0;
5011
+ }
5012
+ .MetaItem-module_hasBullets__CkQPI:nth-child(n + 2)::before {
5013
+ display: inline-block;
5014
+
5015
+ padding-right: 0.4em;
5016
+ padding-left: 0.4em;
5017
+
5018
+ content: '\B7';
5019
+ }
5020
+ @media only screen and (max-width: 32.1875em) {
5021
+ .MetaItem-module_hasSource__1DmCI {
5022
+ width: 100%;
5023
+ margin-top: 3px;
5024
+ margin-bottom: 3px
5025
+ }
5026
+ }
5027
+ @media only screen and (max-width: 32.1875em) {
5028
+ .MetaItem-module_hasSource__1DmCI:first-child {
5029
+ margin-top: 0
5030
+ }
5031
+ }
5032
+ .MetaItem-module_hasSource__1DmCI:last-child {
5033
+ margin-bottom: 0;
5034
+ }
5035
+ @media only screen and (max-width: 32.1875em) {
5036
+ .MetaItem-module_hasSource__1DmCI:nth-child(n + 2)::before {
5037
+ display: none
5038
+ }
5039
+ }
5040
+ @media only screen and (max-width: 32.1875em) {
5041
+ .MetaItem-module_hasSource__1DmCI.MetaItem-module_listened__lwvAO::before,
5042
+ .MetaItem-module_hasSource__1DmCI.MetaItem-module_read__5eAIG::before {
5043
+ display: inline-block
5044
+ }
5045
+ }
5046
+ @media only screen and (max-width: 32.1875em) {
5047
+ .MetaItem-module_datetime__3tOWm,
5048
+ .MetaItem-module_listened__lwvAO,
5049
+ .MetaItem-module_read__5eAIG {
5050
+ width: auto
5051
+ }
5052
+ }
5053
+ @media only screen and (max-width: 32.1875em) {
5054
+ .MetaItem-module_hasSource__1DmCI.MetaItem-module_datetime__3tOWm:first-child {
5055
+ order: -2
5056
+ }
5057
+ }
5058
+ @media only screen and (max-width: 32.1875em) {
5059
+ .MetaItem-module_hasSource__1DmCI.MetaItem-module_listened__lwvAO,
5060
+ .MetaItem-module_hasSource__1DmCI.MetaItem-module_read__5eAIG {
5061
+ order: -1;
5062
+
5063
+ margin-top: 0
5064
+ }
5065
+ }
5066
+ .MetaItem-module_read__5eAIG svg {
5067
+ margin-top: -1px;
5068
+ }
5069
+
5070
5070
  /* Colors */
5071
5071
  /* Fonts */
5072
5072
  /* Gap */