@meduza/ui-kit-2 0.1.90 → 0.1.91

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/ui-kit.css CHANGED
@@ -1,3 +1,239 @@
1
+ /* Colors */
2
+ /* Fonts */
3
+ /* Gap */
4
+ /* Media */
5
+ /* 512 */
6
+ /* 650 */
7
+ /* 768 */
8
+ /* 1024 */
9
+ /* 1010 */
10
+ /* 1200 */
11
+ /* 511 */
12
+ /* 1023 */
13
+ /* Zindex */
14
+ .Button-module_root__RpsiW {
15
+ display: block;
16
+
17
+ padding: 0;
18
+
19
+ cursor: pointer;
20
+ -webkit-user-select: none;
21
+ -moz-user-select: none;
22
+ -ms-user-select: none;
23
+ user-select: none;
24
+ transition: background-color 0.15s ease-out;
25
+ text-align: center;
26
+
27
+ color: #fff;
28
+ border-width: 0;
29
+ outline: none;
30
+
31
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
32
+ line-height: 1;
33
+
34
+ -webkit-appearance: none;
35
+
36
+ -moz-appearance: none;
37
+
38
+ appearance: none;
39
+ }
40
+ .Button-module_root__RpsiW::-moz-focus-inner {
41
+ border: 0;
42
+ }
43
+ .Button-module_root__RpsiW[disabled] {
44
+ cursor: default;
45
+ pointer-events: none;
46
+
47
+ opacity: 0.5;
48
+ }
49
+ .Button-module_root__RpsiW > span:first-child {
50
+ margin-right: 4px;
51
+ }
52
+ .Button-module_root__RpsiW > span:last-child {
53
+ margin-left: 4px;
54
+ }
55
+ .Button-module_gold__ZMYg- {
56
+ background: #b88b59;
57
+ }
58
+ .Button-module_gold__ZMYg-.Button-module_isLoading__1g6QO {
59
+ fill: #b88b59;
60
+ }
61
+ .Button-module_gold__ZMYg-:hover {
62
+ background-color: #9e784c
63
+ }
64
+ @media (hover: none) {
65
+ .Button-module_gold__ZMYg-:hover {
66
+ background-color: #b88b59
67
+ }
68
+ }
69
+ .Button-module_gold__ZMYg-:active {
70
+ background-color: #856440;
71
+ }
72
+ .Button-module_gray__3IM54 {
73
+ color: #000;
74
+ background-color: #f0f0f0;
75
+ }
76
+ .Button-module_gray__3IM54.Button-module_isLoading__1g6QO {
77
+ fill: #545454;
78
+ }
79
+ .Button-module_gray__3IM54:hover {
80
+ background-color: #ebebeb
81
+ }
82
+ @media (hover: none) {
83
+ .Button-module_gray__3IM54:hover {
84
+ background-color: #ebebeb
85
+ }
86
+ }
87
+ .Button-module_gray__3IM54:active {
88
+ background-color: #e3e3e3;
89
+ }
90
+ .Button-module_sand__2AqVq {
91
+ background: #a18c68;
92
+ }
93
+ .Button-module_sand__2AqVq.Button-module_isLoading__1g6QO {
94
+ fill: #a18c68;
95
+ }
96
+ .Button-module_sand__2AqVq:hover {
97
+ background-color: #8a7654
98
+ }
99
+ @media (hover: none) {
100
+ .Button-module_sand__2AqVq:hover {
101
+ background-color: #a18c68
102
+ }
103
+ }
104
+ .Button-module_sand__2AqVq:active {
105
+ background-color: #7b6743;
106
+ }
107
+ .Button-module_dark__I0uXx {
108
+ color: #adadad;
109
+ background-color: #3a3a3a;
110
+ box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.4);
111
+ }
112
+ .Button-module_dark__I0uXx:hover {
113
+ background-color: #2e2e2e
114
+ }
115
+ @media (hover: none) {
116
+ .Button-module_dark__I0uXx:hover {
117
+ background-color: #3a3a3a
118
+ }
119
+ }
120
+ .Button-module_dark__I0uXx:active {
121
+ background-color: #242424;
122
+ }
123
+ .Button-module_dark__I0uXx.Button-module_isLoading__1g6QO {
124
+ fill: #3a3a3a;
125
+ }
126
+ .Button-module_light__1Y4hG {
127
+ color: #000;
128
+ background-color: #fff;
129
+ }
130
+ .Button-module_light__1Y4hG:hover {
131
+ background-color: #ebebeb
132
+ }
133
+ @media (hover: none) {
134
+ .Button-module_light__1Y4hG:hover {
135
+ background-color: #fff
136
+ }
137
+ }
138
+ .Button-module_light__1Y4hG:active {
139
+ background-color: #e3e3e3;
140
+ }
141
+ .Button-module_light__1Y4hG.Button-module_isLoading__1g6QO {
142
+ fill: #fff;
143
+ }
144
+ .Button-module_black__3sG3Y {
145
+ color: #7e7d7b;
146
+ background-color: #000;
147
+ }
148
+ .Button-module_black__3sG3Y.Button-module_isLoading__1g6QO {
149
+ fill: #7e7d7b;
150
+ }
151
+ .Button-module_black__3sG3Y:hover {
152
+ background-color: #141414
153
+ }
154
+ @media (hover: none) {
155
+ .Button-module_black__3sG3Y:hover {
156
+ background: #141414
157
+ }
158
+ }
159
+ .Button-module_black__3sG3Y:active {
160
+ background-color: #242424;
161
+ }
162
+ .Button-module_red__3Niou {
163
+ background-color: #f95a5a;
164
+ }
165
+ .Button-module_red__3Niou:hover {
166
+ background-color: #e65353
167
+ }
168
+ @media (hover: none) {
169
+ .Button-module_red__3Niou:hover {
170
+ background: #f95a5a
171
+ }
172
+ }
173
+ .Button-module_red__3Niou:active {
174
+ background-color: #d44d4d;
175
+ }
176
+ .Button-module_red__3Niou.Button-module_isLoading__1g6QO {
177
+ fill: #141414;
178
+ }
179
+ .Button-module_default__28Vo_ {
180
+ width: 100%;
181
+ height: 42px;
182
+ padding: 6px 18px;
183
+
184
+ letter-spacing: 1px;
185
+ text-transform: uppercase;
186
+
187
+ border-radius: 8px;
188
+
189
+ font-size: 12px;
190
+ font-weight: 600;
191
+ line-height: 22px
192
+ }
193
+ @media only screen and (min-width: 64em) {
194
+ .Button-module_default__28Vo_ {
195
+ padding: 7px 18px 6px;
196
+
197
+ font-size: 14px;
198
+ line-height: 16px
199
+ }
200
+ }
201
+ .Button-module_isInSpoiler__2Yl8c svg {
202
+ margin-top: -2px;
203
+ margin-left: 6px;
204
+ }
205
+ .Button-module_ghost__3awCW {
206
+ letter-spacing: inherit;
207
+ text-transform: none;
208
+
209
+ color: inherit;
210
+ background-color: transparent;
211
+
212
+ font-family: inherit;
213
+ font-size: inherit;
214
+ font-weight: inherit;
215
+ }
216
+ .Button-module_isInDropdown__1ogKL {
217
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
218
+ }
219
+ .Button-module_black__3sG3Y[disabled],
220
+ .Button-module_sand__2AqVq[disabled] {
221
+ opacity: 0.3;
222
+ }
223
+ /* LOADING */
224
+ .Button-module_root__RpsiW.Button-module_isLoading__1g6QO {
225
+ cursor: default;
226
+ pointer-events: none;
227
+
228
+ background-color: transparent;
229
+ box-shadow: none;
230
+ }
231
+ .Button-module_loader__2pl6d {
232
+ display: block;
233
+
234
+ margin-top: -1px;
235
+ }
236
+
1
237
  /* Colors */
2
238
  /* Fonts */
3
239
  /* Gap */
@@ -485,256 +721,20 @@
485
721
  /* 511 */
