@meduza/ui-kit-2 0.1.23 → 0.1.25

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/ui-kit.css CHANGED
@@ -1,3 +1,239 @@
1
+ /* Colors */
2
+ /* Fonts */
3
+ /* Gap */
4
+ /* Media */
5
+ /* 512 */
6
+ /* 650 */
7
+ /* 768 */
8
+ /* 1024 */
9
+ /* 1010 */
10
+ /* 1200 */
11
+ /* 511 */
12
+ /* 1023 */
13
+ /* Zindex */
14
+ .Button-module_root__RpsiW {
15
+ display: block;
16
+
17
+ padding: 0;
18
+
19
+ cursor: pointer;
20
+ -webkit-user-select: none;
21
+ -moz-user-select: none;
22
+ -ms-user-select: none;
23
+ user-select: none;
24
+ transition: background-color 0.15s ease-out;
25
+ text-align: center;
26
+
27
+ color: #fff;
28
+ border-width: 0;
29
+ outline: none;
30
+
31
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
32
+ line-height: 1;
33
+
34
+ -webkit-appearance: none;
35
+
36
+ -moz-appearance: none;
37
+
38
+ appearance: none;
39
+ }
40
+ .Button-module_root__RpsiW::-moz-focus-inner {
41
+ border: 0;
42
+ }
43
+ .Button-module_root__RpsiW[disabled] {
44
+ cursor: default;
45
+ pointer-events: none;
46
+
47
+ opacity: 0.5;
48
+ }
49
+ .Button-module_root__RpsiW > span:first-child {
50
+ margin-right: 4px;
51
+ }
52
+ .Button-module_root__RpsiW > span:last-child {
53
+ margin-left: 4px;
54
+ }
55
+ .Button-module_gold__ZMYg- {
56
+ background: #b88b59;
57
+ }
58
+ .Button-module_gold__ZMYg-.Button-module_isLoading__1g6QO {
59
+ fill: #b88b59;
60
+ }
61
+ .Button-module_gold__ZMYg-:hover {
62
+ background-color: #9e784c
63
+ }
64
+ @media (hover: none) {
65
+ .Button-module_gold__ZMYg-:hover {
66
+ background-color: #b88b59
67
+ }
68
+ }
69
+ .Button-module_gold__ZMYg-:active {
70
+ background-color: #856440;
71
+ }
72
+ .Button-module_gray__3IM54 {
73
+ color: #000;
74
+ background-color: #f0f0f0;
75
+ }
76
+ .Button-module_gray__3IM54.Button-module_isLoading__1g6QO {
77
+ fill: #545454;
78
+ }
79
+ .Button-module_gray__3IM54:hover {
80
+ background-color: #ebebeb
81
+ }
82
+ @media (hover: none) {
83
+ .Button-module_gray__3IM54:hover {
84
+ background-color: #ebebeb
85
+ }
86
+ }
87
+ .Button-module_gray__3IM54:active {
88
+ background-color: #e3e3e3;
89
+ }
90
+ .Button-module_sand__2AqVq {
91
+ background: #a18c68;
92
+ }
93
+ .Button-module_sand__2AqVq.Button-module_isLoading__1g6QO {
94
+ fill: #a18c68;
95
+ }
96
+ .Button-module_sand__2AqVq:hover {
97
+ background-color: #8a7654
98
+ }
99
+ @media (hover: none) {
100
+ .Button-module_sand__2AqVq:hover {
101
+ background-color: #a18c68
102
+ }
103
+ }
104
+ .Button-module_sand__2AqVq:active {
105
+ background-color: #7b6743;
106
+ }
107
+ .Button-module_dark__I0uXx {
108
+ color: #adadad;
109
+ background-color: #3a3a3a;
110
+ box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.4);
111
+ }
112
+ .Button-module_dark__I0uXx:hover {
113
+ background-color: #2e2e2e
114
+ }
115
+ @media (hover: none) {
116
+ .Button-module_dark__I0uXx:hover {
117
+ background-color: #3a3a3a
118
+ }
119
+ }
120
+ .Button-module_dark__I0uXx:active {
121
+ background-color: #242424;
122
+ }
123
+ .Button-module_dark__I0uXx.Button-module_isLoading__1g6QO {
124
+ fill: #3a3a3a;
125
+ }
126
+ .Button-module_light__1Y4hG {
127
+ color: #000;
128
+ background-color: #fff;
129
+ }
130
+ .Button-module_light__1Y4hG:hover {
131
+ background-color: #ebebeb
132
+ }
133
+ @media (hover: none) {
134
+ .Button-module_light__1Y4hG:hover {
135
+ background-color: #fff
136
+ }
137
+ }
138
+ .Button-module_light__1Y4hG:active {
139
+ background-color: #e3e3e3;
140
+ }
141
+ .Button-module_light__1Y4hG.Button-module_isLoading__1g6QO {
142
+ fill: #fff;
143
+ }
144
+ .Button-module_black__3sG3Y {
145
+ color: #7e7d7b;
146
+ background-color: #000;
147
+ }
148
+ .Button-module_black__3sG3Y.Button-module_isLoading__1g6QO {
149
+ fill: #7e7d7b;
150
+ }
151
+ .Button-module_black__3sG3Y:hover {
152
+ background-color: #141414
153
+ }
154
+ @media (hover: none) {
155
+ .Button-module_black__3sG3Y:hover {
156
+ background: #141414
157
+ }
158
+ }
159
+ .Button-module_black__3sG3Y:active {
160
+ background-color: #242424;
161
+ }
162
+ .Button-module_red__3Niou {
163
+ background-color: #f95a5a;
164
+ }
165
+ .Button-module_red__3Niou:hover {
166
+ background-color: #e65353
167
+ }
168
+ @media (hover: none) {
169
+ .Button-module_red__3Niou:hover {
170
+ background: #f95a5a
171
+ }
172
+ }
173
+ .Button-module_red__3Niou:active {
174
+ background-color: #d44d4d;
175
+ }
176
+ .Button-module_red__3Niou.Button-module_isLoading__1g6QO {
177
+ fill: #141414;
178
+ }
179
+ .Button-module_default__28Vo_ {
180
+ width: 100%;
181
+ height: 42px;
182
+ padding: 6px 18px;
183
+
184
+ letter-spacing: 1px;
185
+ text-transform: uppercase;
186
+
187
+ border-radius: 8px;
188
+
189
+ font-size: 12px;
190
+ font-weight: 600;
191
+ line-height: 22px
192
+ }
193
+ @media only screen and (min-device-width: 64em) {
194
+ .Button-module_default__28Vo_ {
195
+ padding: 7px 18px 6px;
196
+
197
+ font-size: 14px;
198
+ line-height: 16px
199
+ }
200
+ }
201
+ .Button-module_isInSpoiler__2Yl8c svg {
202
+ margin-top: -2px;
203
+ margin-left: 6px;
204
+ }
205
+ .Button-module_ghost__3awCW {
206
+ letter-spacing: inherit;
207
+ text-transform: none;
208
+
209
+ color: inherit;
210
+ background-color: transparent;
211
+
212
+ font-family: inherit;
213
+ font-size: inherit;
214
+ font-weight: inherit;
215
+ }
216
+ .Button-module_isInDropdown__1ogKL {
217
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
218
+ }
219
+ .Button-module_black__3sG3Y[disabled],
220
+ .Button-module_sand__2AqVq[disabled] {
221
+ opacity: 0.3;
222
+ }
223
+ /* LOADING */
224
+ .Button-module_root__RpsiW.Button-module_isLoading__1g6QO {
225
+ cursor: default;
226
+ pointer-events: none;
227
+
228
+ background-color: transparent;
229
+ box-shadow: none;
230
+ }
231
+ .Button-module_loader__2pl6d {
232
+ display: block;
233
+
234
+ margin-top: -1px;
235
+ }
236
+
1
237
  /* Colors */
2
238
  /* Fonts */
3
239
  /* Gap */
@@ -241,456 +477,10 @@
241
477
  /* 511 */
242
478
  /* 1023 */
243
479
  /* Zindex */
