@meduza/ui-kit-2 0.1.19 → 0.1.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (85) hide show
  1. package/dist/Cover/Cover.types.d.ts +21 -1
  2. package/dist/DotsOnImage/DotsOnImage.types.d.ts +1 -1
  3. package/dist/Image/Image.types.d.ts +1 -6
  4. package/dist/ListBlock/ListBlock.stories.d.ts +2 -1
  5. package/dist/ListBlock/ListBlock.types.d.ts +7 -1
  6. package/dist/RelatedBlock/RelatedBlock.types.d.ts +14 -1
  7. package/dist/RelatedRichBlock/RelatedRichBlock.stories.d.ts +10 -0
  8. package/dist/RelatedRichBlock/RelatedRichBlock.types.d.ts +4 -0
  9. package/dist/RelatedRichBlock/index.d.ts +3 -0
  10. package/dist/RichTitle/RichTitle.types.d.ts +8 -1
  11. package/dist/SimpleTitle/SimpleTitle.types.d.ts +6 -1
  12. package/dist/SourceBlock/SourceBlock.types.d.ts +12 -1
  13. package/dist/index.d.ts +1 -0
  14. package/dist/types.d.ts +6 -0
  15. package/dist/ui-kit-2.cjs.development.js +97 -7
  16. package/dist/ui-kit-2.cjs.development.js.map +1 -1
  17. package/dist/ui-kit-2.cjs.production.min.js +1 -1
  18. package/dist/ui-kit-2.cjs.production.min.js.map +1 -1
  19. package/dist/ui-kit-2.esm.js +97 -8
  20. package/dist/ui-kit-2.esm.js.map +1 -1
  21. package/dist/ui-kit.css +1044 -848
  22. package/dist/utils/converCase.d.ts +2 -0
  23. package/dist/utils/generateGradient.d.ts +1 -1
  24. package/package.json +4 -1
  25. package/src/.DS_Store +0 -0
  26. package/src/BookmarkButton/BookmarkButton.test.tsx +17 -4
  27. package/src/CardTitle/CardTitle.test.tsx +4 -3
  28. package/src/ChapterBlock/ChapterBlock.test.tsx +4 -3
  29. package/src/Cover/Cover.test.tsx +3 -3
  30. package/src/Cover/Cover.types.ts +22 -1
  31. package/src/Cover/index.tsx +1 -1
  32. package/src/DocumentItemsCount/DocumentItemsCount.test.tsx +4 -3
  33. package/src/DotsOnImage/DotsOnImage.test.tsx +4 -2
  34. package/src/DotsOnImage/DotsOnImage.types.ts +1 -1
  35. package/src/EmbedBlock/EmbedBlock.test.tsx +16 -3
  36. package/src/EmbedBlock/index.tsx +1 -1
  37. package/src/GroupedBlock/GroupedBlock.test.tsx +5 -3
  38. package/src/HalfBlock/HalfBlock.test.tsx +4 -3
  39. package/src/Image/Image.test.tsx +3 -0
  40. package/src/Image/Image.types.ts +1 -6
  41. package/src/Image/RenderPicture.tsx +1 -1
  42. package/src/ImportantLead/ImportantLead.test.tsx +10 -8
  43. package/src/ImportantLead/mock.json +6 -0
  44. package/src/Lazy/Lazy.test.tsx +3 -0
  45. package/src/ListBlock/ListBlock.stories.tsx +2 -1
  46. package/src/ListBlock/ListBlock.test.tsx +8 -4
  47. package/src/ListBlock/ListBlock.types.ts +6 -1
  48. package/src/ListBlock/index.tsx +1 -1
  49. package/src/ListBlock/mock.json +1 -1
  50. package/src/MaterialNote/MaterialNote.test.tsx +4 -3
  51. package/src/Meta/Meta.module.css +1 -1
  52. package/src/QuoteBlock/QuoteBlock.test.tsx +4 -3
  53. package/src/RawHtmlBlock/RawHtmlBlock.test.tsx +18 -9
  54. package/src/RawHtmlBlock/mock.json +6 -0
  55. package/src/RelatedBlock/RelatedBlock.test.tsx +4 -3
  56. package/src/RelatedBlock/RelatedBlock.types.ts +14 -1
  57. package/src/RelatedRichBlock/RelatedRichBlock.module.css +165 -0
  58. package/src/RelatedRichBlock/RelatedRichBlock.stories.module.css +12 -0
  59. package/src/RelatedRichBlock/RelatedRichBlock.stories.tsx +55 -0
  60. package/src/RelatedRichBlock/RelatedRichBlock.test.tsx +20 -0
  61. package/src/RelatedRichBlock/RelatedRichBlock.types.ts +4 -0
  62. package/src/RelatedRichBlock/index.tsx +105 -0
  63. package/src/RelatedRichBlock/mock.json +354 -0
  64. package/src/RenderBlocks/RenderBlocks.stories.tsx +4 -1
  65. package/src/RenderBlocks/RenderBlocks.test.tsx +15 -9
  66. package/src/RenderBlocks/mock.json +10 -0
  67. package/src/RichTitle/RichTitle.module.css +37 -7
  68. package/src/RichTitle/RichTitle.test.tsx +4 -3
  69. package/src/RichTitle/RichTitle.types.ts +8 -1
  70. package/src/SimpleBlock/SimpleBlock.test.tsx +16 -9
  71. package/src/SimpleBlock/mock.json +6 -0
  72. package/src/SimpleTitle/SimpleTitle.test.tsx +4 -3
  73. package/src/SimpleTitle/SimpleTitle.types.ts +6 -1
  74. package/src/SourceBlock/SourceBlock.test.tsx +4 -3
  75. package/src/SourceBlock/SourceBlock.types.ts +13 -1
  76. package/src/Spoiler/Spoiler.test.tsx +4 -3
  77. package/src/Table/Table.test.tsx +3 -3
  78. package/src/Timestamp/Timestamp.test.tsx +4 -3
  79. package/src/ToolbarButton/ToolbarButton.test.tsx +8 -3
  80. package/src/_storybook/PreviewWrapper/PreviewWrapper.module.css +3 -1
  81. package/src/index.tsx +1 -0
  82. package/src/types.ts +6 -0
  83. package/src/utils/{toCamel.ts → converCase.ts} +3 -0
  84. package/src/utils/generateGradient.ts +21 -15
  85. package/dist/utils/toCamel.d.ts +0 -1
package/dist/ui-kit.css CHANGED
@@ -11,228 +11,222 @@
11
11
  /* 511 */
12
12
  /* 1023 */
13
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;
14
+ .SvgSymbol-module_root__2CsRW {
15
+ width: 100%;
16
+ height: 100%;
37
17
 
38
- appearance: none;
18
+ vertical-align: middle;
39
19
  }