486
722
  /* 1023 */
487
723
  /* Zindex */
488
- .Button-module_root__RpsiW {
724
+ .DotsOnImage-module_root__2XP3Q {
725
+ position: relative;
726
+
489
727
  display: block;
490
728
 
491
- padding: 0;
492
-
493
- cursor: pointer;
494
- -webkit-user-select: none;
495
- -moz-user-select: none;
496
- -ms-user-select: none;
497
- user-select: none;
498
- transition: background-color 0.15s ease-out;
499
- text-align: center;
500
-
501
- color: #fff;
502
- border-width: 0;
503
- outline: none;
504
-
505
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
506
- line-height: 1;
507
-
508
- -webkit-appearance: none;
509
-
510
- -moz-appearance: none;
511
-
512
- appearance: none;
513
- }
514
- .Button-module_root__RpsiW::-moz-focus-inner {
515
- border: 0;
516
- }
517
- .Button-module_root__RpsiW[disabled] {
518
- cursor: default;
519
- pointer-events: none;
520
-
521
- opacity: 0.5;
522
- }
523
- .Button-module_root__RpsiW > span:first-child {
524
- margin-right: 4px;
525
- }
526
- .Button-module_root__RpsiW > span:last-child {
527
- margin-left: 4px;
528
- }
529
- .Button-module_gold__ZMYg- {
530
- background: #b88b59;
531
- }
532
- .Button-module_gold__ZMYg-.Button-module_isLoading__1g6QO {
533
- fill: #b88b59;
534
- }
535
- .Button-module_gold__ZMYg-:hover {
536
- background-color: #9e784c
537
- }
538
- @media (hover: none) {
539
- .Button-module_gold__ZMYg-:hover {
540
- background-color: #b88b59
541
- }
542
- }
543
- .Button-module_gold__ZMYg-:active {
544
- background-color: #856440;
545
- }
546
- .Button-module_gray__3IM54 {
547
- color: #000;
548
- background-color: #f0f0f0;
549
- }
550
- .Button-module_gray__3IM54.Button-module_isLoading__1g6QO {
551
- fill: #545454;
552
- }
553
- .Button-module_gray__3IM54:hover {
554
- background-color: #ebebeb
555
- }
556
- @media (hover: none) {
557
- .Button-module_gray__3IM54:hover {
558
- background-color: #ebebeb
559
- }
560
- }
561
- .Button-module_gray__3IM54:active {
562
- background-color: #e3e3e3;
563
- }
564
- .Button-module_sand__2AqVq {
565
- background: #a18c68;
566
- }
567
- .Button-module_sand__2AqVq.Button-module_isLoading__1g6QO {
568
- fill: #a18c68;
569
- }
570
- .Button-module_sand__2AqVq:hover {
571
- background-color: #8a7654
572
- }
573
- @media (hover: none) {
574
- .Button-module_sand__2AqVq:hover {
575
- background-color: #a18c68
576
- }
577
- }
578
- .Button-module_sand__2AqVq:active {
579
- background-color: #7b6743;
580
- }
581
- .Button-module_dark__I0uXx {
582
- color: #adadad;
583
- background-color: #3a3a3a;
584
- box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.4);
585
- }
586
- .Button-module_dark__I0uXx:hover {
587
- background-color: #2e2e2e
588
- }
589
- @media (hover: none) {
590
- .Button-module_dark__I0uXx:hover {
591
- background-color: #3a3a3a
592
- }
593
- }
594
- .Button-module_dark__I0uXx:active {
595
- background-color: #242424;
596
- }
597
- .Button-module_dark__I0uXx.Button-module_isLoading__1g6QO {
598
- fill: #3a3a3a;
599
- }
600
- .Button-module_light__1Y4hG {
601
- color: #000;
602
- background-color: #fff;
603
- }
604
- .Button-module_light__1Y4hG:hover {
605
- background-color: #ebebeb
606
- }
607
- @media (hover: none) {
608
- .Button-module_light__1Y4hG:hover {
609
- background-color: #fff
610
- }
611
- }
612
- .Button-module_light__1Y4hG:active {
613
- background-color: #e3e3e3;
614
- }
615
- .Button-module_light__1Y4hG.Button-module_isLoading__1g6QO {
616
- fill: #fff;
617
- }
618
- .Button-module_black__3sG3Y {
619
- color: #7e7d7b;
620
- background-color: #000;
621
- }
622
- .Button-module_black__3sG3Y.Button-module_isLoading__1g6QO {
623
- fill: #7e7d7b;
624
- }
625
- .Button-module_black__3sG3Y:hover {
626
- background-color: #141414
627
- }
628
- @media (hover: none) {
629
- .Button-module_black__3sG3Y:hover {
630
- background: #141414
631
- }
632
- }
633
- .Button-module_black__3sG3Y:active {
634
- background-color: #242424;
635
- }
636
- .Button-module_red__3Niou {
637
- background-color: #f95a5a;
638
- }
639
- .Button-module_red__3Niou:hover {
640
- background-color: #e65353
641
- }
642
- @media (hover: none) {
643
- .Button-module_red__3Niou:hover {
644
- background: #f95a5a
645
- }
646
- }
647
- .Button-module_red__3Niou:active {
648
- background-color: #d44d4d;
649
- }
650
- .Button-module_red__3Niou.Button-module_isLoading__1g6QO {
651
- fill: #141414;
652
- }
653
- .Button-module_default__28Vo_ {
654
- width: 100%;
655
- height: 42px;
656
- padding: 6px 18px;
657
-
658
- letter-spacing: 1px;
659
- text-transform: uppercase;
660
-
661
- border-radius: 8px;
662
-
663
- font-size: 12px;
664
- font-weight: 600;
665
- line-height: 22px
666
- }
667
- @media only screen and (min-width: 64em) {
668
- .Button-module_default__28Vo_ {
669
- padding: 7px 18px 6px;
670
-
671
- font-size: 14px;
672
- line-height: 16px
673
- }
674
- }
675
- .Button-module_isInSpoiler__2Yl8c svg {
676
- margin-top: -2px;
677
- margin-left: 6px;
678
- }
679
- .Button-module_ghost__3awCW {
680
- letter-spacing: inherit;
681
- text-transform: none;
682
-
683
- color: inherit;
684
- background-color: transparent;
685
-
686
- font-family: inherit;
687
- font-size: inherit;
688
- font-weight: inherit;
689
- }
690
- .Button-module_isInDropdown__1ogKL {
691
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
692
- }
693
- .Button-module_black__3sG3Y[disabled],
694
- .Button-module_sand__2AqVq[disabled] {
695
- opacity: 0.3;
696
- }
697
- /* LOADING */
698
- .Button-module_root__RpsiW.Button-module_isLoading__1g6QO {
699
- cursor: default;
700
- pointer-events: none;
701
-
702
- background-color: transparent;
703
- box-shadow: none;
704
- }
705
- .Button-module_loader__2pl6d {
706
- display: block;
707
-
708
- margin-top: -1px;
709
- }
710
-
711
- /* Colors */
712
- /* Fonts */
713
- /* Gap */
714
- /* Media */
715
- /* 512 */
716
- /* 650 */
717
- /* 768 */
718
- /* 1024 */
719
- /* 1010 */
720
- /* 1200 */
721
- /* 511 */
722
- /* 1023 */
723
- /* Zindex */
724
- .DotsOnImage-module_root__2XP3Q {
725
- position: relative;
726
-
727
- display: block;
728
-
729
- width: 100%;
730
- }
731
- .DotsOnImage-module_isVisible__Wqqqt .DotsOnImage-module_marker__lH5cP {
732
- -webkit-animation: DotsOnImage-module_show__2TMBv 400ms ease both 500ms;
733
- animation: DotsOnImage-module_show__2TMBv 400ms ease both 500ms;
734
- }
735
- .DotsOnImage-module_dot__H1wua {
736
- position: absolute;
737
- z-index: 10;
729
+ width: 100%;
730
+ }
731
+ .DotsOnImage-module_isVisible__Wqqqt .DotsOnImage-module_marker__lH5cP {
732
+ -webkit-animation: DotsOnImage-module_show__2TMBv 400ms ease both 500ms;
733
+ animation: DotsOnImage-module_show__2TMBv 400ms ease both 500ms;
734
+ }
735
+ .DotsOnImage-module_dot__H1wua {
736
+ position: absolute;
737
+ z-index: 10;
738
738
 
739
739
  display: -webkit-box;
740
740
 
@@ -887,20 +887,37 @@
887
887
  /* 511 */
888
888
  /* 1023 */
889
889
  /* Zindex */
890
- .Tag-module_root__3IqWC {
891
- display: inline-block;
892
-
893
- cursor: default;
894
- -webkit-user-select: none;
895
- -moz-user-select: none;
896
- -ms-user-select: none;
897
- user-select: none;
898
- vertical-align: middle;
899
- letter-spacing: 1px;
900
- text-transform: uppercase;
890
+ .Lazy-module_root__2Z72l {
891
+ display: block;
892
+ }
901
893
 
902
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
903
- font-size: 12px;
894
+ /* Colors */
895
+ /* Fonts */
896
+ /* Gap */
897
+ /* Media */
898
+ /* 512 */
899
+ /* 650 */
900
+ /* 768 */
901
+ /* 1024 */
902
+ /* 1010 */
903
+ /* 1200 */
904
+ /* 511 */
905
+ /* 1023 */
906
+ /* Zindex */
907
+ .Tag-module_root__3IqWC {
908
+ display: inline-block;
909
+
910
+ cursor: default;
911
+ -webkit-user-select: none;
912
+ -moz-user-select: none;
913
+ -ms-user-select: none;
914
+ user-select: none;
915
+ vertical-align: middle;
916
+ letter-spacing: 1px;
917
+ text-transform: uppercase;
918
+
919
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
920
+ font-size: 12px;
904
921
  font-weight: 600;
905
922
  line-height: 12px;
906
923
  }
@@ -1011,23 +1028,6 @@
1011
1028
  }
1012
1029
  }