244
- .Image-module_root__1vsA_ {
480
+ .Switcher-module_root__1Env1 {
245
481
  position: relative;
246
- z-index: 1;
247
482
 
248
- display: block;
249
- overflow: hidden
250
- }
251
- @media only screen and (min-device-width: 32em) {
252
- .Image-module_root__1vsA_ {
253
- border-radius: inherit
254
- }
255
- }
256
- .Image-module_placeholder__1p4ob,
257
- .Image-module_root__1vsA_ img {
258
- position: absolute;
259
- top: 0;
260
- left: 0;
261
-
262
- width: 100%;
263
- height: 100%;
264
- }
265
- .Image-module_wrapper__3fLjs {
266
- display: block;
267
-
268
- width: 100%;
269
-
270
- background-repeat: no-repeat;
271
- background-size: 100% auto;
272
- }
273
- .Image-module_placeholder__1p4ob {
274
- transition: background-color 250ms ease;
275
-
276
- background-color: #f2f2f2;
277
- }
278
- .Image-module_loaded__w9FVT {
279
- background: transparent;
280
- }
281
- .Image-module_fullscreen__29apx picture {
282
- cursor: pointer;
283
- }
284
- .Image-module_fullscreen__29apx picture:hover::after {
285
- opacity: 1;
286
- }
287
- .Image-module_fullscreen__29apx picture::after {
288
- position: absolute;
289
- right: 12px;
290
- bottom: 12px;
291
-
292
- width: 40px;
293
- height: 40px;
294
-
295
- transition: opacity 250ms ease;
296
- pointer-events: none;
297
-
298
- opacity: 0;
299
- border: 0.5px solid rgba(255, 255, 255, 0.15);
300
- border-radius: 20px;
301
- background-color: rgba(0, 0, 0, 0.7);
302
- 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");
303
- background-repeat: no-repeat;
304
- background-position: center
305
- }
306
- @media only screen and (min-device-width: 64em) {
307
- .Image-module_fullscreen__29apx picture::after {
308
- content: ''
309
- }
310
- }
311
- [data-input='mouse'] .Image-module_wrapper__3fLjs {
312
- outline: none;
313
- }
314
-
315
- /* Colors */
316
- /* Fonts */
317
- /* Gap */
318
- /* Media */
319
- /* 512 */
320
- /* 650 */
321
- /* 768 */
322
- /* 1024 */
323
- /* 1010 */
324
- /* 1200 */
325
- /* 511 */
326
- /* 1023 */
327
- /* Zindex */
328
- .Button-module_root__RpsiW {
329
- display: block;
330
-
331
- padding: 0;
332
-
333
- cursor: pointer;
334
- -webkit-user-select: none;
335
- -moz-user-select: none;
336
- -ms-user-select: none;
337
- user-select: none;
338
- transition: background-color 0.15s ease-out;
339
- text-align: center;
340
-
341
- color: #fff;
342
- border-width: 0;
343
- outline: none;
344
-
345
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
346
- line-height: 1;
347
-
348
- -webkit-appearance: none;
349
-
350
- -moz-appearance: none;
351
-
352
- appearance: none;
353
- }
354
- .Button-module_root__RpsiW::-moz-focus-inner {
355
- border: 0;
356
- }
357
- .Button-module_root__RpsiW[disabled] {
358
- cursor: default;
359
- pointer-events: none;
360
-
361
- opacity: 0.5;
362
- }
363
- .Button-module_root__RpsiW > span:first-child {
364
- margin-right: 4px;
365
- }
366
- .Button-module_root__RpsiW > span:last-child {
367
- margin-left: 4px;
368
- }
369
- .Button-module_gold__ZMYg- {
370
- background: #b88b59;
371
- }
372
- .Button-module_gold__ZMYg-.Button-module_isLoading__1g6QO {
373
- fill: #b88b59;
374
- }
375
- .Button-module_gold__ZMYg-:hover {
376
- background-color: #9e784c
377
- }
378
- @media (hover: none) {
379
- .Button-module_gold__ZMYg-:hover {
380
- background-color: #b88b59
381
- }
382
- }
383
- .Button-module_gold__ZMYg-:active {
384
- background-color: #856440;
385
- }
386
- .Button-module_gray__3IM54 {
387
- color: #000;
388
- background-color: #f0f0f0;
389
- }
390
- .Button-module_gray__3IM54.Button-module_isLoading__1g6QO {
391
- fill: #545454;
392
- }
393
- .Button-module_gray__3IM54:hover {
394
- background-color: #ebebeb
395
- }
396
- @media (hover: none) {
397
- .Button-module_gray__3IM54:hover {
398
- background-color: #ebebeb
399
- }
400
- }
401
- .Button-module_gray__3IM54:active {
402
- background-color: #e3e3e3;
403
- }
404
- .Button-module_sand__2AqVq {
405
- background: #a18c68;
406
- }
407
- .Button-module_sand__2AqVq.Button-module_isLoading__1g6QO {
408
- fill: #a18c68;
409
- }
410
- .Button-module_sand__2AqVq:hover {
411
- background-color: #8a7654
412
- }
413
- @media (hover: none) {
414
- .Button-module_sand__2AqVq:hover {
415
- background-color: #a18c68
416
- }
417
- }
418
- .Button-module_sand__2AqVq:active {
419
- background-color: #7b6743;
420
- }
421
- .Button-module_dark__I0uXx {
422
- color: #adadad;
423
- background-color: #3a3a3a;
424
- box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.4);
425
- }
426
- .Button-module_dark__I0uXx:hover {
427
- background-color: #2e2e2e
428
- }
429
- @media (hover: none) {
430
- .Button-module_dark__I0uXx:hover {
431
- background-color: #3a3a3a
432
- }
433
- }
434
- .Button-module_dark__I0uXx:active {
435
- background-color: #242424;
436
- }
437
- .Button-module_dark__I0uXx.Button-module_isLoading__1g6QO {
438
- fill: #3a3a3a;
439
- }
440
- .Button-module_light__1Y4hG {
441
- color: #000;
442
- background-color: #fff;
443
- }
444
- .Button-module_light__1Y4hG:hover {
445
- background-color: #ebebeb
446
- }
447
- @media (hover: none) {
448
- .Button-module_light__1Y4hG:hover {
449
- background-color: #fff
450
- }
451
- }
452
- .Button-module_light__1Y4hG:active {
453
- background-color: #e3e3e3;
454
- }
455
- .Button-module_light__1Y4hG.Button-module_isLoading__1g6QO {
456
- fill: #fff;
457
- }
458
- .Button-module_black__3sG3Y {
459
- color: #7e7d7b;
460
- background-color: #000;
461
- }
462
- .Button-module_black__3sG3Y.Button-module_isLoading__1g6QO {
463
- fill: #7e7d7b;
464
- }
465
- .Button-module_black__3sG3Y:hover {
466
- background-color: #141414
467
- }
468
- @media (hover: none) {
469
- .Button-module_black__3sG3Y:hover {
470
- background: #141414
471
- }
472
- }
473
- .Button-module_black__3sG3Y:active {
474
- background-color: #242424;
475
- }
476
- .Button-module_red__3Niou {
477
- background-color: #f95a5a;
478
- }
479
- .Button-module_red__3Niou:hover {
480
- background-color: #e65353
481
- }
482
- @media (hover: none) {
483
- .Button-module_red__3Niou:hover {
484
- background: #f95a5a
485
- }
486
- }
487
- .Button-module_red__3Niou:active {
488
- background-color: #d44d4d;
489
- }
490
- .Button-module_red__3Niou.Button-module_isLoading__1g6QO {
491
- fill: #141414;
492
- }
493
- .Button-module_default__28Vo_ {
494
- width: 100%;
495
- height: 42px;
496
- padding: 6px 18px;
497
-
498
- letter-spacing: 1px;
499
- text-transform: uppercase;
500
-
501
- border-radius: 8px;
502
-
503
- font-size: 12px;
504
- font-weight: 600;
505
- line-height: 22px
506
- }
507
- @media only screen and (min-device-width: 64em) {
508
- .Button-module_default__28Vo_ {
509
- padding: 7px 18px 6px;
510
-
511
- font-size: 14px;
512
- line-height: 16px
513
- }
514
- }
515
- .Button-module_isInSpoiler__2Yl8c svg {
516
- margin-top: -2px;
517
- margin-left: 6px;
518
- }
519
- .Button-module_ghost__3awCW {
520
- letter-spacing: inherit;
521
- text-transform: none;
522
-
523
- color: inherit;
524
- background-color: transparent;
525
-
526
- font-family: inherit;
527
- font-size: inherit;
528
- font-weight: inherit;
529
- }
530
- .Button-module_isInDropdown__1ogKL {
531
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
532
- }
533
- .Button-module_black__3sG3Y[disabled],
534
- .Button-module_sand__2AqVq[disabled] {
535
- opacity: 0.3;
536
- }
537
- /* LOADING */
538
- .Button-module_root__RpsiW.Button-module_isLoading__1g6QO {
539
- cursor: default;
540
- pointer-events: none;
541
-
542
- background-color: transparent;
543
- box-shadow: none;
544
- }
545
- .Button-module_loader__2pl6d {
546
- display: block;
547
-
548
- margin-top: -1px;
549
- }
550
-
551
- /* Colors */
552
- /* Fonts */
553
- /* Gap */
554
- /* Media */
555
- /* 512 */
556
- /* 650 */
557
- /* 768 */
558
- /* 1024 */
559
- /* 1010 */
560
- /* 1200 */
561
- /* 511 */
562
- /* 1023 */
563
- /* Zindex */
564
- .DotsOnImage-module_root__2XP3Q {
565
- position: relative;
566
-
567
- display: block;
568
-
569
- width: 100%;
570
- }
571
- .DotsOnImage-module_isVisible__Wqqqt .DotsOnImage-module_marker__lH5cP {
572
- -webkit-animation: DotsOnImage-module_show__2TMBv 400ms ease both 500ms;
573
- animation: DotsOnImage-module_show__2TMBv 400ms ease both 500ms;
574
- }
575
- .DotsOnImage-module_dot__H1wua {
576
- position: absolute;
577
- z-index: 10;
578
-
579
- width: 28px;
580
- height: 28px;
581
-
582
- will-change: opacity;
583
- }
584
- .DotsOnImage-module_marker__lH5cP {
585
- width: 100%;
586
- height: 100%;
587
- padding: 0;
588
-
589
- cursor: pointer;
590
- text-align: center;
591
-
592
- opacity: 0;
593
- color: #fff;
594
- border-width: 0;
595
- border-radius: 30px;
596
- outline-width: 0;
597
- background-color: #000;
598
- box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.6);
599
-
600
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
601
- font-size: 13px;
602
- font-weight: 600;
603
- line-height: 28px;
604
-
605
- -webkit-appearance: none;
606
-
607
- -moz-appearance: none;
608
-
609
- appearance: none;
610
- will-change: opacity;
611
- }
612
- .DotsOnImage-module_marker__lH5cP svg {
613
- display: block;
614
-
615
- will-change: opacity;
616
- }
617
- .DotsOnImage-module_marker__lH5cP:hover,
618
- .DotsOnImage-module_marker__lH5cP.DotsOnImage-module_isActive__3hh31 {
619
- box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 1);
620
- }
621
- .DotsOnImage-module_popover__35Cpj {
622
- position: absolute;
623
- z-index: 10;
624
- }
625
- .DotsOnImage-module_popover__35Cpj.DotsOnImage-module_isRight__2RsJe.DotsOnImage-module_isTop__3zmSK {
626
- transform: translateX(50px);
627
- }
628
- .DotsOnImage-module_popover__35Cpj.DotsOnImage-module_isLeft__3quc9.DotsOnImage-module_isTop__3zmSK {
629
- transform: translateX(-100%) translateX(-22px);
630
- }
631
- .DotsOnImage-module_popover__35Cpj.DotsOnImage-module_isRight__2RsJe.DotsOnImage-module_isBottom__3Nk1T {
632
- transform: translateX(50px) translateY(-100%) translateY(22px);
633
- }
634
- .DotsOnImage-module_popover__35Cpj.DotsOnImage-module_isLeft__3quc9.DotsOnImage-module_isBottom__3Nk1T {
635
- transform: translateX(-100%) translateX(-22px) translateY(-100%)
636
- translateY(22px);
637
- }
638
- @-webkit-keyframes DotsOnImage-module_show__2TMBv {
639
- 0% {
640
- transform: scale(0.4);
641
-
642
- opacity: 0;
643
- }
644
-
645
- 90% {
646
- transform: scale(1.1);
647
-
648
- opacity: 1;
649
- }
650
-
651
- 100% {
652
- transform: scale(1);
653
-
654
- opacity: 1;
655
- }
656
- }
657
- @keyframes DotsOnImage-module_show__2TMBv {
658
- 0% {
659
- transform: scale(0.4);
660
-
661
- opacity: 0;
662
- }
663
-
664
- 90% {
665
- transform: scale(1.1);
666
-
667
- opacity: 1;
668
- }
669
-
670
- 100% {
671
- transform: scale(1);
672
-
673
- opacity: 1;
674
- }
675
- }
676
-
677
- /* Colors */
678
- /* Fonts */
679
- /* Gap */
680
- /* Media */
681
- /* 512 */
682
- /* 650 */
683
- /* 768 */
684
- /* 1024 */
685
- /* 1010 */
686
- /* 1200 */
687
- /* 511 */
688
- /* 1023 */
689
- /* Zindex */
690
- .Switcher-module_root__1Env1 {
691
- position: relative;
692
-
693
- display: -webkit-box;
483
+ display: -webkit-box;
694
484
 
695
485
  display: -webkit-flex;
696
486
 
@@ -799,43 +589,273 @@
799
589
  letter-spacing: 0.5px;
800
590
  text-transform: uppercase;
801
591
  }
