@meduza/ui-kit-2 0.1.56 → 0.1.57

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/ui-kit.css CHANGED
@@ -1,3 +1,403 @@
1
+ /* Colors */
2
+ /* Fonts */
3
+ /* Gap */
4
+ /* Media */
5
+ /* 512 */
6
+ /* 650 */
7
+ /* 768 */
8
+ /* 1024 */
9
+ /* 1010 */
10
+ /* 1200 */
11
+ /* 511 */
12
+ /* 1023 */
13
+ /* Zindex */
14
+ .Button-module_root__RpsiW {
15
+ display: block;
16
+
17
+ padding: 0;
18
+
19
+ cursor: pointer;
20
+ -webkit-user-select: none;
21
+ -moz-user-select: none;
22
+ -ms-user-select: none;
23
+ user-select: none;
24
+ transition: background-color 0.15s ease-out;
25
+ text-align: center;
26
+
27
+ color: #fff;
28
+ border-width: 0;
29
+ outline: none;
30
+
31
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
32
+ line-height: 1;
33
+
34
+ -webkit-appearance: none;
35
+
36
+ -moz-appearance: none;
37
+
38
+ appearance: none;
39
+ }
40
+ .Button-module_root__RpsiW::-moz-focus-inner {
41
+ border: 0;
42
+ }
43
+ .Button-module_root__RpsiW[disabled] {
44
+ cursor: default;
45
+ pointer-events: none;
46
+
47
+ opacity: 0.5;
48
+ }
49
+ .Button-module_root__RpsiW > span:first-child {
50
+ margin-right: 4px;
51
+ }
52
+ .Button-module_root__RpsiW > span:last-child {
53
+ margin-left: 4px;
54
+ }
55
+ .Button-module_gold__ZMYg- {
56
+ background: #b88b59;
57
+ }
58
+ .Button-module_gold__ZMYg-.Button-module_isLoading__1g6QO {
59
+ fill: #b88b59;
60
+ }
61
+ .Button-module_gold__ZMYg-:hover {
62
+ background-color: #9e784c
63
+ }
64
+ @media (hover: none) {
65
+ .Button-module_gold__ZMYg-:hover {
66
+ background-color: #b88b59
67
+ }
68
+ }
69
+ .Button-module_gold__ZMYg-:active {
70
+ background-color: #856440;
71
+ }
72
+ .Button-module_gray__3IM54 {
73
+ color: #000;
74
+ background-color: #f0f0f0;
75
+ }
76
+ .Button-module_gray__3IM54.Button-module_isLoading__1g6QO {
77
+ fill: #545454;
78
+ }
79
+ .Button-module_gray__3IM54:hover {
80
+ background-color: #ebebeb
81
+ }
82
+ @media (hover: none) {
83
+ .Button-module_gray__3IM54:hover {
84
+ background-color: #ebebeb
85
+ }
86
+ }
87
+ .Button-module_gray__3IM54:active {
88
+ background-color: #e3e3e3;
89
+ }
90
+ .Button-module_sand__2AqVq {
91
+ background: #a18c68;
92
+ }
93
+ .Button-module_sand__2AqVq.Button-module_isLoading__1g6QO {
94
+ fill: #a18c68;
95
+ }
96
+ .Button-module_sand__2AqVq:hover {
97
+ background-color: #8a7654
98
+ }
99
+ @media (hover: none) {
100
+ .Button-module_sand__2AqVq:hover {
101
+ background-color: #a18c68
102
+ }
103
+ }
104
+ .Button-module_sand__2AqVq:active {
105
+ background-color: #7b6743;
106
+ }
107
+ .Button-module_dark__I0uXx {
108
+ color: #adadad;
109
+ background-color: #3a3a3a;
110
+ box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.4);
111
+ }
112
+ .Button-module_dark__I0uXx:hover {
113
+ background-color: #2e2e2e
114
+ }
115
+ @media (hover: none) {
116
+ .Button-module_dark__I0uXx:hover {
117
+ background-color: #3a3a3a
118
+ }
119
+ }
120
+ .Button-module_dark__I0uXx:active {
121
+ background-color: #242424;
122
+ }
123
+ .Button-module_dark__I0uXx.Button-module_isLoading__1g6QO {
124
+ fill: #3a3a3a;
125
+ }
126
+ .Button-module_light__1Y4hG {
127
+ color: #000;
128
+ background-color: #fff;
129
+ }
130
+ .Button-module_light__1Y4hG:hover {
131
+ background-color: #ebebeb
132
+ }
133
+ @media (hover: none) {
134
+ .Button-module_light__1Y4hG:hover {
135
+ background-color: #fff
136
+ }
137
+ }
138
+ .Button-module_light__1Y4hG:active {
139
+ background-color: #e3e3e3;
140
+ }
141
+ .Button-module_light__1Y4hG.Button-module_isLoading__1g6QO {
142
+ fill: #fff;
143
+ }
144
+ .Button-module_black__3sG3Y {
145
+ color: #7e7d7b;
146
+ background-color: #000;
147
+ }
148
+ .Button-module_black__3sG3Y.Button-module_isLoading__1g6QO {
149
+ fill: #7e7d7b;
150
+ }
151
+ .Button-module_black__3sG3Y:hover {
152
+ background-color: #141414
153
+ }
154
+ @media (hover: none) {
155
+ .Button-module_black__3sG3Y:hover {
156
+ background: #141414
157
+ }
158
+ }
159
+ .Button-module_black__3sG3Y:active {
160
+ background-color: #242424;
161
+ }
162
+ .Button-module_red__3Niou {
163
+ background-color: #f95a5a;
164
+ }
165
+ .Button-module_red__3Niou:hover {
166
+ background-color: #e65353
167
+ }
168
+ @media (hover: none) {
169
+ .Button-module_red__3Niou:hover {
170
+ background: #f95a5a
171
+ }
172
+ }
173
+ .Button-module_red__3Niou:active {
174
+ background-color: #d44d4d;
175
+ }
176
+ .Button-module_red__3Niou.Button-module_isLoading__1g6QO {
177
+ fill: #141414;
178
+ }
179
+ .Button-module_default__28Vo_ {
180
+ width: 100%;
181
+ height: 42px;
182
+ padding: 6px 18px;
183
+
184
+ letter-spacing: 1px;
185
+ text-transform: uppercase;
186
+
187
+ border-radius: 8px;
188
+
189
+ font-size: 12px;
190
+ font-weight: 600;
191
+ line-height: 22px
192
+ }
193
+ @media only screen and (min-width: 64em) {
194
+ .Button-module_default__28Vo_ {
195
+ padding: 7px 18px 6px;
196
+
197
+ font-size: 14px;
198
+ line-height: 16px
199
+ }
200
+ }
201
+ .Button-module_isInSpoiler__2Yl8c svg {
202
+ margin-top: -2px;
203
+ margin-left: 6px;
204
+ }
205
+ .Button-module_ghost__3awCW {
206
+ letter-spacing: inherit;
207
+ text-transform: none;
208
+
209
+ color: inherit;
210
+ background-color: transparent;
211
+
212
+ font-family: inherit;
213
+ font-size: inherit;
214
+ font-weight: inherit;
215
+ }
216
+ .Button-module_isInDropdown__1ogKL {
217
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
218
+ }
219
+ .Button-module_black__3sG3Y[disabled],
220
+ .Button-module_sand__2AqVq[disabled] {
221
+ opacity: 0.3;
222
+ }
223
+ /* LOADING */
224
+ .Button-module_root__RpsiW.Button-module_isLoading__1g6QO {
225
+ cursor: default;
226
+ pointer-events: none;
227
+
228
+ background-color: transparent;
229
+ box-shadow: none;
230
+ }
231
+ .Button-module_loader__2pl6d {
232
+ display: block;
233
+
234
+ margin-top: -1px;
235
+ }
236
+
237
+ /* Colors */
238
+ /* Fonts */
239
+ /* Gap */
240
+ /* Media */
241
+ /* 512 */
242
+ /* 650 */
243
+ /* 768 */
244
+ /* 1024 */
245
+ /* 1010 */
246
+ /* 1200 */
247
+ /* 511 */
248
+ /* 1023 */
249
+ /* Zindex */
250
+ .Switcher-module_root__1Env1 {
251
+ position: relative;
252
+
253
+ display: -webkit-box;
254
+
255
+ display: -webkit-flex;
256
+
257
+ display: -ms-flexbox;
258
+
259
+ display: flex;
260
+ flex-flow: row nowrap;
261
+ align-items: center;
262
+
263
+ font-weight: 600;
264
+
265
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
266
+ white-space: nowrap;
267
+
268
+ cursor: pointer;
269
+
270
+ -webkit-user-select: none;
271
+
272
+ -moz-user-select: none;
273
+
274
+ -ms-user-select: none;
275
+
276
+ user-select: none;
277
+ }
278
+ .Switcher-module_dark__1IzaH {
279
+ color: inherit;
280
+ }
281
+ .Switcher-module_dark__1IzaH .Switcher-module_control__1NTvY {
282
+ background-color: transparent;
283
+ }
284
+ .Switcher-module_input__jaMVF {
285
+ position: absolute;
286
+ top: 0;
287
+ left: 0;
288
+
289
+ opacity: 0;
290
+ }
291
+ .Switcher-module_control__1NTvY {
292
+ position: relative;
293
+
294
+ display: block;
295
+
296
+ width: 37px;
297
+ height: 21px;
298
+
299
+ background-color: #e6e6e6;
300
+
301
+ border-radius: 15px;
302
+ }
303
+ .Switcher-module_control__1NTvY::before {
304
+ position: absolute;
305
+ top: 0;
306
+ bottom: 0;
307
+ left: 0;
308
+
309
+ width: 18px;
310
+
311
+ background: rgba(19, 191, 17, 0);
312
+
313
+ border-radius: 15px;
314
+
315
+ transition: 0.25s ease-in-out;
316
+
317
+ content: '';
318
+ }
319
+ .Switcher-module_knob__3kEy5 {
320
+ position: relative;
321
+ top: 2px;
322
+ left: 2px;
323
+ z-index: 200;
324
+
325
+ display: block;
326
+
327
+ width: 17px;
328
+ height: 17px;
329
+
330
+ background: #fff;
331
+
332
+ border-radius: 15px;
333
+
334
+ transition: 0.25s ease-in-out;
335
+ }
336
+ .Switcher-module_input__jaMVF:checked ~ .Switcher-module_control__1NTvY::before {
337
+ width: 100%;
338
+
339
+ background-color: #b88b59;
340
+ }
341
+ .Switcher-module_input__jaMVF:checked ~ .Switcher-module_control__1NTvY::after {
342
+ box-shadow: inset 0 0 0 1px transparent;
343
+ }
344
+ .Switcher-module_input__jaMVF:checked ~ .Switcher-module_control__1NTvY .Switcher-module_knob__3kEy5 {
345
+ left: 18px;
346
+ }
347
+ .Switcher-module_children__147JP.Switcher-module_left__2coeE {
348
+ margin-right: 6px;
349
+ }
350
+ .Switcher-module_children__147JP.Switcher-module_right__yWG7h {
351
+ margin-left: 6px;
352
+ }
353
+ /* panel */
354
+ .Switcher-module_isInPanel__TumqY .Switcher-module_children__147JP {
355
+
356
+ color: #999;
357
+
358
+ font-size: 13px;
359
+ letter-spacing: 0.5px;
360
+ text-transform: uppercase;
361
+ }
362
+ /* menu */
363
+ .Switcher-module_isInMenu__3XJYj {
364
+ font-weight: normal;
365
+ }
366
+ .Switcher-module_isInMenu__3XJYj .Switcher-module_children__147JP {
367
+ margin-right: 8px;
368
+ }
369
+ .Switcher-module_isInMenu__3XJYj .Switcher-module_control__1NTvY {
370
+ width: 48px;
371
+ height: 30px;
372
+ }
373
+ .Switcher-module_isInMenu__3XJYj .Switcher-module_knob__3kEy5 {
374
+ top: 4px;
375
+
376
+ width: 22px;
377
+ height: 22px;
378
+
379
+ background-color: #bababa;
380
+ }
381
+ /* stylelint-disable selector-max-compound-selectors */
382
+ .Switcher-module_isInMenu__3XJYj input:checked ~ .Switcher-module_control__1NTvY .Switcher-module_knob__3kEy5 {
383
+ left: 23px;
384
+
385
+ background-color: #fff;
386
+ }
387
+ /* live */
388
+ .Switcher-module_isInLive__2cLui .Switcher-module_children__147JP {
389
+
390
+ color: #7f7f7f;
391
+
392
+ font-size: 13px;
393
+ letter-spacing: 0.5px;
394
+ text-transform: uppercase;
395
+ }
396
+ .Switcher-module_isInMenu__3XJYj .Switcher-module_control__1NTvY {
397
+ background-color: #1a1a1a;
398
+ box-shadow: inset 0 0 0 1px #323232;
399
+ }
400
+
1
401
  /* Colors */