1013
1030
 
1014
- /* Colors */
1015
- /* Fonts */
1016
- /* Gap */
1017
- /* Media */
1018
- /* 512 */
1019
- /* 650 */
1020
- /* 768 */
1021
- /* 1024 */
1022
- /* 1010 */
1023
- /* 1200 */
1024
- /* 511 */
1025
- /* 1023 */
1026
- /* Zindex */
1027
- .Lazy-module_root__2Z72l {
1028
- display: block;
1029
- }
1030
-
1031
1031
  /* Colors */
1032
1032
  /* Fonts */
1033
1033
  /* Gap */
@@ -1668,6 +1668,150 @@
1668
1668
  }
1669
1669
  }
1670
1670
 
1671
+ /* Colors */
1672
+ /* Fonts */
1673
+ /* Gap */
1674
+ /* Media */
1675
+ /* 512 */
1676
+ /* 650 */
1677
+ /* 768 */
1678
+ /* 1024 */
1679
+ /* 1010 */
1680
+ /* 1200 */
1681
+ /* 511 */
1682
+ /* 1023 */
1683
+ /* Zindex */
1684
+ .Toolbar-module_root__2HF2r {
1685
+ overflow: hidden;
1686
+
1687
+ transform: translateZ(0);
1688
+
1689
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1690
+ }
1691
+ .Toolbar-module_list__1n5ny {
1692
+ display: -webkit-box;
1693
+ display: -webkit-flex;
1694
+ display: -ms-flexbox;
1695
+ display: flex;
1696
+ flex-flow: row wrap;
1697
+
1698
+ margin: 0 0 0 -10px;
1699
+ padding: 0;
1700
+
1701
+ list-style: none
1702
+ }
1703
+ @media only screen and (min-width: 64em) {
1704
+ .Toolbar-module_list__1n5ny {
1705
+ margin: 0 0 0 -15px
1706
+ }
1707
+ }
1708
+ .Toolbar-module_item__36x7d {
1709
+ position: relative;
1710
+
1711
+ min-width: 42px;
1712
+ height: 32px;
1713
+ padding-right: 10px;
1714
+ padding-left: 10px;
1715
+
1716
+ cursor: pointer;
1717
+ transition: color 250ms ease;
1718
+ text-align: center;
1719
+
1720
+ color: #808080;
1721
+
1722
+ line-height: 1
1723
+ }
1724
+ @media only screen and (min-width: 64em) {
1725
+ .Toolbar-module_item__36x7d {
1726
+ padding-right: 15px;
1727
+ padding-left: 15px
1728
+ }
1729
+ }
1730
+ .Toolbar-module_item__36x7d:last-child {
1731
+ margin-right: 0;
1732
+ }
1733
+ .Toolbar-module_item__36x7d::before {
1734
+ position: absolute;
1735
+ top: 7px;
1736
+ left: 0;
1737
+
1738
+ height: 18px;
1739
+
1740
+ content: '';
1741
+ vertical-align: middle;
1742
+
1743
+ border-left: 1px solid rgba(0, 0, 0, 0.15);
1744
+ }
1745
+ .Toolbar-module_item__36x7d:empty {
1746
+ display: none;
1747
+ }
1748
+ .Toolbar-module_isInTopbar__223iP {
1749
+ height: 100%;
1750
+ }
1751
+ .Toolbar-module_isInTopbar__223iP .Toolbar-module_item__36x7d {
1752
+ height: 100%;
1753
+ }
1754
+ .Toolbar-module_center__3_H8M {
1755
+ width: 100%;
1756
+ max-width: 650px;
1757
+ margin-right: auto;
1758
+ margin-left: auto;
1759
+ }
1760
+ .Toolbar-module_game__5-jY_ {
1761
+ margin-top: 11px
1762
+ }
1763
+ @media only screen and (min-width: 32em) {
1764
+ .Toolbar-module_game__5-jY_ {
1765
+ margin-top: 18px
1766
+ }
1767
+ }
1768
+ .Toolbar-module_game__5-jY_ .Toolbar-module_list__1n5ny,
1769
+ .Toolbar-module_gameSurvey__1hQEz .Toolbar-module_list__1n5ny {
1770
+ justify-content: center
1771
+ }
1772
+ @media only screen and (min-width: 32em) {
1773
+ .Toolbar-module_game__5-jY_ .Toolbar-module_list__1n5ny,
1774
+ .Toolbar-module_gameSurvey__1hQEz .Toolbar-module_list__1n5ny {
1775
+ display: -webkit-box;
1776
+ display: -webkit-flex;
1777
+ display: -ms-flexbox;
1778
+ display: flex
1779
+ }
1780
+ }
1781
+ .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child {
1782
+ width: 260px
1783
+ }
1784
+ @media only screen and (min-width: 32em) {
1785
+ .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child {
1786
+ width: auto
1787
+ }
1788
+ }
1789
+ .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child::before {
1790
+ content: none
1791
+ }
1792
+ @media only screen and (min-width: 32em) {
1793
+ .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child::before {
1794
+ content: ''
1795
+ }
1796
+ }
1797
+ .Toolbar-module_gameSurvey__1hQEz .Toolbar-module_item__36x7d:first-child::before,
1798
+ .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:first-child::before {
1799
+ content: none;
1800
+ }
1801
+ @media only screen and (min-width: 64em) {
1802
+ .Toolbar-module_game__5-jY_ .Toolbar-module_list__1n5ny,
1803
+ .Toolbar-module_gameSurvey__1hQEz .Toolbar-module_list__1n5ny {
1804
+ margin-left: 0
1805
+ }
1806
+ }
1807
+ .Toolbar-module_isDark__k1U0i .Toolbar-module_item__36x7d::before,
1808
+ .Toolbar-module_dark__2Ejc9 .Toolbar-module_item__36x7d::before {
1809
+ border-left-color: rgba(255, 255, 255, 0.2);
1810
+ }
1811
+ [data-context='prodano'] .Toolbar-module_root__2HF2r {
1812
+ display: none;
1813
+ }
1814
+
1671
1815
  /* Colors */