40
- .Button-module_root__RpsiW::-moz-focus-inner {
41
- border: 0;
20
+ .SvgSymbol-module_small__2g6oR {
21
+ height: 14px;
42
22
  }
43
- .Button-module_root__RpsiW[disabled] {
44
- cursor: default;
45
- pointer-events: none;
46
-
47
- opacity: 0.5;
23
+ .SvgSymbol-module_normal__9lFn1 {
24
+ height: 14px;
48
25
  }
49
- .Button-module_root__RpsiW > span:first-child {
50
- margin-right: 4px;
26
+ .SvgSymbol-module_medium__2eF5L {
27
+ width: 24px;
28
+ height: 24px;
51
29
  }
52
- .Button-module_root__RpsiW > span:last-child {
53
- margin-left: 4px;
30
+ .SvgSymbol-module_large__2kQrt {
31
+ width: 42px;
32
+ height: 42px;
54
33
  }
55
- .Button-module_gold__ZMYg- {
56
- background: #b88b59;
34
+ .SvgSymbol-module_adaptive__3_68T {
35
+ width: 100%;
36
+ height: 100%;
57
37
  }
58
- .Button-module_gold__ZMYg-.Button-module_isLoading__1g6QO {
59
- fill: #b88b59;
38
+ .SvgSymbol-module_fb__1whmw {
39
+ width: 16px;
40
+
41
+ fill: #304591;
60
42
  }
61
- .Button-module_gold__ZMYg-:hover {
62
- background-color: #9e784c
43
+ .SvgSymbol-module_vk__3VEuu {
44
+ width: 20px;
45
+
46
+ fill: #527397;
63
47
  }
64
- @media (hover: none) {
65
- .Button-module_gold__ZMYg-:hover {
66
- background-color: #b88b59
48
+ .SvgSymbol-module_ok__2_1Qb {
49
+ width: 9px;
50
+
51
+ fill: #eb722e;
67
52
  }
68
- }
69
- .Button-module_gold__ZMYg-:active {
70
- background-color: #856440;
53
+ .SvgSymbol-module_tw__2VRG5 {
54
+ width: 20px;
55
+
56
+ fill: #31adf4;
71
57
  }
72
- .Button-module_gray__3IM54 {
73
- color: #000;
74
- background-color: #f0f0f0;
58
+ .SvgSymbol-module_tg__2xe2f {
59
+ width: 18px;
60
+
61
+ fill: #2ba5e0;
75
62
  }
76
- .Button-module_gray__3IM54.Button-module_isLoading__1g6QO {
77
- fill: #545454;
63
+ .SvgSymbol-module_reaction__rrJvf {
64
+ width: 16px;
65
+
66
+ color: #b88b59;
67
+
68
+ fill: #262626;
78
69
  }
79
- .Button-module_gray__3IM54:hover {
80
- background-color: #ebebeb
70
+ .SvgSymbol-module_card__1XAqw,
71
+ .SvgSymbol-module_podcast__3oPoo,
72
+ .SvgSymbol-module_read__2V82i,
73
+ .SvgSymbol-module_listened__1oMFV {
74
+ width: 15px;
75
+ height: 15px;
81
76
  }
82
- @media (hover: none) {
83
- .Button-module_gray__3IM54:hover {
84
- background-color: #ebebeb
77
+ .SvgSymbol-module_menu__2iYFt {
78
+ width: 24px;
79
+ height: 24px;
85
80
  }
86
- }
87
- .Button-module_gray__3IM54:active {
88
- background-color: #e3e3e3;
81
+ .SvgSymbol-module_cross__J2lCN {
82
+ width: 14px;
83
+ height: 14px;
89
84
  }
90
- .Button-module_sand__2AqVq {
91
- background: #a18c68;
85
+ .SvgSymbol-module_isInFeature__cDeTI,
86
+ .SvgSymbol-module_isInCard__pKq4e {
87
+ width: 16px;
88
+ height: 16px;
92
89
  }
93
- .Button-module_sand__2AqVq.Button-module_isLoading__1g6QO {
94
- fill: #a18c68;
90
+ .SvgSymbol-module_isInTopicBlockItem__3Te91 {
91
+ width: 16px;
92
+ height: 16px;
95
93
  }
96
- .Button-module_sand__2AqVq:hover {
97
- background-color: #8a7654
94
+ .SvgSymbol-module_isInPageStatic__H31Rd {
95
+ width: 64px;
96
+ height: 64px;
98
97
  }
99
- @media (hover: none) {
100
- .Button-module_sand__2AqVq:hover {
101
- background-color: #a18c68
98
+ .SvgSymbol-module_isInMaterialMeta__2IbAw {
99
+ margin-right: 6px;
102
100
  }
103
- }
104
- .Button-module_sand__2AqVq:active {
105
- background-color: #7b6743;
101
+ .SvgSymbol-module_isInAudioPlayer__2xlzW {
102
+ width: 29px;
103
+ height: 29px;
104
+
105
+ -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
106
+
107
+ filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
106
108
  }
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);
109
+ .SvgSymbol-module_isInEpisodeBlock__2vY3o {
110
+ width: 38px;
111
+ height: 38px;
112
+
113
+ -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
114
+
115
+ filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
111
116
  }
112
- .Button-module_dark__I0uXx:hover {
113
- background-color: #2e2e2e
117
+ .SvgSymbol-module_isInButtonPlaybackRate__1L3TW {
118
+ width: 34px;
119
+ height: 28px
114
120
  }
115
- @media (hover: none) {
116
- .Button-module_dark__I0uXx:hover {
117
- background-color: #3a3a3a
121
+ @media only screen and (min-device-width: 40.625em) {
122
+ .SvgSymbol-module_isInButtonPlaybackRate__1L3TW {
123
+ width: 28px;
124
+ height: 22px
118
125
  }
119
126
  }
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
127
+ .SvgSymbol-module_isInButtonBackward__1Grf9,
128
+ .SvgSymbol-module_isInButtonForward__D1AFL {
129
+ width: 28px;
130
+ height: 28px
132
131
  }
133
- @media (hover: none) {
134
- .Button-module_light__1Y4hG:hover {
135
- background-color: #fff
132
+ @media only screen and (min-device-width: 40.625em) {
133
+ .SvgSymbol-module_isInButtonBackward__1Grf9,
134
+ .SvgSymbol-module_isInButtonForward__D1AFL {
135
+ width: 22px;
136
+ height: 22px
136
137
  }
137
138
  }
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;
139
+ .SvgSymbol-module_isInToolbar__3SaIh.SvgSymbol-module_cross__J2lCN {
140
+ width: 18px;
141
+ height: 18px;
147
142
  }
148
- .Button-module_black__3sG3Y.Button-module_isLoading__1g6QO {
149
- fill: #7e7d7b;
143
+ .SvgSymbol-module_play__pM-qY {
144
+ width: 100%;
145
+ height: 100%;
150
146
  }
151
- .Button-module_black__3sG3Y:hover {
152
- background-color: #141414
147
+ .SvgSymbol-module_meduzaLogo__2Ouzp {
148
+ width: 92px;
149
+ height: 20px
153
150
  }
154
- @media (hover: none) {
155
- .Button-module_black__3sG3Y:hover {
156
- background: #141414
151
+ @media only screen and (min-device-width: 64em) {
152
+ .SvgSymbol-module_meduzaLogo__2Ouzp {
153
+ width: 100px;
154
+ height: 45px
157
155
  }
158
156
  }
159
- .Button-module_black__3sG3Y:active {
160
- background-color: #242424;
157
+ .SvgSymbol-module_arrow__11naX {
158
+ width: 12px;
159
+ height: 12px;
161
160
  }
162
- .Button-module_red__3Niou {
163
- background-color: #f95a5a;
161
+ .SvgSymbol-module_oil__hvHE5 {
162
+ width: 9px;
163
+ height: 12px;
164
164
  }
165
- .Button-module_red__3Niou:hover {
166
- background-color: #e65353
165
+ .SvgSymbol-module_search__VK6p3 {
166
+ width: 24px;
167
+ height: 24px
167
168
  }
168
- @media (hover: none) {
169
- .Button-module_red__3Niou:hover {
170
- background: #f95a5a
169
+ @media only screen and (min-device-width: 64em) {
170
+ .SvgSymbol-module_search__VK6p3 {
171
+ width: 16px;
172
+ height: 16px
171
173
  }
172
174
  }
173
- .Button-module_red__3Niou:active {
174
- background-color: #d44d4d;
175
+ .SvgSymbol-module_user__1MGim {
176
+ width: 14px;
177
+ height: 14px
175
178
  }
176
- .Button-module_red__3Niou.Button-module_isLoading__1g6QO {
177
- fill: #141414;
179
+ @media only screen and (min-device-width: 64em) {
180
+ .SvgSymbol-module_user__1MGim {
181
+ width: 16px;
182
+ height: 16px
178
183
  }
179
- .Button-module_default__28Vo_ {
180
- width: 100%;
181
- height: 42px;
182
- padding: 6px 18px;
183
-
184
- letter-spacing: 1px;
185
- text-transform: uppercase;
184
+ }
185
+ .SvgSymbol-module_bookmark__2z7tX {
186
+ width: 17px;
187
+ height: auto;
186
188
 
187
- border-radius: 8px;
189
+ cursor: pointer;
188
190
 
189
- font-size: 12px;
190
- font-weight: 600;
191
- line-height: 22px
191
+ stroke-width: 2px
192
192
  }
193
193
  @media only screen and (min-device-width: 64em) {
194
- .Button-module_default__28Vo_ {
195
- padding: 7px 18px 6px;
194
+ .SvgSymbol-module_bookmark__2z7tX {
195
+ width: 14px;
196
196
 
197
- font-size: 14px;
198
- line-height: 16px
197
+ stroke-width: 1.5px
199
198
  }
200
199
  }
201
- .Button-module_isInSpoiler__2Yl8c svg {
202
- margin-top: -2px;
203
- margin-left: 6px;
200
+ .SvgSymbol-module_isInToolbar__3SaIh.SvgSymbol-module_bookmark__2z7tX {
201
+ width: 14px;
204
202
  }
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;
203
+ .SvgSymbol-module_receipt__3Eqow {
204
+ width: 10px;
205
+ height: 13px;
215
206
  }
216
- .Button-module_isInDropdown__1ogKL {
217
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
207
+ .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN {
208
+ width: 22px;
209
+ height: 22px
218
210
  }
219
- .Button-module_black__3sG3Y[disabled],
220
- .Button-module_sand__2AqVq[disabled] {
221
- opacity: 0.3;
211
+ @media only screen and (min-device-width: 64em) {
212
+ .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN {
213
+ width: 14px;
214
+ height: 14px
222
215
  }
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;
216
+ }
217
+ @media only screen and (min-device-width: 64em) {
218
+ .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_search__VK6p3 circle {
219
+ stroke-width: 1.5px
230
220
  }
231
- .Button-module_loader__2pl6d {
232
- display: block;
233
-
234
- margin-top: -1px;
221
+ }
222
+ .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN path {
223
+ stroke-width: 1.8px
235
224
  }
225
+ @media only screen and (min-device-width: 64em) {
226
+ .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN path {
227
+ stroke-width: 1.3px
228
+ }
229
+ }
236
230
 
237
231
  /* Colors */
238
232
  /* Fonts */
@@ -411,222 +405,228 @@
411
405
  /* 511 */
412
406
  /* 1023 */
413
407
  /* Zindex */
414
- .SvgSymbol-module_root__2CsRW {
415
- width: 100%;
416
- height: 100%;
408
+ .Button-module_root__RpsiW {
409
+ display: block;
417
410
 
418
- vertical-align: middle;
411
+ padding: 0;
412
+
413
+ cursor: pointer;
414
+ -webkit-user-select: none;
415
+ -moz-user-select: none;
416
+ -ms-user-select: none;
417
+ user-select: none;
418
+ transition: background-color 0.15s ease-out;
419
+ text-align: center;
420
+
421
+ color: #fff;
422
+ border-width: 0;
423
+ outline: none;
424
+
425
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
426
+ line-height: 1;
427
+
428
+ -webkit-appearance: none;
429
+
430
+ -moz-appearance: none;
431
+
432
+ appearance: none;
419
433
  }
420
- .SvgSymbol-module_small__2g6oR {
421
- height: 14px;
434
+ .Button-module_root__RpsiW::-moz-focus-inner {
435
+ border: 0;
422
436
  }
423
- .SvgSymbol-module_normal__9lFn1 {
424
- height: 14px;
437
+ .Button-module_root__RpsiW[disabled] {
438
+ cursor: default;
439
+ pointer-events: none;
440
+
441
+ opacity: 0.5;
425
442
  }
426
- .SvgSymbol-module_medium__2eF5L {
427
- width: 24px;
428
- height: 24px;
443
+ .Button-module_root__RpsiW > span:first-child {
444
+ margin-right: 4px;
429
445
  }
430
- .SvgSymbol-module_large__2kQrt {
431
- width: 42px;
432
- height: 42px;
446
+ .Button-module_root__RpsiW > span:last-child {
447
+ margin-left: 4px;
433
448
  }
434
- .SvgSymbol-module_adaptive__3_68T {
435
- width: 100%;
436
- height: 100%;
449
+ .Button-module_gold__ZMYg- {
450
+ background: #b88b59;
437
451
  }
438
- .SvgSymbol-module_fb__1whmw {
439
- width: 16px;
440
-
441
- fill: #304591;
452
+ .Button-module_gold__ZMYg-.Button-module_isLoading__1g6QO {
453
+ fill: #b88b59;
442
454
  }
443
- .SvgSymbol-module_vk__3VEuu {
444
- width: 20px;
445
-
446
- fill: #527397;
455
+ .Button-module_gold__ZMYg-:hover {
456
+ background-color: #9e784c
447
457
  }
448
- .SvgSymbol-module_ok__2_1Qb {
449
- width: 9px;
450
-
451
- fill: #eb722e;
458
+ @media (hover: none) {
459
+ .Button-module_gold__ZMYg-:hover {
460
+ background-color: #b88b59
452
461
  }
453
- .SvgSymbol-module_tw__2VRG5 {
454
- width: 20px;
455
-
456
- fill: #31adf4;
462
+ }
463
+ .Button-module_gold__ZMYg-:active {
464
+ background-color: #856440;
457
465
  }
458
- .SvgSymbol-module_tg__2xe2f {
459
- width: 18px;
460
-
461
- fill: #2ba5e0;
466
+ .Button-module_gray__3IM54 {
467
+ color: #000;
468
+ background-color: #f0f0f0;
462
469
  }
463
- .SvgSymbol-module_reaction__rrJvf {
464
- width: 16px;
465
-
466
- color: #b88b59;
467
-
468
- fill: #262626;
470
+ .Button-module_gray__3IM54.Button-module_isLoading__1g6QO {
471
+ fill: #545454;
469
472
  }
470
- .SvgSymbol-module_card__1XAqw,
471
- .SvgSymbol-module_podcast__3oPoo,
472
- .SvgSymbol-module_read__2V82i,
473
- .SvgSymbol-module_listened__1oMFV {
474
- width: 15px;
475
- height: 15px;
473
+ .Button-module_gray__3IM54:hover {
474
+ background-color: #ebebeb
476
475
  }
477
- .SvgSymbol-module_menu__2iYFt {
478
- width: 24px;
479
- height: 24px;
476
+ @media (hover: none) {
477
+ .Button-module_gray__3IM54:hover {
478
+ background-color: #ebebeb
480
479
  }
481
- .SvgSymbol-module_cross__J2lCN {
482
- width: 14px;
483
- height: 14px;
480
+ }
481
+ .Button-module_gray__3IM54:active {
482
+ background-color: #e3e3e3;
484
483
  }
485
- .SvgSymbol-module_isInFeature__cDeTI,
486
- .SvgSymbol-module_isInCard__pKq4e {
487
- width: 16px;
488
- height: 16px;
484
+ .Button-module_sand__2AqVq {
485
+ background: #a18c68;
489
486
  }
490
- .SvgSymbol-module_isInTopicBlockItem__3Te91 {
491
- width: 16px;
492
- height: 16px;
487
+ .Button-module_sand__2AqVq.Button-module_isLoading__1g6QO {
488
+ fill: #a18c68;
493
489
  }
494
- .SvgSymbol-module_isInPageStatic__H31Rd {
495
- width: 64px;
496
- height: 64px;
490
+ .Button-module_sand__2AqVq:hover {
491
+ background-color: #8a7654
497
492
  }
498
- .SvgSymbol-module_isInMaterialMeta__2IbAw {
499
- margin-right: 6px;
493
+ @media (hover: none) {
494
+ .Button-module_sand__2AqVq:hover {
495
+ background-color: #a18c68
500
496
  }
501
- .SvgSymbol-module_isInAudioPlayer__2xlzW {
502
- width: 29px;
503
- height: 29px;
504
-
505
- -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
506
-
507
- filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
497
+ }
498
+ .Button-module_sand__2AqVq:active {
499
+ background-color: #7b6743;
508
500
  }
509
- .SvgSymbol-module_isInEpisodeBlock__2vY3o {
510
- width: 38px;
511
- height: 38px;
512
-
513
- -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
514
-
515
- filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
501
+ .Button-module_dark__I0uXx {
502
+ color: #adadad;
503
+ background-color: #3a3a3a;
504
+ box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.4);
516
505
  }
517
- .SvgSymbol-module_isInButtonPlaybackRate__1L3TW {
518
- width: 34px;
519
- height: 28px
506
+ .Button-module_dark__I0uXx:hover {
507
+ background-color: #2e2e2e
520
508
  }
521
- @media only screen and (min-device-width: 40.625em) {
522
- .SvgSymbol-module_isInButtonPlaybackRate__1L3TW {
523
- width: 28px;
524
- height: 22px
509
+ @media (hover: none) {
510
+ .Button-module_dark__I0uXx:hover {
511
+ background-color: #3a3a3a
525
512
  }
526
513
  }
527
- .SvgSymbol-module_isInButtonBackward__1Grf9,
528
- .SvgSymbol-module_isInButtonForward__D1AFL {
529
- width: 28px;
530
- height: 28px
514
+ .Button-module_dark__I0uXx:active {
515
+ background-color: #242424;
531
516
  }
532
- @media only screen and (min-device-width: 40.625em) {
533
- .SvgSymbol-module_isInButtonBackward__1Grf9,
534
- .SvgSymbol-module_isInButtonForward__D1AFL {
535
- width: 22px;
536
- height: 22px
517
+ .Button-module_dark__I0uXx.Button-module_isLoading__1g6QO {
518
+ fill: #3a3a3a;
519
+ }
520
+ .Button-module_light__1Y4hG {
521
+ color: #000;
522
+ background-color: #fff;
523
+ }
524
+ .Button-module_light__1Y4hG:hover {
525
+ background-color: #ebebeb
526
+ }
527
+ @media (hover: none) {
528
+ .Button-module_light__1Y4hG:hover {
529
+ background-color: #fff
537
530
  }
538
531
  }
539
- .SvgSymbol-module_isInToolbar__3SaIh.SvgSymbol-module_cross__J2lCN {
540
- width: 18px;
541
- height: 18px;
532
+ .Button-module_light__1Y4hG:active {
533
+ background-color: #e3e3e3;
534
+ }
535
+ .Button-module_light__1Y4hG.Button-module_isLoading__1g6QO {
536
+ fill: #fff;
537
+ }
538
+ .Button-module_black__3sG3Y {
539
+ color: #7e7d7b;
540
+ background-color: #000;
542
541
  }
543
- .SvgSymbol-module_play__pM-qY {
544
- width: 100%;
545
- height: 100%;
542
+ .Button-module_black__3sG3Y.Button-module_isLoading__1g6QO {
543
+ fill: #7e7d7b;
546
544
  }
547
- .SvgSymbol-module_meduzaLogo__2Ouzp {
548
- width: 92px;
549
- height: 20px
545
+ .Button-module_black__3sG3Y:hover {
546
+ background-color: #141414
550
547
  }
551
- @media only screen and (min-device-width: 64em) {
552
- .SvgSymbol-module_meduzaLogo__2Ouzp {
553
- width: 100px;
554
- height: 45px
548
+ @media (hover: none) {
549
+ .Button-module_black__3sG3Y:hover {
550
+ background: #141414
555
551
  }
556
552
  }
557
- .SvgSymbol-module_arrow__11naX {
558
- width: 12px;
559
- height: 12px;
553
+ .Button-module_black__3sG3Y:active {
554
+ background-color: #242424;
560
555
  }
561
- .SvgSymbol-module_oil__hvHE5 {
562
- width: 9px;
563
- height: 12px;
556
+ .Button-module_red__3Niou {
557
+ background-color: #f95a5a;
564
558
  }
565
- .SvgSymbol-module_search__VK6p3 {
566
- width: 24px;
567
- height: 24px
559
+ .Button-module_red__3Niou:hover {
560
+ background-color: #e65353
568
561
  }
569
- @media only screen and (min-device-width: 64em) {
570
- .SvgSymbol-module_search__VK6p3 {
571
- width: 16px;
572
- height: 16px
562
+ @media (hover: none) {
563
+ .Button-module_red__3Niou:hover {
564
+ background: #f95a5a
573
565
  }
574
566
  }
575
- .SvgSymbol-module_user__1MGim {
576
- width: 14px;
577
- height: 14px
567
+ .Button-module_red__3Niou:active {
568
+ background-color: #d44d4d;
578
569
  }
579
- @media only screen and (min-device-width: 64em) {
580
- .SvgSymbol-module_user__1MGim {
581
- width: 16px;
582
- height: 16px
570
+ .Button-module_red__3Niou.Button-module_isLoading__1g6QO {
571
+ fill: #141414;
583
572
  }
584
- }
585
- .SvgSymbol-module_bookmark__2z7tX {
586
- width: 17px;
587
- height: auto;
573
+ .Button-module_default__28Vo_ {
574
+ width: 100%;
575
+ height: 42px;
576
+ padding: 6px 18px;
588
577
 
589
- cursor: pointer;
578
+ letter-spacing: 1px;
579
+ text-transform: uppercase;
590
580
 
591
- stroke-width: 2px
581
+ border-radius: 8px;
582
+
583
+ font-size: 12px;
584
+ font-weight: 600;
585
+ line-height: 22px
592
586
  }
593
587
  @media only screen and (min-device-width: 64em) {
594
- .SvgSymbol-module_bookmark__2z7tX {
595
- width: 14px;
588
+ .Button-module_default__28Vo_ {
589
+ padding: 7px 18px 6px;
596
590
 
597
- stroke-width: 1.5px
591
+ font-size: 14px;
592
+ line-height: 16px
598
593
  }
599
594
  }
600
- .SvgSymbol-module_isInToolbar__3SaIh.SvgSymbol-module_bookmark__2z7tX {
601
- width: 14px;
602
- }
603
- .SvgSymbol-module_receipt__3Eqow {
604
- width: 10px;
605
- height: 13px;
595
+ .Button-module_isInSpoiler__2Yl8c svg {
596
+ margin-top: -2px;
597
+ margin-left: 6px;
606
598
  }
607
- .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN {
608
- width: 22px;
609
- height: 22px
599
+ .Button-module_ghost__3awCW {
600
+ letter-spacing: inherit;
601
+ text-transform: none;
602
+
603
+ color: inherit;
604
+ background-color: transparent;
605
+
606
+ font-family: inherit;
607
+ font-size: inherit;
608
+ font-weight: inherit;
610
609
  }
611
- @media only screen and (min-device-width: 64em) {
612
- .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN {
613
- width: 14px;
614
- height: 14px
610
+ .Button-module_isInDropdown__1ogKL {
611
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
615
612
  }
616
- }
617
- @media only screen and (min-device-width: 64em) {
618
- .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_search__VK6p3 circle {
619
- stroke-width: 1.5px
613
+ .Button-module_black__3sG3Y[disabled],
614
+ .Button-module_sand__2AqVq[disabled] {
615
+ opacity: 0.3;
620
616
  }
621
- }
622
- .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN path {
623
- stroke-width: 1.8px
617
+ /* LOADING */
618
+ .Button-module_root__RpsiW.Button-module_isLoading__1g6QO {
619
+ cursor: default;
620
+ pointer-events: none;
621
+
622
+ background-color: transparent;
623
+ box-shadow: none;
624
624
  }
625
- @media only screen and (min-device-width: 64em) {
626
- .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN path {
627
- stroke-width: 1.3px
625
+ .Button-module_loader__2pl6d {
626
+ display: block;
627
+
628
+ margin-top: -1px;
628
629
  }
629
- }
630
630
 
631
631
  /* Colors */
632
632
  /* Fonts */
@@ -712,26 +712,6 @@
712
712
  outline: none;
713
713
  }
714
714
 
715
- /* Colors */
716
- /* Fonts */
717
- /* Gap */
718
- /* Media */
719
- /* 512 */
720
- /* 650 */
721
- /* 768 */
722
- /* 1024 */
723
- /* 1010 */
724
- /* 1200 */
725
- /* 511 */
726
- /* 1023 */
727
- /* Zindex */
728
- .Lazy-module_root__2Z72l {
729
- display: block;
730
- }
731
- .Lazy-module_visible__3-SdX {
732
- color: red;
733
- }
734
-
735
715
  /* Colors */
736
716
  /* Fonts */
737
717
  /* Gap */
@@ -1283,6 +1263,119 @@
1283
1263
  min-width: 50px;
1284
1264
  }
1285
1265
 
1266
+ /* Colors */
1267
+ /* Fonts */
1268
+ /* Gap */
1269
+ /* Media */
1270
+ /* 512 */
1271
+ /* 650 */
1272
+ /* 768 */
1273
+ /* 1024 */
1274
+ /* 1010 */
1275
+ /* 1200 */
1276
+ /* 511 */
1277
+ /* 1023 */
1278
+ /* Zindex */
1279
+ .Lazy-module_root__2Z72l {
1280
+ display: block;
1281
+ }
1282
+ .Lazy-module_visible__3-SdX {
1283
+ color: red;
1284
+ }
1285
+
1286
+ /* Colors */
1287
+ /* Fonts */
1288
+ /* Gap */
1289
+ /* Media */
1290
+ /* 512 */
1291
+ /* 650 */
1292
+ /* 768 */
1293
+ /* 1024 */
1294
+ /* 1010 */
1295
+ /* 1200 */
1296
+ /* 511 */
1297
+ /* 1023 */
1298
+ /* Zindex */
1299
+ .MediaCaption-module_root__KqTdw {
1300
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1301
+ }
1302
+ .MediaCaption-module_root__KqTdw a {
1303
+ text-decoration: underline;
1304
+
1305
+ color: inherit;
1306
+ box-shadow: none;
1307
+ }
1308
+ .MediaCaption-module_root__KqTdw a:hover {
1309
+ color: #b88b58;
1310
+ }
1311
+ .MediaCaption-module_caption__1hr7Y {
1312
+ max-width: 520px;
1313
+ padding-top: 4px;
1314
+
1315
+ color: #1a1a1a;
1316
+
1317
+ font-size: 14px;
1318
+ line-height: 18px
1319
+ }
1320
+ @media only screen and (min-device-width: 32em) {
1321
+ .MediaCaption-module_caption__1hr7Y {
1322
+ font-size: 16px;
1323
+ line-height: 22px
1324
+ }
1325
+ }
1326
+ .MediaCaption-module_credit__3ehAP {
1327
+ max-width: 520px;
1328
+ padding-top: 1px;
1329
+
1330
+ color: #666;
1331
+
1332
+ font-size: 12px;
1333
+ line-height: 16px
1334
+ }
1335
+ @media only screen and (min-device-width: 32em) {
1336
+ .MediaCaption-module_credit__3ehAP {
1337
+ padding-top: 3px
1338
+ }
1339
+ }
1340
+ .MediaCaption-module_credit__3ehAP:first-child {
1341
+ padding-top: 3px;
1342
+ }
1343
+ .MediaCaption-module_dark__3tL1u .MediaCaption-module_caption__1hr7Y {
1344
+ color: #fff;
1345
+ }
1346
+ .MediaCaption-module_dark__3tL1u .MediaCaption-module_credit__3ehAP {
1347
+ color: #929292;
1348
+ }
1349
+ .MediaCaption-module_video__1KZ6k .MediaCaption-module_caption__1hr7Y,
1350
+ .MediaCaption-module_picture__3AAMH .MediaCaption-module_caption__1hr7Y {
1351
+ padding-top: 10px
1352
+ }
1353
+ @media only screen and (min-device-width: 32em) {
1354
+ .MediaCaption-module_video__1KZ6k .MediaCaption-module_caption__1hr7Y,
1355
+ .MediaCaption-module_picture__3AAMH .MediaCaption-module_caption__1hr7Y {
1356
+ padding-top: 12px
1357
+ }
1358
+ }
1359
+ .MediaCaption-module_video__1KZ6k .MediaCaption-module_credit__3ehAP:first-child,
1360
+ .MediaCaption-module_picture__3AAMH .MediaCaption-module_credit__3ehAP:first-child {
1361
+ padding-top: 9px
1362
+ }
1363
+ @media only screen and (min-device-width: 32em) {
1364
+ .MediaCaption-module_video__1KZ6k .MediaCaption-module_credit__3ehAP:first-child,
1365
+ .MediaCaption-module_picture__3AAMH .MediaCaption-module_credit__3ehAP:first-child {
1366
+ padding-top: 11px
1367
+ }
1368
+ }
1369
+ .MediaCaption-module_picture__3AAMH .MediaCaption-module_credit__3ehAP,
1370
+ .MediaCaption-module_picture__3AAMH .MediaCaption-module_caption__1hr7Y,
1371
+ .MediaCaption-module_video__1KZ6k .MediaCaption-module_credit__3ehAP,
1372
+ .MediaCaption-module_video__1KZ6k .MediaCaption-module_caption__1hr7Y,
1373
+ .MediaCaption-module_desktop__3Saev .MediaCaption-module_credit__3ehAP,
1374
+ .MediaCaption-module_desktop__3Saev .MediaCaption-module_caption__1hr7Y {
1375
+ max-width: 650px;
1376
+ }
1377
+
1378
+
1286
1379
  /* Colors */
1287
1380
  /* Fonts */
1288
1381
  /* Gap */
@@ -1489,85 +1582,36 @@
1489
1582
  /* 511 */
1490
1583
  /* 1023 */
1491
1584
  /* Zindex */
1492
- .MediaCaption-module_root__KqTdw {
1493
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1494
- }
1495
- .MediaCaption-module_root__KqTdw a {
1496
- text-decoration: underline;
1497
-
1498
- color: inherit;
1499
- box-shadow: none;
1500
- }
1501
- .MediaCaption-module_root__KqTdw a:hover {
1502
- color: #b88b58;
1503
- }
1504
- .MediaCaption-module_caption__1hr7Y {
1505
- max-width: 520px;
1506
- padding-top: 4px;
1507
-
1508
- color: #1a1a1a;
1509
-
1510
- font-size: 14px;
1511
- line-height: 18px
1512
- }
1513
- @media only screen and (min-device-width: 32em) {
1514
- .MediaCaption-module_caption__1hr7Y {
1515
- font-size: 16px;
1516
- line-height: 22px
1585
+ .MaterialTitle-module_root__18ku- {
1586
+ display: block;
1517
1587
  }
1518
- }
1519
- .MediaCaption-module_credit__3ehAP {
1520
- max-width: 520px;
1521
- padding-top: 1px;
1522
-
1523
- color: #666;
1588
+ .MaterialTitle-module_root__18ku- {
1589
+ margin: 0;
1524
1590
 
1525
- font-size: 12px;
1526
- line-height: 16px
1591
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1592
+ font-size: 25px;
1593
+ font-weight: normal;
1594
+ line-height: 27px
1527
1595
  }
1528
- @media only screen and (min-device-width: 32em) {
1529
- .MediaCaption-module_credit__3ehAP {
1530
- padding-top: 3px
1596
+ @media only screen and (min-device-width: 48em) {
1597
+ .MaterialTitle-module_root__18ku- {
1598
+ font-size: 37px;
1599
+ line-height: 38px
1531
1600
  }
1532
1601
  }
1533
- .MediaCaption-module_credit__3ehAP:first-child {
1534
- padding-top: 3px;
1535
- }
1536
- .MediaCaption-module_dark__3tL1u .MediaCaption-module_caption__1hr7Y {
1537
- color: #fff;
1538
- }
1539
- .MediaCaption-module_dark__3tL1u .MediaCaption-module_credit__3ehAP {
1540
- color: #929292;
1541
- }
1542
- .MediaCaption-module_video__1KZ6k .MediaCaption-module_caption__1hr7Y,
1543
- .MediaCaption-module_picture__3AAMH .MediaCaption-module_caption__1hr7Y {
1544
- padding-top: 10px
1545
- }
1546
- @media only screen and (min-device-width: 32em) {
1547
- .MediaCaption-module_video__1KZ6k .MediaCaption-module_caption__1hr7Y,
1548
- .MediaCaption-module_picture__3AAMH .MediaCaption-module_caption__1hr7Y {
1549
- padding-top: 12px
1602
+ .MaterialTitle-module_primary__2Sfmx {
1603
+ font-family: 'PF Regal', 'PF Regal Text Pro', 'Georgia', serif;
1604
+ font-weight: normal;
1550
1605
  }
1551
- }
1552
- .MediaCaption-module_video__1KZ6k .MediaCaption-module_credit__3ehAP:first-child,
1553
- .MediaCaption-module_picture__3AAMH .MediaCaption-module_credit__3ehAP:first-child {
1554
- padding-top: 9px
1606
+ .MaterialTitle-module_secondary__3uDp4 {
1607
+ font-size: 24px;
1608
+ font-weight: 700
1555
1609
  }
1556
- @media only screen and (min-device-width: 32em) {
1557
- .MediaCaption-module_video__1KZ6k .MediaCaption-module_credit__3ehAP:first-child,
1558
- .MediaCaption-module_picture__3AAMH .MediaCaption-module_credit__3ehAP:first-child {
1559
- padding-top: 11px
1610
+ @media only screen and (min-device-width: 48em) {
1611
+ .MaterialTitle-module_secondary__3uDp4 {
1612
+ font-size: 36px
1560
1613
  }
1561
1614
  }
1562
- .MediaCaption-module_picture__3AAMH .MediaCaption-module_credit__3ehAP,
1563
- .MediaCaption-module_picture__3AAMH .MediaCaption-module_caption__1hr7Y,
1564
- .MediaCaption-module_video__1KZ6k .MediaCaption-module_credit__3ehAP,
1565
- .MediaCaption-module_video__1KZ6k .MediaCaption-module_caption__1hr7Y,
1566
- .MediaCaption-module_desktop__3Saev .MediaCaption-module_credit__3ehAP,
1567
- .MediaCaption-module_desktop__3Saev .MediaCaption-module_caption__1hr7Y {
1568
- max-width: 650px;
1569
- }
1570
-
1571
1615
 
1572
1616
  /* Colors */
1573
1617
  /* Fonts */
@@ -1657,50 +1701,6 @@
1657
1701
  content: '';
1658
1702
  }
1659
1703
 
1660
- /* Colors */
1661
- /* Fonts */
1662
- /* Gap */
1663
- /* Media */
1664
- /* 512 */
1665
- /* 650 */
1666
- /* 768 */
1667
- /* 1024 */
1668
- /* 1010 */
1669
- /* 1200 */
1670
- /* 511 */
1671
- /* 1023 */
1672
- /* Zindex */
1673
- .MaterialTitle-module_root__18ku- {
1674
- display: block;
1675
- }
1676
- .MaterialTitle-module_root__18ku- {
1677
- margin: 0;
1678
-
1679
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1680
- font-size: 25px;
1681
- font-weight: normal;
1682
- line-height: 27px
1683
- }
1684
- @media only screen and (min-device-width: 48em) {
1685
- .MaterialTitle-module_root__18ku- {
1686
- font-size: 37px;
1687
- line-height: 38px
1688
- }
1689
- }
1690
- .MaterialTitle-module_primary__2Sfmx {
1691
- font-family: 'PF Regal', 'PF Regal Text Pro', 'Georgia', serif;
1692
- font-weight: normal;
1693
- }
1694
- .MaterialTitle-module_secondary__3uDp4 {
1695
- font-size: 24px;
1696
- font-weight: 700
1697
- }
1698
- @media only screen and (min-device-width: 48em) {
1699
- .MaterialTitle-module_secondary__3uDp4 {
1700
- font-size: 36px
1701
- }
1702
- }
1703
-
1704
1704
  /* Colors */
1705
1705
  /* Fonts */
1706
1706
  /* Gap */
@@ -1790,59 +1790,175 @@
1790
1790
  margin-right: auto;
1791
1791
  margin-left: auto;
1792
1792
  }
1793
- .Toolbar-module_game__5-jY_ {
1794
- margin-top: 11px
1793
+ .Toolbar-module_game__5-jY_ {
1794
+ margin-top: 11px
1795
+ }
1796
+ @media only screen and (min-device-width: 32em) {
1797
+ .Toolbar-module_game__5-jY_ {
1798
+ margin-top: 18px
1799
+ }
1800
+ }
1801
+ .Toolbar-module_game__5-jY_ .Toolbar-module_list__1n5ny,
1802
+ .Toolbar-module_gameSurvey__1hQEz .Toolbar-module_list__1n5ny {
1803
+ justify-content: center
1804
+ }
1805
+ @media only screen and (min-device-width: 32em) {
1806
+ .Toolbar-module_game__5-jY_ .Toolbar-module_list__1n5ny,
1807
+ .Toolbar-module_gameSurvey__1hQEz .Toolbar-module_list__1n5ny {
1808
+ display: -webkit-box;
1809
+ display: -webkit-flex;
1810
+ display: -ms-flexbox;
1811
+ display: flex
1812
+ }
1813
+ }
1814
+ .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child {
1815
+ width: 260px
1816
+ }
1817
+ @media only screen and (min-device-width: 32em) {
1818
+ .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child {
1819
+ width: auto
1820
+ }
1821
+ }
1822
+ .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child::before {
1823
+ content: none
1824
+ }
1825
+ @media only screen and (min-device-width: 32em) {
1826
+ .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child::before {
1827
+ content: ''
1828
+ }
1829
+ }
1830
+ .Toolbar-module_gameSurvey__1hQEz .Toolbar-module_item__36x7d:first-child::before,
1831
+ .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:first-child::before {
1832
+ content: none;
1833
+ }
1834
+ @media only screen and (min-device-width: 64em) {
1835
+ .Toolbar-module_game__5-jY_ .Toolbar-module_list__1n5ny,
1836
+ .Toolbar-module_gameSurvey__1hQEz .Toolbar-module_list__1n5ny {
1837
+ margin-left: 0
1838
+ }
1839
+ }
1840
+ .Toolbar-module_dark__2Ejc9 .Toolbar-module_item__36x7d::before {
1841
+ border-left-color: rgba(255, 255, 255, 0.2);
1842
+ }
1843
+ [data-context="prodano"] .Toolbar-module_root__2HF2r {
1844
+ display: none;
1845
+ }
1846
+
1847
+ /* Colors */
1848
+ /* Fonts */
1849
+ /* Gap */
1850
+ /* Media */
1851
+ /* 512 */
1852
+ /* 650 */
1853
+ /* 768 */
1854
+ /* 1024 */
1855
+ /* 1010 */
1856
+ /* 1200 */
1857
+ /* 511 */
1858
+ /* 1023 */
1859
+ /* Zindex */
1860
+ .Meta-module_root__12AG7 {
1861
+ transform: translateZ(0);
1862
+
1863
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1864
+ font-size: 12px;
1865
+ line-height: 14px;
1866
+
1867
+ fill: inherit;
1868
+ }
1869
+ .Meta-module_rich__1XBtZ,
1870
+ .Meta-module_podcast__1m4zo,
1871
+ .Meta-module_episode__1K2Xv,
1872
+ .Meta-module_simple__3vUiI,
1873
+ .Meta-module_slide__3g6fG,
1874
+ .Meta-module_card__LE1RK,
1875
+ .Meta-module_game__3aNlZ,
1876
+ .Meta-module_isInMaterial__zaYMy {
1877
+ width: 100%;
1878
+
1879
+ color: #757575;
1880
+ }
1881
+ .Meta-module_podcast__1m4zo {
1882
+ fill: currentColor;
1883
+ }
1884
+ .Meta-module_isInSearchItem__1wbpx {
1885
+ color: rgba(255, 255, 255, 0.7);
1886
+ }
1887
+ @media only screen and (min-device-width: 64em) {
1888
+ .Meta-module_center__3BBPr.Meta-module_half__1xRkT {
1889
+ text-align: left
1890
+ }
1891
+ }
1892
+ @media only screen and (min-device-width: 32em) {
1893
+ .Meta-module_episode__1K2Xv,
1894
+ .Meta-module_card__LE1RK,
1895
+ .Meta-module_slide__3g6fG,
1896
+ .Meta-module_game__3aNlZ,
1897
+ .Meta-module_center__3BBPr {
1898
+ text-align: center
1899
+ }
1900
+ }
1901
+ .Meta-module_light__2baE- {
1902
+ color: rgba(255, 255, 255, 0.6);
1903
+
1904
+ fill: currentColor;
1905
+ }
1906
+ .Meta-module_dark__24y9m {
1907
+ color: rgba(0, 0, 0, 0.4);
1908
+ }
1909
+ .Meta-module_episode__1K2Xv,
1910
+ .Meta-module_card__LE1RK,
1911
+ .Meta-module_slide__3g6fG,
1912
+ .Meta-module_podcast__1m4zo {
1913
+ display: -webkit-box;
1914
+ display: -webkit-flex;
1915
+ display: -ms-flexbox;
1916
+ display: flex;
1917
+ align-items: center;
1918
+ flex-flow: row wrap
1795
1919
  }
1796
- @media only screen and (min-device-width: 32em) {
1797
- .Toolbar-module_game__5-jY_ {
1798
- margin-top: 18px
1920
+ @media only screen and (min-device-width: 48em) {
1921
+ .Meta-module_episode__1K2Xv,
1922
+ .Meta-module_card__LE1RK,
1923
+ .Meta-module_slide__3g6fG,
1924
+ .Meta-module_podcast__1m4zo {
1925
+ display: block
1799
1926
  }
1800
1927
  }
1801
- .Toolbar-module_game__5-jY_ .Toolbar-module_list__1n5ny,
1802
- .Toolbar-module_gameSurvey__1hQEz .Toolbar-module_list__1n5ny {
1803
- justify-content: center
1804
- }
1805
- @media only screen and (min-device-width: 32em) {
1806
- .Toolbar-module_game__5-jY_ .Toolbar-module_list__1n5ny,
1807
- .Toolbar-module_gameSurvey__1hQEz .Toolbar-module_list__1n5ny {
1928
+ @media only screen and (max-device-width: 32.1875em) {
1929
+ .Meta-module_hasSource__2lXiN {
1808
1930
  display: -webkit-box;
1809
1931
  display: -webkit-flex;
1810
1932
  display: -ms-flexbox;
1811
- display: flex
1933
+ display: flex;
1934
+ flex-flow: row wrap
1812
1935
  }
1813
1936
  }
1814
- .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child {
1815
- width: 260px
1937
+ .Meta-module_bookmark__3ot3k {
1938
+ position: absolute;
1939
+ z-index: 10;
1940
+ right: -12px;
1941
+ bottom: -4px
1816
1942
  }
1817
1943
  @media only screen and (min-device-width: 32em) {
1818
- .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child {
1819
- width: auto
1944
+ .Meta-module_bookmark__3ot3k {
1945
+ display: none
1820
1946
  }
1821
1947
  }
1822
- .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child::before {
1823
- content: none
1824
- }
1948
+ /* VISIBILITY */
1825
1949
  @media only screen and (min-device-width: 32em) {
1826
- .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child::before {
1827
- content: ''
1950
+ .Meta-module_mobile__22LGV {
1951
+ display: none
1828
1952
  }
1829
1953
  }
1830
- .Toolbar-module_gameSurvey__1hQEz .Toolbar-module_item__36x7d:first-child::before,
1831
- .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:first-child::before {
1832
- content: none;
1954
+ .Meta-module_desktop__1ZGUS {
1955
+ display: none
1833
1956
  }
1834
- @media only screen and (min-device-width: 64em) {
1835
- .Toolbar-module_game__5-jY_ .Toolbar-module_list__1n5ny,
1836
- .Toolbar-module_gameSurvey__1hQEz .Toolbar-module_list__1n5ny {
1837
- margin-left: 0
1957
+ @media only screen and (min-device-width: 32em) {
1958
+ .Meta-module_desktop__1ZGUS {
1959
+ display: block
1838
1960
  }
1839
1961
  }
1840
- .Toolbar-module_dark__2Ejc9 .Toolbar-module_item__36x7d::before {
1841
- border-left-color: rgba(255, 255, 255, 0.2);
1842
- }
1843
- [data-context="prodano"] .Toolbar-module_root__2HF2r {
1844
- display: none;
1845
- }
1846
1962
 
1847
1963
  /* Colors */
1848
1964
  /* Fonts */
@@ -2068,108 +2184,10 @@
2068
2184
  /* 511 */
2069
2185
  /* 1023 */
2070
2186
  /* Zindex */
2071
- .Meta-module_root__12AG7 {
2072
- transform: translateZ(0);
2073
-
2187
+ .Timestamp-module_root__coOvT {
2074
2188
  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2075
- font-size: 12px;
2076
- line-height: 14px;
2077
-
2078
- fill: inherit;
2079
- }
2080
- .Meta-module_rich__1XBtZ,
2081
- .Meta-module_podcast__1m4zo,
2082
- .Meta-module_episode__1K2Xv,
2083
- .Meta-module_simple__3vUiI,
2084
- .Meta-module_slide__3g6fG,
2085
- .Meta-module_card__LE1RK,
2086
- .Meta-module_game__3aNlZ,
2087
- .Meta-module_isInMaterial__zaYMy {
2088
- width: 100%;
2089
-
2090
- color: #757575;
2091
- }
2092
- .Meta-module_podcast__1m4zo {
2093
- fill: currentColor;
2094
- }
2095
- .Meta-module_isInSearchItem__1wbpx {
2096
- color: rgba(255, 255, 255, 0.7);
2097
- }
2098
- @media only screen and (min-device-width: 64em) {
2099
- .Meta-module_center__3BBPr.Meta-module_half__1xRkT {
2100
- text-align: left
2101
- }
2102
- }
2103
- @media only screen and (min-device-width: 32em) {
2104
- .Meta-module_episode__1K2Xv,
2105
- .Meta-module_card__LE1RK,
2106
- .Meta-module_slide__3g6fG,
2107
- .Meta-module_game__3aNlZ,
2108
- .Meta-module_center__3BBPr {
2109
- text-align: center
2110
- }
2111
- }
2112
- .Meta-module_light__2baE- {
2113
- color: rgba(255, 255, 255, 0.6);
2114
-
2115
- fill: currentColor;
2116
- }
2117
- .Meta-module_dark__24y9m {
2118
- color: #757575;
2119
- }
2120
- .Meta-module_episode__1K2Xv,
2121
- .Meta-module_card__LE1RK,
2122
- .Meta-module_slide__3g6fG,
2123
- .Meta-module_podcast__1m4zo {
2124
- display: -webkit-box;
2125
- display: -webkit-flex;
2126
- display: -ms-flexbox;
2127
- display: flex;
2128
- align-items: center;
2129
- flex-flow: row wrap
2130
- }
2131
- @media only screen and (min-device-width: 48em) {
2132
- .Meta-module_episode__1K2Xv,
2133
- .Meta-module_card__LE1RK,
2134
- .Meta-module_slide__3g6fG,
2135
- .Meta-module_podcast__1m4zo {
2136
- display: block
2137
- }
2138
- }
2139
- @media only screen and (max-device-width: 32.1875em) {
2140
- .Meta-module_hasSource__2lXiN {
2141
- display: -webkit-box;
2142
- display: -webkit-flex;
2143
- display: -ms-flexbox;
2144
- display: flex;
2145
- flex-flow: row wrap
2146
- }
2147
- }
2148
- .Meta-module_bookmark__3ot3k {
2149
- position: absolute;
2150
- z-index: 10;
2151
- right: -12px;
2152
- bottom: -4px
2153
- }
2154
- @media only screen and (min-device-width: 32em) {
2155
- .Meta-module_bookmark__3ot3k {
2156
- display: none
2157
- }
2158
- }
2159
- /* VISIBILITY */
2160
- @media only screen and (min-device-width: 32em) {
2161
- .Meta-module_mobile__22LGV {
2162
- display: none
2163
- }
2164
- }
2165
- .Meta-module_desktop__1ZGUS {
2166
- display: none
2167
- }
2168
- @media only screen and (min-device-width: 32em) {
2169
- .Meta-module_desktop__1ZGUS {
2170
- display: block
2189
+ font-weight: normal;
2171
2190
  }
2172
- }
2173
2191
 
2174
2192
  /* Colors */
2175
2193
  /* Fonts */
@@ -2257,24 +2275,6 @@
2257
2275
  margin-left: auto;
2258
2276
  }
2259
2277
 
2260
- /* Colors */
2261
- /* Fonts */
2262
- /* Gap */
2263
- /* Media */
2264
- /* 512 */
2265
- /* 650 */
2266
- /* 768 */
2267
- /* 1024 */
2268
- /* 1010 */
2269
- /* 1200 */
2270
- /* 511 */
2271
- /* 1023 */
2272
- /* Zindex */
2273
- .Timestamp-module_root__coOvT {
2274
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2275
- font-weight: normal;
2276
- }
2277
-
2278
2278
  /* Colors */
2279
2279
  /* Fonts */
2280
2280
  /* Gap */
@@ -2712,32 +2712,103 @@
2712
2712
  margin: 0 -20px 0;
2713
2713
  margin-top: 18px
2714
2714
  }
2715
- @media only screen and (min-device-width: 32em) {
2716
- .HalfBlock-module_image__2lYel {
2717
- margin: 31px 0 -5px
2715
+ @media only screen and (min-device-width: 32em) {
2716
+ .HalfBlock-module_image__2lYel {
2717
+ margin: 31px 0 -5px
2718
+ }
2719
+ }
2720
+ @media only screen and (min-device-width: 64em) {
2721
+ .HalfBlock-module_image__2lYel {
2722
+ width: 50%;
2723
+ margin: 0
2724
+ }
2725
+ }
2726
+ /* VISIBILITY */
2727
+ @media only screen and (min-device-width: 32em) {
2728
+ .HalfBlock-module_mobile__2latf {
2729
+ display: none
2730
+ }
2731
+ }
2732
+ .HalfBlock-module_desktop__3B1Ej {
2733
+ display: none
2734
+ }
2735
+ @media only screen and (min-device-width: 32em) {
2736
+ .HalfBlock-module_desktop__3B1Ej {
2737
+ display: block
2738
+ }
2739
+ }
2740
+
2741
+ /* Colors */
2742
+ /* Fonts */
2743
+ /* Gap */
2744
+ /* Media */
2745
+ /* 512 */
2746
+ /* 650 */
2747
+ /* 768 */
2748
+ /* 1024 */
2749
+ /* 1010 */
2750
+ /* 1200 */
2751
+ /* 511 */
2752
+ /* 1023 */
2753
+ /* Zindex */
2754
+ .ImportantLead-module_root__2BdT3 {
2755
+ margin: 18px 0;
2756
+ padding: 12px 12px 13px;
2757
+
2758
+ border: 1px solid rgba(0, 0, 0, 0.08);
2759
+ border-radius: 4px;
2760
+ border-radius: 8px;
2761
+ background: #FFF8C4;
2762
+
2763
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2764
+ font-size: 16px;
2765
+ font-weight: normal;
2766
+ line-height: 20px
2767
+ }
2768
+ @media only screen and (min-device-width: 32em) {
2769
+ .ImportantLead-module_root__2BdT3 {
2770
+ margin: 25px 0;
2771
+ padding: 12px 15px 13px;
2772
+
2773
+ font-size: 17px;
2774
+ line-height: 24px
2775
+ }
2776
+ }
2777
+ .ImportantLead-module_root__2BdT3:last-child {
2778
+ margin-bottom: 0;
2779
+ }
2780
+ .ImportantLead-module_root__2BdT3:first-child {
2781
+ margin-top: 0;
2782
+ }
2783
+ .ImportantLead-module_root__2BdT3 a {
2784
+ color: #000;
2785
+ box-shadow: inset 0 -1px #000;
2718
2786
  }
2719
- }
2720
- @media only screen and (min-device-width: 64em) {
2721
- .HalfBlock-module_image__2lYel {
2722
- width: 50%;
2723
- margin: 0
2787
+ .ImportantLead-module_root__2BdT3 a:hover {
2788
+ color: #b88b59;
2789
+ box-shadow: inset 0 -1px #b88b59;
2790
+ }
2791
+ .ImportantLead-module_slide__3kQ9x {
2792
+ max-width: 650px;
2793
+ margin-right: auto;
2794
+ margin-left: auto;
2724
2795
  }
2725
- }
2726
2796
  /* VISIBILITY */
2727
2797
  @media only screen and (min-device-width: 32em) {
2728
- .HalfBlock-module_mobile__2latf {
2798
+ .ImportantLead-module_mobile__3BXbm {
2729
2799
  display: none
2730
2800
  }
2731
2801
  }
2732
- .HalfBlock-module_desktop__3B1Ej {
2802
+ .ImportantLead-module_desktop__3Zljc {
2733
2803
  display: none
2734
2804
  }
2735
2805
  @media only screen and (min-device-width: 32em) {
2736
- .HalfBlock-module_desktop__3B1Ej {
2806
+ .ImportantLead-module_desktop__3Zljc {
2737
2807
  display: block
2738
2808
  }
2739
2809
  }
2740
2810
 
2811
+
2741
2812
  /* Colors */
2742
2813
  /* Fonts */
2743
2814
  /* Gap */
@@ -2913,64 +2984,112 @@
2913
2984
  /* 511 */
2914
2985
  /* 1023 */
2915
2986
  /* Zindex */
2916
- .ImportantLead-module_root__2BdT3 {
2917
- margin: 18px 0;
2918
- padding: 12px 12px 13px;
2919
-
2920
- border: 1px solid rgba(0, 0, 0, 0.08);
2921
- border-radius: 4px;
2922
- border-radius: 8px;
2923
- background: #FFF8C4;
2987
+ .RichTitle-module_root__BK_WT {
2988
+ margin: 0 0 18px;
2924
2989
 
2925
2990
  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2926
- font-size: 16px;
2927
- font-weight: normal;
2928
- line-height: 20px
2991
+ font-size: 19px;
2992
+ font-weight: 700;
2993
+ line-height: 23px
2994
+ }
2995
+ @media only screen and (min-device-width: 48em) {
2996
+ .RichTitle-module_root__BK_WT {
2997
+ margin-bottom: 15px;
2998
+
2999
+ font-size: 37px;
3000
+ line-height: 42px
3001
+ }
3002
+ }
3003
+ .RichTitle-module_root__BK_WT:last-child {
3004
+ margin-bottom: 0;
3005
+ }
3006
+ .RichTitle-module_root__BK_WT span {
3007
+ font-family: 'PF Regal', 'PF Regal Text Pro', 'Georgia', serif;
3008
+ font-size: 20px;
3009
+ font-weight: normal
3010
+ }
3011
+ @media only screen and (min-device-width: 48em) {
3012
+ .RichTitle-module_root__BK_WT span {
3013
+ font-size: 38px
2929
3014
  }
3015
+ }
2930
3016
  @media only screen and (min-device-width: 32em) {
2931
- .ImportantLead-module_root__2BdT3 {
2932
- margin: 25px 0;
2933
- padding: 12px 15px 13px;
3017
+ .RichTitle-module_slide__1A-gB,
3018
+ .RichTitle-module_game__1g8Bn {
3019
+ text-align: center
3020
+ }
3021
+ }
3022
+ @media only screen and (min-device-width: 64em) {
3023
+ .RichTitle-module_half__10GRI {
3024
+ font-size: 33px;
3025
+ line-height: 36px
3026
+ }
3027
+ }
3028
+ @media only screen and (min-device-width: 64em) {
3029
+ .RichTitle-module_half__10GRI span {
3030
+ font-size: 34px
3031
+ }
3032
+ }
3033
+ .RichTitle-module_game__1g8Bn:first-child {
3034
+ padding-top: 9px;
3035
+ }
3036
+ @media only screen and (max-device-width: 63.9375em) {
3037
+ .RichTitle-module_featured__wJfaQ {
3038
+ letter-spacing: 0.3px;
2934
3039
 
2935
- font-size: 17px;
3040
+ font-size: 28px;
3041
+ line-height: 30px
3042
+ }
3043
+ }
3044
+ @media only screen and (max-device-width: 63.9375em) {
3045
+ .RichTitle-module_featured__wJfaQ span {
3046
+ display: block;
3047
+
3048
+ padding-top: 2px;
3049
+
3050
+ font-size: 18px;
2936
3051
  line-height: 24px
2937
3052
  }
2938
3053
  }
2939
- .ImportantLead-module_root__2BdT3:last-child {
2940
- margin-bottom: 0;
3054
+ @media only screen and (min-device-width: 64em) {
3055
+ .RichTitle-module_isInMediaBlock__3RDw4 {
3056
+ margin-bottom: 18px
2941
3057
  }
2942
- .ImportantLead-module_root__2BdT3:first-child {
2943
- margin-top: 0;
3058
+ }
3059
+ .RichTitle-module_isInMediaBlock__3RDw4:not(.RichTitle-module_featured__wJfaQ) {
3060
+ font-size: 19px;
3061
+ line-height: 23px
2944
3062
  }
2945
- .ImportantLead-module_root__2BdT3 a {
2946
- color: #000;
2947
- box-shadow: inset 0 -1px #000;
3063
+ @media only screen and (min-device-width: 64em) {
3064
+ .RichTitle-module_isInMediaBlock__3RDw4:not(.RichTitle-module_featured__wJfaQ) {
3065
+ font-size: 26px;
3066
+ line-height: 32px
2948
3067
  }
2949
- .ImportantLead-module_root__2BdT3 a:hover {
2950
- color: #b88b59;
2951
- box-shadow: inset 0 -1px #b88b59;
3068
+ }
3069
+ .RichTitle-module_isInMediaBlock__3RDw4:not(.RichTitle-module_featured__wJfaQ) span {
3070
+ font-size: 20px;
3071
+ line-height: 23px
2952
3072
  }
2953
- .ImportantLead-module_slide__3kQ9x {
2954
- max-width: 650px;
2955
- margin-right: auto;
2956
- margin-left: auto;
3073
+ @media only screen and (min-device-width: 64em) {
3074
+ .RichTitle-module_isInMediaBlock__3RDw4:not(.RichTitle-module_featured__wJfaQ) span {
3075
+ font-size: 27px;
3076
+ line-height: 32px
2957
3077
  }
2958
- /* VISIBILITY */
3078
+ }
2959
3079
  @media only screen and (min-device-width: 32em) {
2960
- .ImportantLead-module_mobile__3BXbm {
3080
+ .RichTitle-module_mobile__1Cb6E {
2961
3081
  display: none
2962
3082
  }
2963
3083
  }
2964
- .ImportantLead-module_desktop__3Zljc {
3084
+ .RichTitle-module_desktop__2ixSQ {
2965
3085
  display: none
2966
3086
  }
2967
3087
  @media only screen and (min-device-width: 32em) {
2968
- .ImportantLead-module_desktop__3Zljc {
3088
+ .RichTitle-module_desktop__2ixSQ {
2969
3089
  display: block
2970
3090
  }
2971
3091
  }
2972
3092
 
2973
-
2974
3093
  /* Colors */
2975
3094
  /* Fonts */
2976
3095
  /* Gap */
@@ -3535,79 +3654,33 @@ a mark {
3535
3654
  /* 511 */
3536
3655
  /* 1023 */
3537
3656
  /* Zindex */
3538
- .RichTitle-module_root__BK_WT {
3657
+ .SimpleTitle-module_root__2jVQN {
3539
3658
  margin: 0 0 18px;
3540
3659
 
3541
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
3542
- font-size: 19px;
3543
- font-weight: 700;
3660
+ font-family: 'PF Regal', 'PF Regal Text Pro', 'Georgia', serif;
3661
+ font-size: 20px;
3662
+ font-weight: normal;
3544
3663
  line-height: 23px
3545
3664
  }
3546
3665
  @media only screen and (min-device-width: 48em) {
3547
- .RichTitle-module_root__BK_WT {
3666
+ .SimpleTitle-module_root__2jVQN {
3548
3667
  margin-bottom: 15px;
3549
3668
 
3550
- font-size: 37px;
3551
- line-height: 42px
3552
- }
3553
- }
3554
- .RichTitle-module_root__BK_WT:last-child {
3555
- margin-bottom: 0;
3556
- }
3557
- .RichTitle-module_root__BK_WT span {
3558
- font-family: 'PF Regal', 'PF Regal Text Pro', 'Georgia', serif;
3559
- font-size: 20px;
3560
- font-weight: normal
3561
- }
3562
- @media only screen and (min-device-width: 48em) {
3563
- .RichTitle-module_root__BK_WT span {
3564
- font-size: 38px
3565
- }
3566
- }
3567
- @media only screen and (min-device-width: 32em) {
3568
- .RichTitle-module_slide__1A-gB,
3569
- .RichTitle-module_game__1g8Bn {
3570
- text-align: center
3571
- }
3572
- }
3573
- @media only screen and (min-device-width: 64em) {
3574
- .RichTitle-module_half__10GRI {
3575
- font-size: 33px;
3576
- line-height: 36px
3577
- }
3578
- }
3579
- @media only screen and (min-device-width: 64em) {
3580
- .RichTitle-module_half__10GRI span {
3581
- font-size: 34px
3669
+ font-size: 36px;
3670
+ line-height: 40px
3582
3671
  }
3583
3672
  }
3584
- .RichTitle-module_game__1g8Bn:first-child {
3585
- padding-top: 9px;
3586
- }
3587
- .RichTitle-module_featured__wJfaQ {
3588
- letter-spacing: 0.3px;
3589
-
3590
- font-size: 28px;
3591
- line-height: 30px;
3592
- }
3593
- .RichTitle-module_featured__wJfaQ span {
3594
- display: block;
3595
-
3596
- padding-top: 2px;
3597
-
3598
- font-size: 18px;
3599
- line-height: 24px;
3600
- }
3673
+ /* VISIBILITY */
3601
3674
  @media only screen and (min-device-width: 32em) {
3602
- .RichTitle-module_mobile__1Cb6E {
3675
+ .SimpleTitle-module_mobile__11gBz {
3603
3676
  display: none
3604
3677
  }
3605
3678
  }
3606
- .RichTitle-module_desktop__2ixSQ {
3679
+ .SimpleTitle-module_desktop__3yXgy {
3607
3680
  display: none
3608
3681
  }
3609
3682
  @media only screen and (min-device-width: 32em) {
3610
- .RichTitle-module_desktop__2ixSQ {
3683
+ .SimpleTitle-module_desktop__3yXgy {
3611
3684
  display: block
3612
3685
  }
3613
3686
  }
@@ -3680,93 +3753,49 @@ a mark {
3680
3753
  margin-top: 12px;
3681
3754
  padding-top: 10px;
3682
3755
 
3683
- border-top: 1px solid #d6d6d6
3684
- }
3685
- @media only screen and (min-device-width: 48em) {
3686
- .SourceBlock-module_root__1P3XD footer {
3687
- margin-top: 18px;
3688
- padding-top: 12px
3689
- }
3690
- }
3691
- .SourceBlock-module_origin__l3JbO {
3692
- letter-spacing: 1px;
3693
- text-transform: uppercase;
3694
- pointer-events: none;
3695
-
3696
- color: #292929;
3697
-
3698
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
3699
- font-size: 16px;
3700
- font-weight: bold;
3701
- font-style: normal;
3702
- line-height: 22px
3703
- }
3704
- @media only screen and (min-device-width: 48em) {
3705
- .SourceBlock-module_origin__l3JbO {
3706
- font-size: 18px;
3707
- line-height: 26px
3708
- }
3709
- }
3710
- .SourceBlock-module_center__3P93B {
3711
- max-width: 650px;
3712
- margin-right: auto;
3713
- margin-left: auto;
3714
- }
3715
- /* VISIBILITY */
3716
- @media only screen and (min-device-width: 32em) {
3717
- .SourceBlock-module_mobile__2gw4S {
3718
- display: none
3719
- }
3720
- }
3721
- .SourceBlock-module_desktop__DecT6 {
3722
- display: none
3723
- }
3724
- @media only screen and (min-device-width: 32em) {
3725
- .SourceBlock-module_desktop__DecT6 {
3726
- display: block
3727
- }
3728
- }
3729
-
3730
- /* Colors */
3731
- /* Fonts */
3732
- /* Gap */
3733
- /* Media */
3734
- /* 512 */
3735
- /* 650 */
3736
- /* 768 */
3737
- /* 1024 */
3738
- /* 1010 */
3739
- /* 1200 */
3740
- /* 511 */
3741
- /* 1023 */
3742
- /* Zindex */
3743
- .SimpleTitle-module_root__2jVQN {
3744
- margin: 0 0 18px;
3745
-
3746
- font-family: 'PF Regal', 'PF Regal Text Pro', 'Georgia', serif;
3747
- font-size: 20px;
3748
- font-weight: normal;
3749
- line-height: 23px
3756
+ border-top: 1px solid #d6d6d6
3750
3757
  }
3751
3758
  @media only screen and (min-device-width: 48em) {
3752
- .SimpleTitle-module_root__2jVQN {
3753
- margin-bottom: 15px;
3759
+ .SourceBlock-module_root__1P3XD footer {
3760
+ margin-top: 18px;
3761
+ padding-top: 12px
3762
+ }
3763
+ }
3764
+ .SourceBlock-module_origin__l3JbO {
3765
+ letter-spacing: 1px;
3766
+ text-transform: uppercase;
3767
+ pointer-events: none;
3754
3768
 
3755
- font-size: 36px;
3756
- line-height: 40px
3769
+ color: #292929;
3770
+
3771
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
3772
+ font-size: 16px;
3773
+ font-weight: bold;
3774
+ font-style: normal;
3775
+ line-height: 22px
3776
+ }
3777
+ @media only screen and (min-device-width: 48em) {
3778
+ .SourceBlock-module_origin__l3JbO {
3779
+ font-size: 18px;
3780
+ line-height: 26px
3757
3781
  }
3758
3782
  }
3783
+ .SourceBlock-module_center__3P93B {
3784
+ max-width: 650px;
3785
+ margin-right: auto;
3786
+ margin-left: auto;
3787
+ }
3759
3788
  /* VISIBILITY */
3760
3789
  @media only screen and (min-device-width: 32em) {
3761
- .SimpleTitle-module_mobile__11gBz {
3790
+ .SourceBlock-module_mobile__2gw4S {
3762
3791
  display: none
3763
3792
  }
3764
3793
  }
3765
- .SimpleTitle-module_desktop__3yXgy {
3794
+ .SourceBlock-module_desktop__DecT6 {
3766
3795
  display: none
3767
3796
  }
3768
3797
  @media only screen and (min-device-width: 32em) {
3769
- .SimpleTitle-module_desktop__3yXgy {
3798
+ .SourceBlock-module_desktop__DecT6 {
3770
3799
  display: block
3771
3800
  }
3772
3801
  }
@@ -4320,6 +4349,104 @@ a mark {
4320
4349
  vertical-align: top;
4321
4350
  }
4322
4351
 
4352
+ /* Colors */
4353
+ /* Fonts */
4354
+ /* Gap */
4355
+ /* Media */
4356
+ /* 512 */
4357
+ /* 650 */
4358
+ /* 768 */
4359
+ /* 1024 */
4360
+ /* 1010 */
4361
+ /* 1200 */
4362
+ /* 511 */
4363
+ /* 1023 */
4364
+ /* Zindex */
4365
+ .ToolbarButton-module_root__xN-fq {
4366
+ height: 100%;
4367
+ margin: 0;
4368
+ padding: 0 1px 0 0;
4369
+
4370
+ cursor: pointer;
4371
+
4372
+ color: inherit;
4373
+ border-width: 0;
4374
+ outline: none;
4375
+ background-color: transparent;
4376
+
4377
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
4378
+ font-size: 12px;
4379
+ font-weight: 600;
4380
+ line-height: 1;
4381
+
4382
+ -webkit-appearance: none;
4383
+
4384
+ -moz-appearance: none;
4385
+
4386
+ appearance: none;
4387
+ }
4388
+ .ToolbarButton-module_root__xN-fq::after {
4389
+ position: absolute;
4390
+ top: 0;
4391
+ right: 0;
4392
+ bottom: 0;
4393
+ left: 0;
4394
+
4395
+ content: '';
4396
+ }
4397
+ .ToolbarButton-module_root__xN-fq:hover {
4398
+ opacity: 0.6;
4399
+ }
4400
+ .ToolbarButton-module_dark__GrIOr {
4401
+ color: #fff;
4402
+ }
4403
+ .ToolbarButton-module_dark__GrIOr:hover {
4404
+ opacity: 0.6;
4405
+ }
4406
+ .ToolbarButton-module_dark__GrIOr svg {
4407
+ color: #262626;
4408
+
4409
+ fill: #fff;
4410
+ }
4411
+ .ToolbarButton-module_dark__GrIOr.ToolbarButton-module_bookmark__3369b svg {
4412
+ color: #fff;
4413
+
4414
+ fill: transparent;
4415
+ }
4416
+ .ToolbarButton-module_dark__GrIOr.ToolbarButton-module_bookmark__3369b.ToolbarButton-module_isActive__3NLAE svg {
4417
+ fill: currentColor;
4418
+ }
4419
+ .ToolbarButton-module_dark__GrIOr::before {
4420
+ border-left-color: rgba(255, 255, 255, 0.2);
4421
+ }
4422
+ .ToolbarButton-module_root__xN-fq [data-theme='dark'] {
4423
+ visibility: hidden;
4424
+ }
4425
+ .ToolbarButton-module_dark__GrIOr [data-theme='dark'] {
4426
+ visibility: visible;
4427
+ }
4428
+ .ToolbarButton-module_dark__GrIOr [data-theme='light'] {
4429
+ visibility: hidden;
4430
+ }
4431
+ .ToolbarButton-module_text__32m6s {
4432
+ display: inline-block;
4433
+
4434
+ padding-left: 5px;
4435
+
4436
+ vertical-align: middle;
4437
+ }
4438
+ .ToolbarButton-module_text__32m6s:empty {
4439
+ display: none;
4440
+ }
4441
+ .ToolbarButton-module_bookmark__3369b {
4442
+ color: #999;
4443
+
4444
+ fill: transparent;
4445
+ }
4446
+ .ToolbarButton-module_isActive__3NLAE {
4447
+ fill: currentColor;
4448
+ }
4449
+
4323
4450
  /* Colors */
4324
4451
  /* Fonts */
4325
4452
  /* Gap */
@@ -4405,90 +4532,159 @@ a mark {
4405
4532
  /* 511 */
4406
4533
  /* 1023 */
4407
4534
  /* Zindex */
4408
- .ToolbarButton-module_root__xN-fq {
4409
- height: 100%;
4410
- margin: 0;
4411
- padding: 0 1px 0 0;
4412
-
4413
- cursor: pointer;
4414
-
4415
- color: inherit;
4416
- border-width: 0;
4417
- outline: none;
4418
- background-color: transparent;
4535
+ .RelatedRichBlock-module_root__3NYmj {
4536
+ position: relative;
4537
+ z-index: 10;
4419
4538
 
4420
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
4421
- font-size: 12px;
4422
- font-weight: 600;
4423
- line-height: 1;
4539
+ display: block;
4540
+ overflow: hidden;
4424
4541
 
4425
- -webkit-appearance: none;
4542
+ min-height: 434px;
4426
4543
 
4427
- -moz-appearance: none;
4544
+ text-decoration: none;
4428
4545
 
4429
- appearance: none;
4546
+ border-radius: 8px;
4547
+ outline-width: 0;
4430
4548
  }
4431
- .ToolbarButton-module_root__xN-fq::after {
4549
+ .RelatedRichBlock-module_root__3NYmj::before,
4550
+ .RelatedRichBlock-module_root__3NYmj::after {
4432
4551
  position: absolute;
4552
+ z-index: 20;
4433
4553
  top: 0;
4434
4554
  right: 0;
4435
4555
  bottom: 0;
4436
4556
  left: 0;
4437
4557
 
4438
4558
  content: '';
4559
+
4560
+ border-radius: 8px;
4439
4561
  }
4440
- .ToolbarButton-module_root__xN-fq:hover {
4441
- opacity: 0.6;
4562
+ .RelatedRichBlock-module_root__3NYmj::before {
4563
+ border: 1px solid rgba(0, 0, 0, 0.1);
4442
4564
  }
4443
- .ToolbarButton-module_dark__GrIOr {
4444
- color: #fff;
4565
+ .RelatedRichBlock-module_root__3NYmj::after {
4566
+ box-shadow: inset 0 4px #b88b59, inset 0 5px rgba(0, 0, 0, 0.2);
4445
4567
  }
4446
- .ToolbarButton-module_dark__GrIOr:hover {
4447
- opacity: 0.6;
4568
+ .RelatedRichBlock-module_overlay__3XSg_,
4569
+ .RelatedRichBlock-module_overlayHeader__2Nmbv {
4570
+ position: absolute;
4571
+ z-index: 10;
4572
+ right: 0;
4573
+ left: 0;
4448
4574
  }
4449
- .ToolbarButton-module_dark__GrIOr svg {
4450
- color: #262626;
4575
+ .RelatedRichBlock-module_overlay__3XSg_ {
4576
+ bottom: 0;
4451
4577
 
4452
- fill: #fff;
4578
+ height: 295px;
4453
4579
  }
4454
- .ToolbarButton-module_dark__GrIOr.ToolbarButton-module_bookmark__3369b svg {
4455
- color: #fff;
4580
+ .RelatedRichBlock-module_overlayHeader__2Nmbv {
4581
+ top: 0;
4582
+
4583
+ height: 150px;
4584
+
4456
4585
 
4457
- fill: transparent;
4458
4586
  }
4459
- .ToolbarButton-module_dark__GrIOr.ToolbarButton-module_bookmark__3369b.ToolbarButton-module_isActive__3NLAE svg {
4460
- fill: currentColor;
4587
+ .RelatedRichBlock-module_isRich__1LnA4 .RelatedRichBlock-module_overlayHeader__2Nmbv {
4588
+ background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), color-stop(97%, rgba(0, 0, 0, 0)));
4589
+ background: -o-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 97%);
4590
+ background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 97%);
4461
4591
  }
4462
- .ToolbarButton-module_dark__GrIOr::before {
4463
- border-left-color: rgba(255, 255, 255, 0.2);
4592
+ .RelatedRichBlock-module_body__1ZHZS {
4593
+ display: -webkit-box;
4594
+ display: -webkit-flex;
4595
+ display: -ms-flexbox;
4596
+ display: flex;
4597
+ flex-flow: column nowrap;
4598
+ justify-content: flex-end;
4599
+
4600
+ padding: 15px;
4601
+
4602
+ background-color: #f7f7f7
4464
4603
  }
4465
- .ToolbarButton-module_root__xN-fq [data-theme='dark'] {
4466
- visibility: hidden;
4604
+ @media only screen and (min-device-width: 32em) {
4605
+ .RelatedRichBlock-module_body__1ZHZS {
4606
+ position: absolute;
4607
+ z-index: 10;
4608
+ right: 0;
4609
+ bottom: 0;
4610
+ left: 0;
4611
+
4612
+ min-height: 295px;
4613
+ padding: 20px;
4614
+
4615
+ background-color: transparent
4467
4616
  }
4468
- .ToolbarButton-module_dark__GrIOr [data-theme='dark'] {
4469
- visibility: visible;
4617
+ }
4618
+ .RelatedRichBlock-module_isCard__2naDz .RelatedRichBlock-module_body__1ZHZS,
4619
+ .RelatedRichBlock-module_isRich__1LnA4.RelatedRichBlock-module_hasGradient__27LOk .RelatedRichBlock-module_body__1ZHZS {
4620
+ position: absolute;
4621
+ z-index: 10;
4622
+ right: 0;
4623
+ bottom: 0;
4624
+ left: 0;
4625
+
4626
+ min-height: 295px;
4627
+
4628
+ background-color: transparent;
4470
4629
  }
4471
- .ToolbarButton-module_dark__GrIOr [data-theme='light'] {
4472
- visibility: hidden;
4630
+ .RelatedRichBlock-module_isCard__2naDz {
4631
+ color: #fff;
4632
+ background-color: #191919;
4473
4633
  }
4474
- .ToolbarButton-module_text__32m6s {
4475
- display: inline-block;
4634
+ .RelatedRichBlock-module_isCard__2naDz .RelatedRichBlock-module_cover__3yygp {
4635
+ position: absolute;
4636
+ top: 17.2811059908%;
4637
+ left: 50%;
4476
4638
 
4477
- padding-left: 5px;
4639
+ width: 170px;
4478
4640
 
4479
- vertical-align: middle;
4641
+ transform: translate(-50%, 0);
4480
4642
  }
4481
- .ToolbarButton-module_text__32m6s:empty {
4482
- display: none;
4643
+ .RelatedRichBlock-module_isRich__1LnA4 {
4644
+ color: #000
4483
4645
  }
4484
- .ToolbarButton-module_bookmark__3369b {
4485
- color: #999;
4646
+ @media only screen and (min-device-width: 64em) {
4647
+ .RelatedRichBlock-module_isRich__1LnA4 {
4648
+ color: #fff
4649
+ }
4650
+ }
4651
+ .RelatedRichBlock-module_tag__3OLyG {
4652
+ position: absolute;
4653
+ z-index: 10;
4654
+ top: 15px;
4655
+ left: 15px;
4486
4656
 
4487
- fill: transparent;
4657
+ color: #fff
4488
4658
  }
4489
- .ToolbarButton-module_isActive__3NLAE {
4490
- fill: currentColor;
4659
+ @media only screen and (min-device-width: 32em) {
4660
+ .RelatedRichBlock-module_tag__3OLyG {
4661
+ top: 20px;
4662
+ left: 20px
4491
4663
  }
4664
+ }
4665
+ /* Themes */
4666
+ .RelatedRichBlock-module_isRich__1LnA4.RelatedRichBlock-module_dark__3Y1fE,
4667
+ .RelatedRichBlock-module_isRich__1LnA4.RelatedRichBlock-module_dark__3Y1fE .RelatedRichBlock-module_tag__3OLyG {
4668
+ color: #000;
4669
+ }
4670
+ .RelatedRichBlock-module_isRich__1LnA4.RelatedRichBlock-module_light__2mUxL {
4671
+ color: #fff;
4672
+ text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
4673
+ }
4674
+ /* Display */
4675
+ @media only screen and (min-device-width: 32em) {
4676
+ .RelatedRichBlock-module_mobile__JpCS4 {
4677
+ display: none
4678
+ }
4679
+ }
4680
+ .RelatedRichBlock-module_desktop__trL0D {
4681
+ display: none
4682
+ }
4683
+ @media only screen and (min-device-width: 32em) {
4684
+ .RelatedRichBlock-module_desktop__trL0D {
4685
+ display: block
4686
+ }
4687
+ }
4492
4688
 
4493
4689
  /* Colors */
4494
4690
  /* Fonts */