@meduza/ui-kit-2 0.1.54 → 0.1.56

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
@@ -11,227 +11,383 @@
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;
14
+ .SvgSymbol-module_root__2CsRW {
15
+ width: 100%;
16
+ height: 100%;
26
17
 
27
- color: #fff;
28
- border-width: 0;
29
- outline: none;
18
+ vertical-align: middle;
19
+ }
20
+ .SvgSymbol-module_small__2g6oR {
21
+ height: 14px;
22
+ }
23
+ .SvgSymbol-module_normal__9lFn1 {
24
+ height: 14px;
25
+ }
26
+ .SvgSymbol-module_medium__2eF5L {
27
+ width: 24px;
28
+ height: 24px;
29
+ }
30
+ .SvgSymbol-module_large__2kQrt {
31
+ width: 42px;
32
+ height: 42px;
33
+ }
34
+ .SvgSymbol-module_adaptive__3_68T {
35
+ width: 100%;
36
+ height: 100%;
37
+ }
38
+ .SvgSymbol-module_fb__1whmw {
39
+ width: 16px;
30
40
 
31
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
32
- line-height: 1;
41
+ fill: #304591;
42
+ }
43
+ .SvgSymbol-module_vk__3VEuu {
44
+ width: 20px;
33
45
 
34
- -webkit-appearance: none;
46
+ fill: #527397;
47
+ }
48
+ .SvgSymbol-module_ok__2_1Qb {
49
+ width: 9px;
35
50
 
36
- -moz-appearance: none;
51
+ fill: #eb722e;
52
+ }
53
+ .SvgSymbol-module_tw__2VRG5 {
54
+ width: 20px;
37
55
 
38
- appearance: none;
56
+ fill: #31adf4;
39
57
  }