2
402
  /* Fonts */
3
403
  /* Gap */
@@ -168,227 +568,61 @@
168
568
  height: 16px
169
569
  }
170
570
  }
171
- .SvgSymbol-module_user__1MGim {
172
- width: 14px;
173
- height: 14px
174
- }
175
- @media only screen and (min-width: 64em) {
176
- .SvgSymbol-module_user__1MGim {
177
- width: 16px;
178
- height: 16px
179
- }
180
- }
181
- .SvgSymbol-module_bookmark__2z7tX {
182
- width: 17px;
183
- height: auto;
184
-
185
- cursor: pointer;
186
-
187
- stroke-width: 2px
188
- }
189
- @media only screen and (min-width: 64em) {
190
- .SvgSymbol-module_bookmark__2z7tX {
191
- width: 14px;
192
-
193
- stroke-width: 1.5px
194
- }
195
- }
196
- .SvgSymbol-module_isInToolbar__3SaIh.SvgSymbol-module_bookmark__2z7tX {
197
- width: 14px;
198
- }
199
- .SvgSymbol-module_receipt__3Eqow {
200
- width: 10px;
201
- height: 13px;
202
- }
203
- .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN {
204
- width: 22px;
205
- height: 22px
206
- }
207
- @media only screen and (min-width: 64em) {
208
- .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN {
209
- width: 14px;
210
- height: 14px
211
- }
212
- }
213
- @media only screen and (min-width: 64em) {
214
- .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_search__VK6p3 circle {
215
- stroke-width: 1.5px
216
- }
217
- }
218
- .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN path {
219
- stroke-width: 1.8px
220
- }
221
- @media only screen and (min-width: 64em) {
222
- .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN path {
223
- stroke-width: 1.3px
224
- }
225
- }
226
-
227
- /* Colors */
228
- /* Fonts */
229
- /* Gap */
230
- /* Media */
231
- /* 512 */
232
- /* 650 */
233
- /* 768 */
234
- /* 1024 */
235
- /* 1010 */
236
- /* 1200 */
237
- /* 511 */
238
- /* 1023 */
239
- /* Zindex */
240
- .DotsOnImage-module_root__2XP3Q {
241
- position: relative;
242
-
243
- display: block;
244
-
245
- width: 100%;
246
- }
247
- .DotsOnImage-module_isVisible__Wqqqt .DotsOnImage-module_marker__lH5cP {
248
- -webkit-animation: DotsOnImage-module_show__2TMBv 400ms ease both 500ms;
249
- animation: DotsOnImage-module_show__2TMBv 400ms ease both 500ms;
250
- }
251
- .DotsOnImage-module_dot__H1wua {
252
- position: absolute;
253
- z-index: 10;
254
-
255
- display: -webkit-box;
256
-
257
- display: -webkit-flex;
258
-
259
- display: -ms-flexbox;
260
-
261
- display: flex;
262
- align-items: center;
263
- flex-flow: row nowrap;
264
- justify-content: center;
265
-
266
- width: 28px;
267
- height: 28px;
268
-
269
- will-change: opacity;
270
- }
271
- .DotsOnImage-module_marker__lH5cP {
272
- width: 20px;
273
- height: 20px;
274
- padding: 0;
275
-
276
- cursor: pointer;
277
- text-align: center;
278
-
279
- opacity: 0;
280
- color: #fff;
281
- border-width: 0;
282
- border-radius: 30px;
283
- outline-width: 0;
284
- background-color: #000;
285
- box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
286
-
287
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
288
- font-size: 9px;
289
- font-weight: 600;
290
- line-height: 22px;
291
-
292
- -webkit-appearance: none;
293
-
294
- -moz-appearance: none;
295
-
296
- appearance: none;
297
- will-change: opacity;
298
- -webkit-tap-highlight-color: transparent
299
- }
300
- @media only screen and (min-width: 32em) {
301
- .DotsOnImage-module_marker__lH5cP {
302
- width: 28px;
303
- height: 28px;
304
-
305
- font-size: 13px;
306
- line-height: 28px
307
- }
308
- }
309
- .DotsOnImage-module_marker__lH5cP::after {
310
- position: absolute;
311
- top: -5px;
312
- right: -5px;
313
- bottom: -5px;
314
- left: -5px;
315
-
316
- content: ''
317
- }
318
- @media only screen and (min-width: 32em) {
319
- .DotsOnImage-module_marker__lH5cP::after {
320
- content: none
321
- }
322
- }
323
- .DotsOnImage-module_marker__lH5cP svg {
324
- display: block;
325
-
326
- width: 100%;
327
- height: 100%;
328
-
329
- will-change: opacity;
330
- }
331
- .DotsOnImage-module_marker__lH5cP:hover {
332
- box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
333
- }
334
- .DotsOnImage-module_marker__lH5cP.DotsOnImage-module_isActive__3hh31 {
335
- box-shadow: 0 0 8px rgba(0, 0, 0, 0.2), 0 0 0 1px #fff;
336
- }
337
- .DotsOnImage-module_popover__35Cpj {
338
- position: absolute;
339
- z-index: 10;
340
- }
341
- .DotsOnImage-module_popover__35Cpj.DotsOnImage-module_isRight__2RsJe.DotsOnImage-module_isTop__3zmSK {
342
- transform: translateX(50px);
343
- }
344
- .DotsOnImage-module_popover__35Cpj.DotsOnImage-module_isLeft__3quc9.DotsOnImage-module_isTop__3zmSK {
345
- transform: translateX(-100%) translateX(-22px);
346
- }
347
- .DotsOnImage-module_popover__35Cpj.DotsOnImage-module_isRight__2RsJe.DotsOnImage-module_isBottom__3Nk1T {
348
- transform: translateX(50px) translateY(-100%) translateY(22px);
349
- }
350
- .DotsOnImage-module_popover__35Cpj.DotsOnImage-module_isLeft__3quc9.DotsOnImage-module_isBottom__3Nk1T {
351
- transform: translateX(-100%) translateX(-22px) translateY(-100%)
352
- translateY(22px);
353
- }
354
- @-webkit-keyframes DotsOnImage-module_show__2TMBv {
355
- 0% {
356
- transform: scale(0.4);
357
-
358
- opacity: 0;
359
- }
360
-
361
- 90% {
362
- transform: scale(1.1);
363
-
364
- opacity: 1;
571
+ .SvgSymbol-module_user__1MGim {
572
+ width: 14px;
573
+ height: 14px
574
+ }
575
+ @media only screen and (min-width: 64em) {
576
+ .SvgSymbol-module_user__1MGim {
577
+ width: 16px;
578
+ height: 16px
579
+ }
365
580
  }
581
+ .SvgSymbol-module_bookmark__2z7tX {
582
+ width: 17px;
583
+ height: auto;
366
584
 
367
- 100% {
368
- transform: scale(1);
585
+ cursor: pointer;
369
586
 
370
- opacity: 1;
371
- }
587
+ stroke-width: 2px
372
588
  }
373
- @keyframes DotsOnImage-module_show__2TMBv {
374
- 0% {
375
- transform: scale(0.4);
589
+ @media only screen and (min-width: 64em) {
590
+ .SvgSymbol-module_bookmark__2z7tX {
591
+ width: 14px;
376
592
 
377
- opacity: 0;
593
+ stroke-width: 1.5px
594
+ }
378
595
  }
379
-
380
- 90% {
381
- transform: scale(1.1);
382
-
383
- opacity: 1;
596
+ .SvgSymbol-module_isInToolbar__3SaIh.SvgSymbol-module_bookmark__2z7tX {
597
+ width: 14px;
598
+ }
599
+ .SvgSymbol-module_receipt__3Eqow {
600
+ width: 10px;
601
+ height: 13px;
602
+ }
603
+ .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN {
604
+ width: 22px;
605
+ height: 22px
606
+ }
607
+ @media only screen and (min-width: 64em) {
608
+ .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN {
609
+ width: 14px;
610
+ height: 14px
611
+ }
384
612
  }
385
-
386
- 100% {
387
- transform: scale(1);
388
-
389
- opacity: 1;
613
+ @media only screen and (min-width: 64em) {
614
+ .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_search__VK6p3 circle {
615
+ stroke-width: 1.5px
616
+ }
390
617
  }
618
+ .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN path {
619
+ stroke-width: 1.8px
620
+ }
621
+ @media only screen and (min-width: 64em) {
622
+ .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN path {
623
+ stroke-width: 1.3px
391
624
  }
625
+ }
392
626
 
393
627
  /* Colors */
394
628
  /* Fonts */
@@ -430,212 +664,48 @@
430
664
  background-color: transparent;
431
665
  }
432
666
  .Image-module_wrapper__3fLjs {
433
- display: block;
434
-
435
- width: 100%;
436
-
437
- background-repeat: no-repeat;
438
- background-size: 100% auto;
439
- }
440
- .Image-module_fullscreen__29apx picture {
441
- cursor: pointer;
442
- }
443
- .Image-module_fullscreen__29apx picture:hover::after {
444
- opacity: 1;
445
- }
446
- .Image-module_fullscreen__29apx picture::after {
447
- position: absolute;
448
- right: 12px;
449
- bottom: 12px;
450
-
451
- width: 40px;
452
- height: 40px;
453
-
454
- transition: opacity 250ms ease;
455
- pointer-events: none;
456
-
457
- opacity: 0;
458
- border: 0.5px solid rgba(255, 255, 255, 0.15);
459
- border-radius: 20px;
460
- background-color: rgba(0, 0, 0, 0.7);
461
- 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");
462
- background-repeat: no-repeat;
463
- background-position: center
464
- }
465
- @media only screen and (min-width: 64em) {
466
- .Image-module_fullscreen__29apx picture::after {
467
- content: ''
468
- }
469
- }
470
- [data-input='mouse'] .Image-module_wrapper__3fLjs {
471
- outline: none;
472
- }
473
- .Image-module_dark__3o0nU {
474
- background-color: transparent;
475
- }
476
-
477
- /* Colors */
478
- /* Fonts */
479
- /* Gap */
480
- /* Media */
481
- /* 512 */
482
- /* 650 */
483
- /* 768 */
484
- /* 1024 */
485
- /* 1010 */
486
- /* 1200 */
487
- /* 511 */
488
- /* 1023 */
489
- /* Zindex */
490
- .Switcher-module_root__1Env1 {
491
- position: relative;
492
-
493
- display: -webkit-box;
494
-
495
- display: -webkit-flex;
496
-
497
- display: -ms-flexbox;
498
-
499
- display: flex;
500
- flex-flow: row nowrap;
501
- align-items: center;
502
-
503
- font-weight: 600;
504
-
505
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
506
- white-space: nowrap;
507
-
508
- cursor: pointer;
509
-
510
- -webkit-user-select: none;
511
-
512
- -moz-user-select: none;
513
-
514
- -ms-user-select: none;
515
-
516
- user-select: none;
517
- }
518
- .Switcher-module_dark__1IzaH {
519
- color: inherit;
520
- }
521
- .Switcher-module_dark__1IzaH .Switcher-module_control__1NTvY {
522
- background-color: transparent;
523
- }
524
- .Switcher-module_input__jaMVF {
525
- position: absolute;
526
- top: 0;
527
- left: 0;
528
-
529
- opacity: 0;
530
- }
531
- .Switcher-module_control__1NTvY {
532
- position: relative;
533
-
534
- display: block;
535
-
536
- width: 37px;
537
- height: 21px;
538
-
539
- background-color: #e6e6e6;
540
-
541
- border-radius: 15px;
542
- }
543
- .Switcher-module_control__1NTvY::before {
544
- position: absolute;
545
- top: 0;
546
- bottom: 0;
547
- left: 0;
548
-
549
- width: 18px;
550
-
551
- background: rgba(19, 191, 17, 0);
552
-
553
- border-radius: 15px;
554
-
555
- transition: 0.25s ease-in-out;
556
-
557
- content: '';
558
- }
559
- .Switcher-module_knob__3kEy5 {
560
- position: relative;
561
- top: 2px;
562
- left: 2px;
563
- z-index: 200;
564
-
565
- display: block;
566
-
567
- width: 17px;
568
- height: 17px;
569
-
570
- background: #fff;
571
-
572
- border-radius: 15px;
573
-
574
- transition: 0.25s ease-in-out;
575
- }
576
- .Switcher-module_input__jaMVF:checked ~ .Switcher-module_control__1NTvY::before {
577
- width: 100%;
578
-
579
- background-color: #b88b59;
580
- }
581
- .Switcher-module_input__jaMVF:checked ~ .Switcher-module_control__1NTvY::after {
582
- box-shadow: inset 0 0 0 1px transparent;
583
- }
584
- .Switcher-module_input__jaMVF:checked ~ .Switcher-module_control__1NTvY .Switcher-module_knob__3kEy5 {
585
- left: 18px;
586
- }
587
- .Switcher-module_children__147JP.Switcher-module_left__2coeE {
588
- margin-right: 6px;
589
- }
590
- .Switcher-module_children__147JP.Switcher-module_right__yWG7h {
591
- margin-left: 6px;
592
- }
593
- /* panel */
594
- .Switcher-module_isInPanel__TumqY .Switcher-module_children__147JP {
595
-
596
- color: #999;
597
-
598
- font-size: 13px;
599
- letter-spacing: 0.5px;
600
- text-transform: uppercase;
601
- }
602
- /* menu */
603
- .Switcher-module_isInMenu__3XJYj {
604
- font-weight: normal;
605
- }
606
- .Switcher-module_isInMenu__3XJYj .Switcher-module_children__147JP {
607
- margin-right: 8px;
608
- }
609
- .Switcher-module_isInMenu__3XJYj .Switcher-module_control__1NTvY {
610
- width: 48px;
611
- height: 30px;
612
- }
613
- .Switcher-module_isInMenu__3XJYj .Switcher-module_knob__3kEy5 {
614
- top: 4px;
667
+ display: block;
615
668
 
616
- width: 22px;
617
- height: 22px;
669
+ width: 100%;
618
670
 
619
- background-color: #bababa;
671
+ background-repeat: no-repeat;
672
+ background-size: 100% auto;
620
673
  }
621
- /* stylelint-disable selector-max-compound-selectors */
622
- .Switcher-module_isInMenu__3XJYj input:checked ~ .Switcher-module_control__1NTvY .Switcher-module_knob__3kEy5 {
623
- left: 23px;
624
-
625
- background-color: #fff;
674
+ .Image-module_fullscreen__29apx picture {
675
+ cursor: pointer;
626
676
  }
627
- /* live */
628
- .Switcher-module_isInLive__2cLui .Switcher-module_children__147JP {
677
+ .Image-module_fullscreen__29apx picture:hover::after {
678
+ opacity: 1;
679
+ }
680
+ .Image-module_fullscreen__29apx picture::after {
681
+ position: absolute;
682
+ right: 12px;
683
+ bottom: 12px;
629
684
 
630
- color: #7f7f7f;
685
+ width: 40px;
686
+ height: 40px;
631
687
 
632
- font-size: 13px;
633
- letter-spacing: 0.5px;
634
- text-transform: uppercase;
688
+ transition: opacity 250ms ease;
689
+ pointer-events: none;
690
+
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
635
698
  }
636
- .Switcher-module_isInMenu__3XJYj .Switcher-module_control__1NTvY {
637
- background-color: #1a1a1a;
638
- box-shadow: inset 0 0 0 1px #323232;
699
+ @media only screen and (min-width: 64em) {
700
+ .Image-module_fullscreen__29apx picture::after {
701
+ content: ''
702
+ }
703
+ }
704
+ [data-input='mouse'] .Image-module_wrapper__3fLjs {
705
+ outline: none;
706
+ }
707
+ .Image-module_dark__3o0nU {
708
+ background-color: transparent;
639
709
  }
640
710
 
641
711
  /* Colors */
@@ -651,227 +721,157 @@
651
721
  /* 511 */
652
722
  /* 1023 */
653
723
  /* Zindex */
654
- .Button-module_root__RpsiW {
724
+ .DotsOnImage-module_root__2XP3Q {
725
+ position: relative;
726
+
655
727
  display: block;
656
728
 
729
+ width: 100%;
730
+ }
731
+ .DotsOnImage-module_isVisible__Wqqqt .DotsOnImage-module_marker__lH5cP {
732
+ -webkit-animation: DotsOnImage-module_show__2TMBv 400ms ease both 500ms;
733
+ animation: DotsOnImage-module_show__2TMBv 400ms ease both 500ms;
734
+ }
735
+ .DotsOnImage-module_dot__H1wua {
736
+ position: absolute;
737
+ z-index: 10;
738
+
739
+ display: -webkit-box;
740
+
741
+ display: -webkit-flex;
742
+
743
+ display: -ms-flexbox;
744
+
745
+ display: flex;
746
+ align-items: center;
747
+ flex-flow: row nowrap;
748
+ justify-content: center;
749
+
750
+ width: 28px;
751
+ height: 28px;
752
+
753
+ will-change: opacity;
754
+ }
755
+ .DotsOnImage-module_marker__lH5cP {
756
+ width: 20px;
757
+ height: 20px;
657
758
  padding: 0;
658
759
 
659
760
  cursor: pointer;
660
- -webkit-user-select: none;
661
- -moz-user-select: none;
662
- -ms-user-select: none;
663
- user-select: none;
664
- transition: background-color 0.15s ease-out;
665
761
  text-align: center;
666
762
 
763
+ opacity: 0;
667
764
  color: #fff;
668
765
  border-width: 0;
669
- outline: none;
766
+ border-radius: 30px;
767
+ outline-width: 0;
768
+ background-color: #000;
769
+ box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
670
770
 
671
771
  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
672
- line-height: 1;
772
+ font-size: 9px;
773
+ font-weight: 600;
774
+ line-height: 22px;
673
775
 
674
776
  -webkit-appearance: none;
675
777
 
676
778
  -moz-appearance: none;
677
779
 
678
780
  appearance: none;
781
+ will-change: opacity;
782
+ -webkit-tap-highlight-color: transparent
679
783
  }
680
- .Button-module_root__RpsiW::-moz-focus-inner {
681
- border: 0;
682
- }
683
- .Button-module_root__RpsiW[disabled] {
684
- cursor: default;
685
- pointer-events: none;
784
+ @media only screen and (min-width: 32em) {
785
+ .DotsOnImage-module_marker__lH5cP {
786
+ width: 28px;
787
+ height: 28px;
686
788
 
687
- opacity: 0.5;
688
- }
689
- .Button-module_root__RpsiW > span:first-child {
690
- margin-right: 4px;
691
- }
692
- .Button-module_root__RpsiW > span:last-child {
693
- margin-left: 4px;
694
- }
695
- .Button-module_gold__ZMYg- {
696
- background: #b88b59;
697
- }
698
- .Button-module_gold__ZMYg-.Button-module_isLoading__1g6QO {
699
- fill: #b88b59;
700
- }
701
- .Button-module_gold__ZMYg-:hover {
702
- background-color: #9e784c
703
- }
704
- @media (hover: none) {
705
- .Button-module_gold__ZMYg-:hover {
706
- background-color: #b88b59
707
- }
708
- }
709
- .Button-module_gold__ZMYg-:active {
710
- background-color: #856440;
711
- }
712
- .Button-module_gray__3IM54 {
713
- color: #000;
714
- background-color: #f0f0f0;
715
- }
716
- .Button-module_gray__3IM54.Button-module_isLoading__1g6QO {
717
- fill: #545454;
718
- }
719
- .Button-module_gray__3IM54:hover {
720
- background-color: #ebebeb
721
- }
722
- @media (hover: none) {
723
- .Button-module_gray__3IM54:hover {
724
- background-color: #ebebeb
725
- }
726
- }
727
- .Button-module_gray__3IM54:active {
728
- background-color: #e3e3e3;
729
- }
730
- .Button-module_sand__2AqVq {
731
- background: #a18c68;
732
- }
733
- .Button-module_sand__2AqVq.Button-module_isLoading__1g6QO {
734
- fill: #a18c68;
735
- }
736
- .Button-module_sand__2AqVq:hover {
737
- background-color: #8a7654
738
- }
739
- @media (hover: none) {
740
- .Button-module_sand__2AqVq:hover {
741
- background-color: #a18c68
742
- }
743
- }
744
- .Button-module_sand__2AqVq:active {
745
- background-color: #7b6743;
746
- }
747
- .Button-module_dark__I0uXx {
748
- color: #adadad;
749
- background-color: #3a3a3a;
750
- box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.4);
751
- }
752
- .Button-module_dark__I0uXx:hover {
753
- background-color: #2e2e2e
754
- }
755
- @media (hover: none) {
756
- .Button-module_dark__I0uXx:hover {
757
- background-color: #3a3a3a
789
+ font-size: 13px;
790
+ line-height: 28px
758
791
  }
759
792
  }
760
- .Button-module_dark__I0uXx:active {
761
- background-color: #242424;
762
- }
763
- .Button-module_dark__I0uXx.Button-module_isLoading__1g6QO {
764
- fill: #3a3a3a;
765
- }
766
- .Button-module_light__1Y4hG {
767
- color: #000;
768
- background-color: #fff;
769
- }
770
- .Button-module_light__1Y4hG:hover {
771
- background-color: #ebebeb
793
+ .DotsOnImage-module_marker__lH5cP::after {
794
+ position: absolute;
795
+ top: -5px;
796
+ right: -5px;
797
+ bottom: -5px;
798
+ left: -5px;
799
+
800
+ content: ''
772
801
  }
773
- @media (hover: none) {
774
- .Button-module_light__1Y4hG:hover {
775
- background-color: #fff
802
+ @media only screen and (min-width: 32em) {
803
+ .DotsOnImage-module_marker__lH5cP::after {
804
+ content: none
776
805
  }
777
806
  }
778
- .Button-module_light__1Y4hG:active {
779
- background-color: #e3e3e3;
780
- }
781
- .Button-module_light__1Y4hG.Button-module_isLoading__1g6QO {
782
- fill: #fff;
783
- }
784
- .Button-module_black__3sG3Y {
785
- color: #7e7d7b;
786
- background-color: #000;
787
- }
788
- .Button-module_black__3sG3Y.Button-module_isLoading__1g6QO {
789
- fill: #7e7d7b;
790
- }
791
- .Button-module_black__3sG3Y:hover {
792
- background-color: #141414
807
+ .DotsOnImage-module_marker__lH5cP svg {
808
+ display: block;
809
+
810
+ width: 100%;
811
+ height: 100%;
812
+
813
+ will-change: opacity;
793
814
  }
794
- @media (hover: none) {
795
- .Button-module_black__3sG3Y:hover {
796
- background: #141414
815
+ .DotsOnImage-module_marker__lH5cP:hover {
816
+ box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
797
817
  }
798
- }
799
- .Button-module_black__3sG3Y:active {
800
- background-color: #242424;
818
+ .DotsOnImage-module_marker__lH5cP.DotsOnImage-module_isActive__3hh31 {
819
+ box-shadow: 0 0 8px rgba(0, 0, 0, 0.2), 0 0 0 1px #fff;
801
820
  }
802
- .Button-module_red__3Niou {
803
- background-color: #f95a5a;
821
+ .DotsOnImage-module_popover__35Cpj {
822
+ position: absolute;
823
+ z-index: 10;
804
824
  }
805
- .Button-module_red__3Niou:hover {
806
- background-color: #e65353
825
+ .DotsOnImage-module_popover__35Cpj.DotsOnImage-module_isRight__2RsJe.DotsOnImage-module_isTop__3zmSK {
826
+ transform: translateX(50px);
807
827
  }
808
- @media (hover: none) {
809
- .Button-module_red__3Niou:hover {
810
- background: #f95a5a
828
+ .DotsOnImage-module_popover__35Cpj.DotsOnImage-module_isLeft__3quc9.DotsOnImage-module_isTop__3zmSK {
829
+ transform: translateX(-100%) translateX(-22px);
811
830
  }
812
- }
813
- .Button-module_red__3Niou:active {
814
- background-color: #d44d4d;
831
+ .DotsOnImage-module_popover__35Cpj.DotsOnImage-module_isRight__2RsJe.DotsOnImage-module_isBottom__3Nk1T {
832
+ transform: translateX(50px) translateY(-100%) translateY(22px);
815
833
  }
816
- .Button-module_red__3Niou.Button-module_isLoading__1g6QO {
817
- fill: #141414;
834
+ .DotsOnImage-module_popover__35Cpj.DotsOnImage-module_isLeft__3quc9.DotsOnImage-module_isBottom__3Nk1T {
835
+ transform: translateX(-100%) translateX(-22px) translateY(-100%)
836
+ translateY(22px);
818
837
  }
819
- .Button-module_default__28Vo_ {
820
- width: 100%;
821
- height: 42px;
822
- padding: 6px 18px;
838
+ @-webkit-keyframes DotsOnImage-module_show__2TMBv {
839
+ 0% {
840
+ transform: scale(0.4);
823
841
 
824
- letter-spacing: 1px;
825
- text-transform: uppercase;
842
+ opacity: 0;
843
+ }
826
844
 
827
- border-radius: 8px;
845
+ 90% {
846
+ transform: scale(1.1);
828
847
 
829
- font-size: 12px;
830
- font-weight: 600;
831
- line-height: 22px
832
- }
833
- @media only screen and (min-width: 64em) {
834
- .Button-module_default__28Vo_ {
835
- padding: 7px 18px 6px;
848
+ opacity: 1;
849
+ }
836
850
 
837
- font-size: 14px;
838
- line-height: 16px
839
- }
851
+ 100% {
852
+ transform: scale(1);
853
+
854
+ opacity: 1;
840
855
  }
841
- .Button-module_isInSpoiler__2Yl8c svg {
842
- margin-top: -2px;
843
- margin-left: 6px;
844
856
  }
845
- .Button-module_ghost__3awCW {
846
- letter-spacing: inherit;
847
- text-transform: none;
857
+ @keyframes DotsOnImage-module_show__2TMBv {
858
+ 0% {
859
+ transform: scale(0.4);
848
860
 
849
- color: inherit;
850
- background-color: transparent;
861
+ opacity: 0;
862
+ }
851
863
 
852
- font-family: inherit;
853
- font-size: inherit;
854
- font-weight: inherit;
855
- }
856
- .Button-module_isInDropdown__1ogKL {
857
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
858
- }
859
- .Button-module_black__3sG3Y[disabled],
860
- .Button-module_sand__2AqVq[disabled] {
861
- opacity: 0.3;
862
- }
863
- /* LOADING */
864
- .Button-module_root__RpsiW.Button-module_isLoading__1g6QO {
865
- cursor: default;
866
- pointer-events: none;
864
+ 90% {
865
+ transform: scale(1.1);
867
866
 
868
- background-color: transparent;
869
- box-shadow: none;
870
- }
871
- .Button-module_loader__2pl6d {
872
- display: block;
867
+ opacity: 1;
868
+ }
873
869
 
874
- margin-top: -1px;
870
+ 100% {
871
+ transform: scale(1);
872
+
873
+ opacity: 1;
874
+ }
875
875
  }
876
876
 
877
877
  /* Colors */
@@ -1028,99 +1028,6 @@
1028
1028
  }
1029
1029
  }
1030
1030
 
1031
- /* Colors */
1032
- /* Fonts */
1033
- /* Gap */
1034
- /* Media */
1035
- /* 512 */
1036
- /* 650 */
1037
- /* 768 */
1038
- /* 1024 */
1039
- /* 1010 */
1040
- /* 1200 */
1041
- /* 511 */
1042
- /* 1023 */
1043
- /* Zindex */
1044
- .MediaCaption-module_root__KqTdw {
1045
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1046
- }
1047
- .MediaCaption-module_root__KqTdw a {
1048
- text-decoration: underline;
1049
-
1050
- color: inherit;
1051
- box-shadow: none;
1052
- }
1053
- .MediaCaption-module_root__KqTdw a:hover {
1054
- color: #b88b58;
1055
- }
1056
- .MediaCaption-module_caption__1hr7Y {
1057
- max-width: 520px;
1058
- padding-top: 4px;
1059
-
1060
- color: #1a1a1a;
1061
-
1062
- font-size: 14px;
1063
- line-height: 18px
1064
- }
1065
- @media only screen and (min-width: 32em) {
1066
- .MediaCaption-module_caption__1hr7Y {
1067
- font-size: 16px;
1068
- line-height: 22px
1069
- }
1070
- }
1071
- .MediaCaption-module_credit__3ehAP {
1072
- max-width: 520px;
1073
- padding-top: 1px;
1074
-
1075
- color: #666;
1076
-
1077
- font-size: 12px;
1078
- line-height: 16px
1079
- }
1080
- @media only screen and (min-width: 32em) {
1081
- .MediaCaption-module_credit__3ehAP {
1082
- padding-top: 3px
1083
- }
1084
- }
1085
- .MediaCaption-module_credit__3ehAP:first-child {
1086
- padding-top: 3px;
1087
- }
1088
- .MediaCaption-module_dark__3tL1u .MediaCaption-module_caption__1hr7Y {
1089
- color: #fff;
1090
- }
1091
- .MediaCaption-module_dark__3tL1u .MediaCaption-module_credit__3ehAP {
1092
- color: #929292;
1093
- }
1094
- .MediaCaption-module_video__1KZ6k .MediaCaption-module_caption__1hr7Y,
1095
- .MediaCaption-module_picture__3AAMH .MediaCaption-module_caption__1hr7Y {
1096
- padding-top: 10px
1097
- }
1098
- @media only screen and (min-width: 32em) {
1099
- .MediaCaption-module_video__1KZ6k .MediaCaption-module_caption__1hr7Y,
1100
- .MediaCaption-module_picture__3AAMH .MediaCaption-module_caption__1hr7Y {
1101
- padding-top: 12px
1102
- }
1103
- }
1104
- .MediaCaption-module_video__1KZ6k .MediaCaption-module_credit__3ehAP:first-child,
1105
- .MediaCaption-module_picture__3AAMH .MediaCaption-module_credit__3ehAP:first-child {
1106
- padding-top: 9px
1107
- }
1108
- @media only screen and (min-width: 32em) {
1109
- .MediaCaption-module_video__1KZ6k .MediaCaption-module_credit__3ehAP:first-child,
1110
- .MediaCaption-module_picture__3AAMH .MediaCaption-module_credit__3ehAP:first-child {
1111
- padding-top: 11px
1112
- }
1113
- }
1114
- .MediaCaption-module_picture__3AAMH .MediaCaption-module_credit__3ehAP,
1115
- .MediaCaption-module_picture__3AAMH .MediaCaption-module_caption__1hr7Y,
1116
- .MediaCaption-module_video__1KZ6k .MediaCaption-module_credit__3ehAP,
1117
- .MediaCaption-module_video__1KZ6k .MediaCaption-module_caption__1hr7Y,
1118
- .MediaCaption-module_desktop__3Saev .MediaCaption-module_credit__3ehAP,
1119
- .MediaCaption-module_desktop__3Saev .MediaCaption-module_caption__1hr7Y {
1120
- max-width: 650px;
1121
- }
1122
-
1123
-
1124
1031
  /* Colors */
1125
1032
  /* Fonts */
1126
1033
  /* Gap */
@@ -1256,6 +1163,99 @@
1256
1163
  }
1257
1164
  }
1258
1165
 
1166
+ /* Colors */
1167
+ /* Fonts */
1168
+ /* Gap */
1169
+ /* Media */
1170
+ /* 512 */
1171
+ /* 650 */
1172
+ /* 768 */
1173
+ /* 1024 */
1174
+ /* 1010 */
1175
+ /* 1200 */
1176
+ /* 511 */
1177
+ /* 1023 */
1178
+ /* Zindex */
1179
+ .MediaCaption-module_root__KqTdw {
1180
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1181
+ }
1182
+ .MediaCaption-module_root__KqTdw a {
1183
+ text-decoration: underline;
1184
+
1185
+ color: inherit;
1186
+ box-shadow: none;
1187
+ }
1188
+ .MediaCaption-module_root__KqTdw a:hover {
1189
+ color: #b88b58;
1190
+ }
1191
+ .MediaCaption-module_caption__1hr7Y {
1192
+ max-width: 520px;
1193
+ padding-top: 4px;
1194
+
1195
+ color: #1a1a1a;
1196
+
1197
+ font-size: 14px;
1198
+ line-height: 18px
1199
+ }
1200
+ @media only screen and (min-width: 32em) {
1201
+ .MediaCaption-module_caption__1hr7Y {
1202
+ font-size: 16px;
1203
+ line-height: 22px
1204
+ }
1205
+ }
1206
+ .MediaCaption-module_credit__3ehAP {
1207
+ max-width: 520px;
1208
+ padding-top: 1px;
1209
+
1210
+ color: #666;
1211
+
1212
+ font-size: 12px;
1213
+ line-height: 16px
1214
+ }
1215
+ @media only screen and (min-width: 32em) {
1216
+ .MediaCaption-module_credit__3ehAP {
1217
+ padding-top: 3px
1218
+ }
1219
+ }
1220
+ .MediaCaption-module_credit__3ehAP:first-child {
1221
+ padding-top: 3px;
1222
+ }
1223
+ .MediaCaption-module_dark__3tL1u .MediaCaption-module_caption__1hr7Y {
1224
+ color: #fff;
1225
+ }
1226
+ .MediaCaption-module_dark__3tL1u .MediaCaption-module_credit__3ehAP {
1227
+ color: #929292;
1228
+ }
1229
+ .MediaCaption-module_video__1KZ6k .MediaCaption-module_caption__1hr7Y,
1230
+ .MediaCaption-module_picture__3AAMH .MediaCaption-module_caption__1hr7Y {
1231
+ padding-top: 10px
1232
+ }
1233
+ @media only screen and (min-width: 32em) {
1234
+ .MediaCaption-module_video__1KZ6k .MediaCaption-module_caption__1hr7Y,
1235
+ .MediaCaption-module_picture__3AAMH .MediaCaption-module_caption__1hr7Y {
1236
+ padding-top: 12px
1237
+ }
1238
+ }
1239
+ .MediaCaption-module_video__1KZ6k .MediaCaption-module_credit__3ehAP:first-child,
1240
+ .MediaCaption-module_picture__3AAMH .MediaCaption-module_credit__3ehAP:first-child {
1241
+ padding-top: 9px
1242
+ }
1243
+ @media only screen and (min-width: 32em) {
1244
+ .MediaCaption-module_video__1KZ6k .MediaCaption-module_credit__3ehAP:first-child,
1245
+ .MediaCaption-module_picture__3AAMH .MediaCaption-module_credit__3ehAP:first-child {
1246
+ padding-top: 11px
1247
+ }
1248
+ }
1249
+ .MediaCaption-module_picture__3AAMH .MediaCaption-module_credit__3ehAP,
1250
+ .MediaCaption-module_picture__3AAMH .MediaCaption-module_caption__1hr7Y,
1251
+ .MediaCaption-module_video__1KZ6k .MediaCaption-module_credit__3ehAP,
1252
+ .MediaCaption-module_video__1KZ6k .MediaCaption-module_caption__1hr7Y,
1253
+ .MediaCaption-module_desktop__3Saev .MediaCaption-module_credit__3ehAP,
1254
+ .MediaCaption-module_desktop__3Saev .MediaCaption-module_caption__1hr7Y {
1255
+ max-width: 650px;
1256
+ }
1257
+
1258
+
1259
1259
  /* Colors */
1260
1260
  /* Fonts */
1261
1261
  /* Gap */
@@ -1656,6 +1656,149 @@
1656
1656
  }
1657
1657
  }
1658
1658
 
1659
+ /* Colors */
1660
+ /* Fonts */
1661
+ /* Gap */
1662
+ /* Media */
1663
+ /* 512 */
1664
+ /* 650 */
1665
+ /* 768 */
1666
+ /* 1024 */
1667
+ /* 1010 */
1668
+ /* 1200 */
1669
+ /* 511 */
1670
+ /* 1023 */
1671
+ /* Zindex */
1672
+ .Toolbar-module_root__2HF2r {
1673
+ overflow: hidden;
1674
+
1675
+ transform: translateZ(0);
1676
+
1677
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1678
+ }
1679
+ .Toolbar-module_list__1n5ny {
1680
+ display: -webkit-box;
1681
+ display: -webkit-flex;
1682
+ display: -ms-flexbox;
1683
+ display: flex;
1684
+ flex-flow: row wrap;
1685
+
1686
+ margin: 0 0 0 -10px;
1687
+ padding: 0;
1688
+
1689
+ list-style: none
1690
+ }
1691
+ @media only screen and (min-width: 64em) {
1692
+ .Toolbar-module_list__1n5ny {
1693
+ margin: 0 0 0 -15px
1694
+ }
1695
+ }
1696
+ .Toolbar-module_item__36x7d {
1697
+ position: relative;
1698
+
1699
+ min-width: 42px;
1700
+ height: 32px;
1701
+ padding-right: 10px;
1702
+ padding-left: 10px;
1703
+
1704
+ cursor: pointer;
1705
+ transition: color 250ms ease;
1706
+ text-align: center;
1707
+
1708
+ color: #808080;
1709
+
1710
+ line-height: 1
1711
+ }
1712
+ @media only screen and (min-width: 64em) {
1713
+ .Toolbar-module_item__36x7d {
1714
+ padding-right: 15px;
1715
+ padding-left: 15px
1716
+ }
1717
+ }
1718
+ .Toolbar-module_item__36x7d:last-child {
1719
+ margin-right: 0;
1720
+ }
1721
+ .Toolbar-module_item__36x7d::before {
1722
+ position: absolute;
1723
+ top: 7px;
1724
+ left: 0;
1725
+
1726
+ height: 18px;
1727
+
1728
+ content: '';
1729
+ vertical-align: middle;
1730
+
1731
+ border-left: 1px solid rgba(0, 0, 0, 0.15);
1732
+ }
1733
+ .Toolbar-module_item__36x7d:empty {
1734
+ display: none;
1735
+ }
1736
+ .Toolbar-module_isInTopbar__223iP {
1737
+ height: 100%;
1738
+ }
1739
+ .Toolbar-module_isInTopbar__223iP .Toolbar-module_item__36x7d {
1740
+ height: 100%;
1741
+ }
1742
+ .Toolbar-module_center__3_H8M {
1743
+ width: 100%;
1744
+ max-width: 650px;
1745
+ margin-right: auto;
1746
+ margin-left: auto;
1747
+ }
1748
+ .Toolbar-module_game__5-jY_ {
1749
+ margin-top: 11px
1750
+ }
1751
+ @media only screen and (min-width: 32em) {
1752
+ .Toolbar-module_game__5-jY_ {
1753
+ margin-top: 18px
1754
+ }
1755
+ }
1756
+ .Toolbar-module_game__5-jY_ .Toolbar-module_list__1n5ny,
1757
+ .Toolbar-module_gameSurvey__1hQEz .Toolbar-module_list__1n5ny {
1758
+ justify-content: center
1759
+ }
1760
+ @media only screen and (min-width: 32em) {
1761
+ .Toolbar-module_game__5-jY_ .Toolbar-module_list__1n5ny,
1762
+ .Toolbar-module_gameSurvey__1hQEz .Toolbar-module_list__1n5ny {
1763
+ display: -webkit-box;
1764
+ display: -webkit-flex;
1765
+ display: -ms-flexbox;
1766
+ display: flex
1767
+ }
1768
+ }
1769
+ .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child {
1770
+ width: 260px
1771
+ }
1772
+ @media only screen and (min-width: 32em) {
1773
+ .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child {
1774
+ width: auto
1775
+ }
1776
+ }
1777
+ .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child::before {
1778
+ content: none
1779
+ }
1780
+ @media only screen and (min-width: 32em) {
1781
+ .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child::before {
1782
+ content: ''
1783
+ }
1784
+ }
1785
+ .Toolbar-module_gameSurvey__1hQEz .Toolbar-module_item__36x7d:first-child::before,
1786
+ .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:first-child::before {
1787
+ content: none;
1788
+ }
1789
+ @media only screen and (min-width: 64em) {
1790
+ .Toolbar-module_game__5-jY_ .Toolbar-module_list__1n5ny,
1791
+ .Toolbar-module_gameSurvey__1hQEz .Toolbar-module_list__1n5ny {
1792
+ margin-left: 0
1793
+ }
1794
+ }
1795
+ .Toolbar-module_dark__2Ejc9 .Toolbar-module_item__36x7d::before {
1796
+ border-left-color: rgba(255, 255, 255, 0.2);
1797
+ }
1798
+ [data-context="prodano"] .Toolbar-module_root__2HF2r {
1799
+ display: none;
1800
+ }
1801
+
1659
1802
  /* Colors */
1660
1803
  /* Fonts */
1661
1804
  /* Gap */
@@ -1757,134 +1900,130 @@
1757
1900
  /* 511 */
1758
1901
  /* 1023 */
1759
1902
  /* Zindex */
1760
- .Toolbar-module_root__2HF2r {
1761
- overflow: hidden;
1762
-
1903
+ .Meta-module_root__12AG7 {
1763
1904
  transform: translateZ(0);
1764
1905
 
1765
1906
  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1766
- }
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;
1907
+ font-size: 12px;
1908
+ line-height: 15px;
1773
1909
 
1774
- margin: 0 0 0 -10px;
1775
- padding: 0;
1910
+ fill: inherit;
1911
+ }
1912
+ .Meta-module_rich__1XBtZ,
1913
+ .Meta-module_podcast__1m4zo,
1914
+ .Meta-module_episode__1K2Xv,
1915
+ .Meta-module_simple__3vUiI,
1916
+ .Meta-module_slide__3g6fG,
1917
+ .Meta-module_card__LE1RK,
1918
+ .Meta-module_game__3aNlZ,
1919
+ .Meta-module_isInMaterial__zaYMy {
1920
+ width: 100%;
1776
1921
 
1777
- list-style: none
1922
+ color: rgba(0, 0, 0, 0.4);
1778
1923
  }
1779
- @media only screen and (min-width: 64em) {
1780
- .Toolbar-module_list__1n5ny {
1781
- margin: 0 0 0 -15px
1924
+ .Meta-module_podcast__1m4zo {
1925
+ fill: currentColor;
1782
1926
  }
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
1927
+ .Meta-module_isInSearchItem__1wbpx {
1928
+ color: rgba(255, 255, 255, 0.7);
1929
+ }
1930
+ .Meta-module_slide__3g6fG.Meta-module_isInMediaBlock__3xfPF,
1931
+ .Meta-module_card__LE1RK.Meta-module_isInMediaBlock__3xfPF,
1932
+ .Meta-module_center__3BBPr.Meta-module_isInMediaBlock__3xfPF {
1933
+ text-align: left;
1799
1934
  }
1800
1935
  @media only screen and (min-width: 64em) {
1801
- .Toolbar-module_item__36x7d {
1802
- padding-right: 15px;
1803
- padding-left: 15px
1936
+ .Meta-module_center__3BBPr.Meta-module_half__1xRkT {
1937
+ text-align: left
1804
1938
  }
1805
1939
  }
1806
- .Toolbar-module_item__36x7d:last-child {
1807
- margin-right: 0;
1940
+ @media only screen and (min-width: 32em) {
1941
+ .Meta-module_episode__1K2Xv,
1942
+ .Meta-module_card__LE1RK,
1943
+ .Meta-module_slide__3g6fG,
1944
+ .Meta-module_game__3aNlZ,
1945
+ .Meta-module_center__3BBPr {
1946
+ text-align: center
1808
1947
  }
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;
1948
+ }
1949
+ .Meta-module_light__2baE- {
1950
+ color: rgba(255, 255, 255, 0.6);
1818
1951
 
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;
1952
+ fill: currentColor;
1835
1953
  }
1836
- .Toolbar-module_game__5-jY_ {
1837
- margin-top: 11px
1954
+ .Meta-module_dark__24y9m {
1955
+ color: rgba(0, 0, 0, 0.4);
1838
1956
  }
1839
- @media only screen and (min-width: 32em) {
1840
- .Toolbar-module_game__5-jY_ {
1841
- margin-top: 18px
1957
+ .Meta-module_episode__1K2Xv,
1958
+ .Meta-module_card__LE1RK,
1959
+ .Meta-module_slide__3g6fG,
1960
+ .Meta-module_podcast__1m4zo {
1961
+ display: -webkit-box;
1962
+ display: -webkit-flex;
1963
+ display: -ms-flexbox;
1964
+ display: flex;
1965
+ align-items: center;
1966
+ flex-flow: row wrap
1842
1967
  }
1843
- }
1844
- .Toolbar-module_game__5-jY_ .Toolbar-module_list__1n5ny,
1845
- .Toolbar-module_gameSurvey__1hQEz .Toolbar-module_list__1n5ny {
1846
- justify-content: center
1968
+ @media only screen and (min-width: 48em) {
1969
+ .Meta-module_episode__1K2Xv,
1970
+ .Meta-module_card__LE1RK,
1971
+ .Meta-module_slide__3g6fG,
1972
+ .Meta-module_podcast__1m4zo {
1973
+ display: block
1847
1974
  }
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 {
1975
+ }
1976
+ @media only screen and (max-width: 32.1875em) {
1977
+ .Meta-module_hasSource__2lXiN {
1851
1978
  display: -webkit-box;
1852
1979
  display: -webkit-flex;
1853
1980
  display: -ms-flexbox;
1854
- display: flex
1981
+ display: flex;
1982
+ flex-flow: row wrap
1855
1983
  }
1856
1984
  }
1857
- .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child {
1858
- width: 260px
1985
+ .Meta-module_bookmark__3ot3k {
1986
+ position: absolute;
1987
+ z-index: 10;
1988
+ right: -12px;
1989
+ bottom: -4px
1859
1990
  }
1860
1991
  @media only screen and (min-width: 32em) {
1861
- .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child {
1862
- width: auto
1992
+ .Meta-module_bookmark__3ot3k {
1993
+ display: none
1863
1994
  }
1864
1995
  }
1865
- .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child::before {
1866
- content: none
1867
- }
1996
+ /* VISIBILITY */
1868
1997
  @media only screen and (min-width: 32em) {
1869
- .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child::before {
1870
- content: ''
1998
+ .Meta-module_mobile__22LGV {
1999
+ display: none
1871
2000
  }
1872
2001
  }
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;
2002
+ .Meta-module_desktop__1ZGUS {
2003
+ display: none
1876
2004
  }
1877
- @media only screen and (min-width: 64em) {
1878
- .Toolbar-module_game__5-jY_ .Toolbar-module_list__1n5ny,
1879
- .Toolbar-module_gameSurvey__1hQEz .Toolbar-module_list__1n5ny {
1880
- margin-left: 0
2005
+ @media only screen and (min-width: 32em) {
2006
+ .Meta-module_desktop__1ZGUS {
2007
+ display: block
1881
2008
  }
1882
2009
  }
1883
- .Toolbar-module_dark__2Ejc9 .Toolbar-module_item__36x7d::before {
1884
- border-left-color: rgba(255, 255, 255, 0.2);
1885
- }
1886
- [data-context="prodano"] .Toolbar-module_root__2HF2r {
1887
- display: none;
2010
+
2011
+ /* Colors */
2012
+ /* Fonts */
2013
+ /* Gap */
2014
+ /* Media */
2015
+ /* 512 */
2016
+ /* 650 */
2017
+ /* 768 */
2018
+ /* 1024 */
2019
+ /* 1010 */
2020
+ /* 1200 */
2021
+ /* 511 */
2022
+ /* 1023 */
2023
+ /* Zindex */
2024
+ .Timestamp-module_root__coOvT {
2025
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2026
+ font-weight: normal;
1888
2027
  }
1889
2028
 
1890
2029
  /* Colors */
@@ -2042,200 +2181,61 @@
2042
2181
  }
2043
2182
  }
2044
2183
  @keyframes Popover-module_appear__37vPd {
2045
- 0% {
2046
- transform: translateY(100%);
2047
- }
2048
- 100% {
2049
- transform: translateY(0);
2050
- }
2051
- }
2052
- @-webkit-keyframes Popover-module_disappear__3Q9LI {
2053
- 0% {
2054
- transform: translateY(0);
2055
- }
2056
- 100% {
2057
- transform: translateY(100%);
2058
- }
2059
- }
2060
- @keyframes Popover-module_disappear__3Q9LI {
2061
- 0% {
2062
- transform: translateY(0);
2063
- }
2064
- 100% {
2065
- transform: translateY(100%);
2066
- }
2067
- }
2068
- @-webkit-keyframes Popover-module_fadeIn__AkrSN {
2069
- 0% {
2070
- opacity: 0;
2071
- }
2072
- 100% {
2073
- opacity: 1;
2074
- }
2075
- }
2076
- @keyframes Popover-module_fadeIn__AkrSN {
2077
- 0% {
2078
- opacity: 0;
2079
- }
2080
- 100% {
2081
- opacity: 1;
2082
- }
2083
- }
2084
- @-webkit-keyframes Popover-module_fadeOut__3EZhx {
2085
- 0% {
2086
- opacity: 1;
2087
- }
2088
- 100% {
2089
- opacity: 0;
2090
- }
2091
- }
2092
- @keyframes Popover-module_fadeOut__3EZhx {
2093
- 0% {
2094
- opacity: 1;
2095
- }
2096
- 100% {
2097
- opacity: 0;
2098
- }
2099
- }
2100
-
2101
- /* Colors */
2102
- /* Fonts */
2103
- /* Gap */
2104
- /* Media */
2105
- /* 512 */
2106
- /* 650 */
2107
- /* 768 */
2108
- /* 1024 */
2109
- /* 1010 */
2110
- /* 1200 */
2111
- /* 511 */
2112
- /* 1023 */
2113
- /* Zindex */
2114
- .Timestamp-module_root__coOvT {
2115
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2116
- font-weight: normal;
2117
- }
2118
-
2119
- /* Colors */
2120
- /* Fonts */
2121
- /* Gap */
2122
- /* Media */
2123
- /* 512 */
2124
- /* 650 */
2125
- /* 768 */
2126
- /* 1024 */
2127
- /* 1010 */
2128
- /* 1200 */
2129
- /* 511 */
2130
- /* 1023 */
2131
- /* Zindex */
2132
- .Meta-module_root__12AG7 {
2133
- transform: translateZ(0);
2134
-
2135
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2136
- font-size: 12px;
2137
- line-height: 15px;
2138
-
2139
- fill: inherit;
2140
- }
2141
- .Meta-module_rich__1XBtZ,
2142
- .Meta-module_podcast__1m4zo,
2143
- .Meta-module_episode__1K2Xv,
2144
- .Meta-module_simple__3vUiI,
2145
- .Meta-module_slide__3g6fG,
2146
- .Meta-module_card__LE1RK,
2147
- .Meta-module_game__3aNlZ,
2148
- .Meta-module_isInMaterial__zaYMy {
2149
- width: 100%;
2150
-
2151
- color: rgba(0, 0, 0, 0.4);
2152
- }
2153
- .Meta-module_podcast__1m4zo {
2154
- fill: currentColor;
2155
- }
2156
- .Meta-module_isInSearchItem__1wbpx {
2157
- color: rgba(255, 255, 255, 0.7);
2158
- }
2159
- .Meta-module_slide__3g6fG.Meta-module_isInMediaBlock__3xfPF,
2160
- .Meta-module_card__LE1RK.Meta-module_isInMediaBlock__3xfPF,
2161
- .Meta-module_center__3BBPr.Meta-module_isInMediaBlock__3xfPF {
2162
- text-align: left;
2163
- }
2164
- @media only screen and (min-width: 64em) {
2165
- .Meta-module_center__3BBPr.Meta-module_half__1xRkT {
2166
- text-align: left
2167
- }
2168
- }
2169
- @media only screen and (min-width: 32em) {
2170
- .Meta-module_episode__1K2Xv,
2171
- .Meta-module_card__LE1RK,
2172
- .Meta-module_slide__3g6fG,
2173
- .Meta-module_game__3aNlZ,
2174
- .Meta-module_center__3BBPr {
2175
- text-align: center
2176
- }
2177
- }
2178
- .Meta-module_light__2baE- {
2179
- color: rgba(255, 255, 255, 0.6);
2180
-
2181
- fill: currentColor;
2182
- }
2183
- .Meta-module_dark__24y9m {
2184
- color: rgba(0, 0, 0, 0.4);
2185
- }
2186
- .Meta-module_episode__1K2Xv,
2187
- .Meta-module_card__LE1RK,
2188
- .Meta-module_slide__3g6fG,
2189
- .Meta-module_podcast__1m4zo {
2190
- display: -webkit-box;
2191
- display: -webkit-flex;
2192
- display: -ms-flexbox;
2193
- display: flex;
2194
- align-items: center;
2195
- flex-flow: row wrap
2196
- }
2197
- @media only screen and (min-width: 48em) {
2198
- .Meta-module_episode__1K2Xv,
2199
- .Meta-module_card__LE1RK,
2200
- .Meta-module_slide__3g6fG,
2201
- .Meta-module_podcast__1m4zo {
2202
- display: block
2203
- }
2204
- }
2205
- @media only screen and (max-width: 32.1875em) {
2206
- .Meta-module_hasSource__2lXiN {
2207
- display: -webkit-box;
2208
- display: -webkit-flex;
2209
- display: -ms-flexbox;
2210
- display: flex;
2211
- flex-flow: row wrap
2184
+ 0% {
2185
+ transform: translateY(100%);
2186
+ }
2187
+ 100% {
2188
+ transform: translateY(0);
2189
+ }
2212
2190
  }
2191
+ @-webkit-keyframes Popover-module_disappear__3Q9LI {
2192
+ 0% {
2193
+ transform: translateY(0);
2194
+ }
2195
+ 100% {
2196
+ transform: translateY(100%);
2213
2197
  }
2214
- .Meta-module_bookmark__3ot3k {
2215
- position: absolute;
2216
- z-index: 10;
2217
- right: -12px;
2218
- bottom: -4px
2219
2198
  }
2220
- @media only screen and (min-width: 32em) {
2221
- .Meta-module_bookmark__3ot3k {
2222
- display: none
2199
+ @keyframes Popover-module_disappear__3Q9LI {
2200
+ 0% {
2201
+ transform: translateY(0);
2202
+ }
2203
+ 100% {
2204
+ transform: translateY(100%);
2205
+ }
2223
2206
  }
2207
+ @-webkit-keyframes Popover-module_fadeIn__AkrSN {
2208
+ 0% {
2209
+ opacity: 0;
2210
+ }
2211
+ 100% {
2212
+ opacity: 1;
2224
2213
  }
2225
- /* VISIBILITY */
2226
- @media only screen and (min-width: 32em) {
2227
- .Meta-module_mobile__22LGV {
2228
- display: none
2229
2214
  }
2215
+ @keyframes Popover-module_fadeIn__AkrSN {
2216
+ 0% {
2217
+ opacity: 0;
2218
+ }
2219
+ 100% {
2220
+ opacity: 1;
2230
2221
  }
2231
- .Meta-module_desktop__1ZGUS {
2232
- display: none
2233
2222
  }
2234
- @media only screen and (min-width: 32em) {
2235
- .Meta-module_desktop__1ZGUS {
2236
- display: block
2223
+ @-webkit-keyframes Popover-module_fadeOut__3EZhx {
2224
+ 0% {
2225
+ opacity: 1;
2226
+ }
2227
+ 100% {
2228
+ opacity: 0;
2229
+ }
2237
2230
  }
2231
+ @keyframes Popover-module_fadeOut__3EZhx {
2232
+ 0% {
2233
+ opacity: 1;
2234
+ }
2235
+ 100% {
2236
+ opacity: 0;
2238
2237
  }
2238
+ }
2239
2239
 
2240
2240
  /* Colors */
2241
2241
  /* Fonts */
@@ -2683,77 +2683,6 @@
2683
2683
  }
2684
2684
 
2685
2685
 
2686
- /* Colors */
2687
- /* Fonts */
2688
- /* Gap */
2689
- /* Media */
2690
- /* 512 */
2691
- /* 650 */
2692
- /* 768 */
2693
- /* 1024 */
2694
- /* 1010 */
2695
- /* 1200 */
2696
- /* 511 */
2697
- /* 1023 */
2698
- /* Zindex */
2699
- .ImportantLead-module_root__2BdT3 {
2700
- margin: 18px 0;
2701
- padding: 12px 12px 13px;
2702
-
2703
- border: 1px solid rgba(0, 0, 0, 0.08);
2704
- border-radius: 4px;
2705
- border-radius: 8px;
2706
- background: #FFF8C4;
2707
-
2708
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2709
- font-size: 16px;
2710
- font-weight: normal;
2711
- line-height: 20px
2712
- }
2713
- @media only screen and (min-width: 32em) {
2714
- .ImportantLead-module_root__2BdT3 {
2715
- margin: 25px 0;
2716
- padding: 12px 15px 13px;
2717
-
2718
- font-size: 17px;
2719
- line-height: 24px
2720
- }
2721
- }
2722
- .ImportantLead-module_root__2BdT3:last-child {
2723
- margin-bottom: 0;
2724
- }
2725
- .ImportantLead-module_root__2BdT3:first-child {
2726
- margin-top: 0;
2727
- }
2728
- .ImportantLead-module_root__2BdT3 a {
2729
- color: #000;
2730
- box-shadow: inset 0 -1px #000;
2731
- }
2732
- .ImportantLead-module_root__2BdT3 a:hover {
2733
- color: #b88b59;
2734
- box-shadow: inset 0 -1px #b88b59;
2735
- }
2736
- .ImportantLead-module_slide__3kQ9x {
2737
- max-width: 650px;
2738
- margin-right: auto;
2739
- margin-left: auto;
2740
- }
2741
- /* VISIBILITY */
2742
- @media only screen and (min-width: 32em) {
2743
- .ImportantLead-module_mobile__3BXbm {
2744
- display: none
2745
- }
2746
- }
2747
- .ImportantLead-module_desktop__3Zljc {
2748
- display: none
2749
- }
2750
- @media only screen and (min-width: 32em) {
2751
- .ImportantLead-module_desktop__3Zljc {
2752
- display: block
2753
- }
2754
- }
2755
-
2756
-
2757
2686
  /* Colors */
2758
2687
  /* Fonts */
2759
2688
  /* Gap */
@@ -2857,6 +2786,77 @@
2857
2786
  }
2858
2787
  }
2859
2788
 
2789
+ /* Colors */
2790
+ /* Fonts */
2791
+ /* Gap */
2792
+ /* Media */
2793
+ /* 512 */
2794
+ /* 650 */
2795
+ /* 768 */
2796
+ /* 1024 */
2797
+ /* 1010 */
2798
+ /* 1200 */
2799
+ /* 511 */
2800
+ /* 1023 */
2801
+ /* Zindex */
2802
+ .ImportantLead-module_root__2BdT3 {
2803
+ margin: 18px 0;
2804
+ padding: 12px 12px 13px;
2805
+
2806
+ border: 1px solid rgba(0, 0, 0, 0.08);
2807
+ border-radius: 4px;
2808
+ border-radius: 8px;
2809
+ background: #FFF8C4;
2810
+
2811
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2812
+ font-size: 16px;
2813
+ font-weight: normal;
2814
+ line-height: 20px
2815
+ }
2816
+ @media only screen and (min-width: 32em) {
2817
+ .ImportantLead-module_root__2BdT3 {
2818
+ margin: 25px 0;
2819
+ padding: 12px 15px 13px;
2820
+
2821
+ font-size: 17px;
2822
+ line-height: 24px
2823
+ }
2824
+ }
2825
+ .ImportantLead-module_root__2BdT3:last-child {
2826
+ margin-bottom: 0;
2827
+ }
2828
+ .ImportantLead-module_root__2BdT3:first-child {
2829
+ margin-top: 0;
2830
+ }
2831
+ .ImportantLead-module_root__2BdT3 a {
2832
+ color: #000;
2833
+ box-shadow: inset 0 -1px #000;
2834
+ }
2835
+ .ImportantLead-module_root__2BdT3 a:hover {
2836
+ color: #b88b59;
2837
+ box-shadow: inset 0 -1px #b88b59;
2838
+ }
2839
+ .ImportantLead-module_slide__3kQ9x {
2840
+ max-width: 650px;
2841
+ margin-right: auto;
2842
+ margin-left: auto;
2843
+ }
2844
+ /* VISIBILITY */
2845
+ @media only screen and (min-width: 32em) {
2846
+ .ImportantLead-module_mobile__3BXbm {
2847
+ display: none
2848
+ }
2849
+ }
2850
+ .ImportantLead-module_desktop__3Zljc {
2851
+ display: none
2852
+ }
2853
+ @media only screen and (min-width: 32em) {
2854
+ .ImportantLead-module_desktop__3Zljc {
2855
+ display: block
2856
+ }
2857
+ }
2858
+
2859
+
2860
2860
  /* Colors */
2861
2861
  /* Fonts */
2862
2862
  /* Gap */
@@ -3665,71 +3665,27 @@ a mark {
3665
3665
  }
3666
3666
  @media only screen and (min-width: 48em) {
3667
3667
  .SimpleBlock-module_isInAnswer__3aX6X.SimpleBlock-module_blockquote__pwpcX {
3668
- margin-top: 10px;
3669
- margin-bottom: 10px
3670
- }
3671
- }
3672
- .SimpleBlock-module_isInAnswer__3aX6X:first-child {
3673
- margin-top: 6px;
3674
- }
3675
- .SimpleBlock-module_isInAnswer__3aX6X:last-child {
3676
- margin-bottom: 0;
3677
- }
3678
- /* VISIBILITY */
3679
- @media only screen and (min-width: 32em) {
3680
- .SimpleBlock-module_mobile__Ckgek {
3681
- display: none
3682
- }
3683
- }
3684
- .SimpleBlock-module_desktop__2se2o {
3685
- display: none
3686
- }
3687
- @media only screen and (min-width: 32em) {
3688
- .SimpleBlock-module_desktop__2se2o {
3689
- display: block
3690
- }
3691
- }
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
3668
+ margin-top: 10px;
3669
+ margin-bottom: 10px
3720
3670
  }
3721
3671
  }
3672
+ .SimpleBlock-module_isInAnswer__3aX6X:first-child {
3673
+ margin-top: 6px;
3674
+ }
3675
+ .SimpleBlock-module_isInAnswer__3aX6X:last-child {
3676
+ margin-bottom: 0;
3677
+ }
3722
3678
  /* VISIBILITY */
3723
3679
  @media only screen and (min-width: 32em) {
3724
- .SimpleTitle-module_mobile__11gBz {
3680
+ .SimpleBlock-module_mobile__Ckgek {
3725
3681
  display: none
3726
3682
  }
3727
3683
  }
3728
- .SimpleTitle-module_desktop__3yXgy {
3684
+ .SimpleBlock-module_desktop__2se2o {
3729
3685
  display: none
3730
3686
  }
3731
3687
  @media only screen and (min-width: 32em) {
3732
- .SimpleTitle-module_desktop__3yXgy {
3688
+ .SimpleBlock-module_desktop__2se2o {
3733
3689
  display: block
3734
3690
  }
3735
3691
  }
@@ -3849,6 +3805,152 @@ a mark {
3849
3805
  }
3850
3806
  }
3851
3807
 
3808
+ /* Colors */
3809
+ /* Fonts */
3810
+ /* Gap */
3811
+ /* Media */
3812
+ /* 512 */
3813
+ /* 650 */
3814
+ /* 768 */
3815
+ /* 1024 */
3816
+ /* 1010 */
3817
+ /* 1200 */
3818
+ /* 511 */
3819
+ /* 1023 */
3820
+ /* Zindex */
3821
+ .SimpleTitle-module_root__2jVQN {
3822
+ margin: 0 0 18px;
3823
+
3824
+ font-family: 'PF Regal', 'PF Regal Text Pro', 'Georgia', serif;
3825
+ font-size: 20px;
3826
+ font-weight: normal;
3827
+ line-height: 23px
3828
+ }
3829
+ @media only screen and (min-width: 48em) {
3830
+ .SimpleTitle-module_root__2jVQN {
3831
+ margin-bottom: 15px;
3832
+
3833
+ font-size: 36px;
3834
+ line-height: 40px
3835
+ }
3836
+ }
3837
+ /* VISIBILITY */
3838
+ @media only screen and (min-width: 32em) {
3839
+ .SimpleTitle-module_mobile__11gBz {
3840
+ display: none
3841
+ }
3842
+ }
3843
+ .SimpleTitle-module_desktop__3yXgy {
3844
+ display: none
3845
+ }
3846
+ @media only screen and (min-width: 32em) {
3847
+ .SimpleTitle-module_desktop__3yXgy {
3848
+ display: block
3849
+ }
3850
+ }
3851
+
3852
+ /* Colors */
3853
+ /* Fonts */
3854
+ /* Gap */
3855
+ /* Media */
3856
+ /* 512 */
3857
+ /* 650 */
3858
+ /* 768 */
3859
+ /* 1024 */
3860
+ /* 1010 */
3861
+ /* 1200 */
3862
+ /* 511 */
3863
+ /* 1023 */
3864
+ /* Zindex */
3865
+ .MetaItem-module_root__2VQom {
3866
+ display: inline;
3867
+
3868
+ margin-right: 15px;
3869
+ }
3870
+ .MetaItem-module_root__2VQom > svg {
3871
+ display: inline-block;
3872
+
3873
+ margin-right: 1px;
3874
+
3875
+ vertical-align: top;
3876
+
3877
+ color: inherit;
3878
+
3879
+ fill: currentColor;
3880
+ }
3881
+ .MetaItem-module_root__2VQom a {
3882
+ display: inline;
3883
+
3884
+ text-decoration: underline;
3885
+
3886
+ color: inherit;
3887
+
3888
+ -webkit-text-decoration-skip: auto;
3889
+ }
3890
+ .MetaItem-module_root__2VQom a:hover {
3891
+ color: #b88b59;
3892
+ }
3893
+ .MetaItem-module_hasBullets__CkQPI {
3894
+ margin-right: 0;
3895
+ }
3896
+ .MetaItem-module_hasBullets__CkQPI:nth-child(n + 2)::before {
3897
+ display: inline-block;
3898
+
3899
+ padding-right: 0.4em;
3900
+ padding-left: 0.4em;
3901
+
3902
+ content: '\B7';
3903
+ }
3904
+ @media only screen and (max-width: 32.1875em) {
3905
+ .MetaItem-module_hasSource__1DmCI {
3906
+ width: 100%;
3907
+ margin-top: 3px;
3908
+ margin-bottom: 3px
3909
+ }
3910
+ }
3911
+ @media only screen and (max-width: 32.1875em) {
3912
+ .MetaItem-module_hasSource__1DmCI:first-child {
3913
+ margin-top: 0
3914
+ }
3915
+ }
3916
+ .MetaItem-module_hasSource__1DmCI:last-child {
3917
+ margin-bottom: 0;
3918
+ }
3919
+ @media only screen and (max-width: 32.1875em) {
3920
+ .MetaItem-module_hasSource__1DmCI:nth-child(n + 2)::before {
3921
+ display: none
3922
+ }
3923
+ }
3924
+ @media only screen and (max-width: 32.1875em) {
3925
+ .MetaItem-module_hasSource__1DmCI.MetaItem-module_listened__lwvAO::before,
3926
+ .MetaItem-module_hasSource__1DmCI.MetaItem-module_read__5eAIG::before {
3927
+ display: inline-block
3928
+ }
3929
+ }
3930
+ @media only screen and (max-width: 32.1875em) {
3931
+ .MetaItem-module_datetime__3tOWm,
3932
+ .MetaItem-module_listened__lwvAO,
3933
+ .MetaItem-module_read__5eAIG {
3934
+ width: auto
3935
+ }
3936
+ }
3937
+ @media only screen and (max-width: 32.1875em) {
3938
+ .MetaItem-module_hasSource__1DmCI.MetaItem-module_datetime__3tOWm:first-child {
3939
+ order: -2
3940
+ }
3941
+ }
3942
+ @media only screen and (max-width: 32.1875em) {
3943
+ .MetaItem-module_hasSource__1DmCI.MetaItem-module_listened__lwvAO,
3944
+ .MetaItem-module_hasSource__1DmCI.MetaItem-module_read__5eAIG {
3945
+ order: -1;
3946
+
3947
+ margin-top: 0
3948
+ }
3949
+ }
3950
+ .MetaItem-module_read__5eAIG svg {
3951
+ margin-top: -1px;
3952
+ }
3953
+
3852
3954
  /* Colors */
3853
3955
  /* Fonts */
3854
3956
  /* Gap */
@@ -4102,132 +4204,58 @@ a mark {
4102
4204
  [data-gdpr-panel='true'] .Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7 {
4103
4205
  bottom: 45px
4104
4206
  }
4105
- @media only screen and (min-width: 32em) {
4106
- [data-dfp-sticky-banner='true'] .Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7,
4107
- [data-gdpr-panel='true'] .Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7 {
4108
- bottom: 46px
4109
- }
4110
- }
4111
- @media only screen and (max-width: 32.1875em) {
4112
- [data-gdpr-panel='true'][data-dfp-sticky-banner='true'] .Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7 {
4113
- bottom: 90px
4114
- }
4115
- }
4116
- /* VISIBILITY */
4117
- @media only screen and (min-width: 32em) {
4118
- .Spoiler-module_mobile__2BPt8 {
4119
- display: none
4120
- }
4121
- }
4122
- .Spoiler-module_desktop__1BIFJ {
4123
- display: none
4124
- }
4125
- @media only screen and (min-width: 32em) {
4126
- .Spoiler-module_desktop__1BIFJ {
4127
- display: block
4128
- }
4129
- }
4130
-
4131
- /* Colors */
4132
- /* Fonts */
4133
- /* Gap */
4134
- /* Media */
4135
- /* 512 */
4136
- /* 650 */
4137
- /* 768 */
4138
- /* 1024 */
4139
- /* 1010 */
4140
- /* 1200 */
4141
- /* 511 */
4142
- /* 1023 */
4143
- /* Zindex */
4144
- .MetaItem-module_root__2VQom {
4145
- display: inline;
4146
-
4147
- margin-right: 15px;
4148
- }
4149
- .MetaItem-module_root__2VQom > svg {
4150
- display: inline-block;
4151
-
4152
- margin-right: 1px;
4153
-
4154
- vertical-align: top;
4155
-
4156
- color: inherit;
4157
-
4158
- fill: currentColor;
4159
- }
4160
- .MetaItem-module_root__2VQom a {
4161
- display: inline;
4162
-
4163
- text-decoration: underline;
4164
-
4165
- color: inherit;
4166
-
4167
- -webkit-text-decoration-skip: auto;
4168
- }
4169
- .MetaItem-module_root__2VQom a:hover {
4170
- color: #b88b59;
4171
- }
4172
- .MetaItem-module_hasBullets__CkQPI {
4173
- margin-right: 0;
4174
- }
4175
- .MetaItem-module_hasBullets__CkQPI:nth-child(n + 2)::before {
4176
- display: inline-block;
4177
-
4178
- padding-right: 0.4em;
4179
- padding-left: 0.4em;
4180
-
4181
- content: '\B7';
4182
- }
4183
- @media only screen and (max-width: 32.1875em) {
4184
- .MetaItem-module_hasSource__1DmCI {
4185
- width: 100%;
4186
- margin-top: 3px;
4187
- margin-bottom: 3px
4188
- }
4189
- }
4190
- @media only screen and (max-width: 32.1875em) {
4191
- .MetaItem-module_hasSource__1DmCI:first-child {
4192
- margin-top: 0
4193
- }
4194
- }
4195
- .MetaItem-module_hasSource__1DmCI:last-child {
4196
- margin-bottom: 0;
4197
- }
4198
- @media only screen and (max-width: 32.1875em) {
4199
- .MetaItem-module_hasSource__1DmCI:nth-child(n + 2)::before {
4200
- display: none
4207
+ @media only screen and (min-width: 32em) {
4208
+ [data-dfp-sticky-banner='true'] .Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7,
4209
+ [data-gdpr-panel='true'] .Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7 {
4210
+ bottom: 46px
4201
4211
  }
4202
4212
  }
4203
4213
  @media only screen and (max-width: 32.1875em) {
4204
- .MetaItem-module_hasSource__1DmCI.MetaItem-module_listened__lwvAO::before,
4205
- .MetaItem-module_hasSource__1DmCI.MetaItem-module_read__5eAIG::before {
4206
- display: inline-block
4214
+ [data-gdpr-panel='true'][data-dfp-sticky-banner='true'] .Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7 {
4215
+ bottom: 90px
4207
4216
  }
4208
4217
  }
4209
- @media only screen and (max-width: 32.1875em) {
4210
- .MetaItem-module_datetime__3tOWm,
4211
- .MetaItem-module_listened__lwvAO,
4212
- .MetaItem-module_read__5eAIG {
4213
- width: auto
4218
+ /* VISIBILITY */
4219
+ @media only screen and (min-width: 32em) {
4220
+ .Spoiler-module_mobile__2BPt8 {
4221
+ display: none
4214
4222
  }
4215
4223
  }
4216
- @media only screen and (max-width: 32.1875em) {
4217
- .MetaItem-module_hasSource__1DmCI.MetaItem-module_datetime__3tOWm:first-child {
4218
- order: -2
4224
+ .Spoiler-module_desktop__1BIFJ {
4225
+ display: none
4226
+ }
4227
+ @media only screen and (min-width: 32em) {
4228
+ .Spoiler-module_desktop__1BIFJ {
4229
+ display: block
4219
4230
  }
4220
4231
  }
4221
- @media only screen and (max-width: 32.1875em) {
4222
- .MetaItem-module_hasSource__1DmCI.MetaItem-module_listened__lwvAO,
4223
- .MetaItem-module_hasSource__1DmCI.MetaItem-module_read__5eAIG {
4224
- order: -1;
4225
4232
 
4226
- margin-top: 0
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;
4227
4251
  }
4228
- }
4229
- .MetaItem-module_read__5eAIG svg {
4230
- margin-top: -1px;
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;
4231
4259
  }
4232
4260
 
4233
4261
  /* stylelint-disable declaration-empty-line-before */
@@ -4362,255 +4390,57 @@ a mark {
4362
4390
  transform: scale(0.33);
4363
4391
  }
4364
4392
 
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
- /* stylelint-disable declaration-empty-line-before */
4418
- /* Colors */
4419
- /* Fonts */
4420
- /* Gap */
4421
- /* Media */
4422
- /* 512 */
4423
- /* 650 */
4424
- /* 768 */
4425
- /* 1024 */
4426
- /* 1010 */
4427
- /* 1200 */
4428
- /* 511 */
4429
- /* 1023 */
4430
- /* Zindex */
4431
- .DocumentItemsCount-module_root__P3q-z {
4432
- display: inline;
4433
-
4434
- line-height: inherit;
4435
- }
4436
- .DocumentItemsCount-module_root__P3q-z svg {
4437
- vertical-align: top;
4438
- }
4439
- .DocumentItemsCount-module_items__3pfxW {
4440
- margin-left: 1px;
4441
-
4442
- vertical-align: top;
4443
- }
4444
-
4445
- /* Colors */
4446
- /* Fonts */
4447
- /* Gap */
4448
- /* Media */
4449
- /* 512 */
4450
- /* 650 */
4451
- /* 768 */
4452
- /* 1024 */
4453
- /* 1010 */
4454
- /* 1200 */
4455
- /* 511 */
4456
- /* 1023 */
4457
- /* Zindex */
4458
- .ToolbarButton-module_root__xN-fq {
4459
- height: 100%;
4460
- margin: 0;
4461
- padding: 0 1px 0 0;
4462
-
4463
- cursor: pointer;
4464
-
4465
- color: inherit;
4466
- border-width: 0;
4467
- outline: none;
4468
- background-color: transparent;
4469
-
4470
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
4471
- font-size: 12px;
4472
- font-weight: 600;
4473
- line-height: 1;
4474
-
4475
- -webkit-appearance: none;
4476
-
4477
- -moz-appearance: none;
4478
-
4479
- appearance: none;
4480
- }
4481
- .ToolbarButton-module_root__xN-fq::after {
4482
- position: absolute;
4483
- top: 0;
4484
- right: 0;
4485
- bottom: 0;
4486
- left: 0;
4487
-
4488
- content: '';
4489
- }
4490
- .ToolbarButton-module_root__xN-fq:hover {
4491
- opacity: 0.6;
4492
- }
4493
- .ToolbarButton-module_dark__GrIOr {
4494
- color: #fff;
4495
- }
4496
- .ToolbarButton-module_dark__GrIOr:hover {
4497
- opacity: 0.6;
4498
- }
4499
- .ToolbarButton-module_dark__GrIOr svg {
4500
- color: #262626;
4501
-
4502
- fill: #fff;
4503
- }
4504
- .ToolbarButton-module_dark__GrIOr.ToolbarButton-module_bookmark__3369b svg {
4505
- color: #fff;
4506
-
4507
- fill: transparent;
4508
- }
4509
- .ToolbarButton-module_dark__GrIOr.ToolbarButton-module_bookmark__3369b.ToolbarButton-module_isActive__3NLAE svg {
4510
- fill: currentColor;
4511
- }
4512
- .ToolbarButton-module_dark__GrIOr::before {
4513
- border-left-color: rgba(255, 255, 255, 0.2);
4514
- }
4515
- .ToolbarButton-module_root__xN-fq [data-theme='dark'] {
4516
- visibility: hidden;
4517
- }
4518
- .ToolbarButton-module_dark__GrIOr [data-theme='dark'] {
4519
- visibility: visible;
4520
- }
4521
- .ToolbarButton-module_dark__GrIOr [data-theme='light'] {
4522
- visibility: hidden;
4523
- }
4524
- .ToolbarButton-module_text__32m6s {
4525
- display: inline-block;
4526
-
4527
- padding-left: 5px;
4528
-
4529
- vertical-align: middle;
4530
- }
4531
- .ToolbarButton-module_text__32m6s:empty {
4532
- display: none;
4533
- }
4534
- .ToolbarButton-module_bookmark__3369b {
4535
- color: #999;
4536
-
4537
- fill: transparent;
4538
- }
4539
- .ToolbarButton-module_isActive__3NLAE {
4540
- fill: currentColor;
4541
- }
4542
-
4543
- /* Colors */
4544
- /* Fonts */
4545
- /* Gap */
4546
- /* Media */
4547
- /* 512 */
4548
- /* 650 */
4549
- /* 768 */
4550
- /* 1024 */
4551
- /* 1010 */
4552
- /* 1200 */
4553
- /* 511 */
4554
- /* 1023 */
4555
- /* Zindex */
4556
- .Footnote-module_root__2a0-B {
4557
- position: relative;
4558
-
4559
- width: 320px;
4560
- padding: 20px;
4393
+ 100% {
4394
+ transform: scale(0.66);
4561
4395
 
4562
- border-radius: 8px;
4563
- background-color: #fff;
4564
- box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 5px 20px rgba(0, 0, 0, 0.2);
4565
- }
4566
- .Footnote-module_body__259Ly {
4567
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
4568
- font-size: 16px;
4569
- line-height: 22px;
4396
+ opacity: 0;
4397
+ }
4570
4398
  }
4571
- .Footnote-module_body__259Ly h3 {
4572
- margin: 0 0 16px;
4399
+ @keyframes MetaItemLive-module_liveFirstWave__3dbvz {
4400
+ 21% {
4401
+ transform: scale(0.1);
4402
+ }
4573
4403
 
4574
- font-size: inherit;
4575
- font-weight: 700;
4576
- line-height: inherit;
4577
- }
4578
- .Footnote-module_body__259Ly p {
4579
- margin: 0;
4580
- }
4581
- .Footnote-module_body__259Ly p + p {
4582
- margin-top: 6px;
4583
- }
4584
- .Footnote-module_body__259Ly a {
4585
- color: inherit;
4586
- box-shadow: inset 0 -1px #b88b59;
4587
- }
4588
- .Footnote-module_body__259Ly a:hover {
4589
- color: #b88b59;
4404
+ 53% {
4405
+ transform: scale(0.33);
4406
+ }
4407
+
4408
+ 100% {
4409
+ transform: scale(0.66);
4410
+
4411
+ opacity: 0;
4412
+ }
4590
4413
  }
4591
- .Footnote-module_dismiss__1HKG5 {
4592
- position: absolute;
4593
- top: 0;
4594
- right: 0;
4414
+ @-webkit-keyframes MetaItemLive-module_liveSecondWave__12g57 {
4415
+ 21% {
4416
+ transform: scale(0.22);
4417
+ }
4595
4418
 
4596
- margin: 0;
4597
- padding: 6px 9px 10px;
4419
+ 53% {
4420
+ transform: scale(0.55);
4421
+ }
4598
4422
 
4599
- cursor: pointer;
4423
+ 100% {
4424
+ transform: scale(0.88);
4600
4425
 
4601
- color: #b3b3b3;
4602
- border-width: 0;
4603
- outline: none;
4604
- background-color: transparent;
4605
- }
4606
- .Footnote-module_dismiss__1HKG5:hover {
4607
- color: #757575;
4608
- }
4609
- .Footnote-module_dismiss__1HKG5 svg {
4610
- width: 12px;
4611
- height: 12px;
4426
+ opacity: 0;
4427
+ }
4612
4428
  }
4429
+ @keyframes MetaItemLive-module_liveSecondWave__12g57 {
4430
+ 21% {
4431
+ transform: scale(0.22);
4432
+ }
4433
+
4434
+ 53% {
4435
+ transform: scale(0.55);
4436
+ }
4613
4437
 
4438
+ 100% {
4439
+ transform: scale(0.88);
4440
+
4441
+ opacity: 0;
4442
+ }
4443
+ }
4614
4444
 
4615
4445
  /* Colors */
4616
4446
  /* Fonts */
@@ -4880,6 +4710,176 @@ a mark {
4880
4710
  }
4881
4711
  }
4882
4712
 
4713
+ /* Colors */
4714
+ /* Fonts */
4715
+ /* Gap */
4716
+ /* Media */
4717
+ /* 512 */
4718
+ /* 650 */
4719
+ /* 768 */
4720
+ /* 1024 */
4721
+ /* 1010 */
4722
+ /* 1200 */
4723
+ /* 511 */
4724
+ /* 1023 */
4725
+ /* Zindex */
4726
+ .ToolbarButton-module_root__xN-fq {
4727
+ height: 100%;
4728
+ margin: 0;
4729
+ padding: 0 1px 0 0;
4730
+
4731
+ cursor: pointer;
4732
+
4733
+ color: inherit;
4734
+ border-width: 0;
4735
+ outline: none;
4736
+ background-color: transparent;
4737
+
4738
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
4739
+ font-size: 12px;
4740
+ font-weight: 600;
4741
+ line-height: 1;
4742
+
4743
+ -webkit-appearance: none;
4744
+
4745
+ -moz-appearance: none;
4746
+
4747
+ appearance: none;
4748
+ }
4749
+ .ToolbarButton-module_root__xN-fq::after {
4750
+ position: absolute;
4751
+ top: 0;
4752
+ right: 0;
4753
+ bottom: 0;
4754
+ left: 0;
4755
+
4756
+ content: '';
4757
+ }
4758
+ .ToolbarButton-module_root__xN-fq:hover {
4759
+ opacity: 0.6;
4760
+ }
4761
+ .ToolbarButton-module_dark__GrIOr {
4762
+ color: #fff;
4763
+ }
4764
+ .ToolbarButton-module_dark__GrIOr:hover {
4765
+ opacity: 0.6;
4766
+ }
4767
+ .ToolbarButton-module_dark__GrIOr svg {
4768
+ color: #262626;
4769
+
4770
+ fill: #fff;
4771
+ }
4772
+ .ToolbarButton-module_dark__GrIOr.ToolbarButton-module_bookmark__3369b svg {
4773
+ color: #fff;
4774
+
4775
+ fill: transparent;
4776
+ }
4777
+ .ToolbarButton-module_dark__GrIOr.ToolbarButton-module_bookmark__3369b.ToolbarButton-module_isActive__3NLAE svg {
4778
+ fill: currentColor;
4779
+ }
4780
+ .ToolbarButton-module_dark__GrIOr::before {
4781
+ border-left-color: rgba(255, 255, 255, 0.2);
4782
+ }
4783
+ .ToolbarButton-module_root__xN-fq [data-theme='dark'] {
4784
+ visibility: hidden;
4785
+ }
4786
+ .ToolbarButton-module_dark__GrIOr [data-theme='dark'] {
4787
+ visibility: visible;
4788
+ }
4789
+ .ToolbarButton-module_dark__GrIOr [data-theme='light'] {
4790
+ visibility: hidden;
4791
+ }
4792
+ .ToolbarButton-module_text__32m6s {
4793
+ display: inline-block;
4794
+
4795
+ padding-left: 5px;
4796
+
4797
+ vertical-align: middle;
4798
+ }
4799
+ .ToolbarButton-module_text__32m6s:empty {
4800
+ display: none;
4801
+ }
4802
+ .ToolbarButton-module_bookmark__3369b {
4803
+ color: #999;
4804
+
4805
+ fill: transparent;
4806
+ }
4807
+ .ToolbarButton-module_isActive__3NLAE {
4808
+ fill: currentColor;
4809
+ }
4810
+
4811
+ /* Colors */
4812
+ /* Fonts */
4813
+ /* Gap */
4814
+ /* Media */
4815
+ /* 512 */
4816
+ /* 650 */
4817
+ /* 768 */
4818
+ /* 1024 */
4819
+ /* 1010 */
4820
+ /* 1200 */
4821
+ /* 511 */
4822
+ /* 1023 */
4823
+ /* Zindex */
4824
+ .Footnote-module_root__2a0-B {
4825
+ position: relative;
4826
+
4827
+ width: 320px;
4828
+ padding: 20px;
4829
+
4830
+ border-radius: 8px;
4831
+ background-color: #fff;
4832
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 5px 20px rgba(0, 0, 0, 0.2);
4833
+ }
4834
+ .Footnote-module_body__259Ly {
4835
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
4836
+ font-size: 16px;
4837
+ line-height: 22px;
4838
+ }
4839
+ .Footnote-module_body__259Ly h3 {
4840
+ margin: 0 0 16px;
4841
+
4842
+ font-size: inherit;
4843
+ font-weight: 700;
4844
+ line-height: inherit;
4845
+ }
4846
+ .Footnote-module_body__259Ly p {
4847
+ margin: 0;
4848
+ }
4849
+ .Footnote-module_body__259Ly p + p {
4850
+ margin-top: 6px;
4851
+ }
4852
+ .Footnote-module_body__259Ly a {
4853
+ color: inherit;
4854
+ box-shadow: inset 0 -1px #b88b59;
4855
+ }
4856
+ .Footnote-module_body__259Ly a:hover {
4857
+ color: #b88b59;
4858
+ }
4859
+ .Footnote-module_dismiss__1HKG5 {
4860
+ position: absolute;
4861
+ top: 0;
4862
+ right: 0;
4863
+
4864
+ margin: 0;
4865
+ padding: 6px 9px 10px;
4866
+
4867
+ cursor: pointer;
4868
+
4869
+ color: #b3b3b3;
4870
+ border-width: 0;
4871
+ outline: none;
4872
+ background-color: transparent;
4873
+ }
4874
+ .Footnote-module_dismiss__1HKG5:hover {
4875
+ color: #757575;
4876
+ }
4877
+ .Footnote-module_dismiss__1HKG5 svg {
4878
+ width: 12px;
4879
+ height: 12px;
4880
+ }
4881
+
4882
+
4883
4883
  /* Colors */
4884
4884
  /* Fonts */
4885
4885
  /* Gap */