@meduza/ui-kit-2 0.1.61 → 0.1.64

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,218 +11,228 @@
11
11
  /* 511 */
12
12
  /* 1023 */
13
13
  /* Zindex */
14
- .SvgSymbol-module_root__2CsRW {
15
- width: 100%;
16
- height: 100%;
14
+ .Button-module_root__RpsiW {
15
+ display: block;
17
16
 
18
- vertical-align: middle;
17
+ padding: 0;
18
+
19
+ cursor: pointer;
20
+ -webkit-user-select: none;
21
+ -moz-user-select: none;
22
+ -ms-user-select: none;
23
+ user-select: none;
24
+ transition: background-color 0.15s ease-out;
25
+ text-align: center;
26
+
27
+ color: #fff;
28
+ border-width: 0;
29
+ outline: none;
30
+
31
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
32
+ line-height: 1;
33
+
34
+ -webkit-appearance: none;
35
+
36
+ -moz-appearance: none;
37
+
38
+ appearance: none;
19
39
  }
20
- .SvgSymbol-module_small__2g6oR {
21
- height: 14px;
40
+ .Button-module_root__RpsiW::-moz-focus-inner {
41
+ border: 0;
22
42
  }
23
- .SvgSymbol-module_normal__9lFn1 {
24
- height: 14px;
43
+ .Button-module_root__RpsiW[disabled] {
44
+ cursor: default;
45
+ pointer-events: none;
46
+
47
+ opacity: 0.5;
25
48
  }
26
- .SvgSymbol-module_medium__2eF5L {
27
- width: 24px;
28
- height: 24px;
49
+ .Button-module_root__RpsiW > span:first-child {
50
+ margin-right: 4px;
29
51
  }
30
- .SvgSymbol-module_large__2kQrt {
31
- width: 42px;
32
- height: 42px;
52
+ .Button-module_root__RpsiW > span:last-child {
53
+ margin-left: 4px;
33
54
  }
34
- .SvgSymbol-module_adaptive__3_68T {
35
- width: 100%;
36
- height: 100%;
55
+ .Button-module_gold__ZMYg- {
56
+ background: #b88b59;
37
57
  }
38
- .SvgSymbol-module_fb__1whmw {
39
- width: 16px;
40
-
41
- fill: #304591;
58
+ .Button-module_gold__ZMYg-.Button-module_isLoading__1g6QO {
59
+ fill: #b88b59;
42
60
  }
43
- .SvgSymbol-module_vk__3VEuu {
44
- width: 20px;
45
-
46
- fill: #527397;
61
+ .Button-module_gold__ZMYg-:hover {
62
+ background-color: #9e784c
47
63
  }
48
- .SvgSymbol-module_ok__2_1Qb {
49
- width: 9px;
50
-
51
- fill: #eb722e;
64
+ @media (hover: none) {
65
+ .Button-module_gold__ZMYg-:hover {
66
+ background-color: #b88b59
52
67
  }
53
- .SvgSymbol-module_tw__2VRG5 {
54
- width: 20px;
55
-
56
- fill: #31adf4;
68
+ }
69
+ .Button-module_gold__ZMYg-:active {
70
+ background-color: #856440;
57
71
  }
58
- .SvgSymbol-module_tg__2xe2f {
59
- width: 18px;
60
-
61
- fill: #2ba5e0;
72
+ .Button-module_gray__3IM54 {
73
+ color: #000;
74
+ background-color: #f0f0f0;
62
75
  }
63
- .SvgSymbol-module_reaction__rrJvf {
64
- width: 16px;
65
-
66
- color: #dcad76;
67
-
68
- fill: #262626;
76
+ .Button-module_gray__3IM54.Button-module_isLoading__1g6QO {
77
+ fill: #545454;
69
78
  }
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;
79
+ .Button-module_gray__3IM54:hover {
80
+ background-color: #ebebeb
76
81
  }
77
- .SvgSymbol-module_menu__2iYFt {
78
- width: 24px;
79
- height: 24px;
82
+ @media (hover: none) {
83
+ .Button-module_gray__3IM54:hover {
84
+ background-color: #ebebeb
80
85
  }
81
- .SvgSymbol-module_cross__J2lCN {
82
- width: 14px;
83
- height: 14px;
86
+ }
87
+ .Button-module_gray__3IM54:active {
88
+ background-color: #e3e3e3;
84
89
  }
85
- .SvgSymbol-module_isInFeature__cDeTI,
86
- .SvgSymbol-module_isInCard__pKq4e {
87
- width: 16px;
88
- height: 16px;
90
+ .Button-module_sand__2AqVq {
91
+ background: #a18c68;
89
92
  }
90
- .SvgSymbol-module_isInTopicBlockItem__3Te91 {
91
- width: 16px;
92
- height: 16px;
93
+ .Button-module_sand__2AqVq.Button-module_isLoading__1g6QO {
94
+ fill: #a18c68;
93
95
  }
94
- .SvgSymbol-module_isInPageStatic__H31Rd {
95
- width: 64px;
96
- height: 64px;
96
+ .Button-module_sand__2AqVq:hover {
97
+ background-color: #8a7654
97
98
  }
98
- .SvgSymbol-module_isInMaterialMeta__2IbAw {
99
- margin-right: 6px;
99
+ @media (hover: none) {
100
+ .Button-module_sand__2AqVq:hover {
101
+ background-color: #a18c68
100
102
  }
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));
103
+ }
104
+ .Button-module_sand__2AqVq:active {
105
+ background-color: #7b6743;
106
106
  }
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));
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);
112
111
  }
113
- .SvgSymbol-module_isInButtonPlaybackRate__1L3TW {
114
- width: 34px;
115
- height: 28px
112
+ .Button-module_dark__I0uXx:hover {
113
+ background-color: #2e2e2e
116
114
  }
117
- @media only screen and (min-width: 40.625em) {
118
- .SvgSymbol-module_isInButtonPlaybackRate__1L3TW {
119
- width: 28px;
120
- height: 22px
115
+ @media (hover: none) {
116
+ .Button-module_dark__I0uXx:hover {
117
+ background-color: #3a3a3a
121
118
  }
122
119
  }
123
- .SvgSymbol-module_isInButtonBackward__1Grf9,
124
- .SvgSymbol-module_isInButtonForward__D1AFL {
125
- width: 28px;
126
- height: 28px
120
+ .Button-module_dark__I0uXx:active {
121
+ background-color: #242424;
127
122
  }
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
123
+ .Button-module_dark__I0uXx.Button-module_isLoading__1g6QO {
124
+ fill: #3a3a3a;
125
+ }
126
+ .Button-module_light__1Y4hG {
127
+ color: #000;
128
+ background-color: #fff;
129
+ }
130
+ .Button-module_light__1Y4hG:hover {
131
+ background-color: #ebebeb
132
+ }
133
+ @media (hover: none) {
134
+ .Button-module_light__1Y4hG:hover {
135
+ background-color: #fff
133
136
  }
134
137
  }
135
- .SvgSymbol-module_isInToolbar__3SaIh.SvgSymbol-module_cross__J2lCN {
136
- width: 18px;
137
- height: 18px;
138
+ .Button-module_light__1Y4hG:active {
139
+ background-color: #e3e3e3;
138
140
  }
139
- .SvgSymbol-module_play__pM-qY {
140
- width: 100%;
141
- height: 100%;
141
+ .Button-module_light__1Y4hG.Button-module_isLoading__1g6QO {
142
+ fill: #fff;
142
143
  }
143
- .SvgSymbol-module_meduzaLogo__2Ouzp {
144
- width: 92px;
145
- height: 20px
144
+ .Button-module_black__3sG3Y {
145
+ color: #7e7d7b;
146
+ background-color: #000;
146
147
  }
147
- @media only screen and (min-width: 64em) {
148
- .SvgSymbol-module_meduzaLogo__2Ouzp {
149
- width: 100px;
150
- height: 45px
148
+ .Button-module_black__3sG3Y.Button-module_isLoading__1g6QO {
149
+ fill: #7e7d7b;
150
+ }
151
+ .Button-module_black__3sG3Y:hover {
152
+ background-color: #141414
153
+ }
154
+ @media (hover: none) {
155
+ .Button-module_black__3sG3Y:hover {
156
+ background: #141414
151
157
  }
152
158
  }
153
- .SvgSymbol-module_arrow__11naX {
154
- width: 12px;
155
- height: 12px;
159
+ .Button-module_black__3sG3Y:active {
160
+ background-color: #242424;
156
161
  }
157
- .SvgSymbol-module_oil__hvHE5 {
158
- width: 9px;
159
- height: 12px;
162
+ .Button-module_red__3Niou {
163
+ background-color: #f95a5a;
160
164
  }
161
- .SvgSymbol-module_search__VK6p3 {
162
- width: 24px;
163
- height: 24px
165
+ .Button-module_red__3Niou:hover {
166
+ background-color: #e65353
164
167
  }
165
- @media only screen and (min-width: 64em) {
166
- .SvgSymbol-module_search__VK6p3 {
167
- width: 16px;
168
- height: 16px
168
+ @media (hover: none) {
169
+ .Button-module_red__3Niou:hover {
170
+ background: #f95a5a
169
171
  }
170
172
  }
171
- .SvgSymbol-module_user__1MGim {
172
- width: 14px;
173
- height: 14px
173
+ .Button-module_red__3Niou:active {
174
+ background-color: #d44d4d;
174
175
  }
175
- @media only screen and (min-width: 64em) {
176
- .SvgSymbol-module_user__1MGim {
177
- width: 16px;
178
- height: 16px
176
+ .Button-module_red__3Niou.Button-module_isLoading__1g6QO {
177
+ fill: #141414;
179
178
  }
180
- }
181
- .SvgSymbol-module_bookmark__2z7tX {
182
- width: 17px;
183
- height: auto;
179
+ .Button-module_default__28Vo_ {
180
+ width: 100%;
181
+ height: 42px;
182
+ padding: 6px 18px;
184
183
 
185
- cursor: pointer;
184
+ letter-spacing: 1px;
185
+ text-transform: uppercase;
186
186
 
187
- stroke-width: 2px
187
+ border-radius: 8px;
188
+
189
+ font-size: 12px;
190
+ font-weight: 600;
191
+ line-height: 22px
188
192
  }
189
193
  @media only screen and (min-width: 64em) {
190
- .SvgSymbol-module_bookmark__2z7tX {
191
- width: 14px;
194
+ .Button-module_default__28Vo_ {
195
+ padding: 7px 18px 6px;
192
196
 
193
- stroke-width: 1.5px
197
+ font-size: 14px;
198
+ line-height: 16px
194
199
  }
195
200
  }
196
- .SvgSymbol-module_isInToolbar__3SaIh.SvgSymbol-module_bookmark__2z7tX {
197
- width: 14px;
198
- }
199
- .SvgSymbol-module_receipt__3Eqow {
200
- width: 10px;
201
- height: 13px;
201
+ .Button-module_isInSpoiler__2Yl8c svg {
202
+ margin-top: -2px;
203
+ margin-left: 6px;
202
204
  }
203
- .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN {
204
- width: 22px;
205
- height: 22px
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;
206
215
  }
207
- @media only screen and (min-width: 64em) {
208
- .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN {
209
- width: 14px;
210
- height: 14px
216
+ .Button-module_isInDropdown__1ogKL {
217
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
211
218
  }
212
- }
213
- @media only screen and (min-width: 64em) {
214
- .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_search__VK6p3 circle {
215
- stroke-width: 1.5px
219
+ .Button-module_black__3sG3Y[disabled],
220
+ .Button-module_sand__2AqVq[disabled] {
221
+ opacity: 0.3;
216
222
  }
217
- }
218
- .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN path {
219
- stroke-width: 1.8px
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;
220
230
  }
221
- @media only screen and (min-width: 64em) {
222
- .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN path {
223
- stroke-width: 1.3px
231
+ .Button-module_loader__2pl6d {
232
+ display: block;
233
+
234
+ margin-top: -1px;
224
235
  }
225
- }
226
236
 
227
237
  /* Colors */
228
238
  /* Fonts */
@@ -237,155 +247,75 @@
237
247
  /* 511 */
238
248
  /* 1023 */
239
249
  /* Zindex */
240
- .Switcher-module_root__1Env1 {
241
- position: relative;
242
-
243
- display: -webkit-box;
244
-
245
- display: -webkit-flex;
246
-
247
- display: -ms-flexbox;
248
-
249
- display: flex;
250
- flex-flow: row nowrap;
251
- align-items: center;
252
-
253
- font-weight: 600;
254
-
255
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
256
- white-space: nowrap;
257
-
258
- cursor: pointer;
259
-
260
- -webkit-user-select: none;
261
-
262
- -moz-user-select: none;
263
-
264
- -ms-user-select: none;
265
-
266
- user-select: none;
267
- }
268
- .Switcher-module_dark__1IzaH {
269
- color: inherit;
270
- }
271
- .Switcher-module_dark__1IzaH .Switcher-module_control__1NTvY {
272
- background-color: transparent;
273
- }
274
- .Switcher-module_input__jaMVF {
275
- position: absolute;
276
- top: 0;
277
- left: 0;
278
-
279
- opacity: 0;
280
- }
281
- .Switcher-module_control__1NTvY {
250
+ .Image-module_root__1vsA_ {
282
251
  position: relative;
252
+ z-index: 1;
283
253
 
284
254
  display: block;
255
+ overflow: hidden;
256
+ transition: background-color 250ms ease;
285
257
 
286
- width: 37px;
287
- height: 21px;
288
-
289
- background-color: #e6e6e6;
290
-
291
- border-radius: 15px;
258
+ background-color: #f2f2f2
292
259
  }
293
- .Switcher-module_control__1NTvY::before {
260
+ @media only screen and (min-width: 32em) {
261
+ .Image-module_root__1vsA_ {
262
+ border-radius: inherit
263
+ }
264
+ }
265
+ .Image-module_root__1vsA_ img {
294
266
  position: absolute;
295
267
  top: 0;
296
- bottom: 0;
297
268
  left: 0;
298
269
 
299
- width: 18px;
300
-
301
- background: rgba(19, 191, 17, 0);
302
-
303
- border-radius: 15px;
304
-
305
- transition: 0.25s ease-in-out;
306
-
307
- content: '';
308
- }
309
- .Switcher-module_knob__3kEy5 {
310
- position: relative;
311
- top: 2px;
312
- left: 2px;
313
- z-index: 200;
314
-
315
- display: block;
316
-
317
- width: 17px;
318
- height: 17px;
319
-
320
- background: #fff;
321
-
322
- border-radius: 15px;
323
-
324
- transition: 0.25s ease-in-out;
325
- }
326
- .Switcher-module_input__jaMVF:checked ~ .Switcher-module_control__1NTvY::before {
327
270
  width: 100%;
328
-
329
- background-color: #b88b59;
330
- }
331
- .Switcher-module_input__jaMVF:checked ~ .Switcher-module_control__1NTvY::after {
332
- box-shadow: inset 0 0 0 1px transparent;
333
- }
334
- .Switcher-module_input__jaMVF:checked ~ .Switcher-module_control__1NTvY .Switcher-module_knob__3kEy5 {
335
- left: 18px;
336
- }
337
- .Switcher-module_children__147JP.Switcher-module_left__2coeE {
338
- margin-right: 6px;
339
- }
340
- .Switcher-module_children__147JP.Switcher-module_right__yWG7h {
341
- margin-left: 6px;
342
- }
343
- /* panel */
344
- .Switcher-module_isInPanel__TumqY .Switcher-module_children__147JP {
345
-
346
- color: #999;
347
-
348
- font-size: 13px;
349
- letter-spacing: 0.5px;
350
- text-transform: uppercase;
351
- }
352
- /* menu */
353
- .Switcher-module_isInMenu__3XJYj {
354
- font-weight: normal;
355
- }
356
- .Switcher-module_isInMenu__3XJYj .Switcher-module_children__147JP {
357
- margin-right: 8px;
271
+ height: 100%;
358
272
  }
359
- .Switcher-module_isInMenu__3XJYj .Switcher-module_control__1NTvY {
360
- width: 48px;
361
- height: 30px;
273
+ .Image-module_isLoaded__3XhU5 {
274
+ background-color: transparent;
362
275
  }
363
- .Switcher-module_isInMenu__3XJYj .Switcher-module_knob__3kEy5 {
364
- top: 4px;
276
+ .Image-module_wrapper__3fLjs {
277
+ display: block;
365
278
 
366
- width: 22px;
367
- height: 22px;
279
+ width: 100%;
368
280
 
369
- background-color: #bababa;
281
+ background-repeat: no-repeat;
282
+ background-size: 100% auto;
370
283
  }
371
- /* stylelint-disable selector-max-compound-selectors */
372
- .Switcher-module_isInMenu__3XJYj input:checked ~ .Switcher-module_control__1NTvY .Switcher-module_knob__3kEy5 {
373
- left: 23px;
374
-
375
- background-color: #fff;
284
+ .Image-module_fullscreen__29apx picture {
285
+ cursor: pointer;
376
286
  }
377
- /* live */
378
- .Switcher-module_isInLive__2cLui .Switcher-module_children__147JP {
287
+ .Image-module_fullscreen__29apx picture:hover::after {
288
+ opacity: 1;
289
+ }
290
+ .Image-module_fullscreen__29apx picture::after {
291
+ position: absolute;
292
+ right: 12px;
293
+ bottom: 12px;
379
294
 
380
- color: #7f7f7f;
295
+ width: 40px;
296
+ height: 40px;
381
297
 
382
- font-size: 13px;
383
- letter-spacing: 0.5px;
384
- text-transform: uppercase;
298
+ transition: opacity 250ms ease;
299
+ pointer-events: none;
300
+
301
+ opacity: 0;
302
+ border: 0.5px solid rgba(255, 255, 255, 0.15);
303
+ border-radius: 20px;
304
+ background-color: rgba(0, 0, 0, 0.7);
305
+ background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.197 10.207V3.763h-6.463' stroke='%23DBDBDB' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.793 4.166l-6.173 6.172' stroke='%23DBDBDB' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.803 13.733v6.444h6.463' stroke='%23DBDBDB' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.207 19.774l6.173-6.171' stroke='%23DBDBDB' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
306
+ background-repeat: no-repeat;
307
+ background-position: center
385
308
  }
386
- .Switcher-module_isInMenu__3XJYj .Switcher-module_control__1NTvY {
387
- background-color: #1a1a1a;
388
- box-shadow: inset 0 0 0 1px #323232;
309
+ @media only screen and (min-width: 64em) {
310
+ .Image-module_fullscreen__29apx picture::after {
311
+ content: ''
312
+ }
313
+ }
314
+ [data-input='mouse'] .Image-module_wrapper__3fLjs {
315
+ outline: none;
316
+ }
317
+ .Image-module_dark__3o0nU {
318
+ background-color: transparent;
389
319
  }
390
320
 
391
321
  /* Colors */
@@ -401,228 +331,218 @@
401
331
  /* 511 */
402
332
  /* 1023 */
403
333
  /* Zindex */
404
- .Button-module_root__RpsiW {
405
- display: block;
406
-
407
- padding: 0;
408
-
409
- cursor: pointer;
410
- -webkit-user-select: none;
411
- -moz-user-select: none;
412
- -ms-user-select: none;
413
- user-select: none;
414
- transition: background-color 0.15s ease-out;
415
- text-align: center;
416
-
417
- color: #fff;
418
- border-width: 0;
419
- outline: none;
420
-
421
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
422
- line-height: 1;
423
-
424
- -webkit-appearance: none;
425
-
426
- -moz-appearance: none;
334
+ .SvgSymbol-module_root__2CsRW {
335
+ width: 100%;
336
+ height: 100%;
427
337
 
428
- appearance: none;
338
+ vertical-align: middle;
429
339
  }
430
- .Button-module_root__RpsiW::-moz-focus-inner {
431
- border: 0;
340
+ .SvgSymbol-module_small__2g6oR {
341
+ height: 14px;
432
342
  }
433
- .Button-module_root__RpsiW[disabled] {
434
- cursor: default;
435
- pointer-events: none;
436
-
437
- opacity: 0.5;
343
+ .SvgSymbol-module_normal__9lFn1 {
344
+ height: 14px;
438
345
  }
439
- .Button-module_root__RpsiW > span:first-child {
440
- margin-right: 4px;
346
+ .SvgSymbol-module_medium__2eF5L {
347
+ width: 24px;
348
+ height: 24px;
441
349
  }
442
- .Button-module_root__RpsiW > span:last-child {
443
- margin-left: 4px;
350
+ .SvgSymbol-module_large__2kQrt {
351
+ width: 42px;
352
+ height: 42px;
444
353
  }
445
- .Button-module_gold__ZMYg- {
446
- background: #b88b59;
354
+ .SvgSymbol-module_adaptive__3_68T {
355
+ width: 100%;
356
+ height: 100%;
447
357
  }
448
- .Button-module_gold__ZMYg-.Button-module_isLoading__1g6QO {
449
- fill: #b88b59;
358
+ .SvgSymbol-module_fb__1whmw {
359
+ width: 16px;
360
+
361
+ fill: #304591;
450
362
  }
451
- .Button-module_gold__ZMYg-:hover {
452
- background-color: #9e784c
363
+ .SvgSymbol-module_vk__3VEuu {
364
+ width: 20px;
365
+
366
+ fill: #527397;
453
367
  }
454
- @media (hover: none) {
455
- .Button-module_gold__ZMYg-:hover {
456
- background-color: #b88b59
368
+ .SvgSymbol-module_ok__2_1Qb {
369
+ width: 9px;
370
+
371
+ fill: #eb722e;
457
372
  }
458
- }
459
- .Button-module_gold__ZMYg-:active {
460
- background-color: #856440;
373
+ .SvgSymbol-module_tw__2VRG5 {
374
+ width: 20px;
375
+
376
+ fill: #31adf4;
461
377
  }
462
- .Button-module_gray__3IM54 {
463
- color: #000;
464
- background-color: #f0f0f0;
378
+ .SvgSymbol-module_tg__2xe2f {
379
+ width: 18px;
380
+
381
+ fill: #2ba5e0;
465
382
  }
466
- .Button-module_gray__3IM54.Button-module_isLoading__1g6QO {
467
- fill: #545454;
383
+ .SvgSymbol-module_reaction__rrJvf {
384
+ width: 16px;
385
+
386
+ color: #dcad76;
387
+
388
+ fill: #262626;
468
389
  }
469
- .Button-module_gray__3IM54:hover {
470
- background-color: #ebebeb
390
+ .SvgSymbol-module_card__1XAqw,
391
+ .SvgSymbol-module_podcast__3oPoo,
392
+ .SvgSymbol-module_read__2V82i,
393
+ .SvgSymbol-module_listened__1oMFV {
394
+ width: 15px;
395
+ height: 15px;
471
396
  }
472
- @media (hover: none) {
473
- .Button-module_gray__3IM54:hover {
474
- background-color: #ebebeb
397
+ .SvgSymbol-module_menu__2iYFt {
398
+ width: 24px;
399
+ height: 24px;
475
400
  }
476
- }
477
- .Button-module_gray__3IM54:active {
478
- background-color: #e3e3e3;
401
+ .SvgSymbol-module_cross__J2lCN {
402
+ width: 14px;
403
+ height: 14px;
479
404
  }
480
- .Button-module_sand__2AqVq {
481
- background: #a18c68;
405
+ .SvgSymbol-module_isInFeature__cDeTI,
406
+ .SvgSymbol-module_isInCard__pKq4e {
407
+ width: 16px;
408
+ height: 16px;
482
409
  }
483
- .Button-module_sand__2AqVq.Button-module_isLoading__1g6QO {
484
- fill: #a18c68;
410
+ .SvgSymbol-module_isInTopicBlockItem__3Te91 {
411
+ width: 16px;
412
+ height: 16px;
485
413
  }
486
- .Button-module_sand__2AqVq:hover {
487
- background-color: #8a7654
414
+ .SvgSymbol-module_isInPageStatic__H31Rd {
415
+ width: 64px;
416
+ height: 64px;
488
417
  }
489
- @media (hover: none) {
490
- .Button-module_sand__2AqVq:hover {
491
- background-color: #a18c68
418
+ .SvgSymbol-module_isInMaterialMeta__2IbAw {
419
+ margin-right: 6px;
492
420
  }
493
- }
494
- .Button-module_sand__2AqVq:active {
495
- background-color: #7b6743;
421
+ .SvgSymbol-module_isInAudioPlayer__2xlzW {
422
+ width: 29px;
423
+ height: 29px;
424
+
425
+ filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
496
426
  }
497
- .Button-module_dark__I0uXx {
498
- color: #adadad;
499
- background-color: #3a3a3a;
500
- box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.4);
427
+ .SvgSymbol-module_isInEpisodeBlock__2vY3o {
428
+ width: 38px;
429
+ height: 38px;
430
+
431
+ filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
501
432
  }
502
- .Button-module_dark__I0uXx:hover {
503
- background-color: #2e2e2e
433
+ .SvgSymbol-module_isInButtonPlaybackRate__1L3TW {
434
+ width: 34px;
435
+ height: 28px
504
436
  }
505
- @media (hover: none) {
506
- .Button-module_dark__I0uXx:hover {
507
- background-color: #3a3a3a
437
+ @media only screen and (min-width: 40.625em) {
438
+ .SvgSymbol-module_isInButtonPlaybackRate__1L3TW {
439
+ width: 28px;
440
+ height: 22px
508
441
  }
509
442
  }
510
- .Button-module_dark__I0uXx:active {
511
- background-color: #242424;
512
- }
513
- .Button-module_dark__I0uXx.Button-module_isLoading__1g6QO {
514
- fill: #3a3a3a;
515
- }
516
- .Button-module_light__1Y4hG {
517
- color: #000;
518
- background-color: #fff;
519
- }
520
- .Button-module_light__1Y4hG:hover {
521
- background-color: #ebebeb
443
+ .SvgSymbol-module_isInButtonBackward__1Grf9,
444
+ .SvgSymbol-module_isInButtonForward__D1AFL {
445
+ width: 28px;
446
+ height: 28px
522
447
  }
523
- @media (hover: none) {
524
- .Button-module_light__1Y4hG:hover {
525
- background-color: #fff
448
+ @media only screen and (min-width: 40.625em) {
449
+ .SvgSymbol-module_isInButtonBackward__1Grf9,
450
+ .SvgSymbol-module_isInButtonForward__D1AFL {
451
+ width: 22px;
452
+ height: 22px
526
453
  }
527
454
  }
528
- .Button-module_light__1Y4hG:active {
529
- background-color: #e3e3e3;
530
- }
531
- .Button-module_light__1Y4hG.Button-module_isLoading__1g6QO {
532
- fill: #fff;
533
- }
534
- .Button-module_black__3sG3Y {
535
- color: #7e7d7b;
536
- background-color: #000;
455
+ .SvgSymbol-module_isInToolbar__3SaIh.SvgSymbol-module_cross__J2lCN {
456
+ width: 18px;
457
+ height: 18px;
537
458
  }
538
- .Button-module_black__3sG3Y.Button-module_isLoading__1g6QO {
539
- fill: #7e7d7b;
459
+ .SvgSymbol-module_play__pM-qY {
460
+ width: 100%;
461
+ height: 100%;
540
462
  }
541
- .Button-module_black__3sG3Y:hover {
542
- background-color: #141414
463
+ .SvgSymbol-module_meduzaLogo__2Ouzp {
464
+ width: 92px;
465
+ height: 20px
543
466
  }
544
- @media (hover: none) {
545
- .Button-module_black__3sG3Y:hover {
546
- background: #141414
467
+ @media only screen and (min-width: 64em) {
468
+ .SvgSymbol-module_meduzaLogo__2Ouzp {
469
+ width: 100px;
470
+ height: 45px
547
471
  }
548
472
  }
549
- .Button-module_black__3sG3Y:active {
550
- background-color: #242424;
473
+ .SvgSymbol-module_arrow__11naX {
474
+ width: 12px;
475
+ height: 12px;
551
476
  }
552
- .Button-module_red__3Niou {
553
- background-color: #f95a5a;
477
+ .SvgSymbol-module_oil__hvHE5 {
478
+ width: 9px;
479
+ height: 12px;
554
480
  }
555
- .Button-module_red__3Niou:hover {
556
- background-color: #e65353
481
+ .SvgSymbol-module_search__VK6p3 {
482
+ width: 24px;
483
+ height: 24px
557
484
  }
558
- @media (hover: none) {
559
- .Button-module_red__3Niou:hover {
560
- background: #f95a5a
485
+ @media only screen and (min-width: 64em) {
486
+ .SvgSymbol-module_search__VK6p3 {
487
+ width: 16px;
488
+ height: 16px
561
489
  }
562
490
  }
563
- .Button-module_red__3Niou:active {
564
- background-color: #d44d4d;
491
+ .SvgSymbol-module_user__1MGim {
492
+ width: 14px;
493
+ height: 14px
565
494
  }
566
- .Button-module_red__3Niou.Button-module_isLoading__1g6QO {
567
- fill: #141414;
495
+ @media only screen and (min-width: 64em) {
496
+ .SvgSymbol-module_user__1MGim {
497
+ width: 16px;
498
+ height: 16px
568
499
  }
569
- .Button-module_default__28Vo_ {
570
- width: 100%;
571
- height: 42px;
572
- padding: 6px 18px;
573
-
574
- letter-spacing: 1px;
575
- text-transform: uppercase;
500
+ }
501
+ .SvgSymbol-module_bookmark__2z7tX {
502
+ width: 17px;
503
+ height: auto;
576
504
 
577
- border-radius: 8px;
505
+ cursor: pointer;
578
506
 
579
- font-size: 12px;
580
- font-weight: 600;
581
- line-height: 22px
507
+ stroke-width: 2px
582
508
  }
583
509
  @media only screen and (min-width: 64em) {
584
- .Button-module_default__28Vo_ {
585
- padding: 7px 18px 6px;
510
+ .SvgSymbol-module_bookmark__2z7tX {
511
+ width: 14px;
586
512
 
587
- font-size: 14px;
588
- line-height: 16px
513
+ stroke-width: 1.5px
589
514
  }
590
515
  }
591
- .Button-module_isInSpoiler__2Yl8c svg {
592
- margin-top: -2px;
593
- margin-left: 6px;
516
+ .SvgSymbol-module_isInToolbar__3SaIh.SvgSymbol-module_bookmark__2z7tX {
517
+ width: 14px;
594
518
  }
595
- .Button-module_ghost__3awCW {
596
- letter-spacing: inherit;
597
- text-transform: none;
598
-
599
- color: inherit;
600
- background-color: transparent;
601
-
602
- font-family: inherit;
603
- font-size: inherit;
604
- font-weight: inherit;
519
+ .SvgSymbol-module_receipt__3Eqow {
520
+ width: 10px;
521
+ height: 13px;
605
522
  }
606
- .Button-module_isInDropdown__1ogKL {
607
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
523
+ .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN {
524
+ width: 22px;
525
+ height: 22px
608
526
  }
609
- .Button-module_black__3sG3Y[disabled],
610
- .Button-module_sand__2AqVq[disabled] {
611
- opacity: 0.3;
527
+ @media only screen and (min-width: 64em) {
528
+ .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN {
529
+ width: 14px;
530
+ height: 14px
612
531
  }
613
- /* LOADING */
614
- .Button-module_root__RpsiW.Button-module_isLoading__1g6QO {
615
- cursor: default;
616
- pointer-events: none;
617
-
618
- background-color: transparent;
619
- box-shadow: none;
532
+ }
533
+ @media only screen and (min-width: 64em) {
534
+ .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_search__VK6p3 circle {
535
+ stroke-width: 1.5px
620
536
  }
621
- .Button-module_loader__2pl6d {
622
- display: block;
623
-
624
- margin-top: -1px;
537
+ }
538
+ .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN path {
539
+ stroke-width: 1.8px
540
+ }
541
+ @media only screen and (min-width: 64em) {
542
+ .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN path {
543
+ stroke-width: 1.3px
625
544
  }
545
+ }
626
546
 
627
547
  /* Colors */
628
548
  /* Fonts */
@@ -637,92 +557,155 @@
637
557
  /* 511 */
638
558
  /* 1023 */
639
559
  /* Zindex */
640
- .Image-module_root__1vsA_ {
560
+ .Switcher-module_root__1Env1 {
641
561
  position: relative;
642
- z-index: 1;
643
562
 
644
- display: block;
645
- overflow: hidden;
646
- transition: background-color 250ms ease;
563
+ display: -webkit-box;
647
564
 
648
- background-color: #f2f2f2
565
+ display: -webkit-flex;
566
+
567
+ display: -ms-flexbox;
568
+
569
+ display: flex;
570
+ flex-flow: row nowrap;
571
+ align-items: center;
572
+
573
+ font-weight: 600;
574
+
575
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
576
+ white-space: nowrap;
577
+
578
+ cursor: pointer;
579
+
580
+ -webkit-user-select: none;
581
+
582
+ -moz-user-select: none;
583
+
584
+ -ms-user-select: none;
585
+
586
+ user-select: none;
649
587
  }
650
- @media only screen and (min-width: 32em) {
651
- .Image-module_root__1vsA_ {
652
- border-radius: inherit
588
+ .Switcher-module_dark__1IzaH {
589
+ color: inherit;
653
590
  }
654
- }
655
- .Image-module_root__1vsA_ img {
591
+ .Switcher-module_dark__1IzaH .Switcher-module_control__1NTvY {
592
+ background-color: transparent;
593
+ }
594
+ .Switcher-module_input__jaMVF {
656
595
  position: absolute;
657
596
  top: 0;
658
597
  left: 0;
659
598
 
660
- width: 100%;
661
- height: 100%;
599
+ opacity: 0;
662
600
  }
663
- .Image-module_isLoaded__3XhU5 {
664
- background-color: transparent;
601
+ .Switcher-module_control__1NTvY {
602
+ position: relative;
603
+
604
+ display: block;
605
+
606
+ width: 37px;
607
+ height: 21px;
608
+
609
+ background-color: #e6e6e6;
610
+
611
+ border-radius: 15px;
665
612
  }
666
- .Image-module_wrapper__3fLjs {
613
+ .Switcher-module_control__1NTvY::before {
614
+ position: absolute;
615
+ top: 0;
616
+ bottom: 0;
617
+ left: 0;
618
+
619
+ width: 18px;
620
+
621
+ background: rgba(19, 191, 17, 0);
622
+
623
+ border-radius: 15px;
624
+
625
+ transition: 0.25s ease-in-out;
626
+
627
+ content: '';
628
+ }
629
+ .Switcher-module_knob__3kEy5 {
630
+ position: relative;
631
+ top: 2px;
632
+ left: 2px;
633
+ z-index: 200;
634
+
667
635
  display: block;
668
636
 
637
+ width: 17px;
638
+ height: 17px;
639
+
640
+ background: #fff;
641
+
642
+ border-radius: 15px;
643
+
644
+ transition: 0.25s ease-in-out;
645
+ }
646
+ .Switcher-module_input__jaMVF:checked ~ .Switcher-module_control__1NTvY::before {
669
647
  width: 100%;
670
648
 
671
- background-repeat: no-repeat;
672
- background-size: 100% auto;
649
+ background-color: #b88b59;
673
650
  }
674
- .Image-module_fullscreen__29apx picture {
675
- cursor: pointer;
651
+ .Switcher-module_input__jaMVF:checked ~ .Switcher-module_control__1NTvY::after {
652
+ box-shadow: inset 0 0 0 1px transparent;
676
653
  }
677
- .Image-module_fullscreen__29apx picture:hover::after {
678
- opacity: 1;
654
+ .Switcher-module_input__jaMVF:checked ~ .Switcher-module_control__1NTvY .Switcher-module_knob__3kEy5 {
655
+ left: 18px;
679
656
  }
680
- .Image-module_fullscreen__29apx picture::after {
681
- position: absolute;
682
- right: 12px;
683
- bottom: 12px;
684
-
685
- width: 40px;
686
- height: 40px;
657
+ .Switcher-module_children__147JP.Switcher-module_left__2coeE {
658
+ margin-right: 6px;
659
+ }
660
+ .Switcher-module_children__147JP.Switcher-module_right__yWG7h {
661
+ margin-left: 6px;
662
+ }
663
+ /* panel */
664
+ .Switcher-module_isInPanel__TumqY .Switcher-module_children__147JP {
687
665
 
688
- transition: opacity 250ms ease;
689
- pointer-events: none;
666
+ color: #999;
690
667
 
691
- opacity: 0;
692
- border: 0.5px solid rgba(255, 255, 255, 0.15);
693
- border-radius: 20px;
694
- background-color: rgba(0, 0, 0, 0.7);
695
- background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.197 10.207V3.763h-6.463' stroke='%23DBDBDB' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.793 4.166l-6.173 6.172' stroke='%23DBDBDB' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.803 13.733v6.444h6.463' stroke='%23DBDBDB' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.207 19.774l6.173-6.171' stroke='%23DBDBDB' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
696
- background-repeat: no-repeat;
697
- background-position: center
668
+ font-size: 13px;
669
+ letter-spacing: 0.5px;
670
+ text-transform: uppercase;
671
+ }
672
+ /* menu */
673
+ .Switcher-module_isInMenu__3XJYj {
674
+ font-weight: normal;
698
675
  }
699
- @media only screen and (min-width: 64em) {
700
- .Image-module_fullscreen__29apx picture::after {
701
- content: ''
676
+ .Switcher-module_isInMenu__3XJYj .Switcher-module_children__147JP {
677
+ margin-right: 8px;
702
678
  }
703
- }
704
- [data-input='mouse'] .Image-module_wrapper__3fLjs {
705
- outline: none;
679
+ .Switcher-module_isInMenu__3XJYj .Switcher-module_control__1NTvY {
680
+ width: 48px;
681
+ height: 30px;
706
682
  }
707
- .Image-module_dark__3o0nU {
708
- background-color: transparent;
683
+ .Switcher-module_isInMenu__3XJYj .Switcher-module_knob__3kEy5 {
684
+ top: 4px;
685
+
686
+ width: 22px;
687
+ height: 22px;
688
+
689
+ background-color: #bababa;
709
690
  }
691
+ /* stylelint-disable selector-max-compound-selectors */
692
+ .Switcher-module_isInMenu__3XJYj input:checked ~ .Switcher-module_control__1NTvY .Switcher-module_knob__3kEy5 {
693
+ left: 23px;
710
694
 
711
- /* Colors */
712
- /* Fonts */
713
- /* Gap */
714
- /* Media */
715
- /* 512 */
716
- /* 650 */
717
- /* 768 */
718
- /* 1024 */
719
- /* 1010 */
720
- /* 1200 */
721
- /* 511 */
722
- /* 1023 */
723
- /* Zindex */
724
- .Lazy-module_root__2Z72l {
725
- display: block;
695
+ background-color: #fff;
696
+ }
697
+ /* live */
698
+ .Switcher-module_isInLive__2cLui .Switcher-module_children__147JP {
699
+
700
+ color: #7f7f7f;
701
+
702
+ font-size: 13px;
703
+ letter-spacing: 0.5px;
704
+ text-transform: uppercase;
705
+ }
706
+ .Switcher-module_isInMenu__3XJYj .Switcher-module_control__1NTvY {
707
+ background-color: #1a1a1a;
708
+ box-shadow: inset 0 0 0 1px #323232;
726
709
  }
727
710
 
728
711
  /* Colors */
@@ -1028,6 +1011,23 @@
1028
1011
  }
1029
1012
  }
1030
1013
 
1014
+ /* Colors */
1015
+ /* Fonts */
1016
+ /* Gap */
1017
+ /* Media */
1018
+ /* 512 */
1019
+ /* 650 */
1020
+ /* 768 */
1021
+ /* 1024 */
1022
+ /* 1010 */
1023
+ /* 1200 */
1024
+ /* 511 */
1025
+ /* 1023 */
1026
+ /* Zindex */
1027
+ .Lazy-module_root__2Z72l {
1028
+ display: block;
1029
+ }
1030
+
1031
1031
  /* Colors */
1032
1032
  /* Fonts */
1033
1033
  /* Gap */
@@ -1612,6 +1612,94 @@
1612
1612
  display: none;
1613
1613
  }
1614
1614
 
1615
+ /* Colors */
1616
+ /* Fonts */
1617
+ /* Gap */
1618
+ /* Media */
1619
+ /* 512 */
1620
+ /* 650 */
1621
+ /* 768 */
1622
+ /* 1024 */
1623
+ /* 1010 */
1624
+ /* 1200 */
1625
+ /* 511 */
1626
+ /* 1023 */
1627
+ /* Zindex */
1628
+ .Dropdown-module_root__11PNk {
1629
+ position: relative;
1630
+ z-index: 100;
1631
+
1632
+ display: inline-block;
1633
+
1634
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1635
+ }
1636
+ .Dropdown-module_root__11PNk.Dropdown-module_active__3IwAl .Dropdown-module_menu__3PIqD,
1637
+ .Dropdown-module_root__11PNk:hover .Dropdown-module_menu__3PIqD {
1638
+ visibility: visible;
1639
+
1640
+ opacity: 1;
1641
+ }
1642
+ .Dropdown-module_root__11PNk ul {
1643
+ overflow: hidden;
1644
+
1645
+ width: 162px;
1646
+ margin: 0;
1647
+ padding: 3px 0;
1648
+
1649
+ border-radius: 5px;
1650
+ background: #fff;
1651
+ box-shadow: 0 0 0 1px #c0c0c0, 0 5px 20px 0 rgba(0, 0, 0, 0.2);
1652
+
1653
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1654
+ font-size: 14px;
1655
+ line-height: 26px;
1656
+ }
1657
+ .Dropdown-module_root__11PNk a {
1658
+ display: block;
1659
+
1660
+ padding: 2px 15px;
1661
+
1662
+ text-decoration: none;
1663
+
1664
+ color: #000;
1665
+ box-shadow: none;
1666
+ }
1667
+ .Dropdown-module_root__11PNk a:hover {
1668
+ color: #000;
1669
+ background-color: #f7f7f7;
1670
+ }
1671
+ .Dropdown-module_isInAudioPanel__1zv7F .Dropdown-module_menu__3PIqD {
1672
+ right: 0;
1673
+ left: auto
1674
+ }
1675
+ @media only screen and (min-width: 64em) {
1676
+ .Dropdown-module_isInAudioPanel__1zv7F .Dropdown-module_menu__3PIqD {
1677
+ right: auto;
1678
+ left: 0
1679
+ }
1680
+ }
1681
+ .Dropdown-module_menu__3PIqD {
1682
+ position: absolute;
1683
+ top: 100%;
1684
+ left: 0;
1685
+
1686
+ visibility: hidden;
1687
+
1688
+ padding-top: 6px;
1689
+
1690
+ opacity: 0;
1691
+ }
1692
+ .Dropdown-module_menu__3PIqD::after {
1693
+ position: absolute;
1694
+ z-index: -1;
1695
+ top: -10px;
1696
+ right: -10px;
1697
+ bottom: -10px;
1698
+ left: -10px;
1699
+
1700
+ content: '';
1701
+ }
1702
+
1615
1703
  /* Colors */
1616
1704
  /* Fonts */
1617
1705
  /* Gap */
@@ -1669,79 +1757,134 @@
1669
1757
  /* 511 */
1670
1758
  /* 1023 */
1671
1759
  /* Zindex */
1672
- .Dropdown-module_root__11PNk {
1673
- position: relative;
1674
- z-index: 100;
1760
+ .Toolbar-module_root__2HF2r {
1761
+ overflow: hidden;
1675
1762
 
1676
- display: inline-block;
1763
+ transform: translateZ(0);
1677
1764
 
1678
1765
  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1679
1766
  }
1680
- .Dropdown-module_root__11PNk.Dropdown-module_active__3IwAl .Dropdown-module_menu__3PIqD,
1681
- .Dropdown-module_root__11PNk:hover .Dropdown-module_menu__3PIqD {
1682
- visibility: visible;
1767
+ .Toolbar-module_list__1n5ny {
1768
+ display: -webkit-box;
1769
+ display: -webkit-flex;
1770
+ display: -ms-flexbox;
1771
+ display: flex;
1772
+ flex-flow: row wrap;
1683
1773
 
1684
- opacity: 1;
1774
+ margin: 0 0 0 -10px;
1775
+ padding: 0;
1776
+
1777
+ list-style: none
1778
+ }
1779
+ @media only screen and (min-width: 64em) {
1780
+ .Toolbar-module_list__1n5ny {
1781
+ margin: 0 0 0 -15px
1782
+ }
1783
+ }
1784
+ .Toolbar-module_item__36x7d {
1785
+ position: relative;
1786
+
1787
+ min-width: 42px;
1788
+ height: 32px;
1789
+ padding-right: 10px;
1790
+ padding-left: 10px;
1791
+
1792
+ cursor: pointer;
1793
+ transition: color 250ms ease;
1794
+ text-align: center;
1795
+
1796
+ color: #808080;
1797
+
1798
+ line-height: 1
1799
+ }
1800
+ @media only screen and (min-width: 64em) {
1801
+ .Toolbar-module_item__36x7d {
1802
+ padding-right: 15px;
1803
+ padding-left: 15px
1804
+ }
1805
+ }
1806
+ .Toolbar-module_item__36x7d:last-child {
1807
+ margin-right: 0;
1808
+ }
1809
+ .Toolbar-module_item__36x7d::before {
1810
+ position: absolute;
1811
+ top: 7px;
1812
+ left: 0;
1813
+
1814
+ height: 18px;
1815
+
1816
+ content: '';
1817
+ vertical-align: middle;
1818
+
1819
+ border-left: 1px solid rgba(0, 0, 0, 0.15);
1820
+ }
1821
+ .Toolbar-module_item__36x7d:empty {
1822
+ display: none;
1823
+ }
1824
+ .Toolbar-module_isInTopbar__223iP {
1825
+ height: 100%;
1826
+ }
1827
+ .Toolbar-module_isInTopbar__223iP .Toolbar-module_item__36x7d {
1828
+ height: 100%;
1829
+ }
1830
+ .Toolbar-module_center__3_H8M {
1831
+ width: 100%;
1832
+ max-width: 650px;
1833
+ margin-right: auto;
1834
+ margin-left: auto;
1835
+ }
1836
+ .Toolbar-module_game__5-jY_ {
1837
+ margin-top: 11px
1838
+ }
1839
+ @media only screen and (min-width: 32em) {
1840
+ .Toolbar-module_game__5-jY_ {
1841
+ margin-top: 18px
1842
+ }
1843
+ }
1844
+ .Toolbar-module_game__5-jY_ .Toolbar-module_list__1n5ny,
1845
+ .Toolbar-module_gameSurvey__1hQEz .Toolbar-module_list__1n5ny {
1846
+ justify-content: center
1847
+ }
1848
+ @media only screen and (min-width: 32em) {
1849
+ .Toolbar-module_game__5-jY_ .Toolbar-module_list__1n5ny,
1850
+ .Toolbar-module_gameSurvey__1hQEz .Toolbar-module_list__1n5ny {
1851
+ display: -webkit-box;
1852
+ display: -webkit-flex;
1853
+ display: -ms-flexbox;
1854
+ display: flex
1685
1855
  }
1686
- .Dropdown-module_root__11PNk ul {
1687
- overflow: hidden;
1688
-
1689
- width: 162px;
1690
- margin: 0;
1691
- padding: 3px 0;
1692
-
1693
- border-radius: 5px;
1694
- background: #fff;
1695
- box-shadow: 0 0 0 1px #c0c0c0, 0 5px 20px 0 rgba(0, 0, 0, 0.2);
1696
-
1697
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1698
- font-size: 14px;
1699
- line-height: 26px;
1856
+ }
1857
+ .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child {
1858
+ width: 260px
1700
1859
  }
1701
- .Dropdown-module_root__11PNk a {
1702
- display: block;
1703
-
1704
- padding: 2px 15px;
1705
-
1706
- text-decoration: none;
1707
-
1708
- color: #000;
1709
- box-shadow: none;
1860
+ @media only screen and (min-width: 32em) {
1861
+ .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child {
1862
+ width: auto
1710
1863
  }
1711
- .Dropdown-module_root__11PNk a:hover {
1712
- color: #000;
1713
- background-color: #f7f7f7;
1864
+ }
1865
+ .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child::before {
1866
+ content: none
1714
1867
  }
1715
- .Dropdown-module_isInAudioPanel__1zv7F .Dropdown-module_menu__3PIqD {
1716
- right: 0;
1717
- left: auto
1868
+ @media only screen and (min-width: 32em) {
1869
+ .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child::before {
1870
+ content: ''
1871
+ }
1872
+ }
1873
+ .Toolbar-module_gameSurvey__1hQEz .Toolbar-module_item__36x7d:first-child::before,
1874
+ .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:first-child::before {
1875
+ content: none;
1718
1876
  }
1719
1877
  @media only screen and (min-width: 64em) {
1720
- .Dropdown-module_isInAudioPanel__1zv7F .Dropdown-module_menu__3PIqD {
1721
- right: auto;
1722
- left: 0
1878
+ .Toolbar-module_game__5-jY_ .Toolbar-module_list__1n5ny,
1879
+ .Toolbar-module_gameSurvey__1hQEz .Toolbar-module_list__1n5ny {
1880
+ margin-left: 0
1723
1881
  }
1724
1882
  }
1725
- .Dropdown-module_menu__3PIqD {
1726
- position: absolute;
1727
- top: 100%;
1728
- left: 0;
1729
-
1730
- visibility: hidden;
1731
-
1732
- padding-top: 6px;
1733
-
1734
- opacity: 0;
1883
+ .Toolbar-module_dark__2Ejc9 .Toolbar-module_item__36x7d::before {
1884
+ border-left-color: rgba(255, 255, 255, 0.2);
1735
1885
  }
1736
- .Dropdown-module_menu__3PIqD::after {
1737
- position: absolute;
1738
- z-index: -1;
1739
- top: -10px;
1740
- right: -10px;
1741
- bottom: -10px;
1742
- left: -10px;
1743
-
1744
- content: '';
1886
+ [data-context="prodano"] .Toolbar-module_root__2HF2r {
1887
+ display: none;
1745
1888
  }
1746
1889
 
1747
1890
  /* Colors */
@@ -1968,134 +2111,130 @@
1968
2111
  /* 511 */
1969
2112
  /* 1023 */
1970
2113
  /* Zindex */
1971
- .Toolbar-module_root__2HF2r {
1972
- overflow: hidden;
1973
-
2114
+ .Meta-module_root__12AG7 {
1974
2115
  transform: translateZ(0);
1975
2116
 
1976
2117
  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1977
- }
1978
- .Toolbar-module_list__1n5ny {
1979
- display: -webkit-box;
1980
- display: -webkit-flex;
1981
- display: -ms-flexbox;
1982
- display: flex;
1983
- flex-flow: row wrap;
2118
+ font-size: 12px;
2119
+ line-height: 15px;
1984
2120
 
1985
- margin: 0 0 0 -10px;
1986
- padding: 0;
2121
+ fill: inherit;
2122
+ }
2123
+ .Meta-module_rich__1XBtZ,
2124
+ .Meta-module_podcast__1m4zo,
2125
+ .Meta-module_episode__1K2Xv,
2126
+ .Meta-module_simple__3vUiI,
2127
+ .Meta-module_slide__3g6fG,
2128
+ .Meta-module_card__LE1RK,
2129
+ .Meta-module_game__3aNlZ,
2130
+ .Meta-module_isInMaterial__zaYMy {
2131
+ width: 100%;
1987
2132
 
1988
- list-style: none
2133
+ color: rgba(0, 0, 0, 0.4);
1989
2134
  }
1990
- @media only screen and (min-width: 64em) {
1991
- .Toolbar-module_list__1n5ny {
1992
- margin: 0 0 0 -15px
2135
+ .Meta-module_podcast__1m4zo {
2136
+ fill: currentColor;
1993
2137
  }
1994
- }
1995
- .Toolbar-module_item__36x7d {
1996
- position: relative;
1997
-
1998
- min-width: 42px;
1999
- height: 32px;
2000
- padding-right: 10px;
2001
- padding-left: 10px;
2002
-
2003
- cursor: pointer;
2004
- transition: color 250ms ease;
2005
- text-align: center;
2006
-
2007
- color: #808080;
2008
-
2009
- line-height: 1
2138
+ .Meta-module_isInSearchItem__1wbpx {
2139
+ color: rgba(255, 255, 255, 0.7);
2140
+ }
2141
+ .Meta-module_slide__3g6fG.Meta-module_isInMediaBlock__3xfPF,
2142
+ .Meta-module_card__LE1RK.Meta-module_isInMediaBlock__3xfPF,
2143
+ .Meta-module_center__3BBPr.Meta-module_isInMediaBlock__3xfPF {
2144
+ text-align: left;
2010
2145
  }
2011
2146
  @media only screen and (min-width: 64em) {
2012
- .Toolbar-module_item__36x7d {
2013
- padding-right: 15px;
2014
- padding-left: 15px
2147
+ .Meta-module_center__3BBPr.Meta-module_half__1xRkT {
2148
+ text-align: left
2015
2149
  }
2016
2150
  }
2017
- .Toolbar-module_item__36x7d:last-child {
2018
- margin-right: 0;
2151
+ @media only screen and (min-width: 32em) {
2152
+ .Meta-module_episode__1K2Xv,
2153
+ .Meta-module_card__LE1RK,
2154
+ .Meta-module_slide__3g6fG,
2155
+ .Meta-module_game__3aNlZ,
2156
+ .Meta-module_center__3BBPr {
2157
+ text-align: center
2019
2158
  }
2020
- .Toolbar-module_item__36x7d::before {
2021
- position: absolute;
2022
- top: 7px;
2023
- left: 0;
2024
-
2025
- height: 18px;
2026
-
2027
- content: '';
2028
- vertical-align: middle;
2159
+ }
2160
+ .Meta-module_light__2baE- {
2161
+ color: rgba(255, 255, 255, 0.6);
2029
2162
 
2030
- border-left: 1px solid rgba(0, 0, 0, 0.15);
2031
- }
2032
- .Toolbar-module_item__36x7d:empty {
2033
- display: none;
2034
- }
2035
- .Toolbar-module_isInTopbar__223iP {
2036
- height: 100%;
2037
- }
2038
- .Toolbar-module_isInTopbar__223iP .Toolbar-module_item__36x7d {
2039
- height: 100%;
2163
+ fill: currentColor;
2040
2164
  }
2041
- .Toolbar-module_center__3_H8M {
2042
- width: 100%;
2043
- max-width: 650px;
2044
- margin-right: auto;
2045
- margin-left: auto;
2165
+ .Meta-module_dark__24y9m {
2166
+ color: rgba(0, 0, 0, 0.4);
2046
2167
  }
2047
- .Toolbar-module_game__5-jY_ {
2048
- margin-top: 11px
2168
+ .Meta-module_episode__1K2Xv,
2169
+ .Meta-module_card__LE1RK,
2170
+ .Meta-module_slide__3g6fG,
2171
+ .Meta-module_podcast__1m4zo {
2172
+ display: -webkit-box;
2173
+ display: -webkit-flex;
2174
+ display: -ms-flexbox;
2175
+ display: flex;
2176
+ align-items: center;
2177
+ flex-flow: row wrap
2049
2178
  }
2050
- @media only screen and (min-width: 32em) {
2051
- .Toolbar-module_game__5-jY_ {
2052
- margin-top: 18px
2179
+ @media only screen and (min-width: 48em) {
2180
+ .Meta-module_episode__1K2Xv,
2181
+ .Meta-module_card__LE1RK,
2182
+ .Meta-module_slide__3g6fG,
2183
+ .Meta-module_podcast__1m4zo {
2184
+ display: block
2053
2185
  }
2054
2186
  }
2055
- .Toolbar-module_game__5-jY_ .Toolbar-module_list__1n5ny,
2056
- .Toolbar-module_gameSurvey__1hQEz .Toolbar-module_list__1n5ny {
2057
- justify-content: center
2058
- }
2059
- @media only screen and (min-width: 32em) {
2060
- .Toolbar-module_game__5-jY_ .Toolbar-module_list__1n5ny,
2061
- .Toolbar-module_gameSurvey__1hQEz .Toolbar-module_list__1n5ny {
2187
+ @media only screen and (max-width: 32.1875em) {
2188
+ .Meta-module_hasSource__2lXiN {
2062
2189
  display: -webkit-box;
2063
2190
  display: -webkit-flex;
2064
2191
  display: -ms-flexbox;
2065
- display: flex
2192
+ display: flex;
2193
+ flex-flow: row wrap
2066
2194
  }
2067
2195
  }
2068
- .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child {
2069
- width: 260px
2196
+ .Meta-module_bookmark__3ot3k {
2197
+ position: absolute;
2198
+ z-index: 10;
2199
+ right: -12px;
2200
+ bottom: -4px
2070
2201
  }
2071
2202
  @media only screen and (min-width: 32em) {
2072
- .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child {
2073
- width: auto
2203
+ .Meta-module_bookmark__3ot3k {
2204
+ display: none
2074
2205
  }
2075
2206
  }
2076
- .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child::before {
2077
- content: none
2078
- }
2207
+ /* VISIBILITY */
2079
2208
  @media only screen and (min-width: 32em) {
2080
- .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child::before {
2081
- content: ''
2209
+ .Meta-module_mobile__22LGV {
2210
+ display: none
2082
2211
  }
2083
2212
  }
2084
- .Toolbar-module_gameSurvey__1hQEz .Toolbar-module_item__36x7d:first-child::before,
2085
- .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:first-child::before {
2086
- content: none;
2213
+ .Meta-module_desktop__1ZGUS {
2214
+ display: none
2087
2215
  }
2088
- @media only screen and (min-width: 64em) {
2089
- .Toolbar-module_game__5-jY_ .Toolbar-module_list__1n5ny,
2090
- .Toolbar-module_gameSurvey__1hQEz .Toolbar-module_list__1n5ny {
2091
- margin-left: 0
2216
+ @media only screen and (min-width: 32em) {
2217
+ .Meta-module_desktop__1ZGUS {
2218
+ display: block
2092
2219
  }
2093
2220
  }
2094
- .Toolbar-module_dark__2Ejc9 .Toolbar-module_item__36x7d::before {
2095
- border-left-color: rgba(255, 255, 255, 0.2);
2096
- }
2097
- [data-context="prodano"] .Toolbar-module_root__2HF2r {
2098
- display: none;
2221
+
2222
+ /* Colors */
2223
+ /* Fonts */
2224
+ /* Gap */
2225
+ /* Media */
2226
+ /* 512 */
2227
+ /* 650 */
2228
+ /* 768 */
2229
+ /* 1024 */
2230
+ /* 1010 */
2231
+ /* 1200 */
2232
+ /* 511 */
2233
+ /* 1023 */
2234
+ /* Zindex */
2235
+ .Timestamp-module_root__coOvT {
2236
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2237
+ font-weight: normal;
2099
2238
  }
2100
2239
 
2101
2240
  /* Colors */
@@ -2197,132 +2336,111 @@
2197
2336
  /* 511 */
2198
2337
  /* 1023 */
2199
2338
  /* Zindex */
2200
- .Meta-module_root__12AG7 {
2201
- transform: translateZ(0);
2339
+ .Cover-module_root__18Z8J {
2340
+ position: relative;
2341
+ }
2342
+ .Cover-module_body__1xs8e {
2343
+ position: absolute;
2344
+ z-index: 1;
2345
+ right: 0;
2346
+ bottom: 0;
2347
+ left: 0;
2202
2348
 
2203
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2204
- font-size: 12px;
2205
- line-height: 15px;
2349
+ display: -webkit-box;
2206
2350
 
2207
- fill: inherit;
2208
- }
2209
- .Meta-module_rich__1XBtZ,
2210
- .Meta-module_podcast__1m4zo,
2211
- .Meta-module_episode__1K2Xv,
2212
- .Meta-module_simple__3vUiI,
2213
- .Meta-module_slide__3g6fG,
2214
- .Meta-module_card__LE1RK,
2215
- .Meta-module_game__3aNlZ,
2216
- .Meta-module_isInMaterial__zaYMy {
2217
- width: 100%;
2351
+ display: -webkit-flex;
2218
2352
 
2219
- color: rgba(0, 0, 0, 0.4);
2220
- }
2221
- .Meta-module_podcast__1m4zo {
2222
- fill: currentColor;
2223
- }
2224
- .Meta-module_isInSearchItem__1wbpx {
2225
- color: rgba(255, 255, 255, 0.7);
2226
- }
2227
- .Meta-module_slide__3g6fG.Meta-module_isInMediaBlock__3xfPF,
2228
- .Meta-module_card__LE1RK.Meta-module_isInMediaBlock__3xfPF,
2229
- .Meta-module_center__3BBPr.Meta-module_isInMediaBlock__3xfPF {
2230
- text-align: left;
2231
- }
2232
- @media only screen and (min-width: 64em) {
2233
- .Meta-module_center__3BBPr.Meta-module_half__1xRkT {
2234
- text-align: left
2353
+ display: -ms-flexbox;
2354
+
2355
+ display: flex;
2356
+ flex-flow: column nowrap;
2357
+ justify-content: flex-end;
2358
+
2359
+ min-height: 412px;
2360
+ padding: 0 20px 12px;
2235
2361
  }
2236
- }
2237
- @media only screen and (min-width: 32em) {
2238
- .Meta-module_episode__1K2Xv,
2239
- .Meta-module_card__LE1RK,
2240
- .Meta-module_slide__3g6fG,
2241
- .Meta-module_game__3aNlZ,
2242
- .Meta-module_center__3BBPr {
2243
- text-align: center
2362
+ .Cover-module_image__2f3Qc {
2363
+ position: relative;
2244
2364
  }
2245
- }
2246
- .Meta-module_light__2baE- {
2247
- color: rgba(255, 255, 255, 0.6);
2365
+ .Cover-module_rich__1fAGA {
2366
+ overflow: hidden;
2248
2367
 
2249
- fill: currentColor;
2250
- }
2251
- .Meta-module_dark__24y9m {
2252
- color: rgba(0, 0, 0, 0.4);
2368
+ margin: 0 -20px;
2369
+
2370
+ border-radius: 9px 9px 0 0;
2253
2371
  }
2254
- .Meta-module_episode__1K2Xv,
2255
- .Meta-module_card__LE1RK,
2256
- .Meta-module_slide__3g6fG,
2257
- .Meta-module_podcast__1m4zo {
2258
- display: -webkit-box;
2259
- display: -webkit-flex;
2260
- display: -ms-flexbox;
2261
- display: flex;
2262
- align-items: center;
2263
- flex-flow: row wrap
2372
+ .Cover-module_rich__1fAGA::after {
2373
+ position: absolute;
2374
+ z-index: 1;
2375
+ top: 0;
2376
+ right: 0;
2377
+ bottom: 0;
2378
+ left: 0;
2379
+
2380
+ content: '';
2381
+
2382
+ border: 1px solid rgba(255, 255, 255, 0.1);
2383
+ border-radius: 10px 10px 0 0;
2264
2384
  }
2265
- @media only screen and (min-width: 48em) {
2266
- .Meta-module_episode__1K2Xv,
2267
- .Meta-module_card__LE1RK,
2268
- .Meta-module_slide__3g6fG,
2269
- .Meta-module_podcast__1m4zo {
2270
- display: block
2385
+ .Cover-module_dark__2Ac-w .Cover-module_body__1xs8e {
2386
+ color: #000;
2271
2387
  }
2272
- }
2273
- @media only screen and (max-width: 32.1875em) {
2274
- .Meta-module_hasSource__2lXiN {
2275
- display: -webkit-box;
2276
- display: -webkit-flex;
2277
- display: -ms-flexbox;
2278
- display: flex;
2279
- flex-flow: row wrap
2388
+ .Cover-module_light__FUp5X .Cover-module_body__1xs8e {
2389
+ color: #fff;
2390
+ text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
2280
2391
  }
2281
- }
2282
- .Meta-module_bookmark__3ot3k {
2392
+ .Cover-module_control__VXbhi {
2283
2393
  position: absolute;
2284
2394
  z-index: 10;
2285
- right: -12px;
2286
- bottom: -4px
2395
+ right: 49px;
2396
+ bottom: 12px;
2397
+
2398
+ width: 28px;
2399
+ height: 28px;
2400
+ margin: 0;
2401
+ padding: 0;
2402
+
2403
+ color: #fff;
2404
+ border-width: 0;
2405
+ border-radius: 14px;
2406
+ outline: none;
2407
+ background-color: rgba(0, 0, 0, 0.7);
2408
+ background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E %3Cg fill='%23FEFEFE' fill-rule='evenodd' opacity='.7'%3E %3Cpath d='M12.726 16H3.275A3.276 3.276 0 0 1 0 12.725v-9.45A3.276 3.276 0 0 1 3.275 0h9.45A3.275 3.275 0 0 1 16 3.275v9.45A3.275 3.275 0 0 1 12.726 16zm0-2c.703 0 1.274-.571 1.274-1.275v-9.45C14 2.571 13.429 2 12.726 2H3.275C2.57 2 2 2.571 2 3.275v9.45C2 13.429 2.57 14 3.275 14h9.45z' fill-rule='nonzero'/%3E %3Cpath d='M4.97 8.307l7.046 7.046a.5.5 0 0 0 .708-.707l-7.4-7.4a.5.5 0 0 0-.708 0l-3.97 3.97a.5.5 0 0 0 .708.707L4.97 8.307z' fill-rule='nonzero'/%3E %3Cpath d='M10.875 5.832l3.771 3.771a.5.5 0 0 0 .707-.707l-4.125-4.125a.5.5 0 0 0-.707 0l-4.19 4.19a.5.5 0 1 0 .707.707l3.837-3.836z' fill-rule='nonzero'/%3E %3Cpath d='M5.865 4.269a.894.894 0 1 1-1.787 0 .894.894 0 0 1 1.787 0'/%3E %3C/g%3E %3C/svg%3E");
2409
+ background-repeat: no-repeat;
2410
+ background-position: center;
2411
+ box-shadow: 0 0 0 0.5px rgba(255, 255, 255, 0.15);
2287
2412
  }
2288
- @media only screen and (min-width: 32em) {
2289
- .Meta-module_bookmark__3ot3k {
2290
- display: none
2413
+ .Cover-module_isInDynamicBlock__3eghb .Cover-module_body__1xs8e {
2414
+ padding: 0 12px 12px
2415
+ }
2416
+ .Cover-module_isInDynamicBlock__3eghb::after {
2417
+ position: absolute;
2418
+ z-index: 1;
2419
+ top: 0;
2420
+ right: 0;
2421
+ bottom: 0;
2422
+ left: 0;
2423
+
2424
+ content: '';
2425
+
2426
+ border: 1px solid rgba(0, 0, 0, 0.1);
2427
+ border-radius: 8px;
2291
2428
  }
2292
- }
2293
2429
  /* VISIBILITY */
2294
2430
  @media only screen and (min-width: 32em) {
2295
- .Meta-module_mobile__22LGV {
2431
+ .Cover-module_mobile__5DKa1 {
2296
2432
  display: none
2297
2433
  }
2298
2434
  }
2299
- .Meta-module_desktop__1ZGUS {
2435
+ .Cover-module_desktop__2mrOc {
2300
2436
  display: none
2301
2437
  }
2302
2438
  @media only screen and (min-width: 32em) {
2303
- .Meta-module_desktop__1ZGUS {
2439
+ .Cover-module_desktop__2mrOc {
2304
2440
  display: block
2305
2441
  }
2306
2442
  }
2307
2443
 
2308
- /* Colors */
2309
- /* Fonts */
2310
- /* Gap */
2311
- /* Media */
2312
- /* 512 */
2313
- /* 650 */
2314
- /* 768 */
2315
- /* 1024 */
2316
- /* 1010 */
2317
- /* 1200 */
2318
- /* 511 */
2319
- /* 1023 */
2320
- /* Zindex */
2321
- .Timestamp-module_root__coOvT {
2322
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2323
- font-weight: normal;
2324
- }
2325
-
2326
2444
  /* Colors */
2327
2445
  /* Fonts */
2328
2446
  /* Gap */
@@ -2477,111 +2595,94 @@
2477
2595
  /* 511 */
2478
2596
  /* 1023 */
2479
2597
  /* Zindex */
2480
- .Cover-module_root__18Z8J {
2481
- position: relative;
2598
+ .GroupedBlock-module_root__2qfQA {
2599
+ max-width: 644px;
2600
+ margin: 15px auto 0
2482
2601
  }
2483
- .Cover-module_body__1xs8e {
2484
- position: absolute;
2485
- z-index: 1;
2486
- right: 0;
2487
- bottom: 0;
2488
- left: 0;
2489
-
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 {
2490
2621
  display: -webkit-box;
2491
-
2492
2622
  display: -webkit-flex;
2493
-
2494
2623
  display: -ms-flexbox;
2495
-
2496
2624
  display: flex;
2497
- flex-flow: column nowrap;
2498
- justify-content: flex-end;
2499
-
2500
- min-height: 412px;
2501
- padding: 0 20px 12px;
2625
+ flex-direction: column;
2626
+ flex-wrap: nowrap
2502
2627
  }
2503
- .Cover-module_image__2f3Qc {
2504
- position: relative;
2628
+ @media only screen and (min-width: 48em) {
2629
+ .GroupedBlock-module_items__2DV2X {
2630
+ flex-direction: row
2505
2631
  }
2506
- .Cover-module_rich__1fAGA {
2507
- overflow: hidden;
2508
-
2509
- margin: 0 -20px;
2632
+ }
2633
+ .GroupedBlock-module_item__3sz9_ {
2634
+ flex-grow: 1;
2510
2635
 
2511
- border-radius: 9px 9px 0 0;
2636
+ width: 100%;
2637
+ min-width: 100%;
2638
+ max-width: 100%;
2639
+ margin-bottom: 20px
2512
2640
  }
2513
- .Cover-module_rich__1fAGA::after {
2514
- position: absolute;
2515
- z-index: 1;
2516
- top: 0;
2517
- right: 0;
2518
- bottom: 0;
2519
- left: 0;
2520
-
2521
- content: '';
2522
-
2523
- border: 1px solid rgba(255, 255, 255, 0.1);
2524
- border-radius: 10px 10px 0 0;
2641
+ @media only screen and (min-width: 48em) {
2642
+ .GroupedBlock-module_item__3sz9_ {
2643
+ min-width: 0;
2644
+ max-width: none;
2645
+ margin-bottom: 0
2525
2646
  }
2526
- .Cover-module_dark__2Ac-w .Cover-module_body__1xs8e {
2527
- color: #000;
2647
+ }
2648
+ @media only screen and (min-width: 48em) {
2649
+ .GroupedBlock-module_item__3sz9_ + .GroupedBlock-module_item__3sz9_ {
2650
+ margin-left: 15px
2528
2651
  }
2529
- .Cover-module_light__FUp5X .Cover-module_body__1xs8e {
2530
- color: #fff;
2531
- text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
2652
+ }
2653
+ .GroupedBlock-module_figcaption__2Q_wf {
2654
+ max-width: 650px;
2655
+ margin-right: auto;
2656
+ margin-left: auto;
2532
2657
  }
2533
- .Cover-module_control__VXbhi {
2534
- position: absolute;
2535
- z-index: 10;
2536
- right: 49px;
2537
- bottom: 12px;
2538
-
2539
- width: 28px;
2540
- height: 28px;
2541
- margin: 0;
2542
- padding: 0;
2543
-
2544
- color: #fff;
2545
- border-width: 0;
2546
- border-radius: 14px;
2547
- outline: none;
2548
- background-color: rgba(0, 0, 0, 0.7);
2549
- background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E %3Cg fill='%23FEFEFE' fill-rule='evenodd' opacity='.7'%3E %3Cpath d='M12.726 16H3.275A3.276 3.276 0 0 1 0 12.725v-9.45A3.276 3.276 0 0 1 3.275 0h9.45A3.275 3.275 0 0 1 16 3.275v9.45A3.275 3.275 0 0 1 12.726 16zm0-2c.703 0 1.274-.571 1.274-1.275v-9.45C14 2.571 13.429 2 12.726 2H3.275C2.57 2 2 2.571 2 3.275v9.45C2 13.429 2.57 14 3.275 14h9.45z' fill-rule='nonzero'/%3E %3Cpath d='M4.97 8.307l7.046 7.046a.5.5 0 0 0 .708-.707l-7.4-7.4a.5.5 0 0 0-.708 0l-3.97 3.97a.5.5 0 0 0 .708.707L4.97 8.307z' fill-rule='nonzero'/%3E %3Cpath d='M10.875 5.832l3.771 3.771a.5.5 0 0 0 .707-.707l-4.125-4.125a.5.5 0 0 0-.707 0l-4.19 4.19a.5.5 0 1 0 .707.707l3.837-3.836z' fill-rule='nonzero'/%3E %3Cpath d='M5.865 4.269a.894.894 0 1 1-1.787 0 .894.894 0 0 1 1.787 0'/%3E %3C/g%3E %3C/svg%3E");
2550
- background-repeat: no-repeat;
2551
- background-position: center;
2552
- box-shadow: 0 0 0 0.5px rgba(255, 255, 255, 0.15);
2658
+ /* DISPLAY */
2659
+ @media only screen and (min-width: 48em) {
2660
+ .GroupedBlock-module_default__3ylw_ {
2661
+ max-width: 650px
2553
2662
  }
2554
- .Cover-module_isInDynamicBlock__3eghb .Cover-module_body__1xs8e {
2555
- padding: 0 12px 12px
2663
+ }
2664
+ .GroupedBlock-module_full__1dzQR {
2665
+ max-width: 980px;
2556
2666
  }
2557
- .Cover-module_isInDynamicBlock__3eghb::after {
2558
- position: absolute;
2559
- z-index: 1;
2560
- top: 0;
2561
- right: 0;
2562
- bottom: 0;
2563
- left: 0;
2564
-
2565
- content: '';
2566
-
2567
- border: 1px solid rgba(0, 0, 0, 0.1);
2568
- border-radius: 8px;
2667
+ .GroupedBlock-module_super_full__1PU72 {
2668
+ max-width: 1680px;
2569
2669
  }
2570
2670
  /* VISIBILITY */
2571
2671
  @media only screen and (min-width: 32em) {
2572
- .Cover-module_mobile__5DKa1 {
2672
+ .GroupedBlock-module_mobile__3n8Ub {
2573
2673
  display: none
2574
2674
  }
2575
2675
  }
2576
- .Cover-module_desktop__2mrOc {
2676
+ .GroupedBlock-module_desktop__6ZRpA {
2577
2677
  display: none
2578
2678
  }
2579
2679
  @media only screen and (min-width: 32em) {
2580
- .Cover-module_desktop__2mrOc {
2680
+ .GroupedBlock-module_desktop__6ZRpA {
2581
2681
  display: block
2582
2682
  }
2583
2683
  }
2584
2684
 
2685
+
2585
2686
  /* Colors */
2586
2687
  /* Fonts */
2587
2688
  /* Gap */
@@ -2931,134 +3032,239 @@
2931
3032
  /* 511 */
2932
3033
  /* 1023 */
2933
3034
  /* Zindex */
2934
- .GroupedBlock-module_root__2qfQA {
2935
- max-width: 644px;
2936
- margin: 15px auto 0
3035
+ .RelatedBlock-module_root__IKcQq {
3036
+ margin: 16px 0;
3037
+
3038
+ border-radius: 8px;
3039
+ background-color: #f5f5f5;
3040
+ box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1), inset 0 4px 0 0 #b78b5c
2937
3041
  }
2938
3042
  @media only screen and (min-width: 48em) {
2939
- .GroupedBlock-module_root__2qfQA {
2940
- max-width: none;
2941
- margin-top: 25px;
2942
- margin-bottom: 20px
3043
+ .RelatedBlock-module_root__IKcQq {
3044
+ margin: 25px 0
2943
3045
  }
2944
3046
  }
2945
- .GroupedBlock-module_hasFigcaption__2_mcf {
2946
- margin-bottom: 15px;
3047
+ .RelatedBlock-module_root__IKcQq:last-child {
3048
+ margin-bottom: 0;
3049
+ }
3050
+ .RelatedBlock-module_root__IKcQq:first-child {
3051
+ margin-top: 0;
3052
+ }
3053
+ .RelatedBlock-module_root__IKcQq a {
3054
+ display: block;
3055
+
3056
+ padding: 12px 12px 13px;
3057
+
3058
+ transition: color 0.15s;
3059
+ text-decoration: none;
3060
+
3061
+ color: #000;
3062
+ box-shadow: none;
3063
+
3064
+ font-size: 17px;
3065
+ line-height: 20px
2947
3066
  }
2948
3067
  @media only screen and (min-width: 48em) {
2949
- .GroupedBlock-module_hasFigcaption__2_mcf + .GroupedBlock-module_root__2qfQA {
2950
- margin-top: 25px
3068
+ .RelatedBlock-module_root__IKcQq a {
3069
+ padding: 15px 20px 17px;
3070
+
3071
+ font-size: 19px;
3072
+ line-height: 23px
2951
3073
  }
2952
3074
  }
2953
- .GroupedBlock-module_hasFigcaption__2_mcf .GroupedBlock-module_item__3sz9_:last-child {
2954
- margin-bottom: 0;
3075
+ .RelatedBlock-module_root__IKcQq a:hover {
3076
+ color: #5c5c5c;
2955
3077
  }
2956
- .GroupedBlock-module_items__2DV2X {
2957
- display: -webkit-box;
2958
- display: -webkit-flex;
2959
- display: -ms-flexbox;
2960
- display: flex;
2961
- flex-direction: column;
2962
- flex-wrap: nowrap
3078
+ .RelatedBlock-module_header__2SuWP {
3079
+ margin: 0;
3080
+ padding: 14px 12px 3px;
3081
+
3082
+ letter-spacing: 1px;
3083
+ text-transform: uppercase;
3084
+
3085
+ color: #7F7F7F;
3086
+
3087
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
3088
+ font-size: 12px;
3089
+ font-weight: 600;
3090
+ line-height: 17px
2963
3091
  }
2964
3092
  @media only screen and (min-width: 48em) {
2965
- .GroupedBlock-module_items__2DV2X {
2966
- flex-direction: row
3093
+ .RelatedBlock-module_header__2SuWP {
3094
+ padding: 20px 20px 14px;
3095
+
3096
+ font-size: 14px;
3097
+ line-height: 16px
2967
3098
  }
2968
3099
  }
2969
- .GroupedBlock-module_item__3sz9_ {
2970
- flex-grow: 1;
3100
+ .RelatedBlock-module_items__2V-Ap {
3101
+ margin: 0;
3102
+ padding-left: 0;
2971
3103
 
2972
- width: 100%;
2973
- min-width: 100%;
2974
- max-width: 100%;
2975
- margin-bottom: 20px
3104
+ list-style: none;
2976
3105
  }
2977
- @media only screen and (min-width: 48em) {
2978
- .GroupedBlock-module_item__3sz9_ {
2979
- min-width: 0;
2980
- max-width: none;
2981
- margin-bottom: 0
3106
+ .RelatedBlock-module_items__2V-Ap li {
3107
+ padding: 0;
3108
+ }
3109
+ .RelatedBlock-module_items__2V-Ap li + li {
3110
+ border-top: 1px solid #e6e6e6;
3111
+ }
3112
+ .RelatedBlock-module_rich__ddaHq .RelatedBlock-module_first__BKItW {
3113
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
3114
+ font-size: 16px;
3115
+ font-weight: 700;
3116
+ line-height: 18px
2982
3117
  }
2983
- }
2984
3118
  @media only screen and (min-width: 48em) {
2985
- .GroupedBlock-module_item__3sz9_ + .GroupedBlock-module_item__3sz9_ {
2986
- margin-left: 15px
3119
+ .RelatedBlock-module_rich__ddaHq .RelatedBlock-module_first__BKItW {
3120
+ font-size: 18px
2987
3121
  }
2988
3122
  }
2989
- .GroupedBlock-module_figcaption__2Q_wf {
3123
+ .RelatedBlock-module_simple__29HVO {
3124
+ }
3125
+ .RelatedBlock-module_center__1LmW8 {
2990
3126
  max-width: 650px;
2991
3127
  margin-right: auto;
2992
3128
  margin-left: auto;
2993
3129
  }
2994
- /* DISPLAY */
3130
+ .RelatedBlock-module_isInSlideMaterial__2YSYG:first-child {
3131
+ margin-top: 0;
3132
+ }
3133
+ .RelatedBlock-module_isInSlideMaterial__2YSYG:last-child {
3134
+ margin-bottom: 0;
3135
+ }
3136
+ /* VISIBILITY */
3137
+ @media only screen and (min-width: 32em) {
3138
+ .RelatedBlock-module_mobile__2XM5a {
3139
+ display: none
3140
+ }
3141
+ }
3142
+ .RelatedBlock-module_desktop__2mXeq {
3143
+ display: none
3144
+ }
3145
+ @media only screen and (min-width: 32em) {
3146
+ .RelatedBlock-module_desktop__2mXeq {
3147
+ display: block
3148
+ }
3149
+ }
3150
+
3151
+
3152
+ /* Colors */
3153
+ /* Fonts */
3154
+ /* Gap */
3155
+ /* Media */
3156
+ /* 512 */
3157
+ /* 650 */
3158
+ /* 768 */
3159
+ /* 1024 */
3160
+ /* 1010 */
3161
+ /* 1200 */
3162
+ /* 511 */
3163
+ /* 1023 */
3164
+ /* Zindex */
3165
+ .RichTitle-module_root__BK_WT {
3166
+ margin: 0 0 18px;
3167
+
3168
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
3169
+ font-size: 19px;
3170
+ font-weight: 700;
3171
+ line-height: 23px
3172
+ }
2995
3173
  @media only screen and (min-width: 48em) {
2996
- .GroupedBlock-module_default__3ylw_ {
2997
- max-width: 650px
3174
+ .RichTitle-module_root__BK_WT {
3175
+ margin-bottom: 15px;
3176
+
3177
+ font-size: 37px;
3178
+ line-height: 42px
3179
+ }
3180
+ }
3181
+ .RichTitle-module_root__BK_WT:last-child {
3182
+ margin-bottom: 0;
3183
+ }
3184
+ .RichTitle-module_root__BK_WT span {
3185
+ font-family: 'PF Regal', 'PF Regal Text Pro', 'Georgia', serif;
3186
+ font-size: 20px;
3187
+ font-weight: normal
3188
+ }
3189
+ @media only screen and (min-width: 48em) {
3190
+ .RichTitle-module_root__BK_WT span {
3191
+ font-size: 38px
3192
+ }
3193
+ }
3194
+ @media only screen and (min-width: 32em) {
3195
+ .RichTitle-module_slide__1A-gB,
3196
+ .RichTitle-module_game__1g8Bn {
3197
+ text-align: center
3198
+ }
3199
+ }
3200
+ @media only screen and (min-width: 64em) {
3201
+ .RichTitle-module_half__10GRI {
3202
+ font-size: 33px;
3203
+ line-height: 36px
3204
+ }
3205
+ }
3206
+ @media only screen and (min-width: 64em) {
3207
+ .RichTitle-module_half__10GRI span {
3208
+ font-size: 34px
2998
3209
  }
2999
3210
  }
3000
- .GroupedBlock-module_full__1dzQR {
3001
- max-width: 980px;
3211
+ .RichTitle-module_game__1g8Bn:first-child {
3212
+ padding-top: 9px;
3002
3213
  }
3003
- .GroupedBlock-module_super_full__1PU72 {
3004
- max-width: 1680px;
3214
+ @media only screen and (max-width: 63.9375em) {
3215
+ .RichTitle-module_featured__wJfaQ {
3216
+ letter-spacing: 0.3px;
3217
+
3218
+ font-size: 28px;
3219
+ line-height: 30px
3005
3220
  }
3006
- /* VISIBILITY */
3007
- @media only screen and (min-width: 32em) {
3008
- .GroupedBlock-module_mobile__3n8Ub {
3009
- display: none
3221
+ }
3222
+ @media only screen and (max-width: 63.9375em) {
3223
+ .RichTitle-module_featured__wJfaQ span {
3224
+ display: block;
3225
+
3226
+ padding-top: 2px;
3227
+
3228
+ font-size: 18px;
3229
+ line-height: 24px
3010
3230
  }
3011
3231
  }
3012
- .GroupedBlock-module_desktop__6ZRpA {
3013
- display: none
3232
+ .RichTitle-module_isInMediaBlock__3RDw4 {
3233
+ text-align: left
3014
3234
  }
3015
- @media only screen and (min-width: 32em) {
3016
- .GroupedBlock-module_desktop__6ZRpA {
3017
- display: block
3235
+ @media only screen and (min-width: 64em) {
3236
+ .RichTitle-module_isInMediaBlock__3RDw4 {
3237
+ margin-bottom: 18px
3018
3238
  }
3019
3239
  }
3020
-
3021
-
3022
- /* Colors */
3023
- /* Fonts */
3024
- /* Gap */
3025
- /* Media */
3026
- /* 512 */
3027
- /* 650 */
3028
- /* 768 */
3029
- /* 1024 */
3030
- /* 1010 */
3031
- /* 1200 */
3032
- /* 511 */
3033
- /* 1023 */
3034
- /* Zindex */
3035
- .SimpleTitle-module_root__2jVQN {
3036
- margin: 0 0 18px;
3037
-
3038
- font-family: 'PF Regal', 'PF Regal Text Pro', 'Georgia', serif;
3039
- font-size: 20px;
3040
- font-weight: normal;
3240
+ .RichTitle-module_isInMediaBlock__3RDw4:not(.RichTitle-module_featured__wJfaQ) {
3241
+ font-size: 19px;
3041
3242
  line-height: 23px
3042
3243
  }
3043
- @media only screen and (min-width: 48em) {
3044
- .SimpleTitle-module_root__2jVQN {
3045
- margin-bottom: 15px;
3046
-
3047
- font-size: 36px;
3048
- line-height: 40px
3244
+ @media only screen and (min-width: 64em) {
3245
+ .RichTitle-module_isInMediaBlock__3RDw4:not(.RichTitle-module_featured__wJfaQ) {
3246
+ font-size: 1.3rem;
3247
+ line-height: 1.6rem
3248
+ }
3249
+ }
3250
+ .RichTitle-module_isInMediaBlock__3RDw4:not(.RichTitle-module_featured__wJfaQ) span {
3251
+ font-size: 20px
3252
+ }
3253
+ @media only screen and (min-width: 64em) {
3254
+ .RichTitle-module_isInMediaBlock__3RDw4:not(.RichTitle-module_featured__wJfaQ) span {
3255
+ font-size: 1.35rem
3049
3256
  }
3050
3257
  }
3051
- /* VISIBILITY */
3052
3258
  @media only screen and (min-width: 32em) {
3053
- .SimpleTitle-module_mobile__11gBz {
3259
+ .RichTitle-module_mobile__1Cb6E {
3054
3260
  display: none
3055
3261
  }
3056
3262
  }
3057
- .SimpleTitle-module_desktop__3yXgy {
3263
+ .RichTitle-module_desktop__2ixSQ {
3058
3264
  display: none
3059
3265
  }
3060
3266
  @media only screen and (min-width: 32em) {
3061
- .SimpleTitle-module_desktop__3yXgy {
3267
+ .RichTitle-module_desktop__2ixSQ {
3062
3268
  display: block
3063
3269
  }
3064
3270
  }
@@ -3484,6 +3690,50 @@ a mark {
3484
3690
  }
3485
3691
  }
3486
3692
 
3693
+ /* Colors */
3694
+ /* Fonts */
3695
+ /* Gap */
3696
+ /* Media */
3697
+ /* 512 */
3698
+ /* 650 */
3699
+ /* 768 */
3700
+ /* 1024 */
3701
+ /* 1010 */
3702
+ /* 1200 */
3703
+ /* 511 */
3704
+ /* 1023 */
3705
+ /* Zindex */
3706
+ .SimpleTitle-module_root__2jVQN {
3707
+ margin: 0 0 18px;
3708
+
3709
+ font-family: 'PF Regal', 'PF Regal Text Pro', 'Georgia', serif;
3710
+ font-size: 20px;
3711
+ font-weight: normal;
3712
+ line-height: 23px
3713
+ }
3714
+ @media only screen and (min-width: 48em) {
3715
+ .SimpleTitle-module_root__2jVQN {
3716
+ margin-bottom: 15px;
3717
+
3718
+ font-size: 36px;
3719
+ line-height: 40px
3720
+ }
3721
+ }
3722
+ /* VISIBILITY */
3723
+ @media only screen and (min-width: 32em) {
3724
+ .SimpleTitle-module_mobile__11gBz {
3725
+ display: none
3726
+ }
3727
+ }
3728
+ .SimpleTitle-module_desktop__3yXgy {
3729
+ display: none
3730
+ }
3731
+ @media only screen and (min-width: 32em) {
3732
+ .SimpleTitle-module_desktop__3yXgy {
3733
+ display: block
3734
+ }
3735
+ }
3736
+
3487
3737
  /* Colors */
3488
3738
  /* Fonts */
3489
3739
  /* Gap */
@@ -3575,146 +3825,26 @@ a mark {
3575
3825
  }
3576
3826
  @media only screen and (min-width: 48em) {
3577
3827
  .SourceBlock-module_origin__l3JbO {
3578
- font-size: 18px;
3579
- line-height: 26px
3580
- }
3581
- }
3582
- .SourceBlock-module_center__3P93B {
3583
- max-width: 650px;
3584
- margin-right: auto;
3585
- margin-left: auto;
3586
- }
3587
- /* VISIBILITY */
3588
- @media only screen and (min-width: 32em) {
3589
- .SourceBlock-module_mobile__2gw4S {
3590
- display: none
3591
- }
3592
- }
3593
- .SourceBlock-module_desktop__DecT6 {
3594
- display: none
3595
- }
3596
- @media only screen and (min-width: 32em) {
3597
- .SourceBlock-module_desktop__DecT6 {
3598
- display: block
3599
- }
3600
- }
3601
-
3602
- /* Colors */
3603
- /* Fonts */
3604
- /* Gap */
3605
- /* Media */
3606
- /* 512 */
3607
- /* 650 */
3608
- /* 768 */
3609
- /* 1024 */
3610
- /* 1010 */
3611
- /* 1200 */
3612
- /* 511 */
3613
- /* 1023 */
3614
- /* Zindex */
3615
- .RichTitle-module_root__BK_WT {
3616
- margin: 0 0 18px;
3617
-
3618
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
3619
- font-size: 19px;
3620
- font-weight: 700;
3621
- line-height: 23px
3622
- }
3623
- @media only screen and (min-width: 48em) {
3624
- .RichTitle-module_root__BK_WT {
3625
- margin-bottom: 15px;
3626
-
3627
- font-size: 37px;
3628
- line-height: 42px
3629
- }
3630
- }
3631
- .RichTitle-module_root__BK_WT:last-child {
3632
- margin-bottom: 0;
3633
- }
3634
- .RichTitle-module_root__BK_WT span {
3635
- font-family: 'PF Regal', 'PF Regal Text Pro', 'Georgia', serif;
3636
- font-size: 20px;
3637
- font-weight: normal
3638
- }
3639
- @media only screen and (min-width: 48em) {
3640
- .RichTitle-module_root__BK_WT span {
3641
- font-size: 38px
3642
- }
3643
- }
3644
- @media only screen and (min-width: 32em) {
3645
- .RichTitle-module_slide__1A-gB,
3646
- .RichTitle-module_game__1g8Bn {
3647
- text-align: center
3648
- }
3649
- }
3650
- @media only screen and (min-width: 64em) {
3651
- .RichTitle-module_half__10GRI {
3652
- font-size: 33px;
3653
- line-height: 36px
3654
- }
3655
- }
3656
- @media only screen and (min-width: 64em) {
3657
- .RichTitle-module_half__10GRI span {
3658
- font-size: 34px
3659
- }
3660
- }
3661
- .RichTitle-module_game__1g8Bn:first-child {
3662
- padding-top: 9px;
3663
- }
3664
- @media only screen and (max-width: 63.9375em) {
3665
- .RichTitle-module_featured__wJfaQ {
3666
- letter-spacing: 0.3px;
3667
-
3668
- font-size: 28px;
3669
- line-height: 30px
3670
- }
3671
- }
3672
- @media only screen and (max-width: 63.9375em) {
3673
- .RichTitle-module_featured__wJfaQ span {
3674
- display: block;
3675
-
3676
- padding-top: 2px;
3677
-
3678
- font-size: 18px;
3679
- line-height: 24px
3680
- }
3681
- }
3682
- .RichTitle-module_isInMediaBlock__3RDw4 {
3683
- text-align: left
3684
- }
3685
- @media only screen and (min-width: 64em) {
3686
- .RichTitle-module_isInMediaBlock__3RDw4 {
3687
- margin-bottom: 18px
3688
- }
3689
- }
3690
- .RichTitle-module_isInMediaBlock__3RDw4:not(.RichTitle-module_featured__wJfaQ) {
3691
- font-size: 19px;
3692
- line-height: 23px
3693
- }
3694
- @media only screen and (min-width: 64em) {
3695
- .RichTitle-module_isInMediaBlock__3RDw4:not(.RichTitle-module_featured__wJfaQ) {
3696
- font-size: 1.3rem;
3697
- line-height: 1.6rem
3698
- }
3699
- }
3700
- .RichTitle-module_isInMediaBlock__3RDw4:not(.RichTitle-module_featured__wJfaQ) span {
3701
- font-size: 20px
3702
- }
3703
- @media only screen and (min-width: 64em) {
3704
- .RichTitle-module_isInMediaBlock__3RDw4:not(.RichTitle-module_featured__wJfaQ) span {
3705
- font-size: 1.35rem
3828
+ font-size: 18px;
3829
+ line-height: 26px
3706
3830
  }
3707
3831
  }
3832
+ .SourceBlock-module_center__3P93B {
3833
+ max-width: 650px;
3834
+ margin-right: auto;
3835
+ margin-left: auto;
3836
+ }
3837
+ /* VISIBILITY */
3708
3838
  @media only screen and (min-width: 32em) {
3709
- .RichTitle-module_mobile__1Cb6E {
3839
+ .SourceBlock-module_mobile__2gw4S {
3710
3840
  display: none
3711
3841
  }
3712
3842
  }
3713
- .RichTitle-module_desktop__2ixSQ {
3843
+ .SourceBlock-module_desktop__DecT6 {
3714
3844
  display: none
3715
3845
  }
3716
3846
  @media only screen and (min-width: 32em) {
3717
- .RichTitle-module_desktop__2ixSQ {
3847
+ .SourceBlock-module_desktop__DecT6 {
3718
3848
  display: block
3719
3849
  }
3720
3850
  }
@@ -4100,164 +4230,6 @@ a mark {
4100
4230
  margin-top: -1px;
4101
4231
  }
4102
4232
 
4103
- /* Colors */
4104
- /* Fonts */
4105
- /* Gap */
4106
- /* Media */
4107
- /* 512 */
4108
- /* 650 */
4109
- /* 768 */
4110
- /* 1024 */
4111
- /* 1010 */
4112
- /* 1200 */
4113
- /* 511 */
4114
- /* 1023 */
4115
- /* Zindex */
4116
- .RelatedBlock-module_root__IKcQq {
4117
- margin: 16px 0;
4118
-
4119
- border-radius: 8px;
4120
- background-color: #f5f5f5;
4121
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1), inset 0 4px 0 0 #b78b5c
4122
- }
4123
- @media only screen and (min-width: 48em) {
4124
- .RelatedBlock-module_root__IKcQq {
4125
- margin: 25px 0
4126
- }
4127
- }
4128
- .RelatedBlock-module_root__IKcQq:last-child {
4129
- margin-bottom: 0;
4130
- }
4131
- .RelatedBlock-module_root__IKcQq:first-child {
4132
- margin-top: 0;
4133
- }
4134
- .RelatedBlock-module_root__IKcQq a {
4135
- display: block;
4136
-
4137
- padding: 12px 12px 13px;
4138
-
4139
- transition: color 0.15s;
4140
- text-decoration: none;
4141
-
4142
- color: #000;
4143
- box-shadow: none;
4144
-
4145
- font-size: 17px;
4146
- line-height: 20px
4147
- }
4148
- @media only screen and (min-width: 48em) {
4149
- .RelatedBlock-module_root__IKcQq a {
4150
- padding: 15px 20px 17px;
4151
-
4152
- font-size: 19px;
4153
- line-height: 23px
4154
- }
4155
- }
4156
- .RelatedBlock-module_root__IKcQq a:hover {
4157
- color: #5c5c5c;
4158
- }
4159
- .RelatedBlock-module_header__2SuWP {
4160
- margin: 0;
4161
- padding: 14px 12px 3px;
4162
-
4163
- letter-spacing: 1px;
4164
- text-transform: uppercase;
4165
-
4166
- color: #7F7F7F;
4167
-
4168
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
4169
- font-size: 12px;
4170
- font-weight: 600;
4171
- line-height: 17px
4172
- }
4173
- @media only screen and (min-width: 48em) {
4174
- .RelatedBlock-module_header__2SuWP {
4175
- padding: 20px 20px 14px;
4176
-
4177
- font-size: 14px;
4178
- line-height: 16px
4179
- }
4180
- }
4181
- .RelatedBlock-module_items__2V-Ap {
4182
- margin: 0;
4183
- padding-left: 0;
4184
-
4185
- list-style: none;
4186
- }
4187
- .RelatedBlock-module_items__2V-Ap li {
4188
- padding: 0;
4189
- }
4190
- .RelatedBlock-module_items__2V-Ap li + li {
4191
- border-top: 1px solid #e6e6e6;
4192
- }
4193
- .RelatedBlock-module_rich__ddaHq .RelatedBlock-module_first__BKItW {
4194
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
4195
- font-size: 16px;
4196
- font-weight: 700;
4197
- line-height: 18px
4198
- }
4199
- @media only screen and (min-width: 48em) {
4200
- .RelatedBlock-module_rich__ddaHq .RelatedBlock-module_first__BKItW {
4201
- font-size: 18px
4202
- }
4203
- }
4204
- .RelatedBlock-module_simple__29HVO {
4205
- }
4206
- .RelatedBlock-module_center__1LmW8 {
4207
- max-width: 650px;
4208
- margin-right: auto;
4209
- margin-left: auto;
4210
- }
4211
- .RelatedBlock-module_isInSlideMaterial__2YSYG:first-child {
4212
- margin-top: 0;
4213
- }
4214
- .RelatedBlock-module_isInSlideMaterial__2YSYG:last-child {
4215
- margin-bottom: 0;
4216
- }
4217
- /* VISIBILITY */
4218
- @media only screen and (min-width: 32em) {
4219
- .RelatedBlock-module_mobile__2XM5a {
4220
- display: none
4221
- }
4222
- }
4223
- .RelatedBlock-module_desktop__2mXeq {
4224
- display: none
4225
- }
4226
- @media only screen and (min-width: 32em) {
4227
- .RelatedBlock-module_desktop__2mXeq {
4228
- display: block
4229
- }
4230
- }
4231
-
4232
-
4233
- /* stylelint-disable declaration-empty-line-before */
4234
- /* Colors */
4235
- /* Fonts */
4236
- /* Gap */
4237
- /* Media */
4238
- /* 512 */
4239
- /* 650 */
4240
- /* 768 */
4241
- /* 1024 */
4242
- /* 1010 */
4243
- /* 1200 */
4244
- /* 511 */
4245
- /* 1023 */
4246
- /* Zindex */
4247
- .DocumentItemsCount-module_root__P3q-z {
4248
- display: inline;
4249
-
4250
- line-height: inherit;
4251
- }
4252
- .DocumentItemsCount-module_root__P3q-z svg {
4253
- vertical-align: top;
4254
- }
4255
- .DocumentItemsCount-module_items__3pfxW {
4256
- margin-left: 1px;
4257
-
4258
- vertical-align: top;
4259
- }
4260
-
4261
4233
  /* stylelint-disable declaration-empty-line-before */
4262
4234
  /* Colors */
4263
4235
  /* Fonts */
@@ -4386,60 +4358,186 @@ a mark {
4386
4358
  transform: scale(0.1);
4387
4359
  }
4388
4360
 
4389
- 53% {
4390
- transform: scale(0.33);
4391
- }
4361
+ 53% {
4362
+ transform: scale(0.33);
4363
+ }
4364
+
4365
+ 100% {
4366
+ transform: scale(0.66);
4367
+
4368
+ opacity: 0;
4369
+ }
4370
+ }
4371
+ @keyframes MetaItemLive-module_liveFirstWave__3dbvz {
4372
+ 21% {
4373
+ transform: scale(0.1);
4374
+ }
4375
+
4376
+ 53% {
4377
+ transform: scale(0.33);
4378
+ }
4379
+
4380
+ 100% {
4381
+ transform: scale(0.66);
4382
+
4383
+ opacity: 0;
4384
+ }
4385
+ }
4386
+ @-webkit-keyframes MetaItemLive-module_liveSecondWave__12g57 {
4387
+ 21% {
4388
+ transform: scale(0.22);
4389
+ }
4390
+
4391
+ 53% {
4392
+ transform: scale(0.55);
4393
+ }
4394
+
4395
+ 100% {
4396
+ transform: scale(0.88);
4397
+
4398
+ opacity: 0;
4399
+ }
4400
+ }
4401
+ @keyframes MetaItemLive-module_liveSecondWave__12g57 {
4402
+ 21% {
4403
+ transform: scale(0.22);
4404
+ }
4405
+
4406
+ 53% {
4407
+ transform: scale(0.55);
4408
+ }
4409
+
4410
+ 100% {
4411
+ transform: scale(0.88);
4412
+
4413
+ opacity: 0;
4414
+ }
4415
+ }
4416
+
4417
+ /* Colors */
4418
+ /* Fonts */
4419
+ /* Gap */
4420
+ /* Media */
4421
+ /* 512 */
4422
+ /* 650 */
4423
+ /* 768 */
4424
+ /* 1024 */
4425
+ /* 1010 */
4426
+ /* 1200 */
4427
+ /* 511 */
4428
+ /* 1023 */
4429
+ /* Zindex */
4430
+ .ToolbarButton-module_root__xN-fq {
4431
+ height: 100%;
4432
+ margin: 0;
4433
+ padding: 0 1px 0 0;
4434
+
4435
+ cursor: pointer;
4436
+
4437
+ color: inherit;
4438
+ border-width: 0;
4439
+ outline: none;
4440
+ background-color: transparent;
4441
+
4442
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
4443
+ font-size: 12px;
4444
+ font-weight: 600;
4445
+ line-height: 1;
4446
+
4447
+ -webkit-appearance: none;
4392
4448
 
4393
- 100% {
4394
- transform: scale(0.66);
4449
+ -moz-appearance: none;
4395
4450
 
4396
- opacity: 0;
4397
- }
4451
+ appearance: none;
4398
4452
  }
4399
- @keyframes MetaItemLive-module_liveFirstWave__3dbvz {
4400
- 21% {
4401
- transform: scale(0.1);
4402
- }
4453
+ .ToolbarButton-module_root__xN-fq::after {
4454
+ position: absolute;
4455
+ top: 0;
4456
+ right: 0;
4457
+ bottom: 0;
4458
+ left: 0;
4403
4459
 
4404
- 53% {
4405
- transform: scale(0.33);
4406
- }
4460
+ content: '';
4461
+ }
4462
+ .ToolbarButton-module_root__xN-fq:hover {
4463
+ opacity: 0.6;
4464
+ }
4465
+ .ToolbarButton-module_dark__GrIOr {
4466
+ color: #fff;
4467
+ }
4468
+ .ToolbarButton-module_dark__GrIOr:hover {
4469
+ opacity: 0.6;
4470
+ }
4471
+ .ToolbarButton-module_dark__GrIOr svg {
4472
+ color: #262626;
4407
4473
 
4408
- 100% {
4409
- transform: scale(0.66);
4474
+ fill: #fff;
4475
+ }
4476
+ .ToolbarButton-module_dark__GrIOr.ToolbarButton-module_bookmark__3369b svg {
4477
+ color: #fff;
4410
4478
 
4411
- opacity: 0;
4412
- }
4479
+ fill: transparent;
4413
4480
  }
4414
- @-webkit-keyframes MetaItemLive-module_liveSecondWave__12g57 {
4415
- 21% {
4416
- transform: scale(0.22);
4417
- }
4481
+ .ToolbarButton-module_dark__GrIOr.ToolbarButton-module_bookmark__3369b.ToolbarButton-module_isActive__3NLAE svg {
4482
+ fill: currentColor;
4483
+ }
4484
+ .ToolbarButton-module_dark__GrIOr::before {
4485
+ border-left-color: rgba(255, 255, 255, 0.2);
4486
+ }
4487
+ .ToolbarButton-module_root__xN-fq [data-theme='dark'] {
4488
+ visibility: hidden;
4489
+ }
4490
+ .ToolbarButton-module_dark__GrIOr [data-theme='dark'] {
4491
+ visibility: visible;
4492
+ }
4493
+ .ToolbarButton-module_dark__GrIOr [data-theme='light'] {
4494
+ visibility: hidden;
4495
+ }
4496
+ .ToolbarButton-module_text__32m6s {
4497
+ display: inline-block;
4418
4498
 
4419
- 53% {
4420
- transform: scale(0.55);
4421
- }
4499
+ padding-left: 5px;
4422
4500
 
4423
- 100% {
4424
- transform: scale(0.88);
4501
+ vertical-align: middle;
4502
+ }
4503
+ .ToolbarButton-module_text__32m6s:empty {
4504
+ display: none;
4505
+ }
4506
+ .ToolbarButton-module_bookmark__3369b {
4507
+ color: #999;
4425
4508
 
4426
- opacity: 0;
4427
- }
4509
+ fill: transparent;
4510
+ }
4511
+ .ToolbarButton-module_isActive__3NLAE {
4512
+ fill: currentColor;
4428
4513
  }
4429
- @keyframes MetaItemLive-module_liveSecondWave__12g57 {
4430
- 21% {
4431
- transform: scale(0.22);
4432
- }
4433
4514
 
4434
- 53% {
4435
- transform: scale(0.55);
4436
- }
4515
+ /* stylelint-disable declaration-empty-line-before */
4516
+ /* Colors */
4517
+ /* Fonts */
4518
+ /* Gap */
4519
+ /* Media */
4520
+ /* 512 */
4521
+ /* 650 */
4522
+ /* 768 */
4523
+ /* 1024 */
4524
+ /* 1010 */
4525
+ /* 1200 */
4526
+ /* 511 */
4527
+ /* 1023 */
4528
+ /* Zindex */
4529
+ .DocumentItemsCount-module_root__P3q-z {
4530
+ display: inline;
4437
4531
 
4438
- 100% {
4439
- transform: scale(0.88);
4532
+ line-height: inherit;
4533
+ }
4534
+ .DocumentItemsCount-module_root__P3q-z svg {
4535
+ vertical-align: top;
4536
+ }
4537
+ .DocumentItemsCount-module_items__3pfxW {
4538
+ margin-left: 1px;
4440
4539
 
4441
- opacity: 0;
4442
- }
4540
+ vertical-align: top;
4443
4541
  }
4444
4542
 
4445
4543
  /* Colors */
@@ -4527,90 +4625,179 @@ a mark {
4527
4625
  /* 511 */
4528
4626
  /* 1023 */
4529
4627
  /* Zindex */
4530
- .ToolbarButton-module_root__xN-fq {
4531
- height: 100%;
4532
- margin: 0;
4533
- padding: 0 1px 0 0;
4534
-
4535
- cursor: pointer;
4628
+ .SensitiveBlock-module_root__2iJbD {
4629
+ position: relative;
4536
4630
 
4537
- color: inherit;
4538
- border-width: 0;
4539
- outline: none;
4540
- background-color: transparent;
4631
+ margin: 15px 0
4632
+ }
4633
+ @media only screen and (min-width: 32em) {
4634
+ .SensitiveBlock-module_root__2iJbD {
4635
+ margin: 25px 0 20px
4636
+ }
4637
+ }
4638
+ .SensitiveBlock-module_root__2iJbD:first-child {
4639
+ margin-top: 0;
4640
+ }
4641
+ .SensitiveBlock-module_root__2iJbD:last-child {
4642
+ margin-bottom: 0;
4643
+ }
4644
+ .SensitiveBlock-module_root__2iJbD figcaption {
4645
+ width: 100%;
4646
+ max-width: 650px;
4647
+ margin-right: auto;
4648
+ margin-left: auto;
4541
4649
 
4542
4650
  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
4543
- font-size: 12px;
4544
- font-weight: 600;
4545
- line-height: 1;
4546
-
4547
- -webkit-appearance: none;
4651
+ }
4652
+ .SensitiveBlock-module_container__1Wtix {
4653
+ position: relative;
4548
4654
 
4549
- -moz-appearance: none;
4655
+ min-height: 170px;
4550
4656
 
4551
- appearance: none;
4657
+ transition: min-height 350ms ease;
4552
4658
  }
4553
- .ToolbarButton-module_root__xN-fq::after {
4659
+ .SensitiveBlock-module_overlay__hfDVS {
4554
4660
  position: absolute;
4661
+ z-index: 10;
4555
4662
  top: 0;
4556
- right: 0;
4663
+ right: -20px;
4557
4664
  bottom: 0;
4558
- left: 0;
4665
+ left: -20px;
4559
4666
 
4560
- content: '';
4667
+ display: -webkit-box;
4668
+
4669
+ display: -webkit-flex;
4670
+
4671
+ display: -ms-flexbox;
4672
+
4673
+ display: flex;
4674
+ align-items: center;
4675
+ flex-flow: column nowrap;
4676
+ justify-content: center;
4677
+
4678
+ padding: 30px 20px;
4679
+
4680
+ transition: opacity 500ms ease, visibility 500ms ease;
4681
+
4682
+ background-color: rgba(255, 255, 255, 1);
4683
+ background-repeat: no-repeat;
4684
+ background-position: center top;
4685
+ background-size: cover
4561
4686
  }
4562
- .ToolbarButton-module_root__xN-fq:hover {
4563
- opacity: 0.6;
4687
+ @media only screen and (min-width: 32em) {
4688
+ .SensitiveBlock-module_overlay__hfDVS {
4689
+ right: 0;
4690
+ left: 0
4564
4691
  }
4565
- .ToolbarButton-module_dark__GrIOr {
4692
+ }
4693
+ .SensitiveBlock-module_content__sNpxZ {
4694
+ -webkit-user-select: none;
4695
+ -moz-user-select: none;
4696
+ -ms-user-select: none;
4697
+ user-select: none;
4698
+
4566
4699
  color: #fff;
4700
+
4701
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
4567
4702
  }
4568
- .ToolbarButton-module_dark__GrIOr:hover {
4569
- opacity: 0.6;
4703
+ .SensitiveBlock-module_content__sNpxZ p {
4704
+ display: block;
4705
+
4706
+ width: 100%;
4707
+ max-width: 368px;
4708
+ margin-top: 0;
4709
+ margin-bottom: 12px;
4710
+
4711
+ text-align: center;
4712
+
4713
+ font-size: 14px;
4714
+ line-height: 18px
4715
+ }
4716
+ @media only screen and (min-width: 32em) {
4717
+ .SensitiveBlock-module_content__sNpxZ p {
4718
+ margin-bottom: 24px;
4719
+
4720
+ font-size: 16px;
4721
+ line-height: 22px
4722
+ }
4723
+ }
4724
+ .SensitiveBlock-module_button__3BGZK {
4725
+ width: 100%;
4726
+ max-width: 348px;
4727
+ margin: 0 auto;
4728
+ }
4729
+ .SensitiveBlock-module_default__2HgmZ {
4730
+ max-width: 650px
4731
+ }
4732
+ @media only screen and (min-width: 32em) {
4733
+ .SensitiveBlock-module_default__2HgmZ {
4734
+ margin-right: auto;
4735
+ margin-left: auto
4736
+ }
4737
+ }
4738
+ .SensitiveBlock-module_full__3Hph9 {
4739
+ max-width: 980px
4740
+ }
4741
+ @media only screen and (min-width: 32em) {
4742
+ .SensitiveBlock-module_full__3Hph9 {
4743
+ margin-right: auto;
4744
+ margin-left: auto
4745
+ }
4746
+ }
4747
+ .SensitiveBlock-module_full__3Hph9 .SensitiveBlock-module_overlay__hfDVS {
4748
+ right: -20px;
4749
+ left: -20px
4570
4750
  }
4571
- .ToolbarButton-module_dark__GrIOr svg {
4572
- color: #262626;
4573
-
4574
- fill: #fff;
4751
+ @media only screen and (min-width: 32em) {
4752
+ .SensitiveBlock-module_full__3Hph9 .SensitiveBlock-module_overlay__hfDVS {
4753
+ right: 0;
4754
+ left: 0
4575
4755
  }
4576
- .ToolbarButton-module_dark__GrIOr.ToolbarButton-module_bookmark__3369b svg {
4577
- color: #fff;
4578
-
4579
- fill: transparent;
4756
+ }
4757
+ .SensitiveBlock-module_full__3Hph9 .SensitiveBlock-module_media__3wnlo {
4758
+ padding-right: 20px;
4759
+ padding-left: 20px
4580
4760
  }
4581
- .ToolbarButton-module_dark__GrIOr.ToolbarButton-module_bookmark__3369b.ToolbarButton-module_isActive__3NLAE svg {
4582
- fill: currentColor;
4761
+ @media only screen and (min-width: 32em) {
4762
+ .SensitiveBlock-module_full__3Hph9 .SensitiveBlock-module_media__3wnlo {
4763
+ padding-right: 0;
4764
+ padding-left: 0
4583
4765
  }
4584
- .ToolbarButton-module_dark__GrIOr::before {
4585
- border-left-color: rgba(255, 255, 255, 0.2);
4766
+ }
4767
+ .SensitiveBlock-module_super_full__14UOv {
4768
+ max-width: 100%;
4586
4769
  }
4587
- .ToolbarButton-module_root__xN-fq [data-theme='dark'] {
4588
- visibility: hidden;
4770
+ @media only screen and (min-width: 32em) {
4771
+ .SensitiveBlock-module_super_full__14UOv .SensitiveBlock-module_overlay__hfDVS {
4772
+ right: -15px;
4773
+ left: -15px
4589
4774
  }
4590
- .ToolbarButton-module_dark__GrIOr [data-theme='dark'] {
4591
- visibility: visible;
4775
+ }
4776
+ @media only screen and (min-width: 32em) {
4777
+ .SensitiveBlock-module_super_full__14UOv .SensitiveBlock-module_media__3wnlo {
4778
+ padding-right: 15px;
4779
+ padding-left: 15px
4592
4780
  }
4593
- .ToolbarButton-module_dark__GrIOr [data-theme='light'] {
4781
+ }
4782
+ /* STATE */
4783
+ .SensitiveBlock-module_visible__1B-NV .SensitiveBlock-module_overlay__hfDVS {
4594
4784
  visibility: hidden;
4595
- }
4596
- .ToolbarButton-module_text__32m6s {
4597
- display: inline-block;
4598
4785
 
4599
- padding-left: 5px;
4786
+ pointer-events: none;
4600
4787
 
4601
- vertical-align: middle;
4602
- }
4603
- .ToolbarButton-module_text__32m6s:empty {
4604
- display: none;
4788
+ opacity: 0;
4605
4789
  }
4606
- .ToolbarButton-module_bookmark__3369b {
4607
- color: #999;
4608
-
4609
- fill: transparent;
4790
+ .SensitiveBlock-module_visible__1B-NV .SensitiveBlock-module_container__1Wtix {
4791
+ min-height: 0;
4610
4792
  }
4611
- .ToolbarButton-module_isActive__3NLAE {
4612
- fill: currentColor;
4793
+ /* CONTEXT */
4794
+ @media only screen and (max-width: 63.9375em) {
4795
+ .SensitiveBlock-module_isInCard__1L-lu .SensitiveBlock-module_overlay__hfDVS,
4796
+ .SensitiveBlock-module_isInSlide__f_Ql2 .SensitiveBlock-module_overlay__hfDVS {
4797
+ right: -11px;
4798
+ left: -11px
4613
4799
  }
4800
+ }
4614
4801
 
4615
4802
  /* Colors */
4616
4803
  /* Fonts */
@@ -4880,193 +5067,6 @@ a mark {
4880
5067
  }
4881
5068
  }
4882
5069
 
4883
- /* Colors */
4884
- /* Fonts */
4885
- /* Gap */
4886
- /* Media */
4887
- /* 512 */
4888
- /* 650 */
4889
- /* 768 */
4890
- /* 1024 */
4891
- /* 1010 */
4892
- /* 1200 */
4893
- /* 511 */
4894
- /* 1023 */
4895
- /* Zindex */
4896
- .SensitiveBlock-module_root__2iJbD {
4897
- position: relative;
4898
-
4899
- margin: 15px 0
4900
- }
4901
- @media only screen and (min-width: 32em) {
4902
- .SensitiveBlock-module_root__2iJbD {
4903
- margin: 25px 0 20px
4904
- }
4905
- }
4906
- .SensitiveBlock-module_root__2iJbD:first-child {
4907
- margin-top: 0;
4908
- }
4909
- .SensitiveBlock-module_root__2iJbD:last-child {
4910
- margin-bottom: 0;
4911
- }
4912
- .SensitiveBlock-module_root__2iJbD figcaption {
4913
- width: 100%;
4914
- max-width: 650px;
4915
- margin-right: auto;
4916
- margin-left: auto;
4917
-
4918
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
4919
- }
4920
- .SensitiveBlock-module_container__1Wtix {
4921
- position: relative;
4922
-
4923
- min-height: 170px;
4924
-
4925
- transition: min-height 350ms ease;
4926
- }
4927
- .SensitiveBlock-module_overlay__hfDVS {
4928
- position: absolute;
4929
- z-index: 10;
4930
- top: 0;
4931
- right: -20px;
4932
- bottom: 0;
4933
- left: -20px;
4934
-
4935
- display: -webkit-box;
4936
-
4937
- display: -webkit-flex;
4938
-
4939
- display: -ms-flexbox;
4940
-
4941
- display: flex;
4942
- align-items: center;
4943
- flex-flow: column nowrap;
4944
- justify-content: center;
4945
-
4946
- padding: 30px 20px;
4947
-
4948
- transition: opacity 500ms ease, visibility 500ms ease;
4949
-
4950
- background-color: rgba(255, 255, 255, 1);
4951
- background-repeat: no-repeat;
4952
- background-position: center top;
4953
- background-size: cover
4954
- }
4955
- @media only screen and (min-width: 32em) {
4956
- .SensitiveBlock-module_overlay__hfDVS {
4957
- right: 0;
4958
- left: 0
4959
- }
4960
- }
4961
- .SensitiveBlock-module_content__sNpxZ {
4962
- -webkit-user-select: none;
4963
- -moz-user-select: none;
4964
- -ms-user-select: none;
4965
- user-select: none;
4966
-
4967
- color: #fff;
4968
-
4969
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
4970
- }
4971
- .SensitiveBlock-module_content__sNpxZ p {
4972
- display: block;
4973
-
4974
- width: 100%;
4975
- max-width: 368px;
4976
- margin-top: 0;
4977
- margin-bottom: 12px;
4978
-
4979
- text-align: center;
4980
-
4981
- font-size: 14px;
4982
- line-height: 18px
4983
- }
4984
- @media only screen and (min-width: 32em) {
4985
- .SensitiveBlock-module_content__sNpxZ p {
4986
- margin-bottom: 24px;
4987
-
4988
- font-size: 16px;
4989
- line-height: 22px
4990
- }
4991
- }
4992
- .SensitiveBlock-module_button__3BGZK {
4993
- width: 100%;
4994
- max-width: 348px;
4995
- margin: 0 auto;
4996
- }
4997
- .SensitiveBlock-module_default__2HgmZ {
4998
- max-width: 650px
4999
- }
5000
- @media only screen and (min-width: 32em) {
5001
- .SensitiveBlock-module_default__2HgmZ {
5002
- margin-right: auto;
5003
- margin-left: auto
5004
- }
5005
- }
5006
- .SensitiveBlock-module_full__3Hph9 {
5007
- max-width: 980px
5008
- }
5009
- @media only screen and (min-width: 32em) {
5010
- .SensitiveBlock-module_full__3Hph9 {
5011
- margin-right: auto;
5012
- margin-left: auto
5013
- }
5014
- }
5015
- .SensitiveBlock-module_full__3Hph9 .SensitiveBlock-module_overlay__hfDVS {
5016
- right: -20px;
5017
- left: -20px
5018
- }
5019
- @media only screen and (min-width: 32em) {
5020
- .SensitiveBlock-module_full__3Hph9 .SensitiveBlock-module_overlay__hfDVS {
5021
- right: 0;
5022
- left: 0
5023
- }
5024
- }
5025
- .SensitiveBlock-module_full__3Hph9 .SensitiveBlock-module_media__3wnlo {
5026
- padding-right: 20px;
5027
- padding-left: 20px
5028
- }
5029
- @media only screen and (min-width: 32em) {
5030
- .SensitiveBlock-module_full__3Hph9 .SensitiveBlock-module_media__3wnlo {
5031
- padding-right: 0;
5032
- padding-left: 0
5033
- }
5034
- }
5035
- .SensitiveBlock-module_super_full__14UOv {
5036
- max-width: 100%;
5037
- }
5038
- @media only screen and (min-width: 32em) {
5039
- .SensitiveBlock-module_super_full__14UOv .SensitiveBlock-module_overlay__hfDVS {
5040
- right: -15px;
5041
- left: -15px
5042
- }
5043
- }
5044
- @media only screen and (min-width: 32em) {
5045
- .SensitiveBlock-module_super_full__14UOv .SensitiveBlock-module_media__3wnlo {
5046
- padding-right: 15px;
5047
- padding-left: 15px
5048
- }
5049
- }
5050
- /* STATE */
5051
- .SensitiveBlock-module_visible__1B-NV .SensitiveBlock-module_overlay__hfDVS {
5052
- visibility: hidden;
5053
-
5054
- pointer-events: none;
5055
-
5056
- opacity: 0;
5057
- }
5058
- .SensitiveBlock-module_visible__1B-NV .SensitiveBlock-module_container__1Wtix {
5059
- min-height: 0;
5060
- }
5061
- /* CONTEXT */
5062
- @media only screen and (max-width: 63.9375em) {
5063
- .SensitiveBlock-module_isInCard__1L-lu .SensitiveBlock-module_overlay__hfDVS,
5064
- .SensitiveBlock-module_isInSlide__f_Ql2 .SensitiveBlock-module_overlay__hfDVS {
5065
- right: -11px;
5066
- left: -11px
5067
- }
5068
- }
5069
-
5070
5070
  /* Colors */
5071
5071
  /* Fonts */
5072
5072
  /* Gap */