802
- /* menu */
803
- .Switcher-module_isInMenu__3XJYj {
804
- font-weight: normal;
592
+ /* menu */
593
+ .Switcher-module_isInMenu__3XJYj {
594
+ font-weight: normal;
595
+ }
596
+ .Switcher-module_isInMenu__3XJYj .Switcher-module_children__147JP {
597
+ margin-right: 8px;
598
+ }
599
+ .Switcher-module_isInMenu__3XJYj .Switcher-module_control__1NTvY {
600
+ width: 48px;
601
+ height: 30px;
602
+ }
603
+ .Switcher-module_isInMenu__3XJYj .Switcher-module_knob__3kEy5 {
604
+ top: 4px;
605
+
606
+ width: 22px;
607
+ height: 22px;
608
+
609
+ background-color: #bababa;
610
+ }
611
+ /* stylelint-disable selector-max-compound-selectors */
612
+ .Switcher-module_isInMenu__3XJYj input:checked ~ .Switcher-module_control__1NTvY .Switcher-module_knob__3kEy5 {
613
+ left: 23px;
614
+
615
+ background-color: #fff;
616
+ }
617
+ /* live */
618
+ .Switcher-module_isInLive__2cLui .Switcher-module_children__147JP {
619
+
620
+ color: #7f7f7f;
621
+
622
+ font-size: 13px;
623
+ letter-spacing: 0.5px;
624
+ text-transform: uppercase;
625
+ }
626
+ .Switcher-module_isInMenu__3XJYj .Switcher-module_control__1NTvY {
627
+ background-color: #1a1a1a;
628
+ box-shadow: inset 0 0 0 1px #323232;
629
+ }
630
+
631
+ /* Colors */
632
+ /* Fonts */
633
+ /* Gap */
634
+ /* Media */
635
+ /* 512 */
636
+ /* 650 */
637
+ /* 768 */
638
+ /* 1024 */
639
+ /* 1010 */
640
+ /* 1200 */
641
+ /* 511 */
642
+ /* 1023 */
643
+ /* Zindex */
644
+ .Image-module_root__1vsA_ {
645
+ position: relative;
646
+ z-index: 1;
647
+
648
+ display: block;
649
+ overflow: hidden
650
+ }
651
+ @media only screen and (min-device-width: 32em) {
652
+ .Image-module_root__1vsA_ {
653
+ border-radius: inherit
654
+ }
655
+ }
656
+ .Image-module_placeholder__1p4ob,
657
+ .Image-module_root__1vsA_ img {
658
+ position: absolute;
659
+ top: 0;
660
+ left: 0;
661
+
662
+ width: 100%;
663
+ height: 100%;
664
+ }
665
+ .Image-module_wrapper__3fLjs {
666
+ display: block;
667
+
668
+ width: 100%;
669
+
670
+ background-repeat: no-repeat;
671
+ background-size: 100% auto;
672
+ }
673
+ .Image-module_placeholder__1p4ob {
674
+ transition: background-color 250ms ease;
675
+
676
+ background-color: #f2f2f2;
677
+ }
678
+ .Image-module_loaded__w9FVT {
679
+ background: transparent;
680
+ }
681
+ .Image-module_fullscreen__29apx picture {
682
+ cursor: pointer;
683
+ }
684
+ .Image-module_fullscreen__29apx picture:hover::after {
685
+ opacity: 1;
686
+ }
687
+ .Image-module_fullscreen__29apx picture::after {
688
+ position: absolute;
689
+ right: 12px;
690
+ bottom: 12px;
691
+
692
+ width: 40px;
693
+ height: 40px;
694
+
695
+ transition: opacity 250ms ease;
696
+ pointer-events: none;
697
+
698
+ opacity: 0;
699
+ border: 0.5px solid rgba(255, 255, 255, 0.15);
700
+ border-radius: 20px;
701
+ background-color: rgba(0, 0, 0, 0.7);
702
+ 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");
703
+ background-repeat: no-repeat;
704
+ background-position: center
705
+ }
706
+ @media only screen and (min-device-width: 64em) {
707
+ .Image-module_fullscreen__29apx picture::after {
708
+ content: ''
709
+ }
710
+ }
711
+ [data-input='mouse'] .Image-module_wrapper__3fLjs {
712
+ outline: none;
713
+ }
714
+
715
+ /* Colors */
716
+ /* Fonts */
717
+ /* Gap */
718
+ /* Media */
719
+ /* 512 */
720
+ /* 650 */
721
+ /* 768 */
722
+ /* 1024 */
723
+ /* 1010 */
724
+ /* 1200 */
725
+ /* 511 */
726
+ /* 1023 */
727
+ /* Zindex */
728
+ .DotsOnImage-module_root__2XP3Q {
729
+ position: relative;
730
+
731
+ display: block;
732
+
733
+ width: 100%;
734
+ }
735
+ .DotsOnImage-module_isVisible__Wqqqt .DotsOnImage-module_marker__lH5cP {
736
+ -webkit-animation: DotsOnImage-module_show__2TMBv 400ms ease both 500ms;
737
+ animation: DotsOnImage-module_show__2TMBv 400ms ease both 500ms;
738
+ }
739
+ .DotsOnImage-module_dot__H1wua {
740
+ position: absolute;
741
+ z-index: 10;
742
+
743
+ width: 28px;
744
+ height: 28px;
745
+
746
+ will-change: opacity;
747
+ }
748
+ .DotsOnImage-module_marker__lH5cP {
749
+ width: 100%;
750
+ height: 100%;
751
+ padding: 0;
752
+
753
+ cursor: pointer;
754
+ text-align: center;
755
+
756
+ opacity: 0;
757
+ color: #fff;
758
+ border-width: 0;
759
+ border-radius: 30px;
760
+ outline-width: 0;
761
+ background-color: #000;
762
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.6);
763
+
764
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
765
+ font-size: 13px;
766
+ font-weight: 600;
767
+ line-height: 28px;
768
+
769
+ -webkit-appearance: none;
770
+
771
+ -moz-appearance: none;
772
+
773
+ appearance: none;
774
+ will-change: opacity;
775
+ }
776
+ .DotsOnImage-module_marker__lH5cP svg {
777
+ display: block;
778
+
779
+ will-change: opacity;
780
+ }
781
+ .DotsOnImage-module_marker__lH5cP:hover,
782
+ .DotsOnImage-module_marker__lH5cP.DotsOnImage-module_isActive__3hh31 {
783
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 1);
784
+ }
785
+ .DotsOnImage-module_popover__35Cpj {
786
+ position: absolute;
787
+ z-index: 10;
788
+ }
789
+ .DotsOnImage-module_popover__35Cpj.DotsOnImage-module_isRight__2RsJe.DotsOnImage-module_isTop__3zmSK {
790
+ transform: translateX(50px);
805
791
  }
