@meduza/ui-kit-2 0.1.11 → 0.1.13

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,247 @@
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
+ color: #fff;
20
+
21
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
22
+ line-height: 1;
23
+ text-align: center;
24
+
25
+ border-width: 0;
26
+ outline: none;
27
+
28
+ cursor: pointer;
29
+
30
+ transition: background-color 0.15s ease-out;
31
+
32
+ -webkit-appearance: none;
33
+
34
+ -moz-appearance: none;
35
+
36
+ appearance: none;
37
+ -webkit-user-select: none;
38
+ -moz-user-select: none;
39
+ -ms-user-select: none;
40
+ user-select: none;
41
+ }
42
+ .Button-module_root__RpsiW::-moz-focus-inner {
43
+ border: 0;
44
+ }
45
+ .Button-module_root__RpsiW[disabled] {
46
+ cursor: default;
47
+
48
+ opacity: 0.5;
49
+
50
+ pointer-events: none;
51
+ }
52
+ .Button-module_root__RpsiW > span:first-child {
53
+ margin-right: 4px;
54
+ }
55
+ .Button-module_root__RpsiW > span:last-child {
56
+ margin-left: 4px;
57
+ }
58
+ .Button-module_gold__ZMYg- {
59
+ background: #b88b59;
60
+ }
61
+ .Button-module_gold__ZMYg-.Button-module_isLoading__1g6QO {
62
+ fill: #b88b59;
63
+ }
64
+ .Button-module_gold__ZMYg-:hover {
65
+ background-color: #9e784c
66
+ }
67
+ @media (hover: none) {
68
+ .Button-module_gold__ZMYg-:hover {
69
+ background-color: #b88b59
70
+ }
71
+ }
72
+ .Button-module_gold__ZMYg-:active {
73
+ background-color: #856440;
74
+ }
75
+ .Button-module_gray__3IM54 {
76
+ color: #000;
77
+
78
+ background-color: #f0f0f0;
79
+ }
80
+ .Button-module_gray__3IM54.Button-module_isLoading__1g6QO {
81
+ fill: #545454;
82
+ }
83
+ .Button-module_gray__3IM54:hover {
84
+ background-color: #ebebeb
85
+ }
86
+ @media (hover: none) {
87
+ .Button-module_gray__3IM54:hover {
88
+ background-color: #ebebeb
89
+ }
90
+ }
91
+ .Button-module_gray__3IM54:active {
92
+ background-color: #e3e3e3;
93
+ }
94
+ .Button-module_sand__2AqVq {
95
+ background: #a18c68;
96
+ }
97
+ .Button-module_sand__2AqVq.Button-module_isLoading__1g6QO {
98
+ fill: #a18c68;
99
+ }
100
+ .Button-module_sand__2AqVq:hover {
101
+ background-color: #8a7654
102
+ }
103
+ @media (hover: none) {
104
+ .Button-module_sand__2AqVq:hover {
105
+ background-color: #a18c68
106
+ }
107
+ }
108
+ .Button-module_sand__2AqVq:active {
109
+ background-color: #7b6743;
110
+ }
111
+ .Button-module_dark__I0uXx {
112
+ color: #adadad;
113
+
114
+ background-color: #3a3a3a;
115
+ box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.4);
116
+ }
117
+ .Button-module_dark__I0uXx:hover {
118
+ background-color: #2e2e2e
119
+ }
120
+ @media (hover: none) {
121
+ .Button-module_dark__I0uXx:hover {
122
+ background-color: #3a3a3a
123
+ }
124
+ }
125
+ .Button-module_dark__I0uXx:active {
126
+ background-color: #242424;
127
+ }
128
+ .Button-module_dark__I0uXx.Button-module_isLoading__1g6QO {
129
+ fill: #3a3a3a;
130
+ }
131
+ .Button-module_light__1Y4hG {
132
+ color: #000;
133
+
134
+ background-color: #fff;
135
+ }
136
+ .Button-module_light__1Y4hG:hover {
137
+ background-color: #ebebeb
138
+ }
139
+ @media (hover: none) {
140
+ .Button-module_light__1Y4hG:hover {
141
+ background-color: #fff
142
+ }
143
+ }
144
+ .Button-module_light__1Y4hG:active {
145
+ background-color: #e3e3e3;
146
+ }
147
+ .Button-module_light__1Y4hG.Button-module_isLoading__1g6QO {
148
+ fill: #fff;
149
+ }
150
+ .Button-module_black__3sG3Y {
151
+ color: #7e7d7b;
152
+
153
+ background-color: #000;
154
+ }
155
+ .Button-module_black__3sG3Y.Button-module_isLoading__1g6QO {
156
+ fill: #7e7d7b;
157
+ }
158
+ .Button-module_black__3sG3Y:hover {
159
+ background-color: #141414
160
+ }
161
+ @media (hover: none) {
162
+ .Button-module_black__3sG3Y:hover {
163
+ background: #141414
164
+ }
165
+ }
166
+ .Button-module_black__3sG3Y:active {
167
+ background-color: #242424;
168
+ }
169
+ .Button-module_red__3Niou {
170
+ background-color: #f95a5a;
171
+ }
172
+ .Button-module_red__3Niou:hover {
173
+ background-color: #e65353
174
+ }
175
+ @media (hover: none) {
176
+ .Button-module_red__3Niou:hover {
177
+ background: #f95a5a
178
+ }
179
+ }
180
+ .Button-module_red__3Niou:active {
181
+ background-color: #d44d4d;
182
+ }
183
+ .Button-module_red__3Niou.Button-module_isLoading__1g6QO {
184
+ fill: #141414;
185
+ }
186
+ .Button-module_default__28Vo_ {
187
+ width: 100%;
188
+ height: 42px;
189
+ padding: 7px 18px 6px;
190
+
191
+ font-weight: 600;
192
+
193
+ font-size: 12px;
194
+ line-height: 22px;
195
+
196
+ letter-spacing: 1px;
197
+ text-transform: uppercase;
198
+
199
+ border-radius: 8px
200
+ }
201
+ @media only screen and (min-device-width: 64em) {
202
+ .Button-module_default__28Vo_ {
203
+ font-size: 14px;
204
+ line-height: 16px
205
+ }
206
+ }
207
+ .Button-module_isInSpoiler__2Yl8c svg {
208
+ margin-top: -2px;
209
+ margin-left: 6px;
210
+ }
211
+ .Button-module_ghost__3awCW {
212
+
213
+ color: inherit;
214
+ font-weight: inherit;
215
+ font-size: inherit;
216
+
217
+ font-family: inherit;
218
+ letter-spacing: inherit;
219
+ text-transform: none;
220
+
221
+ background-color: transparent;
222
+ }
223
+ .Button-module_isInDropdown__1ogKL {
224
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
225
+ }
226
+ .Button-module_black__3sG3Y[disabled],
227
+ .Button-module_sand__2AqVq[disabled] {
228
+ opacity: 0.3;
229
+ }
230
+ /* LOADING */
231
+ .Button-module_root__RpsiW.Button-module_isLoading__1g6QO {
232
+
233
+ background-color: transparent;
234
+ box-shadow: none;
235
+ cursor: default;
236
+
237
+ pointer-events: none;
238
+ }
239
+ .Button-module_loader__2pl6d {
240
+ display: block;
241
+
242
+ margin-top: -1px;
243
+ }
244
+
1
245
  /* Colors */