1672
1816
  /* Fonts */
1673
1817
  /* Gap */
@@ -1980,185 +2124,41 @@
1980
2124
  /* 511 */
1981
2125
  /* 1023 */
1982
2126
  /* Zindex */
1983
- .Toolbar-module_root__2HF2r {
1984
- overflow: hidden;
1985
-
2127
+ .Meta-module_root__12AG7 {
1986
2128
  transform: translateZ(0);
1987
2129
 
1988
2130
  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1989
- }
1990
- .Toolbar-module_list__1n5ny {
1991
- display: -webkit-box;
1992
- display: -webkit-flex;
1993
- display: -ms-flexbox;
1994
- display: flex;
1995
- flex-flow: row wrap;
2131
+ font-size: 12px;
2132
+ line-height: 15px;
1996
2133
 
1997
- margin: 0 0 0 -10px;
1998
- padding: 0;
2134
+ fill: inherit;
2135
+ }
2136
+ .Meta-module_rich__1XBtZ,
2137
+ .Meta-module_podcast__1m4zo,
2138
+ .Meta-module_episode__1K2Xv,
2139
+ .Meta-module_simple__3vUiI,
2140
+ .Meta-module_slide__3g6fG,
2141
+ .Meta-module_card__LE1RK,
2142
+ .Meta-module_game__3aNlZ,
2143
+ .Meta-module_isInMaterial__zaYMy {
2144
+ width: 100%;
1999
2145
 
2000
- list-style: none
2146
+ color: rgba(0, 0, 0, 0.4);
2001
2147
  }
2002
- @media only screen and (min-width: 64em) {
2003
- .Toolbar-module_list__1n5ny {
2004
- margin: 0 0 0 -15px
2148
+ .Meta-module_podcast__1m4zo {
2149
+ fill: currentColor;
2005
2150
  }
2006
- }
2007
- .Toolbar-module_item__36x7d {
2008
- position: relative;
2009
-
2010
- min-width: 42px;
2011
- height: 32px;
2012
- padding-right: 10px;
2013
- padding-left: 10px;
2014
-
2015
- cursor: pointer;
2016
- transition: color 250ms ease;
2017
- text-align: center;
2018
-
2019
- color: #808080;
2020
-
2021
- line-height: 1
2151
+ .Meta-module_isInSearchItem__1wbpx {
2152
+ color: rgba(255, 255, 255, 0.7);
2153
+ }
2154
+ .Meta-module_slide__3g6fG.Meta-module_isInMediaBlock__3xfPF,
2155
+ .Meta-module_card__LE1RK.Meta-module_isInMediaBlock__3xfPF,
2156
+ .Meta-module_center__3BBPr.Meta-module_isInMediaBlock__3xfPF {
2157
+ text-align: left;
2022
2158
  }
2023
2159
  @media only screen and (min-width: 64em) {
2024
- .Toolbar-module_item__36x7d {
2025
- padding-right: 15px;
2026
- padding-left: 15px
2027
- }
2028
- }
2029
- .Toolbar-module_item__36x7d:last-child {
2030
- margin-right: 0;
2031
- }
2032
- .Toolbar-module_item__36x7d::before {
2033
- position: absolute;
2034
- top: 7px;
2035
- left: 0;
2036
-
2037
- height: 18px;
2038
-
2039
- content: '';
2040
- vertical-align: middle;
2041
-
2042
- border-left: 1px solid rgba(0, 0, 0, 0.15);
2043
- }
2044
- .Toolbar-module_item__36x7d:empty {
2045
- display: none;
2046
- }
2047
- .Toolbar-module_isInTopbar__223iP {
2048
- height: 100%;
2049
- }
2050
- .Toolbar-module_isInTopbar__223iP .Toolbar-module_item__36x7d {
2051
- height: 100%;
2052
- }
2053
- .Toolbar-module_center__3_H8M {
2054
- width: 100%;
2055
- max-width: 650px;
2056
- margin-right: auto;
2057
- margin-left: auto;
2058
- }
2059
- .Toolbar-module_game__5-jY_ {
2060
- margin-top: 11px
2061
- }
2062
- @media only screen and (min-width: 32em) {
2063
- .Toolbar-module_game__5-jY_ {
2064
- margin-top: 18px
2065
- }
2066
- }
2067
- .Toolbar-module_game__5-jY_ .Toolbar-module_list__1n5ny,
2068
- .Toolbar-module_gameSurvey__1hQEz .Toolbar-module_list__1n5ny {
2069
- justify-content: center
2070
- }
2071
- @media only screen and (min-width: 32em) {
2072
- .Toolbar-module_game__5-jY_ .Toolbar-module_list__1n5ny,
2073
- .Toolbar-module_gameSurvey__1hQEz .Toolbar-module_list__1n5ny {
2074
- display: -webkit-box;
2075
- display: -webkit-flex;
2076
- display: -ms-flexbox;
2077
- display: flex
2078
- }
2079
- }
2080
- .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child {
2081
- width: 260px
2082
- }
2083
- @media only screen and (min-width: 32em) {
2084
- .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child {
2085
- width: auto
2086
- }
2087
- }
2088
- .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child::before {
2089
- content: none
2090
- }
2091
- @media only screen and (min-width: 32em) {
2092
- .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child::before {
2093
- content: ''
2094
- }
2095
- }
2096
- .Toolbar-module_gameSurvey__1hQEz .Toolbar-module_item__36x7d:first-child::before,
2097
- .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:first-child::before {
2098
- content: none;
2099
- }
2100
- @media only screen and (min-width: 64em) {
2101
- .Toolbar-module_game__5-jY_ .Toolbar-module_list__1n5ny,
2102
- .Toolbar-module_gameSurvey__1hQEz .Toolbar-module_list__1n5ny {
2103
- margin-left: 0
2104
- }
2105
- }
2106
- .Toolbar-module_isDark__k1U0i .Toolbar-module_item__36x7d::before,
2107
- .Toolbar-module_dark__2Ejc9 .Toolbar-module_item__36x7d::before {
2108
- border-left-color: rgba(255, 255, 255, 0.2);
2109
- }
2110
- [data-context='prodano'] .Toolbar-module_root__2HF2r {
2111
- display: none;
2112
- }
2113
-
2114
- /* Colors */
2115
- /* Fonts */
2116
- /* Gap */
2117
- /* Media */
2118
- /* 512 */
2119
- /* 650 */
2120
- /* 768 */
2121
- /* 1024 */
2122
- /* 1010 */
2123
- /* 1200 */
2124
- /* 511 */
2125
- /* 1023 */
2126
- /* Zindex */
2127
- .Meta-module_root__12AG7 {
2128
- transform: translateZ(0);
2129
-
2130
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2131
- font-size: 12px;
2132
- line-height: 15px;
2133
-
2134
- fill: inherit;
2135
- }
2136
- .Meta-module_rich__1XBtZ,
2137
- .Meta-module_podcast__1m4zo,
2138
- .Meta-module_episode__1K2Xv,
2139
- .Meta-module_simple__3vUiI,
2140
- .Meta-module_slide__3g6fG,
2141
- .Meta-module_card__LE1RK,
2142
- .Meta-module_game__3aNlZ,
2143
- .Meta-module_isInMaterial__zaYMy {
2144
- width: 100%;
2145
-
2146
- color: rgba(0, 0, 0, 0.4);
2147
- }
2148
- .Meta-module_podcast__1m4zo {
2149
- fill: currentColor;
2150
- }
2151
- .Meta-module_isInSearchItem__1wbpx {
2152
- color: rgba(255, 255, 255, 0.7);
2153
- }
2154
- .Meta-module_slide__3g6fG.Meta-module_isInMediaBlock__3xfPF,
2155
- .Meta-module_card__LE1RK.Meta-module_isInMediaBlock__3xfPF,
2156
- .Meta-module_center__3BBPr.Meta-module_isInMediaBlock__3xfPF {
2157
- text-align: left;
2158
- }
2159
- @media only screen and (min-width: 64em) {
2160
- .Meta-module_center__3BBPr.Meta-module_half__1xRkT {
2161
- text-align: left
2160
+ .Meta-module_center__3BBPr.Meta-module_half__1xRkT {
2161
+ text-align: left
2162
2162
  }
2163
2163
  }
2164
2164
  @media only screen and (min-width: 32em) {
@@ -2697,77 +2697,6 @@
2697
2697
  }
2698
2698
 
2699
2699
 
2700
- /* Colors */
2701
- /* Fonts */
2702
- /* Gap */
2703
- /* Media */
2704
- /* 512 */
2705
- /* 650 */
2706
- /* 768 */
2707
- /* 1024 */
2708
- /* 1010 */
2709
- /* 1200 */
2710
- /* 511 */
2711
- /* 1023 */
2712
- /* Zindex */
2713
- .ImportantLead-module_root__2BdT3 {
2714
- margin: 18px 0;
2715
- padding: 12px 12px 13px;
2716
-
2717
- border: 1px solid rgba(0, 0, 0, 0.08);
2718
- border-radius: 4px;
2719
- border-radius: 8px;
2720
- background: #FFF8C4;
2721
-
2722
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2723
- font-size: 16px;
2724
- font-weight: normal;
2725
- line-height: 20px
2726
- }
2727
- @media only screen and (min-width: 32em) {
2728
- .ImportantLead-module_root__2BdT3 {
2729
- margin: 25px 0;
2730
- padding: 12px 15px 13px;
2731
-
2732
- font-size: 17px;
2733
- line-height: 24px
2734
- }
2735
- }
2736
- .ImportantLead-module_root__2BdT3:last-child {
2737
- margin-bottom: 0;
2738
- }
2739
- .ImportantLead-module_root__2BdT3:first-child {
2740
- margin-top: 0;
2741
- }
2742
- .ImportantLead-module_root__2BdT3 a {
2743
- color: #000;
2744
- box-shadow: inset 0 -1px #000;
2745
- }
2746
- .ImportantLead-module_root__2BdT3 a:hover {
2747
- color: #b88b59;
2748
- box-shadow: inset 0 -1px #b88b59;
2749
- }
2750
- .ImportantLead-module_slide__3kQ9x {
2751
- max-width: 650px;
2752
- margin-right: auto;
2753
- margin-left: auto;
2754
- }
2755
- /* VISIBILITY */
2756
- @media only screen and (min-width: 32em) {
2757
- .ImportantLead-module_mobile__3BXbm {
2758
- display: none
2759
- }
2760
- }
2761
- .ImportantLead-module_desktop__3Zljc {
2762
- display: none
2763
- }
2764
- @media only screen and (min-width: 32em) {
2765
- .ImportantLead-module_desktop__3Zljc {
2766
- display: block
2767
- }
2768
- }
2769
-
2770
-
2771
2700
  /* Colors */
2772
2701
  /* Fonts */
2773
2702
  /* Gap */
@@ -2884,47 +2813,118 @@
2884
2813
  /* 511 */
2885
2814
  /* 1023 */
2886
2815
  /* Zindex */
2887
- .ListBlock-module_root__3Q3Ga {
2888
- margin: calc(15rem / 16) 0;
2889
- padding: 0;
2816
+ .ImportantLead-module_root__2BdT3 {
2817
+ margin: 18px 0;
2818
+ padding: 12px 12px 13px;
2890
2819
 
2891
- list-style: none;
2820
+ border: 1px solid rgba(0, 0, 0, 0.08);
2821
+ border-radius: 4px;
2822
+ border-radius: 8px;
2823
+ background: #FFF8C4;
2892
2824
 
2893
- font-family: 'PF Regal', 'PF Regal Text Pro', 'Georgia', serif;
2894
- font-size: calc(18rem / 16);
2895
- line-height: calc(24rem / 16)
2825
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2826
+ font-size: 16px;
2827
+ font-weight: normal;
2828
+ line-height: 20px
2896
2829
  }
2897
2830
  @media only screen and (min-width: 32em) {
2898
- .ListBlock-module_root__3Q3Ga {
2899
- font-size: 20px;
2900
- line-height: 28px
2831
+ .ImportantLead-module_root__2BdT3 {
2832
+ margin: 25px 0;
2833
+ padding: 12px 15px 13px;
2834
+
2835
+ font-size: 17px;
2836
+ line-height: 24px
2901
2837
  }
2902
2838
  }
2903
- @media only screen and (min-width: 48em) {
2904
- .ListBlock-module_root__3Q3Ga {
2905
- margin: 20px 0
2839
+ .ImportantLead-module_root__2BdT3:last-child {
2840
+ margin-bottom: 0;
2906
2841
  }
2907
- }
2908
- .ListBlock-module_root__3Q3Ga:first-child {
2842
+ .ImportantLead-module_root__2BdT3:first-child {
2909
2843
  margin-top: 0;
2910
2844
  }
2911
- .ListBlock-module_root__3Q3Ga:last-child {
2912
- margin-bottom: 0;
2913
- }
2914
- .ListBlock-module_root__3Q3Ga a {
2915
- color: inherit;
2916
- box-shadow: inset 0 -1px #b88b59;
2845
+ .ImportantLead-module_root__2BdT3 a {
2846
+ color: #000;
2847
+ box-shadow: inset 0 -1px #000;
2917
2848
  }
2918
- .ListBlock-module_root__3Q3Ga a:hover {
2849
+ .ImportantLead-module_root__2BdT3 a:hover {
2919
2850
  color: #b88b59;
2851
+ box-shadow: inset 0 -1px #b88b59;
2920
2852
  }
2921
- .ListBlock-module_root__3Q3Ga li {
2922
- position: relative;
2923
-
2924
- margin-bottom: 6px;
2853
+ .ImportantLead-module_slide__3kQ9x {
2854
+ max-width: 650px;
2855
+ margin-right: auto;
2856
+ margin-left: auto;
2925
2857
  }
2926
- .ListBlock-module_root__3Q3Ga mark {
2927
- position: relative;
2858
+ /* VISIBILITY */
2859
+ @media only screen and (min-width: 32em) {
2860
+ .ImportantLead-module_mobile__3BXbm {
2861
+ display: none
2862
+ }
2863
+ }
2864
+ .ImportantLead-module_desktop__3Zljc {
2865
+ display: none
2866
+ }
2867
+ @media only screen and (min-width: 32em) {
2868
+ .ImportantLead-module_desktop__3Zljc {
2869
+ display: block
2870
+ }
2871
+ }
2872
+
2873
+
2874
+ /* Colors */
2875
+ /* Fonts */
2876
+ /* Gap */
2877
+ /* Media */
2878
+ /* 512 */
2879
+ /* 650 */
2880
+ /* 768 */
2881
+ /* 1024 */
2882
+ /* 1010 */
2883
+ /* 1200 */
2884
+ /* 511 */
2885
+ /* 1023 */
2886
+ /* Zindex */
2887
+ .ListBlock-module_root__3Q3Ga {
2888
+ margin: calc(15rem / 16) 0;
2889
+ padding: 0;
2890
+
2891
+ list-style: none;
2892
+
2893
+ font-family: 'PF Regal', 'PF Regal Text Pro', 'Georgia', serif;
2894
+ font-size: calc(18rem / 16);
2895
+ line-height: calc(24rem / 16)
2896
+ }
2897
+ @media only screen and (min-width: 32em) {
2898
+ .ListBlock-module_root__3Q3Ga {
2899
+ font-size: 20px;
2900
+ line-height: 28px
2901
+ }
2902
+ }
2903
+ @media only screen and (min-width: 48em) {
2904
+ .ListBlock-module_root__3Q3Ga {
2905
+ margin: 20px 0
2906
+ }
2907
+ }
2908
+ .ListBlock-module_root__3Q3Ga:first-child {
2909
+ margin-top: 0;
2910
+ }
2911
+ .ListBlock-module_root__3Q3Ga:last-child {
2912
+ margin-bottom: 0;
2913
+ }
2914
+ .ListBlock-module_root__3Q3Ga a {
2915
+ color: inherit;
2916
+ box-shadow: inset 0 -1px #b88b59;
2917
+ }
2918
+ .ListBlock-module_root__3Q3Ga a:hover {
2919
+ color: #b88b59;
2920
+ }
2921
+ .ListBlock-module_root__3Q3Ga li {
2922
+ position: relative;
2923
+
2924
+ margin-bottom: 6px;
2925
+ }
2926
+ .ListBlock-module_root__3Q3Ga mark {
2927
+ position: relative;
2928
2928
 
2929
2929
  white-space: pre-wrap;
2930
2930
 
@@ -4597,193 +4597,6 @@ a mark {
4597
4597
  fill: currentColor;
4598
4598
  }
4599
4599
 
4600
- /* Colors */
4601
- /* Fonts */
4602
- /* Gap */
4603
- /* Media */
4604
- /* 512 */
4605
- /* 650 */
4606
- /* 768 */
4607
- /* 1024 */
4608
- /* 1010 */
4609
- /* 1200 */
4610
- /* 511 */
4611
- /* 1023 */
4612
- /* Zindex */
4613
- .SensitiveBlock-module_root__2iJbD {
4614
- position: relative;
4615
-
4616
- margin: 15px 0
4617
- }
4618
- @media only screen and (min-width: 32em) {
4619
- .SensitiveBlock-module_root__2iJbD {
4620
- margin: 25px 0 20px
4621
- }
4622
- }
4623
- .SensitiveBlock-module_root__2iJbD:first-child {
4624
- margin-top: 0;
4625
- }
4626
- .SensitiveBlock-module_root__2iJbD:last-child {
4627
- margin-bottom: 0;
4628
- }
4629
- .SensitiveBlock-module_root__2iJbD figcaption {
4630
- width: 100%;
4631
- max-width: 650px;
4632
- margin-right: auto;
4633
- margin-left: auto;
4634
-
4635
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
4636
- }
4637
- .SensitiveBlock-module_container__1Wtix {
4638
- position: relative;
4639
-
4640
- min-height: 170px;
4641
-
4642
- transition: min-height 350ms ease;
4643
- }
4644
- .SensitiveBlock-module_overlay__hfDVS {
4645
- position: absolute;
4646
- z-index: 10;
4647
- top: 0;
4648
- right: -20px;
4649
- bottom: 0;
4650
- left: -20px;
4651
-
4652
- display: -webkit-box;
4653
-
4654
- display: -webkit-flex;
4655
-
4656
- display: -ms-flexbox;
4657
-
4658
- display: flex;
4659
- align-items: center;
4660
- flex-flow: column nowrap;
4661
- justify-content: center;
4662
-
4663
- padding: 30px 20px;
4664
-
4665
- transition: opacity 500ms ease, visibility 500ms ease;
4666
-
4667
- background-color: rgba(255, 255, 255, 1);
4668
- background-repeat: no-repeat;
4669
- background-position: center top;
4670
- background-size: cover
4671
- }
4672
- @media only screen and (min-width: 32em) {
4673
- .SensitiveBlock-module_overlay__hfDVS {
4674
- right: 0;
4675
- left: 0
4676
- }
4677
- }
4678
- .SensitiveBlock-module_content__sNpxZ {
4679
- -webkit-user-select: none;
4680
- -moz-user-select: none;
4681
- -ms-user-select: none;
4682
- user-select: none;
4683
-
4684
- color: #fff;
4685
-
4686
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
4687
- }
4688
- .SensitiveBlock-module_content__sNpxZ p {
4689
- display: block;
4690
-
4691
- width: 100%;
4692
- max-width: 368px;
4693
- margin-top: 0;
4694
- margin-bottom: 12px;
4695
-
4696
- text-align: center;
4697
-
4698
- font-size: 14px;
4699
- line-height: 18px
4700
- }
4701
- @media only screen and (min-width: 32em) {
4702
- .SensitiveBlock-module_content__sNpxZ p {
4703
- margin-bottom: 24px;
4704
-
4705
- font-size: 16px;
4706
- line-height: 22px
4707
- }
4708
- }
4709
- .SensitiveBlock-module_button__3BGZK {
4710
- width: 100%;
4711
- max-width: 348px;
4712
- margin: 0 auto;
4713
- }
4714
- .SensitiveBlock-module_default__2HgmZ {
4715
- max-width: 650px
4716
- }
4717
- @media only screen and (min-width: 32em) {
4718
- .SensitiveBlock-module_default__2HgmZ {
4719
- margin-right: auto;
4720
- margin-left: auto
4721
- }
4722
- }
4723
- .SensitiveBlock-module_full__3Hph9 {
4724
- max-width: 980px
4725
- }
4726
- @media only screen and (min-width: 32em) {
4727
- .SensitiveBlock-module_full__3Hph9 {
4728
- margin-right: auto;
4729
- margin-left: auto
4730
- }
4731
- }
4732
- .SensitiveBlock-module_full__3Hph9 .SensitiveBlock-module_overlay__hfDVS {
4733
- right: -20px;
4734
- left: -20px
4735
- }
4736
- @media only screen and (min-width: 32em) {
4737
- .SensitiveBlock-module_full__3Hph9 .SensitiveBlock-module_overlay__hfDVS {
4738
- right: 0;
4739
- left: 0
4740
- }
4741
- }
4742
- .SensitiveBlock-module_full__3Hph9 .SensitiveBlock-module_media__3wnlo {
4743
- padding-right: 20px;
4744
- padding-left: 20px
4745
- }
4746
- @media only screen and (min-width: 32em) {
4747
- .SensitiveBlock-module_full__3Hph9 .SensitiveBlock-module_media__3wnlo {
4748
- padding-right: 0;
4749
- padding-left: 0
4750
- }
4751
- }
4752
- .SensitiveBlock-module_super_full__14UOv {
4753
- max-width: 100%;
4754
- }
4755
- @media only screen and (min-width: 32em) {
4756
- .SensitiveBlock-module_super_full__14UOv .SensitiveBlock-module_overlay__hfDVS {
4757
- right: -15px;
4758
- left: -15px
4759
- }
4760
- }
4761
- @media only screen and (min-width: 32em) {
4762
- .SensitiveBlock-module_super_full__14UOv .SensitiveBlock-module_media__3wnlo {
4763
- padding-right: 15px;
4764
- padding-left: 15px
4765
- }
4766
- }
4767
- /* STATE */
4768
- .SensitiveBlock-module_visible__1B-NV .SensitiveBlock-module_overlay__hfDVS {
4769
- visibility: hidden;
4770
-
4771
- pointer-events: none;
4772
-
4773
- opacity: 0;
4774
- }
4775
- .SensitiveBlock-module_visible__1B-NV .SensitiveBlock-module_container__1Wtix {
4776
- min-height: 0;
4777
- }
4778
- /* CONTEXT */
4779
- @media only screen and (max-width: 63.9375em) {
4780
- .SensitiveBlock-module_isInCard__1L-lu .SensitiveBlock-module_overlay__hfDVS,
4781
- .SensitiveBlock-module_isInSlide__f_Ql2 .SensitiveBlock-module_overlay__hfDVS {
4782
- right: -11px;
4783
- left: -11px
4784
- }
4785
- }
4786
-
4787
4600
  /* Colors */
4788
4601
  /* Fonts */
4789
4602
  /* Gap */
@@ -4869,149 +4682,177 @@ a mark {
4869
4682
  /* 511 */
4870
4683
  /* 1023 */
4871
4684
  /* Zindex */
4872
- .DonatesTeaser-module_root__3rtaJ {
4685
+ .SensitiveBlock-module_root__2iJbD {
4873
4686
  position: relative;
4874
- z-index: 10;
4875
4687
 
4876
- display: block;
4877
- overflow: hidden;
4878
-
4879
- margin: calc(15rem / 16) -20px;
4880
- padding: 42px 20px 50px;
4881
-
4882
- text-decoration: none;
4883
-
4884
- outline-width: 0;
4885
- background-color: #000;
4886
-
4887
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif
4688
+ margin: 15px 0
4888
4689
  }
4889
4690
  @media only screen and (min-width: 32em) {
4890
- .DonatesTeaser-module_root__3rtaJ {
4891
- margin: 25px 0 20px;
4892
- padding: 48px 30px;
4893
-
4894
- border-radius: 8px
4691
+ .SensitiveBlock-module_root__2iJbD {
4692
+ margin: 25px 0 20px
4895
4693
  }
4896
4694
  }
4897
- .DonatesTeaser-module_root__3rtaJ:hover .DonatesTeaser-module_ctaInner__2LChL::after {
4898
- opacity: 0.7;
4899
- }
4900
- .DonatesTeaser-module_main__YBt6p {
4901
- max-width: 852px;
4902
- margin: 0 auto;
4903
-
4904
- text-align: center;
4905
-
4906
- color: #fff;
4907
- }
4908
- .DonatesTeaser-module_title__hs-yr {
4909
- font-size: 20px;
4910
- font-weight: 700;
4911
- line-height: 25px
4695
+ .SensitiveBlock-module_root__2iJbD:first-child {
4696
+ margin-top: 0;
4912
4697
  }
4913
- @media only screen and (min-width: 32em) {
4914
- .DonatesTeaser-module_title__hs-yr {
4915
- font-size: 28px;
4916
- line-height: 34px
4698
+ .SensitiveBlock-module_root__2iJbD:last-child {
4699
+ margin-bottom: 0;
4917
4700
  }
4918
- }
4919
- .DonatesTeaser-module_text__ro-QA {
4920
- margin: 0;
4701
+ .SensitiveBlock-module_root__2iJbD figcaption {
4702
+ width: 100%;
4703
+ max-width: 650px;
4704
+ margin-right: auto;
4705
+ margin-left: auto;
4921
4706
 
4922
- font-family: 'PF Regal', 'PF Regal Text Pro', 'Georgia', serif;
4923
- font-size: 21px;
4924
- font-weight: normal;
4925
- line-height: 25px
4707
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
4926
4708
  }
4927
- @media only screen and (min-width: 32em) {
4928
- .DonatesTeaser-module_text__ro-QA {
4929
- font-size: 29px;
4930
- line-height: 34px
4709
+ .SensitiveBlock-module_container__1Wtix {
4710
+ position: relative;
4711
+
4712
+ min-height: 170px;
4713
+
4714
+ transition: min-height 350ms ease;
4931
4715
  }
4932
- }
4933
- .DonatesTeaser-module_cta__1orPb {
4716
+ .SensitiveBlock-module_overlay__hfDVS {
4717
+ position: absolute;
4718
+ z-index: 10;
4719
+ top: 0;
4720
+ right: -20px;
4721
+ bottom: 0;
4722
+ left: -20px;
4723
+
4934
4724
  display: -webkit-box;
4725
+
4935
4726
  display: -webkit-flex;
4727
+
4936
4728
  display: -ms-flexbox;
4729
+
4937
4730
  display: flex;
4938
4731
  align-items: center;
4939
4732
  flex-flow: column nowrap;
4940
4733
  justify-content: center;
4941
4734
 
4942
- margin-top: 45px
4735
+ padding: 30px 20px;
4736
+
4737
+ transition: opacity 500ms ease, visibility 500ms ease;
4738
+
4739
+ background-color: rgba(255, 255, 255, 1);
4740
+ background-repeat: no-repeat;
4741
+ background-position: center top;
4742
+ background-size: cover
4943
4743
  }
4944
4744
  @media only screen and (min-width: 32em) {
4945
- .DonatesTeaser-module_cta__1orPb {
4946
- margin-top: 40px
4745
+ .SensitiveBlock-module_overlay__hfDVS {
4746
+ right: 0;
4747
+ left: 0
4947
4748
  }
4948
4749
  }
4949
- .DonatesTeaser-module_cta__1orPb a {
4950
- display: block;
4951
-
4952
- text-align: center;
4953
- text-decoration: none;
4954
- letter-spacing: 1px;
4955
- text-transform: uppercase;
4956
-
4957
- color: #ffffff;
4750
+ .SensitiveBlock-module_content__sNpxZ {
4751
+ -webkit-user-select: none;
4752
+ -moz-user-select: none;
4753
+ -ms-user-select: none;
4754
+ user-select: none;
4958
4755
 
4959
- font-size: 11px;
4960
- font-weight: 600;
4961
- line-height: 16px;
4962
- }
4963
- .DonatesTeaser-module_cta__1orPb a::after {
4964
- position: absolute;
4965
- z-index: 1;
4966
- top: 0;
4967
- right: 0;
4968
- bottom: 0;
4969
- left: 0;
4756
+ color: #fff;
4970
4757
 
4971
- content: '';
4758
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
4972
4759
  }
4973
- .DonatesTeaser-module_ctaInner__2LChL {
4974
- position: relative;
4975
-
4760
+ .SensitiveBlock-module_content__sNpxZ p {
4976
4761
  display: block;
4977
4762
 
4978
- width: 192px;
4979
- padding: 14px 0 13px;
4980
- }
4981
- .DonatesTeaser-module_ctaInner__2LChL::after {
4982
- position: absolute;
4983
- z-index: -1;
4984
- top: 0;
4985
- right: 0;
4986
- bottom: 0;
4987
- left: 0;
4763
+ width: 100%;
4764
+ max-width: 368px;
4765
+ margin-top: 0;
4766
+ margin-bottom: 12px;
4988
4767
 
4989
- content: '';
4990
- transition: opacity 250ms ease;
4768
+ text-align: center;
4991
4769
 
4992
- border-radius: 40px;
4993
- background-color: #ff1113;
4770
+ font-size: 14px;
4771
+ line-height: 18px
4772
+ }
4773
+ @media only screen and (min-width: 32em) {
4774
+ .SensitiveBlock-module_content__sNpxZ p {
4775
+ margin-bottom: 24px;
4994
4776
 
4995
- filter: blur(10px);
4777
+ font-size: 16px;
4778
+ line-height: 22px
4779
+ }
4780
+ }
4781
+ .SensitiveBlock-module_button__3BGZK {
4782
+ width: 100%;
4783
+ max-width: 348px;
4784
+ margin: 0 auto;
4785
+ }
4786
+ .SensitiveBlock-module_default__2HgmZ {
4787
+ max-width: 650px
4996
4788
  }
4997
4789
  @media only screen and (min-width: 32em) {
4998
- .DonatesTeaser-module_center__2Ynx9 {
4999
- width: 100%;
5000
- max-width: 650px;
4790
+ .SensitiveBlock-module_default__2HgmZ {
5001
4791
  margin-right: auto;
5002
4792
  margin-left: auto
5003
4793
  }
5004
4794
  }
5005
- .DonatesTeaser-module_isInCard__HrFh8,
5006
- .DonatesTeaser-module_isInSlide__1vC4Z {
5007
- margin-right: -11px;
5008
- margin-left: -11px
4795
+ .SensitiveBlock-module_full__3Hph9 {
4796
+ max-width: 980px
5009
4797
  }
5010
4798
  @media only screen and (min-width: 32em) {
5011
- .DonatesTeaser-module_isInCard__HrFh8,
5012
- .DonatesTeaser-module_isInSlide__1vC4Z {
5013
- margin-right: 0;
5014
- margin-left: 0
4799
+ .SensitiveBlock-module_full__3Hph9 {
4800
+ margin-right: auto;
4801
+ margin-left: auto
4802
+ }
4803
+ }
4804
+ .SensitiveBlock-module_full__3Hph9 .SensitiveBlock-module_overlay__hfDVS {
4805
+ right: -20px;
4806
+ left: -20px
4807
+ }
4808
+ @media only screen and (min-width: 32em) {
4809
+ .SensitiveBlock-module_full__3Hph9 .SensitiveBlock-module_overlay__hfDVS {
4810
+ right: 0;
4811
+ left: 0
4812
+ }
4813
+ }
4814
+ .SensitiveBlock-module_full__3Hph9 .SensitiveBlock-module_media__3wnlo {
4815
+ padding-right: 20px;
4816
+ padding-left: 20px
4817
+ }
4818
+ @media only screen and (min-width: 32em) {
4819
+ .SensitiveBlock-module_full__3Hph9 .SensitiveBlock-module_media__3wnlo {
4820
+ padding-right: 0;
4821
+ padding-left: 0
4822
+ }
4823
+ }
4824
+ .SensitiveBlock-module_super_full__14UOv {
4825
+ max-width: 100%;
4826
+ }
4827
+ @media only screen and (min-width: 32em) {
4828
+ .SensitiveBlock-module_super_full__14UOv .SensitiveBlock-module_overlay__hfDVS {
4829
+ right: -15px;
4830
+ left: -15px
4831
+ }
4832
+ }
4833
+ @media only screen and (min-width: 32em) {
4834
+ .SensitiveBlock-module_super_full__14UOv .SensitiveBlock-module_media__3wnlo {
4835
+ padding-right: 15px;
4836
+ padding-left: 15px
4837
+ }
4838
+ }
4839
+ /* STATE */
4840
+ .SensitiveBlock-module_visible__1B-NV .SensitiveBlock-module_overlay__hfDVS {
4841
+ visibility: hidden;
4842
+
4843
+ pointer-events: none;
4844
+
4845
+ opacity: 0;
4846
+ }
4847
+ .SensitiveBlock-module_visible__1B-NV .SensitiveBlock-module_container__1Wtix {
4848
+ min-height: 0;
4849
+ }
4850
+ /* CONTEXT */
4851
+ @media only screen and (max-width: 63.9375em) {
4852
+ .SensitiveBlock-module_isInCard__1L-lu .SensitiveBlock-module_overlay__hfDVS,
4853
+ .SensitiveBlock-module_isInSlide__f_Ql2 .SensitiveBlock-module_overlay__hfDVS {
4854
+ right: -11px;
4855
+ left: -11px
5015
4856
  }
5016
4857
  }
5017
4858
 
@@ -5283,6 +5124,167 @@ a mark {
5283
5124
  }
5284
5125
  }
5285
5126
 
5127
+ /* Colors */
5128
+ /* Fonts */
5129
+ /* Gap */
5130
+ /* Media */
5131
+ /* 512 */
5132
+ /* 650 */
5133
+ /* 768 */
5134
+ /* 1024 */
5135
+ /* 1010 */
5136
+ /* 1200 */
5137
+ /* 511 */
5138
+ /* 1023 */
5139
+ /* Zindex */
5140
+ .DonatesTeaser-module_root__3rtaJ {
5141
+ position: relative;
5142
+ z-index: 10;
5143
+
5144
+ display: block;
5145
+ overflow: hidden;
5146
+
5147
+ margin: calc(15rem / 16) -20px;
5148
+ padding: 42px 20px 50px;
5149
+
5150
+ text-decoration: none;
5151
+
5152
+ outline-width: 0;
5153
+ background-color: #000;
5154
+
5155
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
5156
+
5157
+ transform: translateZ(0)
5158
+ }
5159
+ @media only screen and (min-width: 32em) {
5160
+ .DonatesTeaser-module_root__3rtaJ {
5161
+ margin: 25px 0 20px;
5162
+ padding: 48px 30px;
5163
+
5164
+ border-radius: 8px
5165
+ }
5166
+ }
5167
+ .DonatesTeaser-module_root__3rtaJ:hover .DonatesTeaser-module_ctaInner__2LChL::after {
5168
+ opacity: 0.7;
5169
+ }
5170
+ .DonatesTeaser-module_main__YBt6p {
5171
+ max-width: 852px;
5172
+ margin: 0 auto;
5173
+
5174
+ text-align: center;
5175
+
5176
+ color: #fff;
5177
+ }
5178
+ .DonatesTeaser-module_title__hs-yr {
5179
+ font-size: 20px;
5180
+ font-weight: 700;
5181
+ line-height: 25px
5182
+ }
5183
+ @media only screen and (min-width: 32em) {
5184
+ .DonatesTeaser-module_title__hs-yr {
5185
+ font-size: 28px;
5186
+ line-height: 34px
5187
+ }
5188
+ }
5189
+ .DonatesTeaser-module_text__ro-QA {
5190
+ margin: 0;
5191
+
5192
+ font-family: 'PF Regal', 'PF Regal Text Pro', 'Georgia', serif;
5193
+ font-size: 21px;
5194
+ font-weight: normal;
5195
+ line-height: 25px
5196
+ }
5197
+ @media only screen and (min-width: 32em) {
5198
+ .DonatesTeaser-module_text__ro-QA {
5199
+ font-size: 29px;
5200
+ line-height: 34px
5201
+ }
5202
+ }
5203
+ .DonatesTeaser-module_cta__1orPb {
5204
+ display: -webkit-box;
5205
+ display: -webkit-flex;
5206
+ display: -ms-flexbox;
5207
+ display: flex;
5208
+ align-items: center;
5209
+ flex-flow: column nowrap;
5210
+ justify-content: center;
5211
+
5212
+ margin-top: 45px
5213
+ }
5214
+ @media only screen and (min-width: 32em) {
5215
+ .DonatesTeaser-module_cta__1orPb {
5216
+ margin-top: 40px
5217
+ }
5218
+ }
5219
+ .DonatesTeaser-module_cta__1orPb a {
5220
+ display: block;
5221
+
5222
+ text-align: center;
5223
+ text-decoration: none;
5224
+ letter-spacing: 1px;
5225
+ text-transform: uppercase;
5226
+
5227
+ color: #ffffff;
5228
+
5229
+ font-size: 11px;
5230
+ font-weight: 600;
5231
+ line-height: 16px;
5232
+ }
5233
+ .DonatesTeaser-module_cta__1orPb a::after {
5234
+ position: absolute;
5235
+ z-index: 1;
5236
+ top: 0;
5237
+ right: 0;
5238
+ bottom: 0;
5239
+ left: 0;
5240
+
5241
+ content: '';
5242
+ }
5243
+ .DonatesTeaser-module_ctaInner__2LChL {
5244
+ position: relative;
5245
+
5246
+ display: block;
5247
+
5248
+ width: 192px;
5249
+ padding: 14px 0 13px;
5250
+ }
5251
+ .DonatesTeaser-module_ctaInner__2LChL::after {
5252
+ position: absolute;
5253
+ z-index: -1;
5254
+ top: 0;
5255
+ right: 0;
5256
+ bottom: 0;
5257
+ left: 0;
5258
+
5259
+ content: '';
5260
+ transition: opacity 250ms ease;
5261
+
5262
+ border-radius: 40px;
5263
+ background-color: #ff1113;
5264
+
5265
+ filter: blur(10px);
5266
+ }
5267
+ @media only screen and (min-width: 32em) {
5268
+ .DonatesTeaser-module_center__2Ynx9 {
5269
+ width: 100%;
5270
+ max-width: 650px;
5271
+ margin-right: auto;
5272
+ margin-left: auto
5273
+ }
5274
+ }
5275
+ .DonatesTeaser-module_isInCard__HrFh8,
5276
+ .DonatesTeaser-module_isInSlide__1vC4Z {
5277
+ margin-right: -11px;
5278
+ margin-left: -11px
5279
+ }
5280
+ @media only screen and (min-width: 32em) {
5281
+ .DonatesTeaser-module_isInCard__HrFh8,
5282
+ .DonatesTeaser-module_isInSlide__1vC4Z {
5283
+ margin-right: 0;
5284
+ margin-left: 0
5285
+ }
5286
+ }
5287
+
5286
5288
  /* Colors */
5287
5289
  /* Fonts */
5288
5290
  /* Gap */