806
- .Switcher-module_isInMenu__3XJYj .Switcher-module_children__147JP {
807
- margin-right: 8px;
792
+ .DotsOnImage-module_popover__35Cpj.DotsOnImage-module_isLeft__3quc9.DotsOnImage-module_isTop__3zmSK {
793
+ transform: translateX(-100%) translateX(-22px);
808
794
  }
809
- .Switcher-module_isInMenu__3XJYj .Switcher-module_control__1NTvY {
810
- width: 48px;
811
- height: 30px;
795
+ .DotsOnImage-module_popover__35Cpj.DotsOnImage-module_isRight__2RsJe.DotsOnImage-module_isBottom__3Nk1T {
796
+ transform: translateX(50px) translateY(-100%) translateY(22px);
812
797
  }
813
- .Switcher-module_isInMenu__3XJYj .Switcher-module_knob__3kEy5 {
814
- top: 4px;
798
+ .DotsOnImage-module_popover__35Cpj.DotsOnImage-module_isLeft__3quc9.DotsOnImage-module_isBottom__3Nk1T {
799
+ transform: translateX(-100%) translateX(-22px) translateY(-100%)
800
+ translateY(22px);
801
+ }
802
+ @-webkit-keyframes DotsOnImage-module_show__2TMBv {
803
+ 0% {
804
+ transform: scale(0.4);
815
805
 
816
- width: 22px;
817
- height: 22px;
806
+ opacity: 0;
807
+ }
818
808
 
819
- background-color: #bababa;
820
- }
821
- /* stylelint-disable selector-max-compound-selectors */
822
- .Switcher-module_isInMenu__3XJYj input:checked ~ .Switcher-module_control__1NTvY .Switcher-module_knob__3kEy5 {
823
- left: 23px;
809
+ 90% {
810
+ transform: scale(1.1);
824
811
 
825
- background-color: #fff;
812
+ opacity: 1;
813
+ }
814
+
815
+ 100% {
816
+ transform: scale(1);
817
+
818
+ opacity: 1;
819
+ }
826
820
  }
827
- /* live */
828
- .Switcher-module_isInLive__2cLui .Switcher-module_children__147JP {
821
+ @keyframes DotsOnImage-module_show__2TMBv {
822
+ 0% {
823
+ transform: scale(0.4);
829
824
 
830
- color: #7f7f7f;
825
+ opacity: 0;
826
+ }
831
827
 
832
- font-size: 13px;
833
- letter-spacing: 0.5px;
834
- text-transform: uppercase;
828
+ 90% {
829
+ transform: scale(1.1);
830
+
831
+ opacity: 1;
832
+ }
833
+
834
+ 100% {
835
+ transform: scale(1);
836
+
837
+ opacity: 1;
838
+ }
835
839
  }
836
- .Switcher-module_isInMenu__3XJYj .Switcher-module_control__1NTvY {
837
- background-color: #1a1a1a;
838
- box-shadow: inset 0 0 0 1px #323232;
840
+
841
+ /* Colors */
842
+ /* Fonts */
843
+ /* Gap */
844
+ /* Media */
845
+ /* 512 */
846
+ /* 650 */
847
+ /* 768 */
848
+ /* 1024 */
849
+ /* 1010 */
850
+ /* 1200 */
851
+ /* 511 */
852
+ /* 1023 */
853
+ /* Zindex */
854
+ .Lazy-module_root__2Z72l {
855
+ display: block;
856
+ }
857
+ .Lazy-module_visible__3-SdX {
858
+ color: red;
839
859
  }
840
860
 
841
861
  /* Colors */
@@ -965,26 +985,6 @@
965
985
  }
966
986
  }
967
987
 
968
- /* Colors */
969
- /* Fonts */
970
- /* Gap */
971
- /* Media */
972
- /* 512 */
973
- /* 650 */
974
- /* 768 */
975
- /* 1024 */
976
- /* 1010 */
977
- /* 1200 */
978
- /* 511 */
979
- /* 1023 */
980
- /* Zindex */
981
- .Lazy-module_root__2Z72l {
982
- display: block;
983
- }
984
- .Lazy-module_visible__3-SdX {
985
- color: red;
986
- }
987
-
988
988
  /* Colors */
989
989
  /* Fonts */
990
990
  /* Gap */
@@ -1283,99 +1283,6 @@
1283
1283
  min-width: 50px;
1284
1284
  }
1285
1285
 
1286
- /* Colors */
1287
- /* Fonts */
1288
- /* Gap */
1289
- /* Media */
1290
- /* 512 */
1291
- /* 650 */
1292
- /* 768 */
1293
- /* 1024 */
1294
- /* 1010 */
1295
- /* 1200 */
1296
- /* 511 */
1297
- /* 1023 */
1298
- /* Zindex */
1299
- .MediaCaption-module_root__KqTdw {
1300
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1301
- }
1302
- .MediaCaption-module_root__KqTdw a {
1303
- text-decoration: underline;
1304
-
1305
- color: inherit;
1306
- box-shadow: none;
1307
- }
1308
- .MediaCaption-module_root__KqTdw a:hover {
1309
- color: #b88b58;
1310
- }
1311
- .MediaCaption-module_caption__1hr7Y {
1312
- max-width: 520px;
1313
- padding-top: 4px;
1314
-
1315
- color: #1a1a1a;
1316
-
1317
- font-size: 14px;
1318
- line-height: 18px
1319
- }
1320
- @media only screen and (min-device-width: 32em) {
1321
- .MediaCaption-module_caption__1hr7Y {
1322
- font-size: 16px;
1323
- line-height: 22px
1324
- }
1325
- }
1326
- .MediaCaption-module_credit__3ehAP {
1327
- max-width: 520px;
1328
- padding-top: 1px;
1329
-
1330
- color: #666;
1331
-
1332
- font-size: 12px;
1333
- line-height: 16px
1334
- }
1335
- @media only screen and (min-device-width: 32em) {
1336
- .MediaCaption-module_credit__3ehAP {
1337
- padding-top: 3px
1338
- }
1339
- }
1340
- .MediaCaption-module_credit__3ehAP:first-child {
1341
- padding-top: 3px;
1342
- }
1343
- .MediaCaption-module_dark__3tL1u .MediaCaption-module_caption__1hr7Y {
1344
- color: #fff;
1345
- }
1346
- .MediaCaption-module_dark__3tL1u .MediaCaption-module_credit__3ehAP {
1347
- color: #929292;
1348
- }
1349
- .MediaCaption-module_video__1KZ6k .MediaCaption-module_caption__1hr7Y,
1350
- .MediaCaption-module_picture__3AAMH .MediaCaption-module_caption__1hr7Y {
1351
- padding-top: 10px
1352
- }
1353
- @media only screen and (min-device-width: 32em) {
1354
- .MediaCaption-module_video__1KZ6k .MediaCaption-module_caption__1hr7Y,
1355
- .MediaCaption-module_picture__3AAMH .MediaCaption-module_caption__1hr7Y {
1356
- padding-top: 12px
1357
- }
1358
- }
1359
- .MediaCaption-module_video__1KZ6k .MediaCaption-module_credit__3ehAP:first-child,
1360
- .MediaCaption-module_picture__3AAMH .MediaCaption-module_credit__3ehAP:first-child {
1361
- padding-top: 9px
1362
- }
1363
- @media only screen and (min-device-width: 32em) {
1364
- .MediaCaption-module_video__1KZ6k .MediaCaption-module_credit__3ehAP:first-child,
1365
- .MediaCaption-module_picture__3AAMH .MediaCaption-module_credit__3ehAP:first-child {
1366
- padding-top: 11px
1367
- }
1368
- }
1369
- .MediaCaption-module_picture__3AAMH .MediaCaption-module_credit__3ehAP,
1370
- .MediaCaption-module_picture__3AAMH .MediaCaption-module_caption__1hr7Y,
1371
- .MediaCaption-module_video__1KZ6k .MediaCaption-module_credit__3ehAP,
1372
- .MediaCaption-module_video__1KZ6k .MediaCaption-module_caption__1hr7Y,
1373
- .MediaCaption-module_desktop__3Saev .MediaCaption-module_credit__3ehAP,
1374
- .MediaCaption-module_desktop__3Saev .MediaCaption-module_caption__1hr7Y {
1375
- max-width: 650px;
1376
- }
1377
-
1378
-
1379
1286
  /* Colors */
1380
1287
  /* Fonts */
1381
1288
  /* Gap */
@@ -1505,55 +1412,104 @@
1505
1412
  padding-top: 8px
1506
1413
  }
1507
1414
  @media only screen and (min-device-width: 32em) {
1508
- .MaterialNote-module_slide__1ZBBq,
1509
- .MaterialNote-module_card__OWXbQ {
1510
- margin-bottom: 16px
1415
+ .MaterialNote-module_slide__1ZBBq,
1416
+ .MaterialNote-module_card__OWXbQ {
1417
+ margin-bottom: 16px
1418
+ }
1419
+ }
1420
+
1421
+ /* Colors */
1422
+ /* Fonts */
1423
+ /* Gap */
1424
+ /* Media */
1425
+ /* 512 */
1426
+ /* 650 */
1427
+ /* 768 */
1428
+ /* 1024 */
1429
+ /* 1010 */
1430
+ /* 1200 */
1431
+ /* 511 */
1432
+ /* 1023 */
1433
+ /* Zindex */
1434
+ .MediaCaption-module_root__KqTdw {
1435
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1436
+ }
1437
+ .MediaCaption-module_root__KqTdw a {
1438
+ text-decoration: underline;
1439
+
1440
+ color: inherit;
1441
+ box-shadow: none;
1442
+ }
1443
+ .MediaCaption-module_root__KqTdw a:hover {
1444
+ color: #b88b58;
1445
+ }
1446
+ .MediaCaption-module_caption__1hr7Y {
1447
+ max-width: 520px;
1448
+ padding-top: 4px;
1449
+
1450
+ color: #1a1a1a;
1451
+
1452
+ font-size: 14px;
1453
+ line-height: 18px
1454
+ }
1455
+ @media only screen and (min-device-width: 32em) {
1456
+ .MediaCaption-module_caption__1hr7Y {
1457
+ font-size: 16px;
1458
+ line-height: 22px
1459
+ }
1460
+ }
1461
+ .MediaCaption-module_credit__3ehAP {
1462
+ max-width: 520px;
1463
+ padding-top: 1px;
1464
+
1465
+ color: #666;
1466
+
1467
+ font-size: 12px;
1468
+ line-height: 16px
1469
+ }
1470
+ @media only screen and (min-device-width: 32em) {
1471
+ .MediaCaption-module_credit__3ehAP {
1472
+ padding-top: 3px
1511
1473
  }
1512
1474
  }
1513
-
1514
- /* Colors */
1515
- /* Fonts */
1516
- /* Gap */
1517
- /* Media */
1518
- /* 512 */
1519
- /* 650 */
1520
- /* 768 */
1521
- /* 1024 */
1522
- /* 1010 */
1523
- /* 1200 */
1524
- /* 511 */
1525
- /* 1023 */
1526
- /* Zindex */
1527
- .MaterialTitle-module_root__18ku- {
1528
- display: block;
1475
+ .MediaCaption-module_credit__3ehAP:first-child {
1476
+ padding-top: 3px;
1529
1477
  }
1530
- .MaterialTitle-module_root__18ku- {
1531
- margin: 0;
1532
-
1533
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1534
- font-size: 25px;
1535
- font-weight: normal;
1536
- line-height: 27px
1478
+ .MediaCaption-module_dark__3tL1u .MediaCaption-module_caption__1hr7Y {
1479
+ color: #fff;
1537
1480
  }
1538
- @media only screen and (min-device-width: 48em) {
1539
- .MaterialTitle-module_root__18ku- {
1540
- font-size: 37px;
1541
- line-height: 38px
1481
+ .MediaCaption-module_dark__3tL1u .MediaCaption-module_credit__3ehAP {
1482
+ color: #929292;
1542
1483
  }
1543
- }
1544
- .MaterialTitle-module_primary__2Sfmx {
1545
- font-family: 'PF Regal', 'PF Regal Text Pro', 'Georgia', serif;
1546
- font-weight: normal;
1484
+ .MediaCaption-module_video__1KZ6k .MediaCaption-module_caption__1hr7Y,
1485
+ .MediaCaption-module_picture__3AAMH .MediaCaption-module_caption__1hr7Y {
1486
+ padding-top: 10px
1547
1487
  }
1548
- .MaterialTitle-module_secondary__3uDp4 {
1549
- font-size: 24px;
1550
- font-weight: 700
1488
+ @media only screen and (min-device-width: 32em) {
1489
+ .MediaCaption-module_video__1KZ6k .MediaCaption-module_caption__1hr7Y,
1490
+ .MediaCaption-module_picture__3AAMH .MediaCaption-module_caption__1hr7Y {
1491
+ padding-top: 12px
1551
1492
  }
1552
- @media only screen and (min-device-width: 48em) {
1553
- .MaterialTitle-module_secondary__3uDp4 {
1554
- font-size: 36px
1493
+ }
1494
+ .MediaCaption-module_video__1KZ6k .MediaCaption-module_credit__3ehAP:first-child,
1495
+ .MediaCaption-module_picture__3AAMH .MediaCaption-module_credit__3ehAP:first-child {
1496
+ padding-top: 9px
1497
+ }
1498
+ @media only screen and (min-device-width: 32em) {
1499
+ .MediaCaption-module_video__1KZ6k .MediaCaption-module_credit__3ehAP:first-child,
1500
+ .MediaCaption-module_picture__3AAMH .MediaCaption-module_credit__3ehAP:first-child {
1501
+ padding-top: 11px
1555
1502
  }
1556
1503
  }
1504
+ .MediaCaption-module_picture__3AAMH .MediaCaption-module_credit__3ehAP,
1505
+ .MediaCaption-module_picture__3AAMH .MediaCaption-module_caption__1hr7Y,
1506
+ .MediaCaption-module_video__1KZ6k .MediaCaption-module_credit__3ehAP,
1507
+ .MediaCaption-module_video__1KZ6k .MediaCaption-module_caption__1hr7Y,
1508
+ .MediaCaption-module_desktop__3Saev .MediaCaption-module_credit__3ehAP,
1509
+ .MediaCaption-module_desktop__3Saev .MediaCaption-module_caption__1hr7Y {
1510
+ max-width: 650px;
1511
+ }
1512
+
1557
1513
 
1558
1514
  /* Colors */
1559
1515
  /* Fonts */
@@ -1626,80 +1582,36 @@
1626
1582
  /* 511 */
1627
1583
  /* 1023 */
1628
1584
  /* Zindex */
1629
- .Dropdown-module_root__11PNk {
1630
- position: relative;
1631
- z-index: 100;
1632
-
1633
- display: inline-block;
1634
-
1635
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1636
- }
1637
- .Dropdown-module_root__11PNk.Dropdown-module_active__3IwAl .Dropdown-module_menu__3PIqD,
1638
- .Dropdown-module_root__11PNk:hover .Dropdown-module_menu__3PIqD {
1639
- visibility: visible;
1640
-
1641
- opacity: 1;
1585
+ .MaterialTitle-module_root__18ku- {
1586
+ display: block;
1642
1587
  }
1643
- .Dropdown-module_root__11PNk ul {
1644
- overflow: hidden;
1645
-
1646
- width: 162px;
1588
+ .MaterialTitle-module_root__18ku- {
1647
1589
  margin: 0;
1648
- padding: 3px 0;
1649
-
1650
- border-radius: 5px;
1651
- background: #fff;
1652
- box-shadow: 0 0 0 1px #c0c0c0, 0 5px 20px 0 rgba(0, 0, 0, 0.2);
1653
1590
 
1654
1591
  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1655
- font-size: 14px;
1656
- line-height: 26px;
1592
+ font-size: 25px;
1593
+ font-weight: normal;
1594
+ line-height: 27px
1657
1595
  }
1658
- .Dropdown-module_root__11PNk a {
1659
- display: block;
1660
-
1661
- padding: 2px 15px;
1662
-
1663
- text-decoration: none;
1664
-
1665
- color: #000;
1666
- box-shadow: none;
1596
+ @media only screen and (min-device-width: 48em) {
1597
+ .MaterialTitle-module_root__18ku- {
1598
+ font-size: 37px;
1599
+ line-height: 38px
1667
1600
  }
1668
- .Dropdown-module_root__11PNk a:hover {
1669
- color: #000;
1670
- background-color: #f7f7f7;
1601
+ }
1602
+ .MaterialTitle-module_primary__2Sfmx {
1603
+ font-family: 'PF Regal', 'PF Regal Text Pro', 'Georgia', serif;
1604
+ font-weight: normal;
1671
1605
  }
1672
- .Dropdown-module_isInAudioPanel__1zv7F .Dropdown-module_menu__3PIqD {
1673
- right: 0;
1674
- left: auto
1606
+ .MaterialTitle-module_secondary__3uDp4 {
1607
+ font-size: 24px;
1608
+ font-weight: 700
1675
1609
  }
1676
- @media only screen and (min-device-width: 64em) {
1677
- .Dropdown-module_isInAudioPanel__1zv7F .Dropdown-module_menu__3PIqD {
1678
- right: auto;
1679
- left: 0
1610
+ @media only screen and (min-device-width: 48em) {
1611
+ .MaterialTitle-module_secondary__3uDp4 {
1612
+ font-size: 36px
1680
1613
  }
1681
1614
  }
1682
- .Dropdown-module_menu__3PIqD {
1683
- position: absolute;
1684
- top: 100%;
1685
- left: 0;
1686
-
1687
- visibility: hidden;
1688
-
1689
- padding-top: 6px;
1690
-
1691
- opacity: 0;
1692
- }
1693
- .Dropdown-module_menu__3PIqD::after {
1694
- position: absolute;
1695
- z-index: -1;
1696
- top: -10px;
1697
- right: -10px;
1698
- bottom: -10px;
1699
- left: -10px;
1700
-
1701
- content: '';
1702
- }
1703
1615
 
1704
1616
  /* Colors */
1705
1617
  /* Fonts */
@@ -1714,134 +1626,79 @@
1714
1626
  /* 511 */
1715
1627
  /* 1023 */
1716
1628
  /* Zindex */
1717
- .Toolbar-module_root__2HF2r {
1718
- overflow: hidden;
1719
-
1720
- transform: translateZ(0);
1721
-
1722
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1723
- }
1724
- .Toolbar-module_list__1n5ny {
1725
- display: -webkit-box;
1726
- display: -webkit-flex;
1727
- display: -ms-flexbox;
1728
- display: flex;
1729
- flex-flow: row wrap;
1730
-
1731
- margin: 0 0 0 -10px;
1732
- padding: 0;
1733
-
1734
- list-style: none
1735
- }
1736
- @media only screen and (min-device-width: 64em) {
1737
- .Toolbar-module_list__1n5ny {
1738
- margin: 0 0 0 -15px
1739
- }
1740
- }
1741
- .Toolbar-module_item__36x7d {
1629
+ .Dropdown-module_root__11PNk {
1742
1630
  position: relative;
1743
-
1744
- min-width: 42px;
1745
- height: 32px;
1746
- padding-right: 10px;
1747
- padding-left: 10px;
1748
-
1749
- cursor: pointer;
1750
- transition: color 250ms ease;
1751
- text-align: center;
1752
-
1753
- color: #808080;
1754
-
1755
- line-height: 1
1756
- }
1757
- @media only screen and (min-device-width: 64em) {
1758
- .Toolbar-module_item__36x7d {
1759
- padding-right: 15px;
1760
- padding-left: 15px
1761
- }
1762
- }
1763
- .Toolbar-module_item__36x7d:last-child {
1764
- margin-right: 0;
1765
- }
1766
- .Toolbar-module_item__36x7d::before {
1767
- position: absolute;
1768
- top: 7px;
1769
- left: 0;
1770
-
1771
- height: 18px;
1772
-
1773
- content: '';
1774
- vertical-align: middle;
1775
-
1776
- border-left: 1px solid rgba(0, 0, 0, 0.15);
1777
- }
1778
- .Toolbar-module_item__36x7d:empty {
1779
- display: none;
1780
- }
1781
- .Toolbar-module_isInTopbar__223iP {
1782
- height: 100%;
1783
- }
1784
- .Toolbar-module_isInTopbar__223iP .Toolbar-module_item__36x7d {
1785
- height: 100%;
1786
- }
1787
- .Toolbar-module_center__3_H8M {
1788
- width: 100%;
1789
- max-width: 650px;
1790
- margin-right: auto;
1791
- margin-left: auto;
1792
- }
1793
- .Toolbar-module_game__5-jY_ {
1794
- margin-top: 11px
1795
- }
1796
- @media only screen and (min-device-width: 32em) {
1797
- .Toolbar-module_game__5-jY_ {
1798
- margin-top: 18px
1799
- }
1800
- }
1801
- .Toolbar-module_game__5-jY_ .Toolbar-module_list__1n5ny,
1802
- .Toolbar-module_gameSurvey__1hQEz .Toolbar-module_list__1n5ny {
1803
- justify-content: center
1804
- }
1805
- @media only screen and (min-device-width: 32em) {
1806
- .Toolbar-module_game__5-jY_ .Toolbar-module_list__1n5ny,
1807
- .Toolbar-module_gameSurvey__1hQEz .Toolbar-module_list__1n5ny {
1808
- display: -webkit-box;
1809
- display: -webkit-flex;
1810
- display: -ms-flexbox;
1811
- display: flex
1631
+ z-index: 100;
1632
+
1633
+ display: inline-block;
1634
+
1635
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1812
1636
  }
1813
- }
1814
- .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child {
1815
- width: 260px
1637
+ .Dropdown-module_root__11PNk.Dropdown-module_active__3IwAl .Dropdown-module_menu__3PIqD,
1638
+ .Dropdown-module_root__11PNk:hover .Dropdown-module_menu__3PIqD {
1639
+ visibility: visible;
1640
+
1641
+ opacity: 1;
1816
1642
  }
1817
- @media only screen and (min-device-width: 32em) {
1818
- .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child {
1819
- width: auto
1643
+ .Dropdown-module_root__11PNk ul {
1644
+ overflow: hidden;
1645
+
1646
+ width: 162px;
1647
+ margin: 0;
1648
+ padding: 3px 0;
1649
+
1650
+ border-radius: 5px;
1651
+ background: #fff;
1652
+ box-shadow: 0 0 0 1px #c0c0c0, 0 5px 20px 0 rgba(0, 0, 0, 0.2);
1653
+
1654
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1655
+ font-size: 14px;
1656
+ line-height: 26px;
1820
1657
  }
1821
- }
1822
- .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child::before {
1823
- content: none
1658
+ .Dropdown-module_root__11PNk a {
1659
+ display: block;
1660
+
1661
+ padding: 2px 15px;
1662
+
1663
+ text-decoration: none;
1664
+
1665
+ color: #000;
1666
+ box-shadow: none;
1824
1667
  }
1825
- @media only screen and (min-device-width: 32em) {
1826
- .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child::before {
1827
- content: ''
1668
+ .Dropdown-module_root__11PNk a:hover {
1669
+ color: #000;
1670
+ background-color: #f7f7f7;
1828
1671
  }
1829
- }
1830
- .Toolbar-module_gameSurvey__1hQEz .Toolbar-module_item__36x7d:first-child::before,
1831
- .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:first-child::before {
1832
- content: none;
1672
+ .Dropdown-module_isInAudioPanel__1zv7F .Dropdown-module_menu__3PIqD {
1673
+ right: 0;
1674
+ left: auto
1833
1675
  }
1834
1676
  @media only screen and (min-device-width: 64em) {
1835
- .Toolbar-module_game__5-jY_ .Toolbar-module_list__1n5ny,
1836
- .Toolbar-module_gameSurvey__1hQEz .Toolbar-module_list__1n5ny {
1837
- margin-left: 0
1677
+ .Dropdown-module_isInAudioPanel__1zv7F .Dropdown-module_menu__3PIqD {
1678
+ right: auto;
1679
+ left: 0
1838
1680
  }
1839
1681
  }
1840
- .Toolbar-module_dark__2Ejc9 .Toolbar-module_item__36x7d::before {
1841
- border-left-color: rgba(255, 255, 255, 0.2);
1682
+ .Dropdown-module_menu__3PIqD {
1683
+ position: absolute;
1684
+ top: 100%;
1685
+ left: 0;
1686
+
1687
+ visibility: hidden;
1688
+
1689
+ padding-top: 6px;
1690
+
1691
+ opacity: 0;
1842
1692
  }
1843
- [data-context="prodano"] .Toolbar-module_root__2HF2r {
1844
- display: none;
1693
+ .Dropdown-module_menu__3PIqD::after {
1694
+ position: absolute;
1695
+ z-index: -1;
1696
+ top: -10px;
1697
+ right: -10px;
1698
+ bottom: -10px;
1699
+ left: -10px;
1700
+
1701
+ content: '';
1845
1702
  }
1846
1703
 
1847
1704
  /* Colors */
@@ -1942,117 +1799,260 @@
1942
1799
 
1943
1800
  appearance: none;
1944
1801
  }
1945
- .Popover-module_background__1KKaP {
1802
+ .Popover-module_background__1KKaP {
1803
+ position: absolute;
1804
+ z-index: -1;
1805
+ top: 0;
1806
+ left: 0;
1807
+
1808
+ overflow: hidden;
1809
+
1810
+ width: 100%;
1811
+ height: 100%;
1812
+
1813
+ border-radius: 8px 8px 0 0;
1814
+ }
1815
+ .Popover-module_background__1KKaP rect {
1816
+ position: absolute;
1817
+
1818
+ width: 100%;
1819
+ height: 100%;
1820
+ }
1821
+ .Popover-module_visible__eK5ZQ .Popover-module_container__FnZT- {
1822
+ -webkit-animation: Popover-module_appear__37vPd 350ms ease both;
1823
+ animation: Popover-module_appear__37vPd 350ms ease both;
1824
+ }
1825
+ .Popover-module_body__3h5UO {
1826
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1827
+ font-size: 16px;
1828
+ line-height: 22px;
1829
+ }
1830
+ .Popover-module_body__3h5UO h3 {
1831
+ margin: 0 0 5px;
1832
+
1833
+ font-size: inherit;
1834
+ font-weight: 700;
1835
+ line-height: inherit;
1836
+ }
1837
+ .Popover-module_body__3h5UO p {
1838
+ margin: 0;
1839
+ }
1840
+ .Popover-module_body__3h5UO p + p {
1841
+ margin-top: 6px;
1842
+ }
1843
+ .Popover-module_body__3h5UO a {
1844
+ color: inherit;
1845
+ box-shadow: inset 0 -1px #b88b59;
1846
+ }
1847
+ .Popover-module_body__3h5UO a:hover {
1848
+ color: #b88b59;
1849
+ }
1850
+ @-webkit-keyframes Popover-module_appear__37vPd {
1851
+ 0% {
1852
+ transform: translateY(100%);
1853
+ }
1854
+ 100% {
1855
+ transform: translateY(0);
1856
+ }
1857
+ }
1858
+ @keyframes Popover-module_appear__37vPd {
1859
+ 0% {
1860
+ transform: translateY(100%);
1861
+ }
1862
+ 100% {
1863
+ transform: translateY(0);
1864
+ }
1865
+ }
1866
+ @-webkit-keyframes Popover-module_disappear__3Q9LI {
1867
+ 0% {
1868
+ transform: translateY(0);
1869
+ }
1870
+ 100% {
1871
+ transform: translateY(100%);
1872
+ }
1873
+ }
1874
+ @keyframes Popover-module_disappear__3Q9LI {
1875
+ 0% {
1876
+ transform: translateY(0);
1877
+ }
1878
+ 100% {
1879
+ transform: translateY(100%);
1880
+ }
1881
+ }
1882
+ @-webkit-keyframes Popover-module_fadeIn__AkrSN {
1883
+ 0% {
1884
+ opacity: 0;
1885
+ }
1886
+ 100% {
1887
+ opacity: 1;
1888
+ }
1889
+ }
1890
+ @keyframes Popover-module_fadeIn__AkrSN {
1891
+ 0% {
1892
+ opacity: 0;
1893
+ }
1894
+ 100% {
1895
+ opacity: 1;
1896
+ }
1897
+ }
1898
+ @-webkit-keyframes Popover-module_fadeOut__3EZhx {
1899
+ 0% {
1900
+ opacity: 1;
1901
+ }
1902
+ 100% {
1903
+ opacity: 0;
1904
+ }
1905
+ }
1906
+ @keyframes Popover-module_fadeOut__3EZhx {
1907
+ 0% {
1908
+ opacity: 1;
1909
+ }
1910
+ 100% {
1911
+ opacity: 0;
1912
+ }
1913
+ }
1914
+
1915
+ /* Colors */
1916
+ /* Fonts */
1917
+ /* Gap */
1918
+ /* Media */
1919
+ /* 512 */
1920
+ /* 650 */
1921
+ /* 768 */
1922
+ /* 1024 */
1923
+ /* 1010 */
1924
+ /* 1200 */
1925
+ /* 511 */
1926
+ /* 1023 */
1927
+ /* Zindex */
1928
+ .Toolbar-module_root__2HF2r {
1929
+ overflow: hidden;
1930
+
1931
+ transform: translateZ(0);
1932
+
1933
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1934
+ }
1935
+ .Toolbar-module_list__1n5ny {
1936
+ display: -webkit-box;
1937
+ display: -webkit-flex;
1938
+ display: -ms-flexbox;
1939
+ display: flex;
1940
+ flex-flow: row wrap;
1941
+
1942
+ margin: 0 0 0 -10px;
1943
+ padding: 0;
1944
+
1945
+ list-style: none
1946
+ }
1947
+ @media only screen and (min-device-width: 64em) {
1948
+ .Toolbar-module_list__1n5ny {
1949
+ margin: 0 0 0 -15px
1950
+ }
1951
+ }
1952
+ .Toolbar-module_item__36x7d {
1953
+ position: relative;
1954
+
1955
+ min-width: 42px;
1956
+ height: 32px;
1957
+ padding-right: 10px;
1958
+ padding-left: 10px;
1959
+
1960
+ cursor: pointer;
1961
+ transition: color 250ms ease;
1962
+ text-align: center;
1963
+
1964
+ color: #808080;
1965
+
1966
+ line-height: 1
1967
+ }
1968
+ @media only screen and (min-device-width: 64em) {
1969
+ .Toolbar-module_item__36x7d {
1970
+ padding-right: 15px;
1971
+ padding-left: 15px
1972
+ }
1973
+ }
1974
+ .Toolbar-module_item__36x7d:last-child {
1975
+ margin-right: 0;
1976
+ }
1977
+ .Toolbar-module_item__36x7d::before {
1946
1978
  position: absolute;
1947
- z-index: -1;
1948
- top: 0;
1979
+ top: 7px;
1949
1980
  left: 0;
1950
1981
 
1951
- overflow: hidden;
1982
+ height: 18px;
1952
1983
 
1953
- width: 100%;
1954
- height: 100%;
1984
+ content: '';
1985
+ vertical-align: middle;
1955
1986
 
1956
- border-radius: 8px 8px 0 0;
1987
+ border-left: 1px solid rgba(0, 0, 0, 0.15);
1957
1988
  }
1958
- .Popover-module_background__1KKaP rect {
1959
- position: absolute;
1960
-
1961
- width: 100%;
1962
- height: 100%;
1989
+ .Toolbar-module_item__36x7d:empty {
1990
+ display: none;
1963
1991
  }
1964
- .Popover-module_visible__eK5ZQ .Popover-module_container__FnZT- {
1965
- -webkit-animation: Popover-module_appear__37vPd 350ms ease both;
1966
- animation: Popover-module_appear__37vPd 350ms ease both;
1992
+ .Toolbar-module_isInTopbar__223iP {
1993
+ height: 100%;
1967
1994
  }
1968
- .Popover-module_body__3h5UO {
1969
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1970
- font-size: 16px;
1971
- line-height: 22px;
1995
+ .Toolbar-module_isInTopbar__223iP .Toolbar-module_item__36x7d {
1996
+ height: 100%;
1972
1997
  }
1973
- .Popover-module_body__3h5UO h3 {
1974
- margin: 0 0 5px;
1975
-
1976
- font-size: inherit;
1977
- font-weight: 700;
1978
- line-height: inherit;
1998
+ .Toolbar-module_center__3_H8M {
1999
+ width: 100%;
2000
+ max-width: 650px;
2001
+ margin-right: auto;
2002
+ margin-left: auto;
1979
2003
  }
1980
- .Popover-module_body__3h5UO p {
1981
- margin: 0;
2004
+ .Toolbar-module_game__5-jY_ {
2005
+ margin-top: 11px
1982
2006
  }
1983
- .Popover-module_body__3h5UO p + p {
1984
- margin-top: 6px;
2007
+ @media only screen and (min-device-width: 32em) {
2008
+ .Toolbar-module_game__5-jY_ {
2009
+ margin-top: 18px
1985
2010
  }
1986
- .Popover-module_body__3h5UO a {
1987
- color: inherit;
1988
- box-shadow: inset 0 -1px #b88b59;
2011
+ }
2012
+ .Toolbar-module_game__5-jY_ .Toolbar-module_list__1n5ny,
2013
+ .Toolbar-module_gameSurvey__1hQEz .Toolbar-module_list__1n5ny {
2014
+ justify-content: center
1989
2015
  }
1990
- .Popover-module_body__3h5UO a:hover {
1991
- color: #b88b59;
2016
+ @media only screen and (min-device-width: 32em) {
2017
+ .Toolbar-module_game__5-jY_ .Toolbar-module_list__1n5ny,
2018
+ .Toolbar-module_gameSurvey__1hQEz .Toolbar-module_list__1n5ny {
2019
+ display: -webkit-box;
2020
+ display: -webkit-flex;
2021
+ display: -ms-flexbox;
2022
+ display: flex
1992
2023
  }
1993
- @-webkit-keyframes Popover-module_appear__37vPd {
1994
- 0% {
1995
- transform: translateY(100%);
1996
- }
1997
- 100% {
1998
- transform: translateY(0);
1999
2024
  }
2025
+ .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child {
2026
+ width: 260px
2000
2027
  }
2001
- @keyframes Popover-module_appear__37vPd {
2002
- 0% {
2003
- transform: translateY(100%);
2004
- }
2005
- 100% {
2006
- transform: translateY(0);
2007
- }
2028
+ @media only screen and (min-device-width: 32em) {
2029
+ .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child {
2030
+ width: auto
2008
2031
  }
2009
- @-webkit-keyframes Popover-module_disappear__3Q9LI {
2010
- 0% {
2011
- transform: translateY(0);
2012
- }
2013
- 100% {
2014
- transform: translateY(100%);
2015
2032
  }
2033
+ .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child::before {
2034
+ content: none
2016
2035
  }
2017
- @keyframes Popover-module_disappear__3Q9LI {
2018
- 0% {
2019
- transform: translateY(0);
2020
- }
2021
- 100% {
2022
- transform: translateY(100%);
2023
- }
2036
+ @media only screen and (min-device-width: 32em) {
2037
+ .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child::before {
2038
+ content: ''
2024
2039
  }
2025
- @-webkit-keyframes Popover-module_fadeIn__AkrSN {
2026
- 0% {
2027
- opacity: 0;
2028
- }
2029
- 100% {
2030
- opacity: 1;
2031
2040
  }
2041
+ .Toolbar-module_gameSurvey__1hQEz .Toolbar-module_item__36x7d:first-child::before,
2042
+ .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:first-child::before {
2043
+ content: none;
2032
2044
  }
2033
- @keyframes Popover-module_fadeIn__AkrSN {
2034
- 0% {
2035
- opacity: 0;
2036
- }
2037
- 100% {
2038
- opacity: 1;
2039
- }
2045
+ @media only screen and (min-device-width: 64em) {
2046
+ .Toolbar-module_game__5-jY_ .Toolbar-module_list__1n5ny,
2047
+ .Toolbar-module_gameSurvey__1hQEz .Toolbar-module_list__1n5ny {
2048
+ margin-left: 0
2040
2049
  }
2041
- @-webkit-keyframes Popover-module_fadeOut__3EZhx {
2042
- 0% {
2043
- opacity: 1;
2044
- }
2045
- 100% {
2046
- opacity: 0;
2047
2050
  }
2051
+ .Toolbar-module_dark__2Ejc9 .Toolbar-module_item__36x7d::before {
2052
+ border-left-color: rgba(255, 255, 255, 0.2);
2048
2053
  }
2049
- @keyframes Popover-module_fadeOut__3EZhx {
2050
- 0% {
2051
- opacity: 1;
2052
- }
2053
- 100% {
2054
- opacity: 0;
2055
- }
2054
+ [data-context="prodano"] .Toolbar-module_root__2HF2r {
2055
+ display: none;
2056
2056
  }
2057
2057
 
2058
2058
  /* Colors */
@@ -2761,179 +2761,49 @@
2761
2761
  background: #FFF8C4;
2762
2762
 
2763
2763
  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2764
- font-size: 16px;
2765
- font-weight: normal;
2766
- line-height: 20px
2767
- }
2768
- @media only screen and (min-device-width: 32em) {
2769
- .ImportantLead-module_root__2BdT3 {
2770
- margin: 25px 0;
2771
- padding: 12px 15px 13px;
2772
-
2773
- font-size: 17px;
2774
- line-height: 24px
2775
- }
2776
- }
2777
- .ImportantLead-module_root__2BdT3:last-child {
2778
- margin-bottom: 0;
2779
- }
2780
- .ImportantLead-module_root__2BdT3:first-child {
2781
- margin-top: 0;
2782
- }
2783
- .ImportantLead-module_root__2BdT3 a {
2784
- color: #000;
2785
- box-shadow: inset 0 -1px #000;
2786
- }
2787
- .ImportantLead-module_root__2BdT3 a:hover {
2788
- color: #b88b59;
2789
- box-shadow: inset 0 -1px #b88b59;
2790
- }
2791
- .ImportantLead-module_slide__3kQ9x {
2792
- max-width: 650px;
2793
- margin-right: auto;
2794
- margin-left: auto;
2795
- }
2796
- /* VISIBILITY */
2797
- @media only screen and (min-device-width: 32em) {
2798
- .ImportantLead-module_mobile__3BXbm {
2799
- display: none
2800
- }
2801
- }
2802
- .ImportantLead-module_desktop__3Zljc {
2803
- display: none
2804
- }
2805
- @media only screen and (min-device-width: 32em) {
2806
- .ImportantLead-module_desktop__3Zljc {
2807
- display: block
2808
- }
2809
- }
2810
-
2811
-
2812
- /* Colors */
2813
- /* Fonts */
2814
- /* Gap */
2815
- /* Media */
2816
- /* 512 */
2817
- /* 650 */
2818
- /* 768 */
2819
- /* 1024 */
2820
- /* 1010 */
2821
- /* 1200 */
2822
- /* 511 */
2823
- /* 1023 */
2824
- /* Zindex */
2825
- .RelatedBlock-module_root__IKcQq {
2826
- margin: 16px 0;
2827
-
2828
- border-radius: 8px;
2829
- background-color: #f5f5f5;
2830
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1), inset 0 4px 0 0 #b78b5c
2831
- }
2832
- @media only screen and (min-device-width: 48em) {
2833
- .RelatedBlock-module_root__IKcQq {
2834
- margin: 25px 0
2835
- }
2836
- }
2837
- .RelatedBlock-module_root__IKcQq:last-child {
2838
- margin-bottom: 0;
2839
- }
2840
- .RelatedBlock-module_root__IKcQq:first-child {
2841
- margin-top: 0;
2842
- }
2843
- .RelatedBlock-module_root__IKcQq a {
2844
- display: block;
2845
-
2846
- padding: 12px 12px 13px;
2847
-
2848
- transition: color 0.15s;
2849
- text-decoration: none;
2850
-
2851
- color: #000;
2852
- box-shadow: none;
2853
-
2854
- font-size: 17px;
2855
- line-height: 20px
2856
- }
2857
- @media only screen and (min-device-width: 48em) {
2858
- .RelatedBlock-module_root__IKcQq a {
2859
- padding: 15px 20px 17px;
2860
-
2861
- font-size: 19px;
2862
- line-height: 23px
2863
- }
2864
- }
2865
- .RelatedBlock-module_root__IKcQq a:hover {
2866
- color: #5c5c5c;
2867
- }
2868
- .RelatedBlock-module_header__2SuWP {
2869
- margin: 0;
2870
- padding: 14px 12px 3px;
2871
-
2872
- letter-spacing: 1px;
2873
- text-transform: uppercase;
2874
-
2875
- color: #7F7F7F;
2876
-
2877
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2878
- font-size: 12px;
2879
- font-weight: 600;
2880
- line-height: 17px
2764
+ font-size: 16px;
2765
+ font-weight: normal;
2766
+ line-height: 20px
2881
2767
  }
2882
- @media only screen and (min-device-width: 48em) {
2883
- .RelatedBlock-module_header__2SuWP {
2884
- padding: 20px 20px 14px;
2768
+ @media only screen and (min-device-width: 32em) {
2769
+ .ImportantLead-module_root__2BdT3 {
2770
+ margin: 25px 0;
2771
+ padding: 12px 15px 13px;
2885
2772
 
2886
- font-size: 14px;
2887
- line-height: 16px
2773
+ font-size: 17px;
2774
+ line-height: 24px
2888
2775
  }
2889
2776
  }
2890
- .RelatedBlock-module_items__2V-Ap {
2891
- margin: 0;
2892
- padding-left: 0;
2893
-
2894
- list-style: none;
2895
- }
2896
- .RelatedBlock-module_items__2V-Ap li {
2897
- padding: 0;
2898
- }
2899
- .RelatedBlock-module_items__2V-Ap li + li {
2900
- border-top: 1px solid #e6e6e6;
2777
+ .ImportantLead-module_root__2BdT3:last-child {
2778
+ margin-bottom: 0;
2901
2779
  }
2902
- .RelatedBlock-module_rich__ddaHq .RelatedBlock-module_first__BKItW {
2903
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2904
- font-size: 16px;
2905
- font-weight: 700;
2906
- line-height: 18px
2780
+ .ImportantLead-module_root__2BdT3:first-child {
2781
+ margin-top: 0;
2907
2782
  }
2908
- @media only screen and (min-device-width: 48em) {
2909
- .RelatedBlock-module_rich__ddaHq .RelatedBlock-module_first__BKItW {
2910
- font-size: 18px
2783
+ .ImportantLead-module_root__2BdT3 a {
2784
+ color: #000;
2785
+ box-shadow: inset 0 -1px #000;
2911
2786
  }
2912
- }
2913
- .RelatedBlock-module_simple__29HVO {
2787
+ .ImportantLead-module_root__2BdT3 a:hover {
2788
+ color: #b88b59;
2789
+ box-shadow: inset 0 -1px #b88b59;
2914
2790
  }
2915
- .RelatedBlock-module_center__1LmW8 {
2791
+ .ImportantLead-module_slide__3kQ9x {
2916
2792
  max-width: 650px;
2917
2793
  margin-right: auto;
2918
2794
  margin-left: auto;
2919
2795
  }
2920
- .RelatedBlock-module_isInSlideMaterial__2YSYG:first-child {
2921
- margin-top: 0;
2922
- }
2923
- .RelatedBlock-module_isInSlideMaterial__2YSYG:last-child {
2924
- margin-bottom: 0;
2925
- }
2926
2796
  /* VISIBILITY */
2927
2797
  @media only screen and (min-device-width: 32em) {
2928
- .RelatedBlock-module_mobile__2XM5a {
2798
+ .ImportantLead-module_mobile__3BXbm {
2929
2799
  display: none
2930
2800
  }
2931
2801
  }
2932
- .RelatedBlock-module_desktop__2mXeq {
2802
+ .ImportantLead-module_desktop__3Zljc {
2933
2803
  display: none
2934
2804
  }
2935
2805
  @media only screen and (min-device-width: 32em) {
2936
- .RelatedBlock-module_desktop__2mXeq {
2806
+ .ImportantLead-module_desktop__3Zljc {
2937
2807
  display: block
2938
2808
  }
2939
2809
  }
@@ -3220,6 +3090,136 @@
3220
3090
  }
3221
3091
  }
3222
3092
 
3093
+ /* Colors */
3094
+ /* Fonts */
3095
+ /* Gap */
3096
+ /* Media */
3097
+ /* 512 */
3098
+ /* 650 */
3099
+ /* 768 */
3100
+ /* 1024 */
3101
+ /* 1010 */
3102
+ /* 1200 */
3103
+ /* 511 */
3104
+ /* 1023 */
3105
+ /* Zindex */
3106
+ .RelatedBlock-module_root__IKcQq {
3107
+ margin: 16px 0;
3108
+
3109
+ border-radius: 8px;
3110
+ background-color: #f5f5f5;
3111
+ box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1), inset 0 4px 0 0 #b78b5c
3112
+ }
3113
+ @media only screen and (min-device-width: 48em) {
3114
+ .RelatedBlock-module_root__IKcQq {
3115
+ margin: 25px 0
3116
+ }
3117
+ }
3118
+ .RelatedBlock-module_root__IKcQq:last-child {
3119
+ margin-bottom: 0;
3120
+ }
3121
+ .RelatedBlock-module_root__IKcQq:first-child {
3122
+ margin-top: 0;
3123
+ }
3124
+ .RelatedBlock-module_root__IKcQq a {
3125
+ display: block;
3126
+
3127
+ padding: 12px 12px 13px;
3128
+
3129
+ transition: color 0.15s;
3130
+ text-decoration: none;
3131
+
3132
+ color: #000;
3133
+ box-shadow: none;
3134
+
3135
+ font-size: 17px;
3136
+ line-height: 20px
3137
+ }
3138
+ @media only screen and (min-device-width: 48em) {
3139
+ .RelatedBlock-module_root__IKcQq a {
3140
+ padding: 15px 20px 17px;
3141
+
3142
+ font-size: 19px;
3143
+ line-height: 23px
3144
+ }
3145
+ }
3146
+ .RelatedBlock-module_root__IKcQq a:hover {
3147
+ color: #5c5c5c;
3148
+ }
3149
+ .RelatedBlock-module_header__2SuWP {
3150
+ margin: 0;
3151
+ padding: 14px 12px 3px;
3152
+
3153
+ letter-spacing: 1px;
3154
+ text-transform: uppercase;
3155
+
3156
+ color: #7F7F7F;
3157
+
3158
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
3159
+ font-size: 12px;
3160
+ font-weight: 600;
3161
+ line-height: 17px
3162
+ }
3163
+ @media only screen and (min-device-width: 48em) {
3164
+ .RelatedBlock-module_header__2SuWP {
3165
+ padding: 20px 20px 14px;
3166
+
3167
+ font-size: 14px;
3168
+ line-height: 16px
3169
+ }
3170
+ }
3171
+ .RelatedBlock-module_items__2V-Ap {
3172
+ margin: 0;
3173
+ padding-left: 0;
3174
+
3175
+ list-style: none;
3176
+ }
3177
+ .RelatedBlock-module_items__2V-Ap li {
3178
+ padding: 0;
3179
+ }
3180
+ .RelatedBlock-module_items__2V-Ap li + li {
3181
+ border-top: 1px solid #e6e6e6;
3182
+ }
3183
+ .RelatedBlock-module_rich__ddaHq .RelatedBlock-module_first__BKItW {
3184
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
3185
+ font-size: 16px;
3186
+ font-weight: 700;
3187
+ line-height: 18px
3188
+ }
3189
+ @media only screen and (min-device-width: 48em) {
3190
+ .RelatedBlock-module_rich__ddaHq .RelatedBlock-module_first__BKItW {
3191
+ font-size: 18px
3192
+ }
3193
+ }
3194
+ .RelatedBlock-module_simple__29HVO {
3195
+ }
3196
+ .RelatedBlock-module_center__1LmW8 {
3197
+ max-width: 650px;
3198
+ margin-right: auto;
3199
+ margin-left: auto;
3200
+ }
3201
+ .RelatedBlock-module_isInSlideMaterial__2YSYG:first-child {
3202
+ margin-top: 0;
3203
+ }
3204
+ .RelatedBlock-module_isInSlideMaterial__2YSYG:last-child {
3205
+ margin-bottom: 0;
3206
+ }
3207
+ /* VISIBILITY */
3208
+ @media only screen and (min-device-width: 32em) {
3209
+ .RelatedBlock-module_mobile__2XM5a {
3210
+ display: none
3211
+ }
3212
+ }
3213
+ .RelatedBlock-module_desktop__2mXeq {
3214
+ display: none
3215
+ }
3216
+ @media only screen and (min-device-width: 32em) {
3217
+ .RelatedBlock-module_desktop__2mXeq {
3218
+ display: block
3219
+ }
3220
+ }
3221
+
3222
+
3223
3223
  /* Colors */
3224
3224
  /* Fonts */
3225
3225
  /* Gap */
@@ -3592,95 +3592,51 @@ a mark {
3592
3592
  max-width: 650px;
3593
3593
  margin-right: auto;
3594
3594
  margin-left: auto;
3595
- }
3596
- .SimpleBlock-module_isInAnswer__3aX6X.SimpleBlock-module_p__Q3azD {
3597
- margin-top: 6px;
3598
- margin-bottom: 6px;
3599
-
3600
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
3601
- font-size: 16px;
3602
- line-height: 22px
3603
- }
3604
- @media only screen and (min-device-width: 48em) {
3605
- .SimpleBlock-module_isInAnswer__3aX6X.SimpleBlock-module_p__Q3azD {
3606
- margin-top: 12px;
3607
- margin-bottom: 12px;
3608
-
3609
- font-size: 18px;
3610
- line-height: 26px
3611
- }
3612
- }
3613
- .SimpleBlock-module_isInAnswer__3aX6X.SimpleBlock-module_blockquote__pwpcX {
3614
- margin-top: 12px;
3615
- margin-bottom: 12px
3616
- }
3617
- @media only screen and (min-device-width: 48em) {
3618
- .SimpleBlock-module_isInAnswer__3aX6X.SimpleBlock-module_blockquote__pwpcX {
3619
- margin-top: 10px;
3620
- margin-bottom: 10px
3621
- }
3622
- }
3623
- .SimpleBlock-module_isInAnswer__3aX6X:first-child {
3624
- margin-top: 6px;
3625
- }
3626
- .SimpleBlock-module_isInAnswer__3aX6X:last-child {
3627
- margin-bottom: 0;
3628
- }
3629
- /* VISIBILITY */
3630
- @media only screen and (min-device-width: 32em) {
3631
- .SimpleBlock-module_mobile__Ckgek {
3632
- display: none
3633
- }
3634
- }
3635
- .SimpleBlock-module_desktop__2se2o {
3636
- display: none
3637
- }
3638
- @media only screen and (min-device-width: 32em) {
3639
- .SimpleBlock-module_desktop__2se2o {
3640
- display: block
3641
- }
3642
- }
3643
-
3644
- /* Colors */
3645
- /* Fonts */
3646
- /* Gap */
3647
- /* Media */
3648
- /* 512 */
3649
- /* 650 */
3650
- /* 768 */
3651
- /* 1024 */
3652
- /* 1010 */
3653
- /* 1200 */
3654
- /* 511 */
3655
- /* 1023 */
3656
- /* Zindex */
3657
- .SimpleTitle-module_root__2jVQN {
3658
- margin: 0 0 18px;
3595
+ }
3596
+ .SimpleBlock-module_isInAnswer__3aX6X.SimpleBlock-module_p__Q3azD {
3597
+ margin-top: 6px;
3598
+ margin-bottom: 6px;
3659
3599
 
3660
- font-family: 'PF Regal', 'PF Regal Text Pro', 'Georgia', serif;
3661
- font-size: 20px;
3662
- font-weight: normal;
3663
- line-height: 23px
3600
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
3601
+ font-size: 16px;
3602
+ line-height: 22px
3664
3603
  }
3665
3604
  @media only screen and (min-device-width: 48em) {
3666
- .SimpleTitle-module_root__2jVQN {
3667
- margin-bottom: 15px;
3605
+ .SimpleBlock-module_isInAnswer__3aX6X.SimpleBlock-module_p__Q3azD {
3606
+ margin-top: 12px;
3607
+ margin-bottom: 12px;
3668
3608
 
3669
- font-size: 36px;
3670
- line-height: 40px
3609
+ font-size: 18px;
3610
+ line-height: 26px
3611
+ }
3612
+ }
3613
+ .SimpleBlock-module_isInAnswer__3aX6X.SimpleBlock-module_blockquote__pwpcX {
3614
+ margin-top: 12px;
3615
+ margin-bottom: 12px
3616
+ }
3617
+ @media only screen and (min-device-width: 48em) {
3618
+ .SimpleBlock-module_isInAnswer__3aX6X.SimpleBlock-module_blockquote__pwpcX {
3619
+ margin-top: 10px;
3620
+ margin-bottom: 10px
3671
3621
  }
3672
3622
  }
3623
+ .SimpleBlock-module_isInAnswer__3aX6X:first-child {
3624
+ margin-top: 6px;
3625
+ }
3626
+ .SimpleBlock-module_isInAnswer__3aX6X:last-child {
3627
+ margin-bottom: 0;
3628
+ }
3673
3629
  /* VISIBILITY */
3674
3630
  @media only screen and (min-device-width: 32em) {
3675
- .SimpleTitle-module_mobile__11gBz {
3631
+ .SimpleBlock-module_mobile__Ckgek {
3676
3632
  display: none
3677
3633
  }
3678
3634
  }
3679
- .SimpleTitle-module_desktop__3yXgy {
3635
+ .SimpleBlock-module_desktop__2se2o {
3680
3636
  display: none
3681
3637
  }
3682
3638
  @media only screen and (min-device-width: 32em) {
3683
- .SimpleTitle-module_desktop__3yXgy {
3639
+ .SimpleBlock-module_desktop__2se2o {
3684
3640
  display: block
3685
3641
  }
3686
3642
  }
@@ -3813,94 +3769,36 @@ a mark {
3813
3769
  /* 511 */
3814
3770
  /* 1023 */
3815
3771
  /* Zindex */
3816
- .MetaItem-module_root__2VQom {
3817
- display: inline;
3818
-
3819
- margin-right: 15px;
3820
- }
3821
- .MetaItem-module_root__2VQom > svg {
3822
- display: inline-block;
3823
-
3824
- margin-right: 1px;
3825
-
3826
- vertical-align: top;
3827
-
3828
- color: inherit;
3829
-
3830
- fill: currentColor;
3831
- }
3832
- .MetaItem-module_root__2VQom a {
3833
- display: inline;
3834
-
3835
- text-decoration: underline;
3836
-
3837
- color: inherit;
3772
+ .SimpleTitle-module_root__2jVQN {
3773
+ margin: 0 0 18px;
3838
3774
 
3839
- -webkit-text-decoration-skip: auto;
3840
- }
3841
- .MetaItem-module_root__2VQom a:hover {
3842
- color: #b88b59;
3843
- }
3844
- .MetaItem-module_hasBullets__CkQPI {
3845
- margin-right: 0;
3775
+ font-family: 'PF Regal', 'PF Regal Text Pro', 'Georgia', serif;
3776
+ font-size: 20px;
3777
+ font-weight: normal;
3778
+ line-height: 23px
3846
3779
  }
3847
- .MetaItem-module_hasBullets__CkQPI:nth-child(n + 2)::before {
3848
- display: inline-block;
3849
-
3850
- padding-right: 0.4em;
3851
- padding-left: 0.4em;
3780
+ @media only screen and (min-device-width: 48em) {
3781
+ .SimpleTitle-module_root__2jVQN {
3782
+ margin-bottom: 15px;
3852
3783
 
3853
- content: '\B7';
3854
- }
3855
- @media only screen and (max-device-width: 32.1875em) {
3856
- .MetaItem-module_hasSource__1DmCI {
3857
- width: 100%;
3858
- margin-top: 3px;
3859
- margin-bottom: 3px
3860
- }
3861
- }
3862
- @media only screen and (max-device-width: 32.1875em) {
3863
- .MetaItem-module_hasSource__1DmCI:first-child {
3864
- margin-top: 0
3784
+ font-size: 36px;
3785
+ line-height: 40px
3865
3786
  }
3866
3787
  }
3867
- .MetaItem-module_hasSource__1DmCI:last-child {
3868
- margin-bottom: 0;
3869
- }
3870
- @media only screen and (max-device-width: 32.1875em) {
3871
- .MetaItem-module_hasSource__1DmCI:nth-child(n + 2)::before {
3788
+ /* VISIBILITY */
3789
+ @media only screen and (min-device-width: 32em) {
3790
+ .SimpleTitle-module_mobile__11gBz {
3872
3791
  display: none
3873
3792
  }
3874
3793
  }
3875
- @media only screen and (max-device-width: 32.1875em) {
3876
- .MetaItem-module_hasSource__1DmCI.MetaItem-module_listened__lwvAO::before,
3877
- .MetaItem-module_hasSource__1DmCI.MetaItem-module_read__5eAIG::before {
3878
- display: inline-block
3879
- }
3880
- }
3881
- @media only screen and (max-device-width: 32.1875em) {
3882
- .MetaItem-module_datetime__3tOWm,
3883
- .MetaItem-module_listened__lwvAO,
3884
- .MetaItem-module_read__5eAIG {
3885
- width: auto
3886
- }
3887
- }
3888
- @media only screen and (max-device-width: 32.1875em) {
3889
- .MetaItem-module_hasSource__1DmCI.MetaItem-module_datetime__3tOWm:first-child {
3890
- order: -2
3794
+ .SimpleTitle-module_desktop__3yXgy {
3795
+ display: none
3891
3796
  }
3892
- }
3893
- @media only screen and (max-device-width: 32.1875em) {
3894
- .MetaItem-module_hasSource__1DmCI.MetaItem-module_listened__lwvAO,
3895
- .MetaItem-module_hasSource__1DmCI.MetaItem-module_read__5eAIG {
3896
- order: -1;
3897
-
3898
- margin-top: 0
3797
+ @media only screen and (min-device-width: 32em) {
3798
+ .SimpleTitle-module_desktop__3yXgy {
3799
+ display: block
3899
3800
  }
3900
3801
  }
3901
- .MetaItem-module_read__5eAIG svg {
3902
- margin-top: -1px;
3903
- }
3904
3802
 
3905
3803
  /* Colors */
3906
3804
  /* Fonts */
@@ -3937,6 +3835,7 @@ a mark {
3937
3835
  .Spoiler-module_root__1OfSR::before,
3938
3836
  .Spoiler-module_root__1OfSR::after {
3939
3837
  position: absolute;
3838
+ z-index: 10;
3940
3839
  left: 50%;
3941
3840
 
3942
3841
  width: 100%;
@@ -4061,6 +3960,7 @@ a mark {
4061
3960
  .Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7 {
4062
3961
  position: static;
4063
3962
 
3963
+ width: 100%;
4064
3964
  margin-right: auto;
4065
3965
  margin-left: auto;
4066
3966
  padding: 0;
@@ -4359,6 +4259,108 @@ a mark {
4359
4259
  }
4360
4260
  }
4361
4261
 
4262
+ /* Colors */
4263
+ /* Fonts */
4264
+ /* Gap */
4265
+ /* Media */
4266
+ /* 512 */
4267
+ /* 650 */
4268
+ /* 768 */
4269
+ /* 1024 */
4270
+ /* 1010 */
4271
+ /* 1200 */
4272
+ /* 511 */
4273
+ /* 1023 */
4274
+ /* Zindex */
4275
+ .MetaItem-module_root__2VQom {
4276
+ display: inline;
4277
+
4278
+ margin-right: 15px;
4279
+ }
4280
+ .MetaItem-module_root__2VQom > svg {
4281
+ display: inline-block;
4282
+
4283
+ margin-right: 1px;
4284
+
4285
+ vertical-align: top;
4286
+
4287
+ color: inherit;
4288
+
4289
+ fill: currentColor;
4290
+ }
4291
+ .MetaItem-module_root__2VQom a {
4292
+ display: inline;
4293
+
4294
+ text-decoration: underline;
4295
+
4296
+ color: inherit;
4297
+
4298
+ -webkit-text-decoration-skip: auto;
4299
+ }
4300
+ .MetaItem-module_root__2VQom a:hover {
4301
+ color: #b88b59;
4302
+ }
4303
+ .MetaItem-module_hasBullets__CkQPI {
4304
+ margin-right: 0;
4305
+ }
4306
+ .MetaItem-module_hasBullets__CkQPI:nth-child(n + 2)::before {
4307
+ display: inline-block;
4308
+
4309
+ padding-right: 0.4em;
4310
+ padding-left: 0.4em;
4311
+
4312
+ content: '\B7';
4313
+ }
4314
+ @media only screen and (max-device-width: 32.1875em) {
4315
+ .MetaItem-module_hasSource__1DmCI {
4316
+ width: 100%;
4317
+ margin-top: 3px;
4318
+ margin-bottom: 3px
4319
+ }
4320
+ }
4321
+ @media only screen and (max-device-width: 32.1875em) {
4322
+ .MetaItem-module_hasSource__1DmCI:first-child {
4323
+ margin-top: 0
4324
+ }
4325
+ }
4326
+ .MetaItem-module_hasSource__1DmCI:last-child {
4327
+ margin-bottom: 0;
4328
+ }
4329
+ @media only screen and (max-device-width: 32.1875em) {
4330
+ .MetaItem-module_hasSource__1DmCI:nth-child(n + 2)::before {
4331
+ display: none
4332
+ }
4333
+ }
4334
+ @media only screen and (max-device-width: 32.1875em) {
4335
+ .MetaItem-module_hasSource__1DmCI.MetaItem-module_listened__lwvAO::before,
4336
+ .MetaItem-module_hasSource__1DmCI.MetaItem-module_read__5eAIG::before {
4337
+ display: inline-block
4338
+ }
4339
+ }
4340
+ @media only screen and (max-device-width: 32.1875em) {
4341
+ .MetaItem-module_datetime__3tOWm,
4342
+ .MetaItem-module_listened__lwvAO,
4343
+ .MetaItem-module_read__5eAIG {
4344
+ width: auto
4345
+ }
4346
+ }
4347
+ @media only screen and (max-device-width: 32.1875em) {
4348
+ .MetaItem-module_hasSource__1DmCI.MetaItem-module_datetime__3tOWm:first-child {
4349
+ order: -2
4350
+ }
4351
+ }
4352
+ @media only screen and (max-device-width: 32.1875em) {
4353
+ .MetaItem-module_hasSource__1DmCI.MetaItem-module_listened__lwvAO,
4354
+ .MetaItem-module_hasSource__1DmCI.MetaItem-module_read__5eAIG {
4355
+ order: -1;
4356
+
4357
+ margin-top: 0
4358
+ }
4359
+ }
4360
+ .MetaItem-module_read__5eAIG svg {
4361
+ margin-top: -1px;
4362
+ }
4363
+
4362
4364
  /* stylelint-disable declaration-empty-line-before */
4363
4365
  /* Colors */
4364
4366
  /* Fonts */
@@ -4603,6 +4605,16 @@ a mark {
4603
4605
  .RelatedRichBlock-module_root__3NYmj::after {
4604
4606
  box-shadow: inset 0 4px #b88b59, inset 0 5px rgba(0, 0, 0, 0.2);
4605
4607
  }
4608
+ .RelatedRichBlock-module_root__3NYmj,
4609
+ .RelatedRichBlock-module_wrapper__1eLIQ {
4610
+ margin: 16px 0
4611
+ }
4612
+ @media only screen and (min-device-width: 48em) {
4613
+ .RelatedRichBlock-module_root__3NYmj,
4614
+ .RelatedRichBlock-module_wrapper__1eLIQ {
4615
+ margin: 25px 0
4616
+ }
4617
+ }
4606
4618
  .RelatedRichBlock-module_overlay__3XSg_,
4607
4619
  .RelatedRichBlock-module_overlayHeader__2Nmbv {
4608
4620
  position: absolute;
@@ -4619,13 +4631,24 @@ a mark {
4619
4631
  top: 0;
4620
4632
 
4621
4633
  height: 150px;
4622
-
4623
-
4624
4634
  }
4625
4635
  .RelatedRichBlock-module_isRich__1LnA4 .RelatedRichBlock-module_overlayHeader__2Nmbv {
4626
- background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), color-stop(97%, rgba(0, 0, 0, 0)));
4627
- background: -o-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 97%);
4628
- background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 97%);
4636
+ background: -webkit-gradient(
4637
+ linear,
4638
+ left top, left bottom,
4639
+ from(rgba(0, 0, 0, 0.5)),
4640
+ color-stop(97%, rgba(0, 0, 0, 0))
4641
+ );
4642
+ background: -o-linear-gradient(
4643
+ top,
4644
+ rgba(0, 0, 0, 0.5) 0%,
4645
+ rgba(0, 0, 0, 0) 97%
4646
+ );
4647
+ background: linear-gradient(
4648
+ 180deg,
4649
+ rgba(0, 0, 0, 0.5) 0%,
4650
+ rgba(0, 0, 0, 0) 97%
4651
+ );
4629
4652
  }
4630
4653
  .RelatedRichBlock-module_body__1ZHZS {
4631
4654
  display: -webkit-box;