2
246
  /* Fonts */
3
247
  /* Gap */
@@ -302,338 +546,94 @@
302
546
 
303
547
  width: 18px;
304
548
 
305
- background: rgba(19, 191, 17, 0);
306
-
307
- border-radius: 15px;
308
-
309
- transition: 0.25s ease-in-out;
310
-
311
- content: '';
312
- }
313
- .Switcher-module_knob__3kEy5 {
314
- position: relative;
315
- top: 2px;
316
- left: 2px;
317
- z-index: 200;
318
-
319
- display: block;
320
-
321
- width: 17px;
322
- height: 17px;
323
-
324
- background: #fff;
325
-
326
- border-radius: 15px;
327
-
328
- transition: 0.25s ease-in-out;
329
- }
330
- .Switcher-module_input__jaMVF:checked ~ .Switcher-module_control__1NTvY::before {
331
- width: 100%;
332
-
333
- background-color: #b88b59;
334
- }
335
- .Switcher-module_input__jaMVF:checked ~ .Switcher-module_control__1NTvY::after {
336
- box-shadow: inset 0 0 0 1px transparent;
337
- }
338
- .Switcher-module_input__jaMVF:checked ~ .Switcher-module_control__1NTvY .Switcher-module_knob__3kEy5 {
339
- left: 18px;
340
- }
341
- .Switcher-module_children__147JP.Switcher-module_left__2coeE {
342
- margin-right: 6px;
343
- }
344
- .Switcher-module_children__147JP.Switcher-module_right__yWG7h {
345
- margin-left: 6px;
346
- }
347
- /* panel */
348
- .Switcher-module_isInPanel__TumqY .Switcher-module_children__147JP {
349
-
350
- color: #999;
351
-
352
- font-size: 13px;
353
- letter-spacing: 0.5px;
354
- text-transform: uppercase;
355
- }
356
- /* menu */
357
- .Switcher-module_isInMenu__3XJYj {
358
- font-weight: normal;
359
- }
360
- .Switcher-module_isInMenu__3XJYj .Switcher-module_children__147JP {
361
- margin-right: 8px;
362
- }
363
- .Switcher-module_isInMenu__3XJYj .Switcher-module_control__1NTvY {
364
- width: 48px;
365
- height: 30px;
366
- }
367
- .Switcher-module_isInMenu__3XJYj .Switcher-module_knob__3kEy5 {
368
- top: 4px;
369
-
370
- width: 22px;
371
- height: 22px;
372
-
373
- background-color: #bababa;
374
- }
375
- /* stylelint-disable selector-max-compound-selectors */
376
- .Switcher-module_isInMenu__3XJYj input:checked ~ .Switcher-module_control__1NTvY .Switcher-module_knob__3kEy5 {
377
- left: 23px;
378
-
379
- background-color: #fff;
380
- }
381
- /* live */
382
- .Switcher-module_isInLive__2cLui .Switcher-module_children__147JP {
383
-
384
- color: #7f7f7f;
385
-
386
- font-size: 13px;
387
- letter-spacing: 0.5px;
388
- text-transform: uppercase;
389
- }
390
- .Switcher-module_isInMenu__3XJYj .Switcher-module_control__1NTvY {
391
- background-color: #1a1a1a;
392
- box-shadow: inset 0 0 0 1px #323232;
393
- }
394
-
395
- /* Colors */
396
- /* Fonts */
397
- /* Gap */
398
- /* Media */
399
- /* 512 */
400
- /* 650 */
401
- /* 768 */
402
- /* 1024 */
403
- /* 1010 */
404
- /* 1200 */
405
- /* 511 */
406
- /* 1023 */
407
- /* Zindex */
408
- .Button-module_root__RpsiW {
409
- display: block;
410
-
411
- padding: 0;
412
-
413
- color: #fff;
414
-
415
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
416
- line-height: 1;
417
- text-align: center;
418
-
419
- border-width: 0;
420
- outline: none;
421
-
422
- cursor: pointer;
423
-
424
- transition: background-color 0.15s ease-out;
425
-
426
- -webkit-appearance: none;
427
-
428
- -moz-appearance: none;
429
-
430
- appearance: none;
431
- -webkit-user-select: none;
432
- -moz-user-select: none;
433
- -ms-user-select: none;
434
- user-select: none;
435
- }
436
- .Button-module_root__RpsiW::-moz-focus-inner {
437
- border: 0;
438
- }
439
- .Button-module_root__RpsiW[disabled] {
440
- cursor: default;
441
-
442
- opacity: 0.5;
443
-
444
- pointer-events: none;
445
- }
446
- .Button-module_root__RpsiW > span:first-child {
447
- margin-right: 4px;
448
- }
449
- .Button-module_root__RpsiW > span:last-child {
450
- margin-left: 4px;
451
- }
452
- .Button-module_gold__ZMYg- {
453
- background: #b88b59;
454
- }
455
- .Button-module_gold__ZMYg-.Button-module_isLoading__1g6QO {
456
- fill: #b88b59;
457
- }
458
- .Button-module_gold__ZMYg-:hover {
459
- background-color: #9e784c
460
- }
461
- @media (hover: none) {
462
- .Button-module_gold__ZMYg-:hover {
463
- background-color: #b88b59
464
- }
465
- }
466
- .Button-module_gold__ZMYg-:active {
467
- background-color: #856440;
468
- }
469
- .Button-module_gray__3IM54 {
470
- color: #000;
471
-
472
- background-color: #f0f0f0;
473
- }
474
- .Button-module_gray__3IM54.Button-module_isLoading__1g6QO {
475
- fill: #545454;
476
- }
477
- .Button-module_gray__3IM54:hover {
478
- background-color: #ebebeb
479
- }
480
- @media (hover: none) {
481
- .Button-module_gray__3IM54:hover {
482
- background-color: #ebebeb
483
- }
484
- }
485
- .Button-module_gray__3IM54:active {
486
- background-color: #e3e3e3;
487
- }
488
- .Button-module_sand__2AqVq {
489
- background: #a18c68;
490
- }
491
- .Button-module_sand__2AqVq.Button-module_isLoading__1g6QO {
492
- fill: #a18c68;
493
- }
494
- .Button-module_sand__2AqVq:hover {
495
- background-color: #8a7654
496
- }
497
- @media (hover: none) {
498
- .Button-module_sand__2AqVq:hover {
499
- background-color: #a18c68
500
- }
501
- }
502
- .Button-module_sand__2AqVq:active {
503
- background-color: #7b6743;
504
- }
505
- .Button-module_dark__I0uXx {
506
- color: #adadad;
507
-
508
- background-color: #3a3a3a;
509
- box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.4);
510
- }
511
- .Button-module_dark__I0uXx:hover {
512
- background-color: #2e2e2e
513
- }
514
- @media (hover: none) {
515
- .Button-module_dark__I0uXx:hover {
516
- background-color: #3a3a3a
517
- }
518
- }
519
- .Button-module_dark__I0uXx:active {
520
- background-color: #242424;
521
- }
522
- .Button-module_dark__I0uXx.Button-module_isLoading__1g6QO {
523
- fill: #3a3a3a;
524
- }
525
- .Button-module_light__1Y4hG {
526
- color: #000;
527
-
528
- background-color: #fff;
529
- }
530
- .Button-module_light__1Y4hG:hover {
531
- background-color: #ebebeb
532
- }
533
- @media (hover: none) {
534
- .Button-module_light__1Y4hG:hover {
535
- background-color: #fff
536
- }
537
- }
538
- .Button-module_light__1Y4hG:active {
539
- background-color: #e3e3e3;
540
- }
541
- .Button-module_light__1Y4hG.Button-module_isLoading__1g6QO {
542
- fill: #fff;
543
- }
544
- .Button-module_black__3sG3Y {
545
- color: #7e7d7b;
546
-
547
- background-color: #000;
548
- }
549
- .Button-module_black__3sG3Y.Button-module_isLoading__1g6QO {
550
- fill: #7e7d7b;
551
- }
552
- .Button-module_black__3sG3Y:hover {
553
- background-color: #141414
554
- }
555
- @media (hover: none) {
556
- .Button-module_black__3sG3Y:hover {
557
- background: #141414
549
+ background: rgba(19, 191, 17, 0);
550
+
551
+ border-radius: 15px;
552
+
553
+ transition: 0.25s ease-in-out;
554
+
555
+ content: '';
558
556
  }
559
- }
560
- .Button-module_black__3sG3Y:active {
561
- background-color: #242424;
557
+ .Switcher-module_knob__3kEy5 {
558
+ position: relative;
559
+ top: 2px;
560
+ left: 2px;
561
+ z-index: 200;
562
+
563
+ display: block;
564
+
565
+ width: 17px;
566
+ height: 17px;
567
+
568
+ background: #fff;
569
+
570
+ border-radius: 15px;
571
+
572
+ transition: 0.25s ease-in-out;
562
573
  }
563
- .Button-module_red__3Niou {
564
- background-color: #f95a5a;
574
+ .Switcher-module_input__jaMVF:checked ~ .Switcher-module_control__1NTvY::before {
575
+ width: 100%;
576
+
577
+ background-color: #b88b59;
565
578
  }
566
- .Button-module_red__3Niou:hover {
567
- background-color: #e65353
579
+ .Switcher-module_input__jaMVF:checked ~ .Switcher-module_control__1NTvY::after {
580
+ box-shadow: inset 0 0 0 1px transparent;
568
581
  }
569
- @media (hover: none) {
570
- .Button-module_red__3Niou:hover {
571
- background: #f95a5a
582
+ .Switcher-module_input__jaMVF:checked ~ .Switcher-module_control__1NTvY .Switcher-module_knob__3kEy5 {
583
+ left: 18px;
572
584
  }
573
- }
574
- .Button-module_red__3Niou:active {
575
- background-color: #d44d4d;
585
+ .Switcher-module_children__147JP.Switcher-module_left__2coeE {
586
+ margin-right: 6px;
576
587
  }
577
- .Button-module_red__3Niou.Button-module_isLoading__1g6QO {
578
- fill: #141414;
588
+ .Switcher-module_children__147JP.Switcher-module_right__yWG7h {
589
+ margin-left: 6px;
579
590
  }
580
- .Button-module_default__28Vo_ {
581
- width: 100%;
582
- height: 42px;
583
- padding: 7px 18px 6px;
584
-
585
- font-weight: 600;
591
+ /* panel */
592
+ .Switcher-module_isInPanel__TumqY .Switcher-module_children__147JP {
586
593
 
587
- font-size: 12px;
588
- line-height: 22px;
594
+ color: #999;
589
595
 
590
- letter-spacing: 1px;
596
+ font-size: 13px;
597
+ letter-spacing: 0.5px;
591
598
  text-transform: uppercase;
592
-
593
- border-radius: 8px
594
599
  }
595
- @media only screen and (min-device-width: 64em) {
596
- .Button-module_default__28Vo_ {
597
- font-size: 14px;
598
- line-height: 16px
600
+ /* menu */
601
+ .Switcher-module_isInMenu__3XJYj {
602
+ font-weight: normal;
599
603
  }
600
- }
601
- .Button-module_isInSpoiler__2Yl8c svg {
602
- margin-top: -2px;
603
- margin-left: 6px;
604
+ .Switcher-module_isInMenu__3XJYj .Switcher-module_children__147JP {
605
+ margin-right: 8px;
604
606
  }
605
- .Button-module_ghost__3awCW {
606
-
607
- color: inherit;
608
- font-weight: inherit;
609
- font-size: inherit;
607
+ .Switcher-module_isInMenu__3XJYj .Switcher-module_control__1NTvY {
608
+ width: 48px;
609
+ height: 30px;
610
+ }
611
+ .Switcher-module_isInMenu__3XJYj .Switcher-module_knob__3kEy5 {
612
+ top: 4px;
610
613
 
611
- font-family: inherit;
612
- letter-spacing: inherit;
613
- text-transform: none;
614
+ width: 22px;
615
+ height: 22px;
614
616
 
615
- background-color: transparent;
616
- }
617
- .Button-module_isInDropdown__1ogKL {
618
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
617
+ background-color: #bababa;
619
618
  }
620
- .Button-module_black__3sG3Y[disabled],
621
- .Button-module_sand__2AqVq[disabled] {
622
- opacity: 0.3;
619
+ /* stylelint-disable selector-max-compound-selectors */
620
+ .Switcher-module_isInMenu__3XJYj input:checked ~ .Switcher-module_control__1NTvY .Switcher-module_knob__3kEy5 {
621
+ left: 23px;
622
+
623
+ background-color: #fff;
623
624
  }
624
- /* LOADING */
625
- .Button-module_root__RpsiW.Button-module_isLoading__1g6QO {
625
+ /* live */
626
+ .Switcher-module_isInLive__2cLui .Switcher-module_children__147JP {
626
627
 
627
- background-color: transparent;
628
- box-shadow: none;
629
- cursor: default;
628
+ color: #7f7f7f;
630
629
 
631
- pointer-events: none;
630
+ font-size: 13px;
631
+ letter-spacing: 0.5px;
632
+ text-transform: uppercase;
632
633
  }
633
- .Button-module_loader__2pl6d {
634
- display: block;
635
-
636
- margin-top: -1px;
634
+ .Switcher-module_isInMenu__3XJYj .Switcher-module_control__1NTvY {
635
+ background-color: #1a1a1a;
636
+ box-shadow: inset 0 0 0 1px #323232;
637
637
  }
638
638
 
639
639
  /* Colors */
@@ -787,9 +787,18 @@
787
787
  -moz-appearance: none;
788
788
 
789
789
  appearance: none;
790
+ will-change: opacity;
791
+ }
792
+ .DotsOnImage-module_dot__H1wua:hover {
793
+ box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3);
794
+ }
795
+ .DotsOnImage-module_dot__H1wua.DotsOnImage-module_isActive__3hh31 {
796
+ box-shadow: 0 0 0 1px rgba(255, 255, 255, 1);
790
797
  }
791
798
  .DotsOnImage-module_dot__H1wua svg {
792
799
  display: block;
800
+
801
+ will-change: opacity;
793
802
  }
794
803
  .DotsOnImage-module_popover__35Cpj {
795
804
  position: absolute;
@@ -805,7 +814,8 @@
805
814
  transform: translateX(50px) translateY(-100%) translateY(22px);
806
815
  }
807
816
  .DotsOnImage-module_popover__35Cpj.DotsOnImage-module_isLeft__3quc9.DotsOnImage-module_isBottom__3Nk1T {
808
- transform: translateX(-100%) translateX(-22px) translateY(-100%) translateY(22px);
817
+ transform: translateX(-100%) translateX(-22px) translateY(-100%)
818
+ translateY(22px);
809
819
  }
810
820
  .DotsOnImage-module_popoverTitle__343d8 {
811
821
  margin-bottom: 16px;
@@ -1361,6 +1371,64 @@
1361
1371
  }
1362
1372
 
1363
1373
 
1374
+ /* Colors */
1375
+ /* Fonts */
1376
+ /* Gap */
1377
+ /* Media */
1378
+ /* 512 */
1379
+ /* 650 */
1380
+ /* 768 */
1381
+ /* 1024 */
1382
+ /* 1010 */
1383
+ /* 1200 */
1384
+ /* 511 */
1385
+ /* 1023 */
1386
+ /* Zindex */
1387
+ .BookmarkButton-module_root__3KmuY {
1388
+ color: #e0e0e0;
1389
+ }
1390
+ .BookmarkButton-module_control__1A0ea {
1391
+ margin: 0;
1392
+ padding: 5px 3px;
1393
+
1394
+ cursor: pointer;
1395
+
1396
+ color: inherit;
1397
+ border-width: 0;
1398
+ outline: none;
1399
+ background-color: transparent;
1400
+
1401
+ -webkit-appearance: none;
1402
+
1403
+ -moz-appearance: none;
1404
+
1405
+ appearance: none;
1406
+ fill: transparent;
1407
+ }
1408
+ .BookmarkButton-module_dark__1cwyi {
1409
+ color: #fff;
1410
+ }
1411
+ .BookmarkButton-module_light__1uQyH {
1412
+ color: #000;
1413
+ }
1414
+ .BookmarkButton-module_isInBookmarks__1_5kB .BookmarkButton-module_control__1A0ea {
1415
+ fill: #e0e0e0;
1416
+ }
1417
+ .BookmarkButton-module_isInBookmarks__1_5kB.BookmarkButton-module_dark__1cwyi .BookmarkButton-module_control__1A0ea {
1418
+ fill: #fff;
1419
+ }
1420
+ .BookmarkButton-module_isInBookmarks__1_5kB.BookmarkButton-module_light__1uQyH .BookmarkButton-module_control__1A0ea {
1421
+ fill: #000;
1422
+ }
1423
+ @media only screen and (min-device-width: 64em) {
1424
+ .BookmarkButton-module_isInGrid__2pQ2B .BookmarkButton-module_control__1A0ea svg {
1425
+ width: 12px
1426
+ }
1427
+ }
1428
+ [data-context='prodano'] .BookmarkButton-module_root__3KmuY {
1429
+ display: none;
1430
+ }
1431
+
1364
1432
  /* Colors */
1365
1433
  /* Fonts */
1366
1434
  /* Gap */
@@ -1509,50 +1577,36 @@
1509
1577
  /* 511 */
1510
1578
  /* 1023 */
1511
1579
  /* Zindex */
1512
- .BookmarkButton-module_root__3KmuY {
1513
- color: #e0e0e0;
1580
+ .MaterialTitle-module_root__18ku- {
1581
+ display: block;
1514
1582
  }
1515
- .BookmarkButton-module_control__1A0ea {
1583
+ .MaterialTitle-module_root__18ku- {
1516
1584
  margin: 0;
1517
- padding: 5px 3px;
1518
-
1519
- cursor: pointer;
1520
-
1521
- color: inherit;
1522
- border-width: 0;
1523
- outline: none;
1524
- background-color: transparent;
1525
-
1526
- -webkit-appearance: none;
1527
1585
 
1528
- -moz-appearance: none;
1529
-
1530
- appearance: none;
1531
- fill: transparent;
1532
- }
1533
- .BookmarkButton-module_dark__1cwyi {
1534
- color: #fff;
1535
- }
1536
- .BookmarkButton-module_light__1uQyH {
1537
- color: #000;
1586
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1587
+ font-size: 25px;
1588
+ font-weight: normal;
1589
+ line-height: 27px
1538
1590
  }
1539
- .BookmarkButton-module_isInBookmarks__1_5kB .BookmarkButton-module_control__1A0ea {
1540
- fill: #e0e0e0;
1591
+ @media only screen and (min-device-width: 48em) {
1592
+ .MaterialTitle-module_root__18ku- {
1593
+ font-size: 37px;
1594
+ line-height: 38px
1541
1595
  }
1542
- .BookmarkButton-module_isInBookmarks__1_5kB.BookmarkButton-module_dark__1cwyi .BookmarkButton-module_control__1A0ea {
1543
- fill: #fff;
1596
+ }
1597
+ .MaterialTitle-module_primary__2Sfmx {
1598
+ font-family: 'PF Regal', 'PF Regal Text Pro', 'Georgia', serif;
1599
+ font-weight: normal;
1544
1600
  }
1545
- .BookmarkButton-module_isInBookmarks__1_5kB.BookmarkButton-module_light__1uQyH .BookmarkButton-module_control__1A0ea {
1546
- fill: #000;
1601
+ .MaterialTitle-module_secondary__3uDp4 {
1602
+ font-size: 24px;
1603
+ font-weight: 700
1547
1604
  }
1548
- @media only screen and (min-device-width: 64em) {
1549
- .BookmarkButton-module_isInGrid__2pQ2B .BookmarkButton-module_control__1A0ea svg {
1550
- width: 12px
1605
+ @media only screen and (min-device-width: 48em) {
1606
+ .MaterialTitle-module_secondary__3uDp4 {
1607
+ font-size: 36px
1551
1608
  }
1552
1609
  }
1553
- [data-context='prodano'] .BookmarkButton-module_root__3KmuY {
1554
- display: none;
1555
- }
1556
1610
 
1557
1611
  /* Colors */
1558
1612
  /* Fonts */
@@ -1567,36 +1621,80 @@
1567
1621
  /* 511 */
1568
1622
  /* 1023 */
1569
1623
  /* Zindex */
1570
- .MaterialTitle-module_root__18ku- {
1571
- display: block;
1624
+ .Dropdown-module_root__11PNk {
1625
+ position: relative;
1626
+ z-index: 100;
1627
+
1628
+ display: inline-block;
1629
+
1630
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1631
+ }
1632
+ .Dropdown-module_root__11PNk.Dropdown-module_active__3IwAl .Dropdown-module_menu__3PIqD,
1633
+ .Dropdown-module_root__11PNk:hover .Dropdown-module_menu__3PIqD {
1634
+ visibility: visible;
1635
+
1636
+ opacity: 1;
1572
1637
  }
1573
- .MaterialTitle-module_root__18ku- {
1638
+ .Dropdown-module_root__11PNk ul {
1639
+ overflow: hidden;
1640
+
1641
+ width: 162px;
1574
1642
  margin: 0;
1643
+ padding: 3px 0;
1644
+
1645
+ border-radius: 5px;
1646
+ background: #fff;
1647
+ box-shadow: 0 0 0 1px #c0c0c0, 0 5px 20px 0 rgba(0, 0, 0, 0.2);
1575
1648
 
1576
1649
  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1577
- font-size: 25px;
1578
- font-weight: normal;
1579
- line-height: 27px
1650
+ font-size: 14px;
1651
+ line-height: 26px;
1580
1652
  }
1581
- @media only screen and (min-device-width: 48em) {
1582
- .MaterialTitle-module_root__18ku- {
1583
- font-size: 37px;
1584
- line-height: 38px
1653
+ .Dropdown-module_root__11PNk a {
1654
+ display: block;
1655
+
1656
+ padding: 2px 15px;
1657
+
1658
+ text-decoration: none;
1659
+
1660
+ color: #000;
1661
+ box-shadow: none;
1585
1662
  }
1586
- }
1587
- .MaterialTitle-module_primary__2Sfmx {
1588
- font-family: 'PF Regal', 'PF Regal Text Pro', 'Georgia', serif;
1589
- font-weight: normal;
1663
+ .Dropdown-module_root__11PNk a:hover {
1664
+ color: #000;
1665
+ background-color: #f7f7f7;
1590
1666
  }
1591
- .MaterialTitle-module_secondary__3uDp4 {
1592
- font-size: 24px;
1593
- font-weight: 700
1667
+ .Dropdown-module_isInAudioPanel__1zv7F .Dropdown-module_menu__3PIqD {
1668
+ right: 0;
1669
+ left: auto
1594
1670
  }
1595
- @media only screen and (min-device-width: 48em) {
1596
- .MaterialTitle-module_secondary__3uDp4 {
1597
- font-size: 36px
1671
+ @media only screen and (min-device-width: 64em) {
1672
+ .Dropdown-module_isInAudioPanel__1zv7F .Dropdown-module_menu__3PIqD {
1673
+ right: auto;
1674
+ left: 0
1598
1675
  }
1599
1676
  }
1677
+ .Dropdown-module_menu__3PIqD {
1678
+ position: absolute;
1679
+ top: 100%;
1680
+ left: 0;
1681
+
1682
+ visibility: hidden;
1683
+
1684
+ padding-top: 6px;
1685
+
1686
+ opacity: 0;
1687
+ }
1688
+ .Dropdown-module_menu__3PIqD::after {
1689
+ position: absolute;
1690
+ z-index: -1;
1691
+ top: -10px;
1692
+ right: -10px;
1693
+ bottom: -10px;
1694
+ left: -10px;
1695
+
1696
+ content: '';
1697
+ }
1600
1698
 
1601
1699
  /* Colors */
1602
1700
  /* Fonts */
@@ -1741,112 +1839,6 @@
1741
1839
  display: none;
1742
1840
  }
1743
1841
 
1744
- /* Colors */
1745
- /* Fonts */
1746
- /* Gap */
1747
- /* Media */
1748
- /* 512 */
1749
- /* 650 */
1750
- /* 768 */
1751
- /* 1024 */
1752
- /* 1010 */
1753
- /* 1200 */
1754
- /* 511 */
1755
- /* 1023 */
1756
- /* Zindex */
1757
- .Dropdown-module_root__11PNk {
1758
- position: relative;
1759
- z-index: 100;
1760
-
1761
- display: inline-block;
1762
-
1763
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1764
- }
1765
- .Dropdown-module_root__11PNk.Dropdown-module_active__3IwAl .Dropdown-module_menu__3PIqD,
1766
- .Dropdown-module_root__11PNk:hover .Dropdown-module_menu__3PIqD {
1767
- visibility: visible;
1768
-
1769
- opacity: 1;
1770
- }
1771
- .Dropdown-module_root__11PNk ul {
1772
- overflow: hidden;
1773
-
1774
- width: 162px;
1775
- margin: 0;
1776
- padding: 3px 0;
1777
-
1778
- border-radius: 5px;
1779
- background: #fff;
1780
- box-shadow: 0 0 0 1px #c0c0c0, 0 5px 20px 0 rgba(0, 0, 0, 0.2);
1781
-
1782
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1783
- font-size: 14px;
1784
- line-height: 26px;
1785
- }
1786
- .Dropdown-module_root__11PNk a {
1787
- display: block;
1788
-
1789
- padding: 2px 15px;
1790
-
1791
- text-decoration: none;
1792
-
1793
- color: #000;
1794
- box-shadow: none;
1795
- }
1796
- .Dropdown-module_root__11PNk a:hover {
1797
- color: #000;
1798
- background-color: #f7f7f7;
1799
- }
1800
- .Dropdown-module_isInAudioPanel__1zv7F .Dropdown-module_menu__3PIqD {
1801
- right: 0;
1802
- left: auto
1803
- }
1804
- @media only screen and (min-device-width: 64em) {
1805
- .Dropdown-module_isInAudioPanel__1zv7F .Dropdown-module_menu__3PIqD {
1806
- right: auto;
1807
- left: 0
1808
- }
1809
- }
1810
- .Dropdown-module_menu__3PIqD {
1811
- position: absolute;
1812
- top: 100%;
1813
- left: 0;
1814
-
1815
- visibility: hidden;
1816
-
1817
- padding-top: 6px;
1818
-
1819
- opacity: 0;
1820
- }
1821
- .Dropdown-module_menu__3PIqD::after {
1822
- position: absolute;
1823
- z-index: -1;
1824
- top: -10px;
1825
- right: -10px;
1826
- bottom: -10px;
1827
- left: -10px;
1828
-
1829
- content: '';
1830
- }
1831
-
1832
- /* Colors */
1833
- /* Fonts */
1834
- /* Gap */
1835
- /* Media */
1836
- /* 512 */
1837
- /* 650 */
1838
- /* 768 */
1839
- /* 1024 */
1840
- /* 1010 */
1841
- /* 1200 */
1842
- /* 511 */
1843
- /* 1023 */
1844
- /* Zindex */
1845
- .Timestamp-module_root__coOvT {
1846
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1847
- font-weight: normal;
1848
- }
1849
-
1850
1842
  /* Colors */
1851
1843
  /* Fonts */
1852
1844
  /* Gap */
@@ -1977,7 +1969,7 @@
1977
1969
  margin: 0 0 5px;
1978
1970
 
1979
1971
  font-size: inherit;
1980
- font-weight: 600;
1972
+ font-weight: 700;
1981
1973
  line-height: inherit;
1982
1974
  }
1983
1975
  .Popover-module_body__3h5UO p {
@@ -2174,6 +2166,24 @@
2174
2166
  }
2175
2167
  }
2176
2168
 
2169
+ /* Colors */
2170
+ /* Fonts */
2171
+ /* Gap */
2172
+ /* Media */
2173
+ /* 512 */
2174
+ /* 650 */
2175
+ /* 768 */
2176
+ /* 1024 */
2177
+ /* 1010 */
2178
+ /* 1200 */
2179
+ /* 511 */
2180
+ /* 1023 */
2181
+ /* Zindex */
2182
+ .Timestamp-module_root__coOvT {
2183
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2184
+ font-weight: normal;
2185
+ }
2186
+
2177
2187
  /* Colors */
2178
2188
  /* Fonts */
2179
2189
  /* Gap */
@@ -4245,6 +4255,34 @@ a mark {
4245
4255
  }
4246
4256
  }
4247
4257
 
4258
+ /* stylelint-disable declaration-empty-line-before */
4259
+ /* Colors */
4260
+ /* Fonts */
4261
+ /* Gap */
4262
+ /* Media */
4263
+ /* 512 */
4264
+ /* 650 */
4265
+ /* 768 */
4266
+ /* 1024 */
4267
+ /* 1010 */
4268
+ /* 1200 */
4269
+ /* 511 */
4270
+ /* 1023 */
4271
+ /* Zindex */
4272
+ .DocumentItemsCount-module_root__P3q-z {
4273
+ display: inline;
4274
+
4275
+ line-height: inherit;
4276
+ }
4277
+ .DocumentItemsCount-module_root__P3q-z svg {
4278
+ vertical-align: top;
4279
+ }
4280
+ .DocumentItemsCount-module_items__3pfxW {
4281
+ margin-left: 1px;
4282
+
4283
+ vertical-align: top;
4284
+ }
4285
+
4248
4286
  /* Colors */
4249
4287
  /* Fonts */
4250
4288
  /* Gap */
@@ -4343,34 +4381,6 @@ a mark {
4343
4381
  fill: currentColor;
4344
4382
  }
4345
4383
 
4346
- /* stylelint-disable declaration-empty-line-before */
4347
- /* Colors */
4348
- /* Fonts */
4349
- /* Gap */
4350
- /* Media */
4351
- /* 512 */
4352
- /* 650 */
4353
- /* 768 */
4354
- /* 1024 */
4355
- /* 1010 */
4356
- /* 1200 */
4357
- /* 511 */
4358
- /* 1023 */
4359
- /* Zindex */
4360
- .DocumentItemsCount-module_root__P3q-z {
4361
- display: inline;
4362
-
4363
- line-height: inherit;
4364
- }
4365
- .DocumentItemsCount-module_root__P3q-z svg {
4366
- vertical-align: top;
4367
- }
4368
- .DocumentItemsCount-module_items__3pfxW {
4369
- margin-left: 1px;
4370
-
4371
- vertical-align: top;
4372
- }
4373
-
4374
4384
  /* Colors */
4375
4385
  /* Fonts */
4376
4386
  /* Gap */
@@ -4403,7 +4413,7 @@ a mark {
4403
4413
  margin: 0 0 16px;
4404
4414
 
4405
4415
  font-size: inherit;
4406
- font-weight: 600;
4416
+ font-weight: 700;
4407
4417
  line-height: inherit;
4408
4418
  }
4409
4419
  .Footnote-module_body__259Ly p {