40
- .Button-module_root__RpsiW::-moz-focus-inner {
41
- border: 0;
58
+ .SvgSymbol-module_tg__2xe2f {
59
+ width: 18px;
60
+
61
+ fill: #2ba5e0;
42
62
  }
43
- .Button-module_root__RpsiW[disabled] {
44
- cursor: default;
45
- pointer-events: none;
63
+ .SvgSymbol-module_reaction__rrJvf {
64
+ width: 16px;
46
65
 
47
- opacity: 0.5;
66
+ color: #dcad76;
67
+
68
+ fill: #262626;
48
69
  }
49
- .Button-module_root__RpsiW > span:first-child {
50
- margin-right: 4px;
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;
51
76
  }
52
- .Button-module_root__RpsiW > span:last-child {
53
- margin-left: 4px;
77
+ .SvgSymbol-module_menu__2iYFt {
78
+ width: 24px;
79
+ height: 24px;
54
80
  }
55
- .Button-module_gold__ZMYg- {
56
- background: #b88b59;
81
+ .SvgSymbol-module_cross__J2lCN {
82
+ width: 14px;
83
+ height: 14px;
57
84
  }
58
- .Button-module_gold__ZMYg-.Button-module_isLoading__1g6QO {
59
- fill: #b88b59;
85
+ .SvgSymbol-module_isInFeature__cDeTI,
86
+ .SvgSymbol-module_isInCard__pKq4e {
87
+ width: 16px;
88
+ height: 16px;
60
89
  }
61
- .Button-module_gold__ZMYg-:hover {
62
- background-color: #9e784c
90
+ .SvgSymbol-module_isInTopicBlockItem__3Te91 {
91
+ width: 16px;
92
+ height: 16px;
63
93
  }
64
- @media (hover: none) {
65
- .Button-module_gold__ZMYg-:hover {
66
- background-color: #b88b59
94
+ .SvgSymbol-module_isInPageStatic__H31Rd {
95
+ width: 64px;
96
+ height: 64px;
67
97
  }
68
- }
69
- .Button-module_gold__ZMYg-:active {
70
- background-color: #856440;
98
+ .SvgSymbol-module_isInMaterialMeta__2IbAw {
99
+ margin-right: 6px;
71
100
  }
72
- .Button-module_gray__3IM54 {
73
- color: #000;
74
- background-color: #f0f0f0;
101
+ .SvgSymbol-module_isInAudioPlayer__2xlzW {
102
+ width: 29px;
103
+ height: 29px;
104
+
105
+ filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
75
106
  }
76
- .Button-module_gray__3IM54.Button-module_isLoading__1g6QO {
77
- fill: #545454;
107
+ .SvgSymbol-module_isInEpisodeBlock__2vY3o {
108
+ width: 38px;
109
+ height: 38px;
110
+
111
+ filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
78
112
  }
79
- .Button-module_gray__3IM54:hover {
80
- background-color: #ebebeb
113
+ .SvgSymbol-module_isInButtonPlaybackRate__1L3TW {
114
+ width: 34px;
115
+ height: 28px
81
116
  }
82
- @media (hover: none) {
83
- .Button-module_gray__3IM54:hover {
84
- background-color: #ebebeb
117
+ @media only screen and (min-width: 40.625em) {
118
+ .SvgSymbol-module_isInButtonPlaybackRate__1L3TW {
119
+ width: 28px;
120
+ height: 22px
85
121
  }
86
122
  }
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
123
+ .SvgSymbol-module_isInButtonBackward__1Grf9,
124
+ .SvgSymbol-module_isInButtonForward__D1AFL {
125
+ width: 28px;
126
+ height: 28px
98
127
  }
99
- @media (hover: none) {
100
- .Button-module_sand__2AqVq:hover {
101
- background-color: #a18c68
128
+ @media only screen and (min-width: 40.625em) {
129
+ .SvgSymbol-module_isInButtonBackward__1Grf9,
130
+ .SvgSymbol-module_isInButtonForward__D1AFL {
131
+ width: 22px;
132
+ height: 22px
102
133
  }
103
134
  }
104
- .Button-module_sand__2AqVq:active {
105
- background-color: #7b6743;
135
+ .SvgSymbol-module_isInToolbar__3SaIh.SvgSymbol-module_cross__J2lCN {
136
+ width: 18px;
137
+ height: 18px;
106
138
  }
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);
139
+ .SvgSymbol-module_play__pM-qY {
140
+ width: 100%;
141
+ height: 100%;
111
142
  }
112
- .Button-module_dark__I0uXx:hover {
113
- background-color: #2e2e2e
143
+ .SvgSymbol-module_meduzaLogo__2Ouzp {
144
+ width: 92px;
145
+ height: 20px
114
146
  }
115
- @media (hover: none) {
116
- .Button-module_dark__I0uXx:hover {
117
- background-color: #3a3a3a
147
+ @media only screen and (min-width: 64em) {
148
+ .SvgSymbol-module_meduzaLogo__2Ouzp {
149
+ width: 100px;
150
+ height: 45px
118
151
  }
119
152
  }
120
- .Button-module_dark__I0uXx:active {
121
- background-color: #242424;
153
+ .SvgSymbol-module_arrow__11naX {
154
+ width: 12px;
155
+ height: 12px;
122
156
  }
123
- .Button-module_dark__I0uXx.Button-module_isLoading__1g6QO {
124
- fill: #3a3a3a;
157
+ .SvgSymbol-module_oil__hvHE5 {
158
+ width: 9px;
159
+ height: 12px;
125
160
  }
126
- .Button-module_light__1Y4hG {
127
- color: #000;
128
- background-color: #fff;
161
+ .SvgSymbol-module_search__VK6p3 {
162
+ width: 24px;
163
+ height: 24px
129
164
  }
130
- .Button-module_light__1Y4hG:hover {
131
- background-color: #ebebeb
165
+ @media only screen and (min-width: 64em) {
166
+ .SvgSymbol-module_search__VK6p3 {
167
+ width: 16px;
168
+ height: 16px
132
169
  }
133
- @media (hover: none) {
134
- .Button-module_light__1Y4hG:hover {
135
- background-color: #fff
170
+ }
171
+ .SvgSymbol-module_user__1MGim {
172
+ width: 14px;
173
+ height: 14px
174
+ }
175
+ @media only screen and (min-width: 64em) {
176
+ .SvgSymbol-module_user__1MGim {
177
+ width: 16px;
178
+ height: 16px
136
179
  }
137
180
  }
138
- .Button-module_light__1Y4hG:active {
139
- background-color: #e3e3e3;
181
+ .SvgSymbol-module_bookmark__2z7tX {
182
+ width: 17px;
183
+ height: auto;
184
+
185
+ cursor: pointer;
186
+
187
+ stroke-width: 2px
140
188
  }
141
- .Button-module_light__1Y4hG.Button-module_isLoading__1g6QO {
142
- fill: #fff;
189
+ @media only screen and (min-width: 64em) {
190
+ .SvgSymbol-module_bookmark__2z7tX {
191
+ width: 14px;
192
+
193
+ stroke-width: 1.5px
143
194
  }
144
- .Button-module_black__3sG3Y {
145
- color: #7e7d7b;
146
- background-color: #000;
195
+ }
196
+ .SvgSymbol-module_isInToolbar__3SaIh.SvgSymbol-module_bookmark__2z7tX {
197
+ width: 14px;
147
198
  }
148
- .Button-module_black__3sG3Y.Button-module_isLoading__1g6QO {
149
- fill: #7e7d7b;
199
+ .SvgSymbol-module_receipt__3Eqow {
200
+ width: 10px;
201
+ height: 13px;
150
202
  }
151
- .Button-module_black__3sG3Y:hover {
152
- background-color: #141414
203
+ .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN {
204
+ width: 22px;
205
+ height: 22px
153
206
  }
154
- @media (hover: none) {
155
- .Button-module_black__3sG3Y:hover {
156
- background: #141414
207
+ @media only screen and (min-width: 64em) {
208
+ .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN {
209
+ width: 14px;
210
+ height: 14px
157
211
  }
158
212
  }
159
- .Button-module_black__3sG3Y:active {
160
- background-color: #242424;
161
- }
162
- .Button-module_red__3Niou {
163
- background-color: #f95a5a;
213
+ @media only screen and (min-width: 64em) {
214
+ .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_search__VK6p3 circle {
215
+ stroke-width: 1.5px
164
216
  }
165
- .Button-module_red__3Niou:hover {
166
- background-color: #e65353
217
+ }
218
+ .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN path {
219
+ stroke-width: 1.8px
167
220
  }
168
- @media (hover: none) {
169
- .Button-module_red__3Niou:hover {
170
- background: #f95a5a
221
+ @media only screen and (min-width: 64em) {
222
+ .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN path {
223
+ stroke-width: 1.3px
171
224
  }
172
225
  }
173
- .Button-module_red__3Niou:active {
174
- background-color: #d44d4d;
226
+
227
+ /* Colors */
228
+ /* Fonts */
229
+ /* Gap */
230
+ /* Media */
231
+ /* 512 */
232
+ /* 650 */
233
+ /* 768 */
234
+ /* 1024 */
235
+ /* 1010 */
236
+ /* 1200 */
237
+ /* 511 */
238
+ /* 1023 */
239
+ /* Zindex */
240
+ .DotsOnImage-module_root__2XP3Q {
241
+ position: relative;
242
+
243
+ display: block;
244
+
245
+ width: 100%;
175
246
  }
176
- .Button-module_red__3Niou.Button-module_isLoading__1g6QO {
177
- fill: #141414;
247
+ .DotsOnImage-module_isVisible__Wqqqt .DotsOnImage-module_marker__lH5cP {
248
+ -webkit-animation: DotsOnImage-module_show__2TMBv 400ms ease both 500ms;
249
+ animation: DotsOnImage-module_show__2TMBv 400ms ease both 500ms;
178
250
  }
179
- .Button-module_default__28Vo_ {
180
- width: 100%;
181
- height: 42px;
182
- padding: 6px 18px;
251
+ .DotsOnImage-module_dot__H1wua {
252
+ position: absolute;
253
+ z-index: 10;
183
254
 
184
- letter-spacing: 1px;
185
- text-transform: uppercase;
255
+ display: -webkit-box;
186
256
 
187
- border-radius: 8px;
257
+ display: -webkit-flex;
188
258
 
189
- font-size: 12px;
259
+ display: -ms-flexbox;
260
+
261
+ display: flex;
262
+ align-items: center;
263
+ flex-flow: row nowrap;
264
+ justify-content: center;
265
+
266
+ width: 28px;
267
+ height: 28px;
268
+
269
+ will-change: opacity;
270
+ }
271
+ .DotsOnImage-module_marker__lH5cP {
272
+ width: 20px;
273
+ height: 20px;
274
+ padding: 0;
275
+
276
+ cursor: pointer;
277
+ text-align: center;
278
+
279
+ opacity: 0;
280
+ color: #fff;
281
+ border-width: 0;
282
+ border-radius: 30px;
283
+ outline-width: 0;
284
+ background-color: #000;
285
+ box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
286
+
287
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
288
+ font-size: 9px;
190
289
  font-weight: 600;
191
- line-height: 22px
290
+ line-height: 22px;
291
+
292
+ -webkit-appearance: none;
293
+
294
+ -moz-appearance: none;
295
+
296
+ appearance: none;
297
+ will-change: opacity;
298
+ -webkit-tap-highlight-color: transparent
192
299
  }
193
- @media only screen and (min-width: 64em) {
194
- .Button-module_default__28Vo_ {
195
- padding: 7px 18px 6px;
300
+ @media only screen and (min-width: 32em) {
301
+ .DotsOnImage-module_marker__lH5cP {
302
+ width: 28px;
303
+ height: 28px;
196
304
 
197
- font-size: 14px;
198
- line-height: 16px
305
+ font-size: 13px;
306
+ line-height: 28px
199
307
  }
200
308
  }
201
- .Button-module_isInSpoiler__2Yl8c svg {
202
- margin-top: -2px;
203
- margin-left: 6px;
309
+ .DotsOnImage-module_marker__lH5cP::after {
310
+ position: absolute;
311
+ top: -5px;
312
+ right: -5px;
313
+ bottom: -5px;
314
+ left: -5px;
315
+
316
+ content: ''
204
317
  }
205
- .Button-module_ghost__3awCW {
206
- letter-spacing: inherit;
207
- text-transform: none;
318
+ @media only screen and (min-width: 32em) {
319
+ .DotsOnImage-module_marker__lH5cP::after {
320
+ content: none
321
+ }
322
+ }
323
+ .DotsOnImage-module_marker__lH5cP svg {
324
+ display: block;
208
325
 
209
- color: inherit;
210
- background-color: transparent;
326
+ width: 100%;
327
+ height: 100%;
211
328
 
212
- font-family: inherit;
213
- font-size: inherit;
214
- font-weight: inherit;
329
+ will-change: opacity;
215
330
  }
216
- .Button-module_isInDropdown__1ogKL {
217
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
331
+ .DotsOnImage-module_marker__lH5cP:hover {
332
+ box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
218
333
  }
219
- .Button-module_black__3sG3Y[disabled],
220
- .Button-module_sand__2AqVq[disabled] {
221
- opacity: 0.3;
334
+ .DotsOnImage-module_marker__lH5cP.DotsOnImage-module_isActive__3hh31 {
335
+ box-shadow: 0 0 8px rgba(0, 0, 0, 0.2), 0 0 0 1px #fff;
222
336
  }
223
- /* LOADING */
224
- .Button-module_root__RpsiW.Button-module_isLoading__1g6QO {
225
- cursor: default;
226
- pointer-events: none;
337
+ .DotsOnImage-module_popover__35Cpj {
338
+ position: absolute;
339
+ z-index: 10;
340
+ }
341
+ .DotsOnImage-module_popover__35Cpj.DotsOnImage-module_isRight__2RsJe.DotsOnImage-module_isTop__3zmSK {
342
+ transform: translateX(50px);
343
+ }
344
+ .DotsOnImage-module_popover__35Cpj.DotsOnImage-module_isLeft__3quc9.DotsOnImage-module_isTop__3zmSK {
345
+ transform: translateX(-100%) translateX(-22px);
346
+ }
347
+ .DotsOnImage-module_popover__35Cpj.DotsOnImage-module_isRight__2RsJe.DotsOnImage-module_isBottom__3Nk1T {
348
+ transform: translateX(50px) translateY(-100%) translateY(22px);
349
+ }
350
+ .DotsOnImage-module_popover__35Cpj.DotsOnImage-module_isLeft__3quc9.DotsOnImage-module_isBottom__3Nk1T {
351
+ transform: translateX(-100%) translateX(-22px) translateY(-100%)
352
+ translateY(22px);
353
+ }
354
+ @-webkit-keyframes DotsOnImage-module_show__2TMBv {
355
+ 0% {
356
+ transform: scale(0.4);
357
+
358
+ opacity: 0;
359
+ }
360
+
361
+ 90% {
362
+ transform: scale(1.1);
227
363
 
228
- background-color: transparent;
229
- box-shadow: none;
364
+ opacity: 1;
365
+ }
366
+
367
+ 100% {
368
+ transform: scale(1);
369
+
370
+ opacity: 1;
371
+ }
230
372
  }
231
- .Button-module_loader__2pl6d {
232
- display: block;
373
+ @keyframes DotsOnImage-module_show__2TMBv {
374
+ 0% {
375
+ transform: scale(0.4);
233
376
 
234
- margin-top: -1px;
377
+ opacity: 0;
378
+ }
379
+
380
+ 90% {
381
+ transform: scale(1.1);
382
+
383
+ opacity: 1;
384
+ }
385
+
386
+ 100% {
387
+ transform: scale(1);
388
+
389
+ opacity: 1;
390
+ }
235
391
  }
236
392
 
237
393
  /* Colors */
@@ -479,234 +635,8 @@
479
635
  }
480
636
  .Switcher-module_isInMenu__3XJYj .Switcher-module_control__1NTvY {
481
637
  background-color: #1a1a1a;
482
- box-shadow: inset 0 0 0 1px #323232;
483
- }
484
-
485
- /* Colors */
486
- /* Fonts */
487
- /* Gap */
488
- /* Media */
489
- /* 512 */
490
- /* 650 */
491
- /* 768 */
492
- /* 1024 */
493
- /* 1010 */
494
- /* 1200 */
495
- /* 511 */
496
- /* 1023 */
497
- /* Zindex */
498
- .SvgSymbol-module_root__2CsRW {
499
- width: 100%;
500
- height: 100%;
501
-
502
- vertical-align: middle;
503
- }
504
- .SvgSymbol-module_small__2g6oR {
505
- height: 14px;
506
- }
507
- .SvgSymbol-module_normal__9lFn1 {
508
- height: 14px;
509
- }
510
- .SvgSymbol-module_medium__2eF5L {
511
- width: 24px;
512
- height: 24px;
513
- }
514
- .SvgSymbol-module_large__2kQrt {
515
- width: 42px;
516
- height: 42px;
517
- }
518
- .SvgSymbol-module_adaptive__3_68T {
519
- width: 100%;
520
- height: 100%;
521
- }
522
- .SvgSymbol-module_fb__1whmw {
523
- width: 16px;
524
-
525
- fill: #304591;
526
- }
527
- .SvgSymbol-module_vk__3VEuu {
528
- width: 20px;
529
-
530
- fill: #527397;
531
- }
532
- .SvgSymbol-module_ok__2_1Qb {
533
- width: 9px;
534
-
535
- fill: #eb722e;
536
- }
537
- .SvgSymbol-module_tw__2VRG5 {
538
- width: 20px;
539
-
540
- fill: #31adf4;
541
- }
542
- .SvgSymbol-module_tg__2xe2f {
543
- width: 18px;
544
-
545
- fill: #2ba5e0;
546
- }
547
- .SvgSymbol-module_reaction__rrJvf {
548
- width: 16px;
549
-
550
- color: #dcad76;
551
-
552
- fill: #262626;
553
- }
554
- .SvgSymbol-module_card__1XAqw,
555
- .SvgSymbol-module_podcast__3oPoo,
556
- .SvgSymbol-module_read__2V82i,
557
- .SvgSymbol-module_listened__1oMFV {
558
- width: 15px;
559
- height: 15px;
560
- }
561
- .SvgSymbol-module_menu__2iYFt {
562
- width: 24px;
563
- height: 24px;
564
- }
565
- .SvgSymbol-module_cross__J2lCN {
566
- width: 14px;
567
- height: 14px;
568
- }
569
- .SvgSymbol-module_isInFeature__cDeTI,
570
- .SvgSymbol-module_isInCard__pKq4e {
571
- width: 16px;
572
- height: 16px;
573
- }
574
- .SvgSymbol-module_isInTopicBlockItem__3Te91 {
575
- width: 16px;
576
- height: 16px;
577
- }
578
- .SvgSymbol-module_isInPageStatic__H31Rd {
579
- width: 64px;
580
- height: 64px;
581
- }
582
- .SvgSymbol-module_isInMaterialMeta__2IbAw {
583
- margin-right: 6px;
584
- }
585
- .SvgSymbol-module_isInAudioPlayer__2xlzW {
586
- width: 29px;
587
- height: 29px;
588
-
589
- filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
590
- }
591
- .SvgSymbol-module_isInEpisodeBlock__2vY3o {
592
- width: 38px;
593
- height: 38px;
594
-
595
- filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
596
- }
597
- .SvgSymbol-module_isInButtonPlaybackRate__1L3TW {
598
- width: 34px;
599
- height: 28px
600
- }
601
- @media only screen and (min-width: 40.625em) {
602
- .SvgSymbol-module_isInButtonPlaybackRate__1L3TW {
603
- width: 28px;
604
- height: 22px
605
- }
606
- }
607
- .SvgSymbol-module_isInButtonBackward__1Grf9,
608
- .SvgSymbol-module_isInButtonForward__D1AFL {
609
- width: 28px;
610
- height: 28px
611
- }
612
- @media only screen and (min-width: 40.625em) {
613
- .SvgSymbol-module_isInButtonBackward__1Grf9,
614
- .SvgSymbol-module_isInButtonForward__D1AFL {
615
- width: 22px;
616
- height: 22px
617
- }
618
- }
619
- .SvgSymbol-module_isInToolbar__3SaIh.SvgSymbol-module_cross__J2lCN {
620
- width: 18px;
621
- height: 18px;
622
- }
623
- .SvgSymbol-module_play__pM-qY {
624
- width: 100%;
625
- height: 100%;
626
- }
627
- .SvgSymbol-module_meduzaLogo__2Ouzp {
628
- width: 92px;
629
- height: 20px
630
- }
631
- @media only screen and (min-width: 64em) {
632
- .SvgSymbol-module_meduzaLogo__2Ouzp {
633
- width: 100px;
634
- height: 45px
635
- }
636
- }
637
- .SvgSymbol-module_arrow__11naX {
638
- width: 12px;
639
- height: 12px;
640
- }
641
- .SvgSymbol-module_oil__hvHE5 {
642
- width: 9px;
643
- height: 12px;
644
- }
645
- .SvgSymbol-module_search__VK6p3 {
646
- width: 24px;
647
- height: 24px
648
- }
649
- @media only screen and (min-width: 64em) {
650
- .SvgSymbol-module_search__VK6p3 {
651
- width: 16px;
652
- height: 16px
653
- }
654
- }
655
- .SvgSymbol-module_user__1MGim {
656
- width: 14px;
657
- height: 14px
658
- }
659
- @media only screen and (min-width: 64em) {
660
- .SvgSymbol-module_user__1MGim {
661
- width: 16px;
662
- height: 16px
663
- }
664
- }
665
- .SvgSymbol-module_bookmark__2z7tX {
666
- width: 17px;
667
- height: auto;
668
-
669
- cursor: pointer;
670
-
671
- stroke-width: 2px
672
- }
673
- @media only screen and (min-width: 64em) {
674
- .SvgSymbol-module_bookmark__2z7tX {
675
- width: 14px;
676
-
677
- stroke-width: 1.5px
678
- }
679
- }
680
- .SvgSymbol-module_isInToolbar__3SaIh.SvgSymbol-module_bookmark__2z7tX {
681
- width: 14px;
682
- }
683
- .SvgSymbol-module_receipt__3Eqow {
684
- width: 10px;
685
- height: 13px;
686
- }
687
- .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN {
688
- width: 22px;
689
- height: 22px
690
- }
691
- @media only screen and (min-width: 64em) {
692
- .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN {
693
- width: 14px;
694
- height: 14px
695
- }
696
- }
697
- @media only screen and (min-width: 64em) {
698
- .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_search__VK6p3 circle {
699
- stroke-width: 1.5px
700
- }
701
- }
702
- .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN path {
703
- stroke-width: 1.8px
704
- }
705
- @media only screen and (min-width: 64em) {
706
- .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN path {
707
- stroke-width: 1.3px
638
+ box-shadow: inset 0 0 0 1px #323232;
708
639
  }
709
- }
710
640
 
711
641
  /* Colors */
712
642
  /* Fonts */
@@ -721,157 +651,227 @@
721
651
  /* 511 */
722
652
  /* 1023 */
723
653
  /* Zindex */
724
- .DotsOnImage-module_root__2XP3Q {
725
- position: relative;
726
-
654
+ .Button-module_root__RpsiW {
727
655
  display: block;
728
656
 
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
-
739
- display: -webkit-box;
740
-
741
- display: -webkit-flex;
742
-
743
- display: -ms-flexbox;
744
-
745
- display: flex;
746
- align-items: center;
747
- flex-flow: row nowrap;
748
- justify-content: center;
749
-
750
- width: 28px;
751
- height: 28px;
752
-
753
- will-change: opacity;
754
- }
755
- .DotsOnImage-module_marker__lH5cP {
756
- width: 20px;
757
- height: 20px;
758
657
  padding: 0;
759
658
 
760
659
  cursor: pointer;
660
+ -webkit-user-select: none;
661
+ -moz-user-select: none;
662
+ -ms-user-select: none;
663
+ user-select: none;
664
+ transition: background-color 0.15s ease-out;
761
665
  text-align: center;
762
666
 
763
- opacity: 0;
764
667
  color: #fff;
765
668
  border-width: 0;
766
- border-radius: 30px;
767
- outline-width: 0;
768
- background-color: #000;
769
- box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
669
+ outline: none;
770
670
 
771
671
  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
772
- font-size: 9px;
773
- font-weight: 600;
774
- line-height: 22px;
672
+ line-height: 1;
775
673
 
776
674
  -webkit-appearance: none;
777
675
 
778
676
  -moz-appearance: none;
779
677
 
780
678
  appearance: none;
781
- will-change: opacity;
782
- -webkit-tap-highlight-color: transparent
783
679
  }
784
- @media only screen and (min-width: 32em) {
785
- .DotsOnImage-module_marker__lH5cP {
786
- width: 28px;
787
- height: 28px;
680
+ .Button-module_root__RpsiW::-moz-focus-inner {
681
+ border: 0;
682
+ }
683
+ .Button-module_root__RpsiW[disabled] {
684
+ cursor: default;
685
+ pointer-events: none;
788
686
 
789
- font-size: 13px;
790
- line-height: 28px
687
+ opacity: 0.5;
688
+ }
689
+ .Button-module_root__RpsiW > span:first-child {
690
+ margin-right: 4px;
691
+ }
692
+ .Button-module_root__RpsiW > span:last-child {
693
+ margin-left: 4px;
694
+ }
695
+ .Button-module_gold__ZMYg- {
696
+ background: #b88b59;
697
+ }
698
+ .Button-module_gold__ZMYg-.Button-module_isLoading__1g6QO {
699
+ fill: #b88b59;
700
+ }
701
+ .Button-module_gold__ZMYg-:hover {
702
+ background-color: #9e784c
703
+ }
704
+ @media (hover: none) {
705
+ .Button-module_gold__ZMYg-:hover {
706
+ background-color: #b88b59
791
707
  }
792
708
  }
793
- .DotsOnImage-module_marker__lH5cP::after {
794
- position: absolute;
795
- top: -5px;
796
- right: -5px;
797
- bottom: -5px;
798
- left: -5px;
799
-
800
- content: ''
709
+ .Button-module_gold__ZMYg-:active {
710
+ background-color: #856440;
801
711
  }
802
- @media only screen and (min-width: 32em) {
803
- .DotsOnImage-module_marker__lH5cP::after {
804
- content: none
712
+ .Button-module_gray__3IM54 {
713
+ color: #000;
714
+ background-color: #f0f0f0;
715
+ }
716
+ .Button-module_gray__3IM54.Button-module_isLoading__1g6QO {
717
+ fill: #545454;
718
+ }
719
+ .Button-module_gray__3IM54:hover {
720
+ background-color: #ebebeb
721
+ }
722
+ @media (hover: none) {
723
+ .Button-module_gray__3IM54:hover {
724
+ background-color: #ebebeb
805
725
  }
806
726
  }
807
- .DotsOnImage-module_marker__lH5cP svg {
808
- display: block;
809
-
810
- width: 100%;
811
- height: 100%;
812
-
813
- will-change: opacity;
727
+ .Button-module_gray__3IM54:active {
728
+ background-color: #e3e3e3;
814
729
  }
815
- .DotsOnImage-module_marker__lH5cP:hover {
816
- box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
730
+ .Button-module_sand__2AqVq {
731
+ background: #a18c68;
817
732
  }
818
- .DotsOnImage-module_marker__lH5cP.DotsOnImage-module_isActive__3hh31 {
819
- box-shadow: 0 0 8px rgba(0, 0, 0, 0.2), 0 0 0 1px #fff;
733
+ .Button-module_sand__2AqVq.Button-module_isLoading__1g6QO {
734
+ fill: #a18c68;
820
735
  }
821
- .DotsOnImage-module_popover__35Cpj {
822
- position: absolute;
823
- z-index: 10;
736
+ .Button-module_sand__2AqVq:hover {
737
+ background-color: #8a7654
824
738
  }
825
- .DotsOnImage-module_popover__35Cpj.DotsOnImage-module_isRight__2RsJe.DotsOnImage-module_isTop__3zmSK {
826
- transform: translateX(50px);
739
+ @media (hover: none) {
740
+ .Button-module_sand__2AqVq:hover {
741
+ background-color: #a18c68
827
742
  }
828
- .DotsOnImage-module_popover__35Cpj.DotsOnImage-module_isLeft__3quc9.DotsOnImage-module_isTop__3zmSK {
829
- transform: translateX(-100%) translateX(-22px);
743
+ }
744
+ .Button-module_sand__2AqVq:active {
745
+ background-color: #7b6743;
830
746
  }
831
- .DotsOnImage-module_popover__35Cpj.DotsOnImage-module_isRight__2RsJe.DotsOnImage-module_isBottom__3Nk1T {
832
- transform: translateX(50px) translateY(-100%) translateY(22px);
747
+ .Button-module_dark__I0uXx {
748
+ color: #adadad;
749
+ background-color: #3a3a3a;
750
+ box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.4);
833
751
  }
834
- .DotsOnImage-module_popover__35Cpj.DotsOnImage-module_isLeft__3quc9.DotsOnImage-module_isBottom__3Nk1T {
835
- transform: translateX(-100%) translateX(-22px) translateY(-100%)
836
- translateY(22px);
752
+ .Button-module_dark__I0uXx:hover {
753
+ background-color: #2e2e2e
754
+ }
755
+ @media (hover: none) {
756
+ .Button-module_dark__I0uXx:hover {
757
+ background-color: #3a3a3a
837
758
  }
838
- @-webkit-keyframes DotsOnImage-module_show__2TMBv {
839
- 0% {
840
- transform: scale(0.4);
841
-
842
- opacity: 0;
843
759
  }
844
-
845
- 90% {
846
- transform: scale(1.1);
847
-
848
- opacity: 1;
760
+ .Button-module_dark__I0uXx:active {
761
+ background-color: #242424;
762
+ }
763
+ .Button-module_dark__I0uXx.Button-module_isLoading__1g6QO {
764
+ fill: #3a3a3a;
765
+ }
766
+ .Button-module_light__1Y4hG {
767
+ color: #000;
768
+ background-color: #fff;
769
+ }
770
+ .Button-module_light__1Y4hG:hover {
771
+ background-color: #ebebeb
772
+ }
773
+ @media (hover: none) {
774
+ .Button-module_light__1Y4hG:hover {
775
+ background-color: #fff
776
+ }
777
+ }
778
+ .Button-module_light__1Y4hG:active {
779
+ background-color: #e3e3e3;
780
+ }
781
+ .Button-module_light__1Y4hG.Button-module_isLoading__1g6QO {
782
+ fill: #fff;
783
+ }
784
+ .Button-module_black__3sG3Y {
785
+ color: #7e7d7b;
786
+ background-color: #000;
787
+ }
788
+ .Button-module_black__3sG3Y.Button-module_isLoading__1g6QO {
789
+ fill: #7e7d7b;
790
+ }
791
+ .Button-module_black__3sG3Y:hover {
792
+ background-color: #141414
793
+ }
794
+ @media (hover: none) {
795
+ .Button-module_black__3sG3Y:hover {
796
+ background: #141414
797
+ }
798
+ }
799
+ .Button-module_black__3sG3Y:active {
800
+ background-color: #242424;
801
+ }
802
+ .Button-module_red__3Niou {
803
+ background-color: #f95a5a;
804
+ }
805
+ .Button-module_red__3Niou:hover {
806
+ background-color: #e65353
807
+ }
808
+ @media (hover: none) {
809
+ .Button-module_red__3Niou:hover {
810
+ background: #f95a5a
811
+ }
849
812
  }
813
+ .Button-module_red__3Niou:active {
814
+ background-color: #d44d4d;
815
+ }
816
+ .Button-module_red__3Niou.Button-module_isLoading__1g6QO {
817
+ fill: #141414;
818
+ }
819
+ .Button-module_default__28Vo_ {
820
+ width: 100%;
821
+ height: 42px;
822
+ padding: 6px 18px;
850
823
 
851
- 100% {
852
- transform: scale(1);
824
+ letter-spacing: 1px;
825
+ text-transform: uppercase;
853
826
 
854
- opacity: 1;
855
- }
827
+ border-radius: 8px;
828
+
829
+ font-size: 12px;
830
+ font-weight: 600;
831
+ line-height: 22px
856
832
  }
857
- @keyframes DotsOnImage-module_show__2TMBv {
858
- 0% {
859
- transform: scale(0.4);
833
+ @media only screen and (min-width: 64em) {
834
+ .Button-module_default__28Vo_ {
835
+ padding: 7px 18px 6px;
860
836
 
861
- opacity: 0;
837
+ font-size: 14px;
838
+ line-height: 16px
839
+ }
862
840
  }
841
+ .Button-module_isInSpoiler__2Yl8c svg {
842
+ margin-top: -2px;
843
+ margin-left: 6px;
844
+ }
845
+ .Button-module_ghost__3awCW {
846
+ letter-spacing: inherit;
847
+ text-transform: none;
863
848
 
864
- 90% {
865
- transform: scale(1.1);
849
+ color: inherit;
850
+ background-color: transparent;
866
851
 
867
- opacity: 1;
868
- }
852
+ font-family: inherit;
853
+ font-size: inherit;
854
+ font-weight: inherit;
855
+ }
856
+ .Button-module_isInDropdown__1ogKL {
857
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
858
+ }
859
+ .Button-module_black__3sG3Y[disabled],
860
+ .Button-module_sand__2AqVq[disabled] {
861
+ opacity: 0.3;
862
+ }
863
+ /* LOADING */
864
+ .Button-module_root__RpsiW.Button-module_isLoading__1g6QO {
865
+ cursor: default;
866
+ pointer-events: none;
869
867
 
870
- 100% {
871
- transform: scale(1);
868
+ background-color: transparent;
869
+ box-shadow: none;
870
+ }
871
+ .Button-module_loader__2pl6d {
872
+ display: block;
872
873
 
873
- opacity: 1;
874
- }
874
+ margin-top: -1px;
875
875
  }
876
876
 
877
877
  /* Colors */
@@ -1019,12 +1019,240 @@
1019
1019
  display: none
1020
1020
  }
1021
1021
  }
1022
- .Tag-module_desktop__1Bjsy {
1023
- display: none
1022
+ .Tag-module_desktop__1Bjsy {
1023
+ display: none
1024
+ }
1025
+ @media only screen and (min-width: 32em) {
1026
+ .Tag-module_desktop__1Bjsy {
1027
+ display: block
1028
+ }
1029
+ }
1030
+
1031
+ /* Colors */
1032
+ /* Fonts */
1033
+ /* Gap */
1034
+ /* Media */
1035
+ /* 512 */
1036
+ /* 650 */
1037
+ /* 768 */
1038
+ /* 1024 */
1039
+ /* 1010 */
1040
+ /* 1200 */
1041
+ /* 511 */
1042
+ /* 1023 */
1043
+ /* Zindex */
1044
+ .MediaCaption-module_root__KqTdw {
1045
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1046
+ }
1047
+ .MediaCaption-module_root__KqTdw a {
1048
+ text-decoration: underline;
1049
+
1050
+ color: inherit;
1051
+ box-shadow: none;
1052
+ }
1053
+ .MediaCaption-module_root__KqTdw a:hover {
1054
+ color: #b88b58;
1055
+ }
1056
+ .MediaCaption-module_caption__1hr7Y {
1057
+ max-width: 520px;
1058
+ padding-top: 4px;
1059
+
1060
+ color: #1a1a1a;
1061
+
1062
+ font-size: 14px;
1063
+ line-height: 18px
1064
+ }
1065
+ @media only screen and (min-width: 32em) {
1066
+ .MediaCaption-module_caption__1hr7Y {
1067
+ font-size: 16px;
1068
+ line-height: 22px
1069
+ }
1070
+ }
1071
+ .MediaCaption-module_credit__3ehAP {
1072
+ max-width: 520px;
1073
+ padding-top: 1px;
1074
+
1075
+ color: #666;
1076
+
1077
+ font-size: 12px;
1078
+ line-height: 16px
1079
+ }
1080
+ @media only screen and (min-width: 32em) {
1081
+ .MediaCaption-module_credit__3ehAP {
1082
+ padding-top: 3px
1083
+ }
1084
+ }
1085
+ .MediaCaption-module_credit__3ehAP:first-child {
1086
+ padding-top: 3px;
1087
+ }
1088
+ .MediaCaption-module_dark__3tL1u .MediaCaption-module_caption__1hr7Y {
1089
+ color: #fff;
1090
+ }
1091
+ .MediaCaption-module_dark__3tL1u .MediaCaption-module_credit__3ehAP {
1092
+ color: #929292;
1093
+ }
1094
+ .MediaCaption-module_video__1KZ6k .MediaCaption-module_caption__1hr7Y,
1095
+ .MediaCaption-module_picture__3AAMH .MediaCaption-module_caption__1hr7Y {
1096
+ padding-top: 10px
1097
+ }
1098
+ @media only screen and (min-width: 32em) {
1099
+ .MediaCaption-module_video__1KZ6k .MediaCaption-module_caption__1hr7Y,
1100
+ .MediaCaption-module_picture__3AAMH .MediaCaption-module_caption__1hr7Y {
1101
+ padding-top: 12px
1102
+ }
1103
+ }
1104
+ .MediaCaption-module_video__1KZ6k .MediaCaption-module_credit__3ehAP:first-child,
1105
+ .MediaCaption-module_picture__3AAMH .MediaCaption-module_credit__3ehAP:first-child {
1106
+ padding-top: 9px
1107
+ }
1108
+ @media only screen and (min-width: 32em) {
1109
+ .MediaCaption-module_video__1KZ6k .MediaCaption-module_credit__3ehAP:first-child,
1110
+ .MediaCaption-module_picture__3AAMH .MediaCaption-module_credit__3ehAP:first-child {
1111
+ padding-top: 11px
1112
+ }
1113
+ }
1114
+ .MediaCaption-module_picture__3AAMH .MediaCaption-module_credit__3ehAP,
1115
+ .MediaCaption-module_picture__3AAMH .MediaCaption-module_caption__1hr7Y,
1116
+ .MediaCaption-module_video__1KZ6k .MediaCaption-module_credit__3ehAP,
1117
+ .MediaCaption-module_video__1KZ6k .MediaCaption-module_caption__1hr7Y,
1118
+ .MediaCaption-module_desktop__3Saev .MediaCaption-module_credit__3ehAP,
1119
+ .MediaCaption-module_desktop__3Saev .MediaCaption-module_caption__1hr7Y {
1120
+ max-width: 650px;
1121
+ }
1122
+
1123
+
1124
+ /* Colors */
1125
+ /* Fonts */
1126
+ /* Gap */
1127
+ /* Media */
1128
+ /* 512 */
1129
+ /* 650 */
1130
+ /* 768 */
1131
+ /* 1024 */
1132
+ /* 1010 */
1133
+ /* 1200 */
1134
+ /* 511 */
1135
+ /* 1023 */
1136
+ /* Zindex */
1137
+ .MaterialNote-module_root__1AcYe {
1138
+ margin-bottom: 17px;
1139
+
1140
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1141
+ font-size: 16px;
1142
+ line-height: 22px;
1143
+ }
1144
+ .MaterialNote-module_root__1AcYe:empty {
1145
+ margin-bottom: 0;
1146
+ }
1147
+ .MaterialNote-module_root__1AcYe:empty::before {
1148
+ margin-bottom: 9px;
1149
+ }
1150
+ .MaterialNote-module_root__1AcYe::before {
1151
+ display: block;
1152
+
1153
+ width: 120px;
1154
+ height: 1px;
1155
+ margin-bottom: 15px;
1156
+
1157
+ content: '';
1158
+
1159
+ background: #000;
1160
+ }
1161
+ .MaterialNote-module_root__1AcYe p {
1162
+ margin-top: 8px;
1163
+ margin-bottom: 0;
1164
+ }
1165
+ .MaterialNote-module_root__1AcYe a {
1166
+ text-decoration: none;
1167
+
1168
+ color: inherit;
1169
+ box-shadow: inset 0 -1px;
1170
+ }
1171
+ .MaterialNote-module_root__1AcYe a:hover {
1172
+ color: #b88b59;
1173
+ }
1174
+ .MaterialNote-module_dark__xCry-::before {
1175
+ background-color: #4f4f4f;
1176
+ }
1177
+ .MaterialNote-module_note_credit__PuFyX {
1178
+ color: #666;
1179
+
1180
+ font-size: 12px;
1181
+ line-height: 15px;
1182
+ }
1183
+ .MaterialNote-module_root__1AcYe .MaterialNote-module_note_credit__PuFyX {
1184
+ margin-top: 6px;
1185
+ }
1186
+ .MaterialNote-module_note_credit__PuFyX:only-child {
1187
+ margin-top: 0;
1188
+ }
1189
+ .MaterialNote-module_note_caption__1ezSo b {
1190
+ font-weight: bold;
1191
+ }
1192
+ .MaterialNote-module_center__18RxI {
1193
+ max-width: 650px;
1194
+ margin-right: auto;
1195
+ margin-left: auto;
1196
+ }
1197
+ .MaterialNote-module_center__18RxI,
1198
+ .MaterialNote-module_default__1lQPl {
1199
+ margin-top: 25px
1200
+ }
1201
+ @media only screen and (min-width: 32em) {
1202
+ .MaterialNote-module_center__18RxI,
1203
+ .MaterialNote-module_default__1lQPl {
1204
+ margin-top: 45px
1205
+ }
1206
+ }
1207
+ .MaterialNote-module_card__OWXbQ:empty,
1208
+ .MaterialNote-module_slide__1ZBBq:empty,
1209
+ .MaterialNote-module_game__cADMe:empty {
1210
+ display: none;
1211
+ }
1212
+ .MaterialNote-module_slide__1ZBBq::before,
1213
+ .MaterialNote-module_card__OWXbQ::before,
1214
+ .MaterialNote-module_game__cADMe::before {
1215
+ content: none;
1216
+ }
1217
+ .MaterialNote-module_gameSurvey__3SiG-,
1218
+ .MaterialNote-module_gameSurvey__3SiG-:empty {
1219
+ display: block;
1220
+ }
1221
+ .MaterialNote-module_gameSurvey__3SiG-::before {
1222
+ margin-right: auto;
1223
+ margin-left: auto;
1224
+
1225
+ content: '';
1226
+ }
1227
+ .MaterialNote-module_slide__1ZBBq .MaterialNote-module_note_caption__1ezSo,
1228
+ .MaterialNote-module_card__OWXbQ .MaterialNote-module_note_caption__1ezSo,
1229
+ .MaterialNote-module_game__cADMe .MaterialNote-module_note_caption__1ezSo {
1230
+ margin-top: 0;
1231
+ }
1232
+ .MaterialNote-module_game__cADMe {
1233
+ margin-bottom: 0;
1234
+
1235
+ text-align: center
1236
+ }
1237
+ @media only screen and (min-width: 32em) {
1238
+ .MaterialNote-module_game__cADMe {
1239
+ margin-top: 25px
1240
+ }
1241
+ }
1242
+ @media only screen and (max-width: 32.1875em) {
1243
+ .MaterialNote-module_game__cADMe.MaterialNote-module_dark__xCry- .MaterialNote-module_note_credit__PuFyX {
1244
+ color: #fff
1245
+ }
1246
+ }
1247
+ .MaterialNote-module_slide__1ZBBq,
1248
+ .MaterialNote-module_card__OWXbQ {
1249
+ margin-bottom: 9px;
1250
+ padding-top: 8px
1024
1251
  }
1025
1252
  @media only screen and (min-width: 32em) {
1026
- .Tag-module_desktop__1Bjsy {
1027
- display: block
1253
+ .MaterialNote-module_slide__1ZBBq,
1254
+ .MaterialNote-module_card__OWXbQ {
1255
+ margin-bottom: 16px
1028
1256
  }
1029
1257
  }
1030
1258
 
@@ -1310,307 +1538,79 @@
1310
1538
  width: 30%;
1311
1539
  min-width: 0
1312
1540
  }
1313
-
1314
- }
1315
- .Table-module_l__1ZSMc {
1316
- min-width: 336px
1317
- }
1318
- @media only screen and (min-width: 32em) {
1319
- .Table-module_l__1ZSMc {
1320
- width: 50%;
1321
- min-width: 0
1322
- }
1323
- }
1324
- .Table-module_xs__au2Oe {
1325
- width: 50px;
1326
- min-width: 50px;
1327
- }
1328
-
1329
- /* Colors */
1330
- /* Fonts */
1331
- /* Gap */
1332
- /* Media */
1333
- /* 512 */
1334
- /* 650 */
1335
- /* 768 */
1336
- /* 1024 */
1337
- /* 1010 */
1338
- /* 1200 */
1339
- /* 511 */
1340
- /* 1023 */
1341
- /* Zindex */
1342
- .MediaCaption-module_root__KqTdw {
1343
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1344
- }
1345
- .MediaCaption-module_root__KqTdw a {
1346
- text-decoration: underline;
1347
-
1348
- color: inherit;
1349
- box-shadow: none;
1350
- }
1351
- .MediaCaption-module_root__KqTdw a:hover {
1352
- color: #b88b58;
1353
- }
1354
- .MediaCaption-module_caption__1hr7Y {
1355
- max-width: 520px;
1356
- padding-top: 4px;
1357
-
1358
- color: #1a1a1a;
1359
-
1360
- font-size: 14px;
1361
- line-height: 18px
1362
- }
1363
- @media only screen and (min-width: 32em) {
1364
- .MediaCaption-module_caption__1hr7Y {
1365
- font-size: 16px;
1366
- line-height: 22px
1367
- }
1368
- }
1369
- .MediaCaption-module_credit__3ehAP {
1370
- max-width: 520px;
1371
- padding-top: 1px;
1372
-
1373
- color: #666;
1374
-
1375
- font-size: 12px;
1376
- line-height: 16px
1377
- }
1378
- @media only screen and (min-width: 32em) {
1379
- .MediaCaption-module_credit__3ehAP {
1380
- padding-top: 3px
1381
- }
1382
- }
1383
- .MediaCaption-module_credit__3ehAP:first-child {
1384
- padding-top: 3px;
1385
- }
1386
- .MediaCaption-module_dark__3tL1u .MediaCaption-module_caption__1hr7Y {
1387
- color: #fff;
1388
- }
1389
- .MediaCaption-module_dark__3tL1u .MediaCaption-module_credit__3ehAP {
1390
- color: #929292;
1391
- }
1392
- .MediaCaption-module_video__1KZ6k .MediaCaption-module_caption__1hr7Y,
1393
- .MediaCaption-module_picture__3AAMH .MediaCaption-module_caption__1hr7Y {
1394
- padding-top: 10px
1395
- }
1396
- @media only screen and (min-width: 32em) {
1397
- .MediaCaption-module_video__1KZ6k .MediaCaption-module_caption__1hr7Y,
1398
- .MediaCaption-module_picture__3AAMH .MediaCaption-module_caption__1hr7Y {
1399
- padding-top: 12px
1400
- }
1401
- }
1402
- .MediaCaption-module_video__1KZ6k .MediaCaption-module_credit__3ehAP:first-child,
1403
- .MediaCaption-module_picture__3AAMH .MediaCaption-module_credit__3ehAP:first-child {
1404
- padding-top: 9px
1405
- }
1406
- @media only screen and (min-width: 32em) {
1407
- .MediaCaption-module_video__1KZ6k .MediaCaption-module_credit__3ehAP:first-child,
1408
- .MediaCaption-module_picture__3AAMH .MediaCaption-module_credit__3ehAP:first-child {
1409
- padding-top: 11px
1410
- }
1411
- }
1412
- .MediaCaption-module_picture__3AAMH .MediaCaption-module_credit__3ehAP,
1413
- .MediaCaption-module_picture__3AAMH .MediaCaption-module_caption__1hr7Y,
1414
- .MediaCaption-module_video__1KZ6k .MediaCaption-module_credit__3ehAP,
1415
- .MediaCaption-module_video__1KZ6k .MediaCaption-module_caption__1hr7Y,
1416
- .MediaCaption-module_desktop__3Saev .MediaCaption-module_credit__3ehAP,
1417
- .MediaCaption-module_desktop__3Saev .MediaCaption-module_caption__1hr7Y {
1418
- max-width: 650px;
1419
- }
1420
-
1421
-
1422
- /* Colors */
1423
- /* Fonts */
1424
- /* Gap */
1425
- /* Media */
1426
- /* 512 */
1427
- /* 650 */
1428
- /* 768 */
1429
- /* 1024 */
1430
- /* 1010 */
1431
- /* 1200 */
1432
- /* 511 */
1433
- /* 1023 */
1434
- /* Zindex */
1435
- .BookmarkButton-module_root__3KmuY {
1436
- color: #e0e0e0;
1437
- }
1438
- .BookmarkButton-module_control__1A0ea {
1439
- margin: 0;
1440
- padding: 5px 3px;
1441
-
1442
- cursor: pointer;
1443
-
1444
- color: inherit;
1445
- border-width: 0;
1446
- outline: none;
1447
- background-color: transparent;
1448
-
1449
- -webkit-appearance: none;
1450
-
1451
- -moz-appearance: none;
1452
-
1453
- appearance: none;
1454
- fill: transparent;
1455
- }
1456
- .BookmarkButton-module_dark__1cwyi {
1457
- color: #fff;
1458
- }
1459
- .BookmarkButton-module_light__1uQyH {
1460
- color: #000;
1461
- }
1462
- .BookmarkButton-module_isInBookmarks__1_5kB .BookmarkButton-module_control__1A0ea {
1463
- fill: #e0e0e0;
1464
- }
1465
- .BookmarkButton-module_isInBookmarks__1_5kB.BookmarkButton-module_dark__1cwyi .BookmarkButton-module_control__1A0ea {
1466
- fill: #fff;
1467
- }
1468
- .BookmarkButton-module_isInBookmarks__1_5kB.BookmarkButton-module_light__1uQyH .BookmarkButton-module_control__1A0ea {
1469
- fill: #000;
1470
- }
1471
- @media only screen and (min-width: 64em) {
1472
- .BookmarkButton-module_isInGrid__2pQ2B .BookmarkButton-module_control__1A0ea svg {
1473
- width: 12px
1474
- }
1475
- }
1476
- [data-context='prodano'] .BookmarkButton-module_root__3KmuY {
1477
- display: none;
1478
- }
1479
-
1480
- /* Colors */
1481
- /* Fonts */
1482
- /* Gap */
1483
- /* Media */
1484
- /* 512 */
1485
- /* 650 */
1486
- /* 768 */
1487
- /* 1024 */
1488
- /* 1010 */
1489
- /* 1200 */
1490
- /* 511 */
1491
- /* 1023 */
1492
- /* Zindex */
1493
- .MaterialNote-module_root__1AcYe {
1494
- margin-bottom: 17px;
1495
-
1496
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1497
- font-size: 16px;
1498
- line-height: 22px;
1499
- }
1500
- .MaterialNote-module_root__1AcYe:empty {
1501
- margin-bottom: 0;
1502
- }
1503
- .MaterialNote-module_root__1AcYe:empty::before {
1504
- margin-bottom: 9px;
1505
- }
1506
- .MaterialNote-module_root__1AcYe::before {
1507
- display: block;
1508
-
1509
- width: 120px;
1510
- height: 1px;
1511
- margin-bottom: 15px;
1512
-
1513
- content: '';
1514
-
1515
- background: #000;
1516
- }
1517
- .MaterialNote-module_root__1AcYe p {
1518
- margin-top: 8px;
1519
- margin-bottom: 0;
1520
- }
1521
- .MaterialNote-module_root__1AcYe a {
1522
- text-decoration: none;
1523
-
1524
- color: inherit;
1525
- box-shadow: inset 0 -1px;
1526
- }
1527
- .MaterialNote-module_root__1AcYe a:hover {
1528
- color: #b88b59;
1529
- }
1530
- .MaterialNote-module_dark__xCry-::before {
1531
- background-color: #4f4f4f;
1532
- }
1533
- .MaterialNote-module_note_credit__PuFyX {
1534
- color: #666;
1535
-
1536
- font-size: 12px;
1537
- line-height: 15px;
1538
- }
1539
- .MaterialNote-module_root__1AcYe .MaterialNote-module_note_credit__PuFyX {
1540
- margin-top: 6px;
1541
- }
1542
- .MaterialNote-module_note_credit__PuFyX:only-child {
1543
- margin-top: 0;
1544
- }
1545
- .MaterialNote-module_note_caption__1ezSo b {
1546
- font-weight: bold;
1547
- }
1548
- .MaterialNote-module_center__18RxI {
1549
- max-width: 650px;
1550
- margin-right: auto;
1551
- margin-left: auto;
1552
- }
1553
- .MaterialNote-module_center__18RxI,
1554
- .MaterialNote-module_default__1lQPl {
1555
- margin-top: 25px
1556
- }
1541
+
1542
+ }
1543
+ .Table-module_l__1ZSMc {
1544
+ min-width: 336px
1545
+ }
1557
1546
  @media only screen and (min-width: 32em) {
1558
- .MaterialNote-module_center__18RxI,
1559
- .MaterialNote-module_default__1lQPl {
1560
- margin-top: 45px
1547
+ .Table-module_l__1ZSMc {
1548
+ width: 50%;
1549
+ min-width: 0
1561
1550
  }
1562
1551
  }
1563
- .MaterialNote-module_card__OWXbQ:empty,
1564
- .MaterialNote-module_slide__1ZBBq:empty,
1565
- .MaterialNote-module_game__cADMe:empty {
1566
- display: none;
1567
- }
1568
- .MaterialNote-module_slide__1ZBBq::before,
1569
- .MaterialNote-module_card__OWXbQ::before,
1570
- .MaterialNote-module_game__cADMe::before {
1571
- content: none;
1552
+ .Table-module_xs__au2Oe {
1553
+ width: 50px;
1554
+ min-width: 50px;
1572
1555
  }
1573
- .MaterialNote-module_gameSurvey__3SiG-,
1574
- .MaterialNote-module_gameSurvey__3SiG-:empty {
1575
- display: block;
1556
+
1557
+ /* Colors */
1558
+ /* Fonts */
1559
+ /* Gap */
1560
+ /* Media */
1561
+ /* 512 */
1562
+ /* 650 */
1563
+ /* 768 */
1564
+ /* 1024 */
1565
+ /* 1010 */
1566
+ /* 1200 */
1567
+ /* 511 */
1568
+ /* 1023 */
1569
+ /* Zindex */
1570
+ .BookmarkButton-module_root__3KmuY {
1571
+ color: #e0e0e0;
1576
1572
  }
1577
- .MaterialNote-module_gameSurvey__3SiG-::before {
1578
- margin-right: auto;
1579
- margin-left: auto;
1573
+ .BookmarkButton-module_control__1A0ea {
1574
+ margin: 0;
1575
+ padding: 5px 3px;
1580
1576
 
1581
- content: '';
1577
+ cursor: pointer;
1578
+
1579
+ color: inherit;
1580
+ border-width: 0;
1581
+ outline: none;
1582
+ background-color: transparent;
1583
+
1584
+ -webkit-appearance: none;
1585
+
1586
+ -moz-appearance: none;
1587
+
1588
+ appearance: none;
1589
+ fill: transparent;
1582
1590
  }
1583
- .MaterialNote-module_slide__1ZBBq .MaterialNote-module_note_caption__1ezSo,
1584
- .MaterialNote-module_card__OWXbQ .MaterialNote-module_note_caption__1ezSo,
1585
- .MaterialNote-module_game__cADMe .MaterialNote-module_note_caption__1ezSo {
1586
- margin-top: 0;
1591
+ .BookmarkButton-module_dark__1cwyi {
1592
+ color: #fff;
1587
1593
  }
1588
- .MaterialNote-module_game__cADMe {
1589
- margin-bottom: 0;
1590
-
1591
- text-align: center
1594
+ .BookmarkButton-module_light__1uQyH {
1595
+ color: #000;
1592
1596
  }
1593
- @media only screen and (min-width: 32em) {
1594
- .MaterialNote-module_game__cADMe {
1595
- margin-top: 25px
1597
+ .BookmarkButton-module_isInBookmarks__1_5kB .BookmarkButton-module_control__1A0ea {
1598
+ fill: #e0e0e0;
1596
1599
  }
1597
- }
1598
- @media only screen and (max-width: 32.1875em) {
1599
- .MaterialNote-module_game__cADMe.MaterialNote-module_dark__xCry- .MaterialNote-module_note_credit__PuFyX {
1600
- color: #fff
1600
+ .BookmarkButton-module_isInBookmarks__1_5kB.BookmarkButton-module_dark__1cwyi .BookmarkButton-module_control__1A0ea {
1601
+ fill: #fff;
1601
1602
  }
1602
- }
1603
- .MaterialNote-module_slide__1ZBBq,
1604
- .MaterialNote-module_card__OWXbQ {
1605
- margin-bottom: 9px;
1606
- padding-top: 8px
1603
+ .BookmarkButton-module_isInBookmarks__1_5kB.BookmarkButton-module_light__1uQyH .BookmarkButton-module_control__1A0ea {
1604
+ fill: #000;
1607
1605
  }
1608
- @media only screen and (min-width: 32em) {
1609
- .MaterialNote-module_slide__1ZBBq,
1610
- .MaterialNote-module_card__OWXbQ {
1611
- margin-bottom: 16px
1606
+ @media only screen and (min-width: 64em) {
1607
+ .BookmarkButton-module_isInGrid__2pQ2B .BookmarkButton-module_control__1A0ea svg {
1608
+ width: 12px
1612
1609
  }
1613
1610
  }
1611
+ [data-context='prodano'] .BookmarkButton-module_root__3KmuY {
1612
+ display: none;
1613
+ }
1614
1614
 
1615
1615
  /* Colors */
1616
1616
  /* Fonts */
@@ -2098,6 +2098,24 @@
2098
2098
  }
2099
2099
  }
2100
2100
 
2101
+ /* Colors */
2102
+ /* Fonts */
2103
+ /* Gap */
2104
+ /* Media */
2105
+ /* 512 */
2106
+ /* 650 */
2107
+ /* 768 */
2108
+ /* 1024 */
2109
+ /* 1010 */
2110
+ /* 1200 */
2111
+ /* 511 */
2112
+ /* 1023 */
2113
+ /* Zindex */
2114
+ .Timestamp-module_root__coOvT {
2115
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2116
+ font-weight: normal;
2117
+ }
2118
+
2101
2119
  /* Colors */
2102
2120
  /* Fonts */
2103
2121
  /* Gap */
@@ -2138,6 +2156,7 @@
2138
2156
  .Meta-module_isInSearchItem__1wbpx {
2139
2157
  color: rgba(255, 255, 255, 0.7);
2140
2158
  }
2159
+ .Meta-module_slide__3g6fG.Meta-module_isInMediaBlock__3xfPF,
2141
2160
  .Meta-module_card__LE1RK.Meta-module_isInMediaBlock__3xfPF,
2142
2161
  .Meta-module_center__3BBPr.Meta-module_isInMediaBlock__3xfPF {
2143
2162
  text-align: left;
@@ -2218,24 +2237,6 @@
2218
2237
  }
2219
2238
  }
2220
2239
 
2221
- /* Colors */
2222
- /* Fonts */
2223
- /* Gap */
2224
- /* Media */
2225
- /* 512 */
2226
- /* 650 */
2227
- /* 768 */
2228
- /* 1024 */
2229
- /* 1010 */
2230
- /* 1200 */
2231
- /* 511 */
2232
- /* 1023 */
2233
- /* Zindex */
2234
- .Timestamp-module_root__coOvT {
2235
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2236
- font-weight: normal;
2237
- }
2238
-
2239
2240
  /* Colors */
2240
2241
  /* Fonts */
2241
2242
  /* Gap */
@@ -2408,157 +2409,56 @@
2408
2409
  margin-top: 70px
2409
2410
  }
2410
2411
  }
2411
- .ChapterBlock-module_root__1WyVn:first-child {
2412
- margin-top: 0;
2413
- }
2414
- .ChapterBlock-module_root__1WyVn:last-child {
2415
- margin-bottom: 0;
2416
- }
2417
- .ChapterBlock-module_subtitle__3TXll {
2418
- display: inline-block;
2419
-
2420
- vertical-align: top;
2421
- letter-spacing: 1px;
2422
- text-transform: uppercase;
2423
-
2424
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2425
- font-size: 12px;
2426
- font-weight: 600;
2427
- line-height: 12px
2428
- }
2429
- @media only screen and (min-width: 32em) {
2430
- .ChapterBlock-module_subtitle__3TXll {
2431
- font-size: 13px;
2432
- line-height: 16px
2433
- }
2434
- }
2435
- .ChapterBlock-module_subtitle__3TXll::after {
2436
- display: block;
2437
-
2438
- width: 120px;
2439
- padding: 0 0 7px;
2440
-
2441
- content: '';
2442
-
2443
- border-bottom: 1px solid #ccc
2444
- }
2445
- @media only screen and (min-width: 32em) {
2446
- .ChapterBlock-module_subtitle__3TXll::after {
2447
- padding: 0 0 6px
2448
- }
2449
- }
2450
- /* VISIBILITY */
2451
- @media only screen and (min-width: 32em) {
2452
- .ChapterBlock-module_mobile__CiO0w {
2453
- display: none
2454
- }
2455
- }
2456
- .ChapterBlock-module_desktop__tk1Nk {
2457
- display: none
2458
- }
2459
- @media only screen and (min-width: 32em) {
2460
- .ChapterBlock-module_desktop__tk1Nk {
2461
- display: block
2462
- }
2463
- }
2464
-
2465
-
2466
- /* Colors */
2467
- /* Fonts */
2468
- /* Gap */
2469
- /* Media */
2470
- /* 512 */
2471
- /* 650 */
2472
- /* 768 */
2473
- /* 1024 */
2474
- /* 1010 */
2475
- /* 1200 */
2476
- /* 511 */
2477
- /* 1023 */
2478
- /* Zindex */
2479
- .GroupedBlock-module_root__2qfQA {
2480
- max-width: 644px;
2481
- margin: 15px auto 0
2482
- }
2483
- @media only screen and (min-width: 48em) {
2484
- .GroupedBlock-module_root__2qfQA {
2485
- max-width: none;
2486
- margin-top: 25px;
2487
- margin-bottom: 20px
2488
- }
2489
- }
2490
- .GroupedBlock-module_hasFigcaption__2_mcf {
2491
- margin-bottom: 15px;
2492
- }
2493
- @media only screen and (min-width: 48em) {
2494
- .GroupedBlock-module_hasFigcaption__2_mcf + .GroupedBlock-module_root__2qfQA {
2495
- margin-top: 25px
2496
- }
2497
- }
2498
- .GroupedBlock-module_hasFigcaption__2_mcf .GroupedBlock-module_item__3sz9_:last-child {
2499
- margin-bottom: 0;
2500
- }
2501
- .GroupedBlock-module_items__2DV2X {
2502
- display: -webkit-box;
2503
- display: -webkit-flex;
2504
- display: -ms-flexbox;
2505
- display: flex;
2506
- flex-direction: column;
2507
- flex-wrap: nowrap
2508
- }
2509
- @media only screen and (min-width: 48em) {
2510
- .GroupedBlock-module_items__2DV2X {
2511
- flex-direction: row
2512
- }
2513
- }
2514
- .GroupedBlock-module_item__3sz9_ {
2515
- flex-grow: 1;
2516
-
2517
- width: 100%;
2518
- min-width: 100%;
2519
- max-width: 100%;
2520
- margin-bottom: 20px
2521
- }
2522
- @media only screen and (min-width: 48em) {
2523
- .GroupedBlock-module_item__3sz9_ {
2524
- min-width: 0;
2525
- max-width: none;
2526
- margin-bottom: 0
2527
- }
2528
- }
2529
- @media only screen and (min-width: 48em) {
2530
- .GroupedBlock-module_item__3sz9_ + .GroupedBlock-module_item__3sz9_ {
2531
- margin-left: 15px
2412
+ .ChapterBlock-module_root__1WyVn:first-child {
2413
+ margin-top: 0;
2532
2414
  }
2533
- }
2534
- .GroupedBlock-module_figcaption__2Q_wf {
2535
- max-width: 650px;
2536
- margin-right: auto;
2537
- margin-left: auto;
2415
+ .ChapterBlock-module_root__1WyVn:last-child {
2416
+ margin-bottom: 0;
2538
2417
  }
2539
- /* DISPLAY */
2540
- @media only screen and (min-width: 48em) {
2541
- .GroupedBlock-module_default__3ylw_ {
2542
- max-width: 650px
2418
+ .ChapterBlock-module_subtitle__3TXll {
2419
+ display: inline-block;
2420
+
2421
+ vertical-align: top;
2422
+ letter-spacing: 1px;
2423
+ text-transform: uppercase;
2424
+
2425
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2426
+ font-size: 12px;
2427
+ font-weight: 600;
2428
+ line-height: 12px
2429
+ }
2430
+ @media only screen and (min-width: 32em) {
2431
+ .ChapterBlock-module_subtitle__3TXll {
2432
+ font-size: 13px;
2433
+ line-height: 16px
2543
2434
  }
2544
2435
  }
2545
- .GroupedBlock-module_full__1dzQR {
2546
- max-width: 980px;
2436
+ .ChapterBlock-module_subtitle__3TXll::after {
2437
+ display: block;
2438
+
2439
+ width: 120px;
2440
+ padding: 0 0 7px;
2441
+
2442
+ content: '';
2443
+
2444
+ border-bottom: 1px solid #ccc
2547
2445
  }
2548
- .GroupedBlock-module_super_full__1PU72 {
2549
- max-width: 1680px;
2446
+ @media only screen and (min-width: 32em) {
2447
+ .ChapterBlock-module_subtitle__3TXll::after {
2448
+ padding: 0 0 6px
2550
2449
  }
2450
+ }
2551
2451
  /* VISIBILITY */
2552
2452
  @media only screen and (min-width: 32em) {
2553
- .GroupedBlock-module_mobile__3n8Ub {
2453
+ .ChapterBlock-module_mobile__CiO0w {
2554
2454
  display: none
2555
2455
  }
2556
2456
  }
2557
- .GroupedBlock-module_desktop__6ZRpA {
2457
+ .ChapterBlock-module_desktop__tk1Nk {
2558
2458
  display: none
2559
2459
  }
2560
2460
  @media only screen and (min-width: 32em) {
2561
- .GroupedBlock-module_desktop__6ZRpA {
2461
+ .ChapterBlock-module_desktop__tk1Nk {
2562
2462
  display: block
2563
2463
  }
2564
2464
  }
@@ -2695,96 +2595,94 @@
2695
2595
  /* 511 */
2696
2596
  /* 1023 */
2697
2597
  /* Zindex */
2698
- .HalfBlock-module_root__2frv2 {
2699
- position: relative;
2700
-
2701
- text-align: left;
2598
+ .GroupedBlock-module_root__2qfQA {
2599
+ max-width: 644px;
2600
+ margin: 15px auto 0
2702
2601
  }
2703
- .HalfBlock-module_main__2XX73 {
2602
+ @media only screen and (min-width: 48em) {
2603
+ .GroupedBlock-module_root__2qfQA {
2604
+ max-width: none;
2605
+ margin-top: 25px;
2606
+ margin-bottom: 20px
2607
+ }
2608
+ }
2609
+ .GroupedBlock-module_hasFigcaption__2_mcf {
2610
+ margin-bottom: 15px;
2611
+ }
2612
+ @media only screen and (min-width: 48em) {
2613
+ .GroupedBlock-module_hasFigcaption__2_mcf + .GroupedBlock-module_root__2qfQA {
2614
+ margin-top: 25px
2615
+ }
2616
+ }
2617
+ .GroupedBlock-module_hasFigcaption__2_mcf .GroupedBlock-module_item__3sz9_:last-child {
2618
+ margin-bottom: 0;
2619
+ }
2620
+ .GroupedBlock-module_items__2DV2X {
2704
2621
  display: -webkit-box;
2705
2622
  display: -webkit-flex;
2706
2623
  display: -ms-flexbox;
2707
2624
  display: flex;
2708
- flex-flow: column nowrap
2625
+ flex-direction: column;
2626
+ flex-wrap: nowrap
2709
2627
  }
2710
- @media only screen and (min-width: 64em) {
2711
- .HalfBlock-module_main__2XX73 {
2712
- align-items: center;
2713
- flex-flow: row nowrap
2628
+ @media only screen and (min-width: 48em) {
2629
+ .GroupedBlock-module_items__2DV2X {
2630
+ flex-direction: row
2714
2631
  }
2715
2632
  }
2716
- .HalfBlock-module_body__3MnEN {
2717
- order: -1;
2633
+ .GroupedBlock-module_item__3sz9_ {
2634
+ flex-grow: 1;
2718
2635
 
2719
- max-width: 860px;
2720
- margin: 0 auto
2636
+ width: 100%;
2637
+ min-width: 100%;
2638
+ max-width: 100%;
2639
+ margin-bottom: 20px
2721
2640
  }
2722
2641
  @media only screen and (min-width: 48em) {
2723
- .HalfBlock-module_body__3MnEN {
2724
- text-align: center
2642
+ .GroupedBlock-module_item__3sz9_ {
2643
+ min-width: 0;
2644
+ max-width: none;
2645
+ margin-bottom: 0
2725
2646
  }
2726
2647
  }
2727
- @media only screen and (min-width: 64em) {
2728
- .HalfBlock-module_body__3MnEN {
2729
- align-items: flex-start;
2730
- justify-content: center;
2731
- order: 0;
2732
-
2733
- width: 50%;
2734
- max-width: none;
2735
- height: 100%;
2736
- margin-left: 25px;
2737
-
2738
- text-align: left
2648
+ @media only screen and (min-width: 48em) {
2649
+ .GroupedBlock-module_item__3sz9_ + .GroupedBlock-module_item__3sz9_ {
2650
+ margin-left: 15px
2739
2651
  }
2740
2652
  }
2741
- .HalfBlock-module_footer__1C0yp {
2742
- width: 100%;
2653
+ .GroupedBlock-module_figcaption__2Q_wf {
2743
2654
  max-width: 650px;
2744
- margin: 0 auto;
2745
- padding-top: 3px
2655
+ margin-right: auto;
2656
+ margin-left: auto;
2746
2657
  }
2747
- @media only screen and (min-width: 64em) {
2748
- .HalfBlock-module_footer__1C0yp {
2749
- max-width: 1000px;
2750
- margin: auto;
2751
- padding-top: 0;
2752
-
2753
- border-top: 1px solid #e6e6e6
2658
+ /* DISPLAY */
2659
+ @media only screen and (min-width: 48em) {
2660
+ .GroupedBlock-module_default__3ylw_ {
2661
+ max-width: 650px
2754
2662
  }
2755
2663
  }
2756
- .HalfBlock-module_image__2lYel {
2757
- flex-grow: 1;
2758
-
2759
- margin: 0 -20px 0;
2760
- margin-top: 18px
2761
- }
2762
- @media only screen and (min-width: 32em) {
2763
- .HalfBlock-module_image__2lYel {
2764
- margin: 31px 0 -5px
2664
+ .GroupedBlock-module_full__1dzQR {
2665
+ max-width: 980px;
2765
2666
  }
2766
- }
2767
- @media only screen and (min-width: 64em) {
2768
- .HalfBlock-module_image__2lYel {
2769
- width: 50%;
2770
- margin: 0
2667
+ .GroupedBlock-module_super_full__1PU72 {
2668
+ max-width: 1680px;
2771
2669
  }
2772
- }
2773
2670
  /* VISIBILITY */
2774
2671
  @media only screen and (min-width: 32em) {
2775
- .HalfBlock-module_mobile__2latf {
2672
+ .GroupedBlock-module_mobile__3n8Ub {
2776
2673
  display: none
2777
2674
  }
2778
2675
  }
2779
- .HalfBlock-module_desktop__3B1Ej {
2676
+ .GroupedBlock-module_desktop__6ZRpA {
2780
2677
  display: none
2781
2678
  }
2782
2679
  @media only screen and (min-width: 32em) {
2783
- .HalfBlock-module_desktop__3B1Ej {
2680
+ .GroupedBlock-module_desktop__6ZRpA {
2784
2681
  display: block
2785
2682
  }
2786
2683
  }
2787
2684
 
2685
+
2788
2686
  /* Colors */
2789
2687
  /* Fonts */
2790
2688
  /* Gap */
@@ -2821,41 +2719,144 @@
2821
2719
  line-height: 24px
2822
2720
  }
2823
2721
  }
2824
- .ImportantLead-module_root__2BdT3:last-child {
2825
- margin-bottom: 0;
2722
+ .ImportantLead-module_root__2BdT3:last-child {
2723
+ margin-bottom: 0;
2724
+ }
2725
+ .ImportantLead-module_root__2BdT3:first-child {
2726
+ margin-top: 0;
2727
+ }
2728
+ .ImportantLead-module_root__2BdT3 a {
2729
+ color: #000;
2730
+ box-shadow: inset 0 -1px #000;
2731
+ }
2732
+ .ImportantLead-module_root__2BdT3 a:hover {
2733
+ color: #b88b59;
2734
+ box-shadow: inset 0 -1px #b88b59;
2735
+ }
2736
+ .ImportantLead-module_slide__3kQ9x {
2737
+ max-width: 650px;
2738
+ margin-right: auto;
2739
+ margin-left: auto;
2740
+ }
2741
+ /* VISIBILITY */
2742
+ @media only screen and (min-width: 32em) {
2743
+ .ImportantLead-module_mobile__3BXbm {
2744
+ display: none
2745
+ }
2746
+ }
2747
+ .ImportantLead-module_desktop__3Zljc {
2748
+ display: none
2749
+ }
2750
+ @media only screen and (min-width: 32em) {
2751
+ .ImportantLead-module_desktop__3Zljc {
2752
+ display: block
2753
+ }
2754
+ }
2755
+
2756
+
2757
+ /* Colors */
2758
+ /* Fonts */
2759
+ /* Gap */
2760
+ /* Media */
2761
+ /* 512 */
2762
+ /* 650 */
2763
+ /* 768 */
2764
+ /* 1024 */
2765
+ /* 1010 */
2766
+ /* 1200 */
2767
+ /* 511 */
2768
+ /* 1023 */
2769
+ /* Zindex */
2770
+ .HalfBlock-module_root__2frv2 {
2771
+ position: relative;
2772
+
2773
+ text-align: left;
2774
+ }
2775
+ .HalfBlock-module_main__2XX73 {
2776
+ display: -webkit-box;
2777
+ display: -webkit-flex;
2778
+ display: -ms-flexbox;
2779
+ display: flex;
2780
+ flex-flow: column nowrap
2781
+ }
2782
+ @media only screen and (min-width: 64em) {
2783
+ .HalfBlock-module_main__2XX73 {
2784
+ align-items: center;
2785
+ flex-flow: row nowrap
2786
+ }
2787
+ }
2788
+ .HalfBlock-module_body__3MnEN {
2789
+ order: -1;
2790
+
2791
+ max-width: 860px;
2792
+ margin: 0 auto
2793
+ }
2794
+ @media only screen and (min-width: 48em) {
2795
+ .HalfBlock-module_body__3MnEN {
2796
+ text-align: center
2797
+ }
2798
+ }
2799
+ @media only screen and (min-width: 64em) {
2800
+ .HalfBlock-module_body__3MnEN {
2801
+ align-items: flex-start;
2802
+ justify-content: center;
2803
+ order: 0;
2804
+
2805
+ width: 50%;
2806
+ max-width: none;
2807
+ height: 100%;
2808
+ margin-left: 25px;
2809
+
2810
+ text-align: left
2811
+ }
2812
+ }
2813
+ .HalfBlock-module_footer__1C0yp {
2814
+ width: 100%;
2815
+ max-width: 650px;
2816
+ margin: 0 auto;
2817
+ padding-top: 3px
2826
2818
  }
2827
- .ImportantLead-module_root__2BdT3:first-child {
2828
- margin-top: 0;
2819
+ @media only screen and (min-width: 64em) {
2820
+ .HalfBlock-module_footer__1C0yp {
2821
+ max-width: 1000px;
2822
+ margin: auto;
2823
+ padding-top: 0;
2824
+
2825
+ border-top: 1px solid #e6e6e6
2829
2826
  }
2830
- .ImportantLead-module_root__2BdT3 a {
2831
- color: #000;
2832
- box-shadow: inset 0 -1px #000;
2827
+ }
2828
+ .HalfBlock-module_image__2lYel {
2829
+ flex-grow: 1;
2830
+
2831
+ margin: 0 -20px 0;
2832
+ margin-top: 18px
2833
2833
  }
2834
- .ImportantLead-module_root__2BdT3 a:hover {
2835
- color: #b88b59;
2836
- box-shadow: inset 0 -1px #b88b59;
2834
+ @media only screen and (min-width: 32em) {
2835
+ .HalfBlock-module_image__2lYel {
2836
+ margin: 31px 0 -5px
2837
2837
  }
2838
- .ImportantLead-module_slide__3kQ9x {
2839
- max-width: 650px;
2840
- margin-right: auto;
2841
- margin-left: auto;
2838
+ }
2839
+ @media only screen and (min-width: 64em) {
2840
+ .HalfBlock-module_image__2lYel {
2841
+ width: 50%;
2842
+ margin: 0
2842
2843
  }
2844
+ }
2843
2845
  /* VISIBILITY */
2844
2846
  @media only screen and (min-width: 32em) {
2845
- .ImportantLead-module_mobile__3BXbm {
2847
+ .HalfBlock-module_mobile__2latf {
2846
2848
  display: none
2847
2849
  }
2848
2850
  }
2849
- .ImportantLead-module_desktop__3Zljc {
2851
+ .HalfBlock-module_desktop__3B1Ej {
2850
2852
  display: none
2851
2853
  }
2852
2854
  @media only screen and (min-width: 32em) {
2853
- .ImportantLead-module_desktop__3Zljc {
2855
+ .HalfBlock-module_desktop__3B1Ej {
2854
2856
  display: block
2855
2857
  }
2856
2858
  }
2857
2859
 
2858
-
2859
2860
  /* Colors */
2860
2861
  /* Fonts */
2861
2862
  /* Gap */
@@ -3228,6 +3229,9 @@
3228
3229
  line-height: 24px
3229
3230
  }
3230
3231
  }
3232
+ .RichTitle-module_isInMediaBlock__3RDw4 {
3233
+ text-align: left
3234
+ }
3231
3235
  @media only screen and (min-width: 64em) {
3232
3236
  .RichTitle-module_isInMediaBlock__3RDw4 {
3233
3237
  margin-bottom: 18px
@@ -3845,108 +3849,6 @@ a mark {
3845
3849
  }
3846
3850
  }
3847
3851
 
3848
- /* Colors */
3849
- /* Fonts */
3850
- /* Gap */
3851
- /* Media */
3852
- /* 512 */
3853
- /* 650 */
3854
- /* 768 */
3855
- /* 1024 */
3856
- /* 1010 */
3857
- /* 1200 */
3858
- /* 511 */
3859
- /* 1023 */
3860
- /* Zindex */
3861
- .MetaItem-module_root__2VQom {
3862
- display: inline;
3863
-
3864
- margin-right: 15px;
3865
- }
3866
- .MetaItem-module_root__2VQom > svg {
3867
- display: inline-block;
3868
-
3869
- margin-right: 1px;
3870
-
3871
- vertical-align: top;
3872
-
3873
- color: inherit;
3874
-
3875
- fill: currentColor;
3876
- }
3877
- .MetaItem-module_root__2VQom a {
3878
- display: inline;
3879
-
3880
- text-decoration: underline;
3881
-
3882
- color: inherit;
3883
-
3884
- -webkit-text-decoration-skip: auto;
3885
- }
3886
- .MetaItem-module_root__2VQom a:hover {
3887
- color: #b88b59;
3888
- }
3889
- .MetaItem-module_hasBullets__CkQPI {
3890
- margin-right: 0;
3891
- }
3892
- .MetaItem-module_hasBullets__CkQPI:nth-child(n + 2)::before {
3893
- display: inline-block;
3894
-
3895
- padding-right: 0.4em;
3896
- padding-left: 0.4em;
3897
-
3898
- content: '\B7';
3899
- }
3900
- @media only screen and (max-width: 32.1875em) {
3901
- .MetaItem-module_hasSource__1DmCI {
3902
- width: 100%;
3903
- margin-top: 3px;
3904
- margin-bottom: 3px
3905
- }
3906
- }
3907
- @media only screen and (max-width: 32.1875em) {
3908
- .MetaItem-module_hasSource__1DmCI:first-child {
3909
- margin-top: 0
3910
- }
3911
- }
3912
- .MetaItem-module_hasSource__1DmCI:last-child {
3913
- margin-bottom: 0;
3914
- }
3915
- @media only screen and (max-width: 32.1875em) {
3916
- .MetaItem-module_hasSource__1DmCI:nth-child(n + 2)::before {
3917
- display: none
3918
- }
3919
- }
3920
- @media only screen and (max-width: 32.1875em) {
3921
- .MetaItem-module_hasSource__1DmCI.MetaItem-module_listened__lwvAO::before,
3922
- .MetaItem-module_hasSource__1DmCI.MetaItem-module_read__5eAIG::before {
3923
- display: inline-block
3924
- }
3925
- }
3926
- @media only screen and (max-width: 32.1875em) {
3927
- .MetaItem-module_datetime__3tOWm,
3928
- .MetaItem-module_listened__lwvAO,
3929
- .MetaItem-module_read__5eAIG {
3930
- width: auto
3931
- }
3932
- }
3933
- @media only screen and (max-width: 32.1875em) {
3934
- .MetaItem-module_hasSource__1DmCI.MetaItem-module_datetime__3tOWm:first-child {
3935
- order: -2
3936
- }
3937
- }
3938
- @media only screen and (max-width: 32.1875em) {
3939
- .MetaItem-module_hasSource__1DmCI.MetaItem-module_listened__lwvAO,
3940
- .MetaItem-module_hasSource__1DmCI.MetaItem-module_read__5eAIG {
3941
- order: -1;
3942
-
3943
- margin-top: 0
3944
- }
3945
- }
3946
- .MetaItem-module_read__5eAIG svg {
3947
- margin-top: -1px;
3948
- }
3949
-
3950
3852
  /* Colors */
3951
3853
  /* Fonts */
3952
3854
  /* Gap */
@@ -4226,6 +4128,108 @@ a mark {
4226
4128
  }
4227
4129
  }
4228
4130
 
4131
+ /* Colors */
4132
+ /* Fonts */
4133
+ /* Gap */
4134
+ /* Media */
4135
+ /* 512 */
4136
+ /* 650 */
4137
+ /* 768 */
4138
+ /* 1024 */
4139
+ /* 1010 */
4140
+ /* 1200 */
4141
+ /* 511 */
4142
+ /* 1023 */
4143
+ /* Zindex */
4144
+ .MetaItem-module_root__2VQom {
4145
+ display: inline;
4146
+
4147
+ margin-right: 15px;
4148
+ }
4149
+ .MetaItem-module_root__2VQom > svg {
4150
+ display: inline-block;
4151
+
4152
+ margin-right: 1px;
4153
+
4154
+ vertical-align: top;
4155
+
4156
+ color: inherit;
4157
+
4158
+ fill: currentColor;
4159
+ }
4160
+ .MetaItem-module_root__2VQom a {
4161
+ display: inline;
4162
+
4163
+ text-decoration: underline;
4164
+
4165
+ color: inherit;
4166
+
4167
+ -webkit-text-decoration-skip: auto;
4168
+ }
4169
+ .MetaItem-module_root__2VQom a:hover {
4170
+ color: #b88b59;
4171
+ }
4172
+ .MetaItem-module_hasBullets__CkQPI {
4173
+ margin-right: 0;
4174
+ }
4175
+ .MetaItem-module_hasBullets__CkQPI:nth-child(n + 2)::before {
4176
+ display: inline-block;
4177
+
4178
+ padding-right: 0.4em;
4179
+ padding-left: 0.4em;
4180
+
4181
+ content: '\B7';
4182
+ }
4183
+ @media only screen and (max-width: 32.1875em) {
4184
+ .MetaItem-module_hasSource__1DmCI {
4185
+ width: 100%;
4186
+ margin-top: 3px;
4187
+ margin-bottom: 3px
4188
+ }
4189
+ }
4190
+ @media only screen and (max-width: 32.1875em) {
4191
+ .MetaItem-module_hasSource__1DmCI:first-child {
4192
+ margin-top: 0
4193
+ }
4194
+ }
4195
+ .MetaItem-module_hasSource__1DmCI:last-child {
4196
+ margin-bottom: 0;
4197
+ }
4198
+ @media only screen and (max-width: 32.1875em) {
4199
+ .MetaItem-module_hasSource__1DmCI:nth-child(n + 2)::before {
4200
+ display: none
4201
+ }
4202
+ }
4203
+ @media only screen and (max-width: 32.1875em) {
4204
+ .MetaItem-module_hasSource__1DmCI.MetaItem-module_listened__lwvAO::before,
4205
+ .MetaItem-module_hasSource__1DmCI.MetaItem-module_read__5eAIG::before {
4206
+ display: inline-block
4207
+ }
4208
+ }
4209
+ @media only screen and (max-width: 32.1875em) {
4210
+ .MetaItem-module_datetime__3tOWm,
4211
+ .MetaItem-module_listened__lwvAO,
4212
+ .MetaItem-module_read__5eAIG {
4213
+ width: auto
4214
+ }
4215
+ }
4216
+ @media only screen and (max-width: 32.1875em) {
4217
+ .MetaItem-module_hasSource__1DmCI.MetaItem-module_datetime__3tOWm:first-child {
4218
+ order: -2
4219
+ }
4220
+ }
4221
+ @media only screen and (max-width: 32.1875em) {
4222
+ .MetaItem-module_hasSource__1DmCI.MetaItem-module_listened__lwvAO,
4223
+ .MetaItem-module_hasSource__1DmCI.MetaItem-module_read__5eAIG {
4224
+ order: -1;
4225
+
4226
+ margin-top: 0
4227
+ }
4228
+ }
4229
+ .MetaItem-module_read__5eAIG svg {
4230
+ margin-top: -1px;
4231
+ }
4232
+
4229
4233
  /* stylelint-disable declaration-empty-line-before */
4230
4234
  /* Colors */
4231
4235
  /* Fonts */