@meduza/ui-kit-2 0.1.42 → 0.1.44

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,233 +1,3 @@
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
- .SvgSymbol-module_root__2CsRW {
15
- width: 100%;
16
- height: 100%;
17
-
18
- vertical-align: middle;
19
- }
20
- .SvgSymbol-module_small__2g6oR {
21
- height: 14px;
22
- }
23
- .SvgSymbol-module_normal__9lFn1 {
24
- height: 14px;
25
- }
26
- .SvgSymbol-module_medium__2eF5L {
27
- width: 24px;
28
- height: 24px;
29
- }
30
- .SvgSymbol-module_large__2kQrt {
31
- width: 42px;
32
- height: 42px;
33
- }
34
- .SvgSymbol-module_adaptive__3_68T {
35
- width: 100%;
36
- height: 100%;
37
- }
38
- .SvgSymbol-module_fb__1whmw {
39
- width: 16px;
40
-
41
- fill: #304591;
42
- }
43
- .SvgSymbol-module_vk__3VEuu {
44
- width: 20px;
45
-
46
- fill: #527397;
47
- }
48
- .SvgSymbol-module_ok__2_1Qb {
49
- width: 9px;
50
-
51
- fill: #eb722e;
52
- }
53
- .SvgSymbol-module_tw__2VRG5 {
54
- width: 20px;
55
-
56
- fill: #31adf4;
57
- }
58
- .SvgSymbol-module_tg__2xe2f {
59
- width: 18px;
60
-
61
- fill: #2ba5e0;
62
- }
63
- .SvgSymbol-module_reaction__rrJvf {
64
- width: 16px;
65
-
66
- color: #dcad76;
67
-
68
- fill: #262626;
69
- }
70
- .SvgSymbol-module_card__1XAqw,
71
- .SvgSymbol-module_podcast__3oPoo,
72
- .SvgSymbol-module_read__2V82i,
73
- .SvgSymbol-module_listened__1oMFV {
74
- width: 15px;
75
- height: 15px;
76
- }
77
- .SvgSymbol-module_menu__2iYFt {
78
- width: 24px;
79
- height: 24px;
80
- }
81
- .SvgSymbol-module_cross__J2lCN {
82
- width: 14px;
83
- height: 14px;
84
- }
85
- .SvgSymbol-module_isInFeature__cDeTI,
86
- .SvgSymbol-module_isInCard__pKq4e {
87
- width: 16px;
88
- height: 16px;
89
- }
90
- .SvgSymbol-module_isInTopicBlockItem__3Te91 {
91
- width: 16px;
92
- height: 16px;
93
- }
94
- .SvgSymbol-module_isInPageStatic__H31Rd {
95
- width: 64px;
96
- height: 64px;
97
- }
98
- .SvgSymbol-module_isInMaterialMeta__2IbAw {
99
- margin-right: 6px;
100
- }
101
- .SvgSymbol-module_isInAudioPlayer__2xlzW {
102
- width: 29px;
103
- height: 29px;
104
-
105
- -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
106
-
107
- filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
108
- }
109
- .SvgSymbol-module_isInEpisodeBlock__2vY3o {
110
- width: 38px;
111
- height: 38px;
112
-
113
- -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
114
-
115
- filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
116
- }
117
- .SvgSymbol-module_isInButtonPlaybackRate__1L3TW {
118
- width: 34px;
119
- height: 28px
120
- }
121
- @media only screen and (min-width: 40.625em) {
122
- .SvgSymbol-module_isInButtonPlaybackRate__1L3TW {
123
- width: 28px;
124
- height: 22px
125
- }
126
- }
127
- .SvgSymbol-module_isInButtonBackward__1Grf9,
128
- .SvgSymbol-module_isInButtonForward__D1AFL {
129
- width: 28px;
130
- height: 28px
131
- }
132
- @media only screen and (min-width: 40.625em) {
133
- .SvgSymbol-module_isInButtonBackward__1Grf9,
134
- .SvgSymbol-module_isInButtonForward__D1AFL {
135
- width: 22px;
136
- height: 22px
137
- }
138
- }
139
- .SvgSymbol-module_isInToolbar__3SaIh.SvgSymbol-module_cross__J2lCN {
140
- width: 18px;
141
- height: 18px;
142
- }
143
- .SvgSymbol-module_play__pM-qY {
144
- width: 100%;
145
- height: 100%;
146
- }
147
- .SvgSymbol-module_meduzaLogo__2Ouzp {
148
- width: 92px;
149
- height: 20px
150
- }
151
- @media only screen and (min-width: 64em) {
152
- .SvgSymbol-module_meduzaLogo__2Ouzp {
153
- width: 100px;
154
- height: 45px
155
- }
156
- }
157
- .SvgSymbol-module_arrow__11naX {
158
- width: 12px;
159
- height: 12px;
160
- }
161
- .SvgSymbol-module_oil__hvHE5 {
162
- width: 9px;
163
- height: 12px;
164
- }
165
- .SvgSymbol-module_search__VK6p3 {
166
- width: 24px;
167
- height: 24px
168
- }
169
- @media only screen and (min-width: 64em) {
170
- .SvgSymbol-module_search__VK6p3 {
171
- width: 16px;
172
- height: 16px
173
- }
174
- }
175
- .SvgSymbol-module_user__1MGim {
176
- width: 14px;
177
- height: 14px
178
- }
179
- @media only screen and (min-width: 64em) {
180
- .SvgSymbol-module_user__1MGim {
181
- width: 16px;
182
- height: 16px
183
- }
184
- }
185
- .SvgSymbol-module_bookmark__2z7tX {
186
- width: 17px;
187
- height: auto;
188
-
189
- cursor: pointer;
190
-
191
- stroke-width: 2px
192
- }
193
- @media only screen and (min-width: 64em) {
194
- .SvgSymbol-module_bookmark__2z7tX {
195
- width: 14px;
196
-
197
- stroke-width: 1.5px
198
- }
199
- }
200
- .SvgSymbol-module_isInToolbar__3SaIh.SvgSymbol-module_bookmark__2z7tX {
201
- width: 14px;
202
- }
203
- .SvgSymbol-module_receipt__3Eqow {
204
- width: 10px;
205
- height: 13px;
206
- }
207
- .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN {
208
- width: 22px;
209
- height: 22px
210
- }
211
- @media only screen and (min-width: 64em) {
212
- .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN {
213
- width: 14px;
214
- height: 14px
215
- }
216
- }
217
- @media only screen and (min-width: 64em) {
218
- .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_search__VK6p3 circle {
219
- stroke-width: 1.5px
220
- }
221
- }
222
- .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN path {
223
- stroke-width: 1.8px
224
- }
225
- @media only screen and (min-width: 64em) {
226
- .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN path {
227
- stroke-width: 1.3px
228
- }
229
- }
230
-
231
1
  /* Colors */
232
2
  /* Fonts */
233
3
  /* Gap */
@@ -477,76 +247,222 @@
477
247
  /* 511 */
478
248
  /* 1023 */
479
249
  /* Zindex */
480
- .Image-module_root__1vsA_ {
481
- position: relative;
482
- z-index: 1;
483
-
484
- display: block;
485
- overflow: hidden;
486
- transition: background-color 250ms ease;
487
-
488
- background-color: #f2f2f2
489
- }
490
- @media only screen and (min-width: 32em) {
491
- .Image-module_root__1vsA_ {
492
- border-radius: inherit
493
- }
494
- }
495
- .Image-module_root__1vsA_ img {
496
- position: absolute;
497
- top: 0;
498
- left: 0;
499
-
250
+ .SvgSymbol-module_root__2CsRW {
500
251
  width: 100%;
501
252
  height: 100%;
253
+
254
+ vertical-align: middle;
502
255
  }
503
- .Image-module_isLoaded__3XhU5 {
504
- background-color: transparent;
505
- }
506
- .Image-module_wrapper__3fLjs {
507
- display: block;
508
-
256
+ .SvgSymbol-module_small__2g6oR {
257
+ height: 14px;
258
+ }
259
+ .SvgSymbol-module_normal__9lFn1 {
260
+ height: 14px;
261
+ }
262
+ .SvgSymbol-module_medium__2eF5L {
263
+ width: 24px;
264
+ height: 24px;
265
+ }
266
+ .SvgSymbol-module_large__2kQrt {
267
+ width: 42px;
268
+ height: 42px;
269
+ }
270
+ .SvgSymbol-module_adaptive__3_68T {
509
271
  width: 100%;
272
+ height: 100%;
273
+ }
274
+ .SvgSymbol-module_fb__1whmw {
275
+ width: 16px;
510
276
 
511
- background-repeat: no-repeat;
512
- background-size: 100% auto;
277
+ fill: #304591;
513
278
  }
514
- .Image-module_fullscreen__29apx picture {
515
- cursor: pointer;
279
+ .SvgSymbol-module_vk__3VEuu {
280
+ width: 20px;
281
+
282
+ fill: #527397;
516
283
  }
517
- .Image-module_fullscreen__29apx picture:hover::after {
518
- opacity: 1;
284
+ .SvgSymbol-module_ok__2_1Qb {
285
+ width: 9px;
286
+
287
+ fill: #eb722e;
519
288
  }
520
- .Image-module_fullscreen__29apx picture::after {
521
- position: absolute;
522
- right: 12px;
523
- bottom: 12px;
289
+ .SvgSymbol-module_tw__2VRG5 {
290
+ width: 20px;
524
291
 
525
- width: 40px;
526
- height: 40px;
292
+ fill: #31adf4;
293
+ }
294
+ .SvgSymbol-module_tg__2xe2f {
295
+ width: 18px;
527
296
 
528
- transition: opacity 250ms ease;
529
- pointer-events: none;
297
+ fill: #2ba5e0;
298
+ }
299
+ .SvgSymbol-module_reaction__rrJvf {
300
+ width: 16px;
530
301
 
531
- opacity: 0;
532
- border: 0.5px solid rgba(255, 255, 255, 0.15);
533
- border-radius: 20px;
534
- background-color: rgba(0, 0, 0, 0.7);
535
- 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");
536
- background-repeat: no-repeat;
537
- background-position: center
302
+ color: #dcad76;
303
+
304
+ fill: #262626;
305
+ }
306
+ .SvgSymbol-module_card__1XAqw,
307
+ .SvgSymbol-module_podcast__3oPoo,
308
+ .SvgSymbol-module_read__2V82i,
309
+ .SvgSymbol-module_listened__1oMFV {
310
+ width: 15px;
311
+ height: 15px;
312
+ }
313
+ .SvgSymbol-module_menu__2iYFt {
314
+ width: 24px;
315
+ height: 24px;
316
+ }
317
+ .SvgSymbol-module_cross__J2lCN {
318
+ width: 14px;
319
+ height: 14px;
320
+ }
321
+ .SvgSymbol-module_isInFeature__cDeTI,
322
+ .SvgSymbol-module_isInCard__pKq4e {
323
+ width: 16px;
324
+ height: 16px;
325
+ }
326
+ .SvgSymbol-module_isInTopicBlockItem__3Te91 {
327
+ width: 16px;
328
+ height: 16px;
329
+ }
330
+ .SvgSymbol-module_isInPageStatic__H31Rd {
331
+ width: 64px;
332
+ height: 64px;
333
+ }
334
+ .SvgSymbol-module_isInMaterialMeta__2IbAw {
335
+ margin-right: 6px;
336
+ }
337
+ .SvgSymbol-module_isInAudioPlayer__2xlzW {
338
+ width: 29px;
339
+ height: 29px;
340
+
341
+ -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
342
+
343
+ filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
344
+ }
345
+ .SvgSymbol-module_isInEpisodeBlock__2vY3o {
346
+ width: 38px;
347
+ height: 38px;
348
+
349
+ -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
350
+
351
+ filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
352
+ }
353
+ .SvgSymbol-module_isInButtonPlaybackRate__1L3TW {
354
+ width: 34px;
355
+ height: 28px
356
+ }
357
+ @media only screen and (min-width: 40.625em) {
358
+ .SvgSymbol-module_isInButtonPlaybackRate__1L3TW {
359
+ width: 28px;
360
+ height: 22px
361
+ }
362
+ }
363
+ .SvgSymbol-module_isInButtonBackward__1Grf9,
364
+ .SvgSymbol-module_isInButtonForward__D1AFL {
365
+ width: 28px;
366
+ height: 28px
367
+ }
368
+ @media only screen and (min-width: 40.625em) {
369
+ .SvgSymbol-module_isInButtonBackward__1Grf9,
370
+ .SvgSymbol-module_isInButtonForward__D1AFL {
371
+ width: 22px;
372
+ height: 22px
373
+ }
374
+ }
375
+ .SvgSymbol-module_isInToolbar__3SaIh.SvgSymbol-module_cross__J2lCN {
376
+ width: 18px;
377
+ height: 18px;
378
+ }
379
+ .SvgSymbol-module_play__pM-qY {
380
+ width: 100%;
381
+ height: 100%;
382
+ }
383
+ .SvgSymbol-module_meduzaLogo__2Ouzp {
384
+ width: 92px;
385
+ height: 20px
538
386
  }
539
387
  @media only screen and (min-width: 64em) {
540
- .Image-module_fullscreen__29apx picture::after {
541
- content: ''
388
+ .SvgSymbol-module_meduzaLogo__2Ouzp {
389
+ width: 100px;
390
+ height: 45px
542
391
  }
543
392
  }
544
- [data-input='mouse'] .Image-module_wrapper__3fLjs {
545
- outline: none;
393
+ .SvgSymbol-module_arrow__11naX {
394
+ width: 12px;
395
+ height: 12px;
546
396
  }
547
- .Image-module_dark__3o0nU {
548
- background-color: transparent;
397
+ .SvgSymbol-module_oil__hvHE5 {
398
+ width: 9px;
399
+ height: 12px;
400
+ }
401
+ .SvgSymbol-module_search__VK6p3 {
402
+ width: 24px;
403
+ height: 24px
404
+ }
405
+ @media only screen and (min-width: 64em) {
406
+ .SvgSymbol-module_search__VK6p3 {
407
+ width: 16px;
408
+ height: 16px
409
+ }
410
+ }
411
+ .SvgSymbol-module_user__1MGim {
412
+ width: 14px;
413
+ height: 14px
414
+ }
415
+ @media only screen and (min-width: 64em) {
416
+ .SvgSymbol-module_user__1MGim {
417
+ width: 16px;
418
+ height: 16px
419
+ }
420
+ }
421
+ .SvgSymbol-module_bookmark__2z7tX {
422
+ width: 17px;
423
+ height: auto;
424
+
425
+ cursor: pointer;
426
+
427
+ stroke-width: 2px
428
+ }
429
+ @media only screen and (min-width: 64em) {
430
+ .SvgSymbol-module_bookmark__2z7tX {
431
+ width: 14px;
432
+
433
+ stroke-width: 1.5px
434
+ }
435
+ }
436
+ .SvgSymbol-module_isInToolbar__3SaIh.SvgSymbol-module_bookmark__2z7tX {
437
+ width: 14px;
438
+ }
439
+ .SvgSymbol-module_receipt__3Eqow {
440
+ width: 10px;
441
+ height: 13px;
442
+ }
443
+ .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN {
444
+ width: 22px;
445
+ height: 22px
446
+ }
447
+ @media only screen and (min-width: 64em) {
448
+ .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN {
449
+ width: 14px;
450
+ height: 14px
451
+ }
452
+ }
453
+ @media only screen and (min-width: 64em) {
454
+ .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_search__VK6p3 circle {
455
+ stroke-width: 1.5px
456
+ }
457
+ }
458
+ .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN path {
459
+ stroke-width: 1.8px
460
+ }
461
+ @media only screen and (min-width: 64em) {
462
+ .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN path {
463
+ stroke-width: 1.3px
549
464
  }
465
+ }
550
466
 
551
467
  /* Colors */
552
468
  /* Fonts */
@@ -725,62 +641,186 @@
725
641
  /* 511 */
726
642
  /* 1023 */
727
643
  /* Zindex */
728
- .DotsOnImage-module_root__2XP3Q {
644
+ .Image-module_root__1vsA_ {
729
645
  position: relative;
646
+ z-index: 1;
730
647
 
731
648
  display: block;
649
+ overflow: hidden;
650
+ transition: background-color 250ms ease;
732
651
 
733
- width: 100%;
652
+ background-color: #f2f2f2
734
653
  }
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;
654
+ @media only screen and (min-width: 32em) {
655
+ .Image-module_root__1vsA_ {
656
+ border-radius: inherit
738
657
  }
739
- .DotsOnImage-module_dot__H1wua {
658
+ }
659
+ .Image-module_root__1vsA_ img {
740
660
  position: absolute;
741
- z-index: 10;
742
-
743
- width: 28px;
744
- height: 28px;
661
+ top: 0;
662
+ left: 0;
745
663
 
746
- will-change: opacity;
747
- }
748
- .DotsOnImage-module_marker__lH5cP {
749
664
  width: 100%;
750
665
  height: 100%;
751
- padding: 0;
752
-
753
- cursor: pointer;
754
- text-align: center;
755
-
666
+ }
667
+ .Image-module_isLoaded__3XhU5 {
668
+ background-color: transparent;
669
+ }
670
+ .Image-module_wrapper__3fLjs {
671
+ display: block;
672
+
673
+ width: 100%;
674
+
675
+ background-repeat: no-repeat;
676
+ background-size: 100% auto;
677
+ }
678
+ .Image-module_fullscreen__29apx picture {
679
+ cursor: pointer;
680
+ }
681
+ .Image-module_fullscreen__29apx picture:hover::after {
682
+ opacity: 1;
683
+ }
684
+ .Image-module_fullscreen__29apx picture::after {
685
+ position: absolute;
686
+ right: 12px;
687
+ bottom: 12px;
688
+
689
+ width: 40px;
690
+ height: 40px;
691
+
692
+ transition: opacity 250ms ease;
693
+ pointer-events: none;
694
+
695
+ opacity: 0;
696
+ border: 0.5px solid rgba(255, 255, 255, 0.15);
697
+ border-radius: 20px;
698
+ background-color: rgba(0, 0, 0, 0.7);
699
+ 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");
700
+ background-repeat: no-repeat;
701
+ background-position: center
702
+ }
703
+ @media only screen and (min-width: 64em) {
704
+ .Image-module_fullscreen__29apx picture::after {
705
+ content: ''
706
+ }
707
+ }
708
+ [data-input='mouse'] .Image-module_wrapper__3fLjs {
709
+ outline: none;
710
+ }
711
+ .Image-module_dark__3o0nU {
712
+ background-color: transparent;
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
+ display: -webkit-box;
744
+
745
+ display: -webkit-flex;
746
+
747
+ display: -ms-flexbox;
748
+
749
+ display: flex;
750
+ align-items: center;
751
+ flex-flow: row nowrap;
752
+ justify-content: center;
753
+
754
+ width: 28px;
755
+ height: 28px;
756
+
757
+ will-change: opacity;
758
+ }
759
+ .DotsOnImage-module_marker__lH5cP::after {
760
+ position: absolute;
761
+ top: -5px;
762
+ right: -5px;
763
+ bottom: -5px;
764
+ left: -5px;
765
+
766
+ content: ''
767
+ }
768
+ @media only screen and (min-width: 32em) {
769
+ .DotsOnImage-module_marker__lH5cP::after {
770
+ content: none
771
+ }
772
+ }
773
+ .DotsOnImage-module_marker__lH5cP {
774
+ width: 20px;
775
+ height: 20px;
776
+ padding: 0;
777
+
778
+ cursor: pointer;
779
+ transition: box-shadow 350ms ease;
780
+ text-align: center;
781
+
756
782
  opacity: 0;
757
783
  color: #fff;
758
784
  border-width: 0;
759
785
  border-radius: 30px;
760
786
  outline-width: 0;
761
787
  background-color: #000;
762
- box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.6);
788
+ box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
763
789
 
764
790
  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
765
- font-size: 13px;
791
+ font-size: 9px;
766
792
  font-weight: 600;
767
- line-height: 28px;
793
+ line-height: 22px;
768
794
 
769
795
  -webkit-appearance: none;
770
796
 
771
797
  -moz-appearance: none;
772
798
 
773
799
  appearance: none;
774
- will-change: opacity;
800
+ will-change: opacity
801
+ }
802
+ @media only screen and (min-width: 32em) {
803
+ .DotsOnImage-module_marker__lH5cP {
804
+ width: 28px;
805
+ height: 28px;
806
+
807
+ font-size: 13px;
808
+ line-height: 28px
775
809
  }
810
+ }
776
811
  .DotsOnImage-module_marker__lH5cP svg {
777
812
  display: block;
778
813
 
814
+ width: 100%;
815
+ height: 100%;
816
+
779
817
  will-change: opacity;
780
818
  }
781
- .DotsOnImage-module_marker__lH5cP:hover,
819
+ .DotsOnImage-module_marker__lH5cP:hover {
820
+ box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
821
+ }
782
822
  .DotsOnImage-module_marker__lH5cP.DotsOnImage-module_isActive__3hh31 {
783
- box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 1);
823
+ box-shadow: 0 0 8px rgba(0, 0, 0, 0.2), 0 0 0 1px #fff;
784
824
  }
785
825
  .DotsOnImage-module_popover__35Cpj {
786
826
  position: absolute;
@@ -838,23 +878,6 @@
838
878
  }
839
879
  }
840
880
 
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
-
858
881
  /* Colors */
859
882
  /* Fonts */
860
883
  /* Gap */
@@ -992,6 +1015,23 @@
992
1015
  }
993
1016
  }
994
1017
 
1018
+ /* Colors */
1019
+ /* Fonts */
1020
+ /* Gap */
1021
+ /* Media */
1022
+ /* 512 */
1023
+ /* 650 */
1024
+ /* 768 */
1025
+ /* 1024 */
1026
+ /* 1010 */
1027
+ /* 1200 */
1028
+ /* 511 */
1029
+ /* 1023 */
1030
+ /* Zindex */
1031
+ .Lazy-module_root__2Z72l {
1032
+ display: block;
1033
+ }
1034
+
995
1035
  /* Colors */
996
1036
  /* Fonts */
997
1037
  /* Gap */
@@ -1290,6 +1330,99 @@
1290
1330
  min-width: 50px;
1291
1331
  }
1292
1332
 
1333
+ /* Colors */
1334
+ /* Fonts */
1335
+ /* Gap */
1336
+ /* Media */
1337
+ /* 512 */
1338
+ /* 650 */
1339
+ /* 768 */
1340
+ /* 1024 */
1341
+ /* 1010 */
1342
+ /* 1200 */
1343
+ /* 511 */
1344
+ /* 1023 */
1345
+ /* Zindex */
1346
+ .MediaCaption-module_root__KqTdw {
1347
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1348
+ }
1349
+ .MediaCaption-module_root__KqTdw a {
1350
+ text-decoration: underline;
1351
+
1352
+ color: inherit;
1353
+ box-shadow: none;
1354
+ }
1355
+ .MediaCaption-module_root__KqTdw a:hover {
1356
+ color: #b88b58;
1357
+ }
1358
+ .MediaCaption-module_caption__1hr7Y {
1359
+ max-width: 520px;
1360
+ padding-top: 4px;
1361
+
1362
+ color: #1a1a1a;
1363
+
1364
+ font-size: 14px;
1365
+ line-height: 18px
1366
+ }
1367
+ @media only screen and (min-width: 32em) {
1368
+ .MediaCaption-module_caption__1hr7Y {
1369
+ font-size: 16px;
1370
+ line-height: 22px
1371
+ }
1372
+ }
1373
+ .MediaCaption-module_credit__3ehAP {
1374
+ max-width: 520px;
1375
+ padding-top: 1px;
1376
+
1377
+ color: #666;
1378
+
1379
+ font-size: 12px;
1380
+ line-height: 16px
1381
+ }
1382
+ @media only screen and (min-width: 32em) {
1383
+ .MediaCaption-module_credit__3ehAP {
1384
+ padding-top: 3px
1385
+ }
1386
+ }
1387
+ .MediaCaption-module_credit__3ehAP:first-child {
1388
+ padding-top: 3px;
1389
+ }
1390
+ .MediaCaption-module_dark__3tL1u .MediaCaption-module_caption__1hr7Y {
1391
+ color: #fff;
1392
+ }
1393
+ .MediaCaption-module_dark__3tL1u .MediaCaption-module_credit__3ehAP {
1394
+ color: #929292;
1395
+ }
1396
+ .MediaCaption-module_video__1KZ6k .MediaCaption-module_caption__1hr7Y,
1397
+ .MediaCaption-module_picture__3AAMH .MediaCaption-module_caption__1hr7Y {
1398
+ padding-top: 10px
1399
+ }
1400
+ @media only screen and (min-width: 32em) {
1401
+ .MediaCaption-module_video__1KZ6k .MediaCaption-module_caption__1hr7Y,
1402
+ .MediaCaption-module_picture__3AAMH .MediaCaption-module_caption__1hr7Y {
1403
+ padding-top: 12px
1404
+ }
1405
+ }
1406
+ .MediaCaption-module_video__1KZ6k .MediaCaption-module_credit__3ehAP:first-child,
1407
+ .MediaCaption-module_picture__3AAMH .MediaCaption-module_credit__3ehAP:first-child {
1408
+ padding-top: 9px
1409
+ }
1410
+ @media only screen and (min-width: 32em) {
1411
+ .MediaCaption-module_video__1KZ6k .MediaCaption-module_credit__3ehAP:first-child,
1412
+ .MediaCaption-module_picture__3AAMH .MediaCaption-module_credit__3ehAP:first-child {
1413
+ padding-top: 11px
1414
+ }
1415
+ }
1416
+ .MediaCaption-module_picture__3AAMH .MediaCaption-module_credit__3ehAP,
1417
+ .MediaCaption-module_picture__3AAMH .MediaCaption-module_caption__1hr7Y,
1418
+ .MediaCaption-module_video__1KZ6k .MediaCaption-module_credit__3ehAP,
1419
+ .MediaCaption-module_video__1KZ6k .MediaCaption-module_caption__1hr7Y,
1420
+ .MediaCaption-module_desktop__3Saev .MediaCaption-module_credit__3ehAP,
1421
+ .MediaCaption-module_desktop__3Saev .MediaCaption-module_caption__1hr7Y {
1422
+ max-width: 650px;
1423
+ }
1424
+
1425
+
1293
1426
  /* Colors */
1294
1427
  /* Fonts */
1295
1428
  /* Gap */
@@ -1438,101 +1571,8 @@
1438
1571
  /* 511 */
1439
1572
  /* 1023 */
1440
1573
  /* Zindex */
1441
- .MediaCaption-module_root__KqTdw {
1442
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1443
- }
1444
- .MediaCaption-module_root__KqTdw a {
1445
- text-decoration: underline;
1446
-
1447
- color: inherit;
1448
- box-shadow: none;
1449
- }
1450
- .MediaCaption-module_root__KqTdw a:hover {
1451
- color: #b88b58;
1452
- }
1453
- .MediaCaption-module_caption__1hr7Y {
1454
- max-width: 520px;
1455
- padding-top: 4px;
1456
-
1457
- color: #1a1a1a;
1458
-
1459
- font-size: 14px;
1460
- line-height: 18px
1461
- }
1462
- @media only screen and (min-width: 32em) {
1463
- .MediaCaption-module_caption__1hr7Y {
1464
- font-size: 16px;
1465
- line-height: 22px
1466
- }
1467
- }
1468
- .MediaCaption-module_credit__3ehAP {
1469
- max-width: 520px;
1470
- padding-top: 1px;
1471
-
1472
- color: #666;
1473
-
1474
- font-size: 12px;
1475
- line-height: 16px
1476
- }
1477
- @media only screen and (min-width: 32em) {
1478
- .MediaCaption-module_credit__3ehAP {
1479
- padding-top: 3px
1480
- }
1481
- }
1482
- .MediaCaption-module_credit__3ehAP:first-child {
1483
- padding-top: 3px;
1484
- }
1485
- .MediaCaption-module_dark__3tL1u .MediaCaption-module_caption__1hr7Y {
1486
- color: #fff;
1487
- }
1488
- .MediaCaption-module_dark__3tL1u .MediaCaption-module_credit__3ehAP {
1489
- color: #929292;
1490
- }
1491
- .MediaCaption-module_video__1KZ6k .MediaCaption-module_caption__1hr7Y,
1492
- .MediaCaption-module_picture__3AAMH .MediaCaption-module_caption__1hr7Y {
1493
- padding-top: 10px
1494
- }
1495
- @media only screen and (min-width: 32em) {
1496
- .MediaCaption-module_video__1KZ6k .MediaCaption-module_caption__1hr7Y,
1497
- .MediaCaption-module_picture__3AAMH .MediaCaption-module_caption__1hr7Y {
1498
- padding-top: 12px
1499
- }
1500
- }
1501
- .MediaCaption-module_video__1KZ6k .MediaCaption-module_credit__3ehAP:first-child,
1502
- .MediaCaption-module_picture__3AAMH .MediaCaption-module_credit__3ehAP:first-child {
1503
- padding-top: 9px
1504
- }
1505
- @media only screen and (min-width: 32em) {
1506
- .MediaCaption-module_video__1KZ6k .MediaCaption-module_credit__3ehAP:first-child,
1507
- .MediaCaption-module_picture__3AAMH .MediaCaption-module_credit__3ehAP:first-child {
1508
- padding-top: 11px
1509
- }
1510
- }
1511
- .MediaCaption-module_picture__3AAMH .MediaCaption-module_credit__3ehAP,
1512
- .MediaCaption-module_picture__3AAMH .MediaCaption-module_caption__1hr7Y,
1513
- .MediaCaption-module_video__1KZ6k .MediaCaption-module_credit__3ehAP,
1514
- .MediaCaption-module_video__1KZ6k .MediaCaption-module_caption__1hr7Y,
1515
- .MediaCaption-module_desktop__3Saev .MediaCaption-module_credit__3ehAP,
1516
- .MediaCaption-module_desktop__3Saev .MediaCaption-module_caption__1hr7Y {
1517
- max-width: 650px;
1518
- }
1519
-
1520
-
1521
- /* Colors */
1522
- /* Fonts */
1523
- /* Gap */
1524
- /* Media */
1525
- /* 512 */
1526
- /* 650 */
1527
- /* 768 */
1528
- /* 1024 */
1529
- /* 1010 */
1530
- /* 1200 */
1531
- /* 511 */
1532
- /* 1023 */
1533
- /* Zindex */
1534
- .BookmarkButton-module_root__3KmuY {
1535
- color: #e0e0e0;
1574
+ .BookmarkButton-module_root__3KmuY {
1575
+ color: #e0e0e0;
1536
1576
  }
1537
1577
  .BookmarkButton-module_control__1A0ea {
1538
1578
  margin: 0;
@@ -1708,6 +1748,149 @@
1708
1748
  content: '';
1709
1749
  }
1710
1750
 
1751
+ /* Colors */
1752
+ /* Fonts */
1753
+ /* Gap */
1754
+ /* Media */
1755
+ /* 512 */
1756
+ /* 650 */
1757
+ /* 768 */
1758
+ /* 1024 */
1759
+ /* 1010 */
1760
+ /* 1200 */
1761
+ /* 511 */
1762
+ /* 1023 */
1763
+ /* Zindex */
1764
+ .Toolbar-module_root__2HF2r {
1765
+ overflow: hidden;
1766
+
1767
+ transform: translateZ(0);
1768
+
1769
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1770
+ }
1771
+ .Toolbar-module_list__1n5ny {
1772
+ display: -webkit-box;
1773
+ display: -webkit-flex;
1774
+ display: -ms-flexbox;
1775
+ display: flex;
1776
+ flex-flow: row wrap;
1777
+
1778
+ margin: 0 0 0 -10px;
1779
+ padding: 0;
1780
+
1781
+ list-style: none
1782
+ }
1783
+ @media only screen and (min-width: 64em) {
1784
+ .Toolbar-module_list__1n5ny {
1785
+ margin: 0 0 0 -15px
1786
+ }
1787
+ }
1788
+ .Toolbar-module_item__36x7d {
1789
+ position: relative;
1790
+
1791
+ min-width: 42px;
1792
+ height: 32px;
1793
+ padding-right: 10px;
1794
+ padding-left: 10px;
1795
+
1796
+ cursor: pointer;
1797
+ transition: color 250ms ease;
1798
+ text-align: center;
1799
+
1800
+ color: #808080;
1801
+
1802
+ line-height: 1
1803
+ }
1804
+ @media only screen and (min-width: 64em) {
1805
+ .Toolbar-module_item__36x7d {
1806
+ padding-right: 15px;
1807
+ padding-left: 15px
1808
+ }
1809
+ }
1810
+ .Toolbar-module_item__36x7d:last-child {
1811
+ margin-right: 0;
1812
+ }
1813
+ .Toolbar-module_item__36x7d::before {
1814
+ position: absolute;
1815
+ top: 7px;
1816
+ left: 0;
1817
+
1818
+ height: 18px;
1819
+
1820
+ content: '';
1821
+ vertical-align: middle;
1822
+
1823
+ border-left: 1px solid rgba(0, 0, 0, 0.15);
1824
+ }
1825
+ .Toolbar-module_item__36x7d:empty {
1826
+ display: none;
1827
+ }
1828
+ .Toolbar-module_isInTopbar__223iP {
1829
+ height: 100%;
1830
+ }
1831
+ .Toolbar-module_isInTopbar__223iP .Toolbar-module_item__36x7d {
1832
+ height: 100%;
1833
+ }
1834
+ .Toolbar-module_center__3_H8M {
1835
+ width: 100%;
1836
+ max-width: 650px;
1837
+ margin-right: auto;
1838
+ margin-left: auto;
1839
+ }
1840
+ .Toolbar-module_game__5-jY_ {
1841
+ margin-top: 11px
1842
+ }
1843
+ @media only screen and (min-width: 32em) {
1844
+ .Toolbar-module_game__5-jY_ {
1845
+ margin-top: 18px
1846
+ }
1847
+ }
1848
+ .Toolbar-module_game__5-jY_ .Toolbar-module_list__1n5ny,
1849
+ .Toolbar-module_gameSurvey__1hQEz .Toolbar-module_list__1n5ny {
1850
+ justify-content: center
1851
+ }
1852
+ @media only screen and (min-width: 32em) {
1853
+ .Toolbar-module_game__5-jY_ .Toolbar-module_list__1n5ny,
1854
+ .Toolbar-module_gameSurvey__1hQEz .Toolbar-module_list__1n5ny {
1855
+ display: -webkit-box;
1856
+ display: -webkit-flex;
1857
+ display: -ms-flexbox;
1858
+ display: flex
1859
+ }
1860
+ }
1861
+ .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child {
1862
+ width: 260px
1863
+ }
1864
+ @media only screen and (min-width: 32em) {
1865
+ .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child {
1866
+ width: auto
1867
+ }
1868
+ }
1869
+ .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child::before {
1870
+ content: none
1871
+ }
1872
+ @media only screen and (min-width: 32em) {
1873
+ .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child::before {
1874
+ content: ''
1875
+ }
1876
+ }
1877
+ .Toolbar-module_gameSurvey__1hQEz .Toolbar-module_item__36x7d:first-child::before,
1878
+ .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:first-child::before {
1879
+ content: none;
1880
+ }
1881
+ @media only screen and (min-width: 64em) {
1882
+ .Toolbar-module_game__5-jY_ .Toolbar-module_list__1n5ny,
1883
+ .Toolbar-module_gameSurvey__1hQEz .Toolbar-module_list__1n5ny {
1884
+ margin-left: 0
1885
+ }
1886
+ }
1887
+ .Toolbar-module_dark__2Ejc9 .Toolbar-module_item__36x7d::before {
1888
+ border-left-color: rgba(255, 255, 255, 0.2);
1889
+ }
1890
+ [data-context="prodano"] .Toolbar-module_root__2HF2r {
1891
+ display: none;
1892
+ }
1893
+
1711
1894
  /* Colors */
1712
1895
  /* Fonts */
1713
1896
  /* Gap */
@@ -1812,254 +1995,111 @@
1812
1995
  top: 0;
1813
1996
  left: 0;
1814
1997
 
1815
- overflow: hidden;
1816
-
1817
- width: 100%;
1818
- height: 100%;
1819
-
1820
- border-radius: 8px 8px 0 0;
1821
- }
1822
- .Popover-module_background__1KKaP rect {
1823
- position: absolute;
1824
-
1825
- width: 100%;
1826
- height: 100%;
1827
- }
1828
- .Popover-module_visible__eK5ZQ .Popover-module_container__FnZT- {
1829
- -webkit-animation: Popover-module_appear__37vPd 350ms ease both;
1830
- animation: Popover-module_appear__37vPd 350ms ease both;
1831
- }
1832
- .Popover-module_body__3h5UO {
1833
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1834
- font-size: 16px;
1835
- line-height: 22px;
1836
- }
1837
- .Popover-module_body__3h5UO h3 {
1838
- margin: 0 0 5px;
1839
-
1840
- font-size: inherit;
1841
- font-weight: 700;
1842
- line-height: inherit;
1843
- }
1844
- .Popover-module_body__3h5UO p {
1845
- margin: 0;
1846
- }
1847
- .Popover-module_body__3h5UO p + p {
1848
- margin-top: 6px;
1849
- }
1850
- .Popover-module_body__3h5UO a {
1851
- color: inherit;
1852
- box-shadow: inset 0 -1px #b88b59;
1853
- }
1854
- .Popover-module_body__3h5UO a:hover {
1855
- color: #b88b59;
1856
- }
1857
- @-webkit-keyframes Popover-module_appear__37vPd {
1858
- 0% {
1859
- transform: translateY(100%);
1860
- }
1861
- 100% {
1862
- transform: translateY(0);
1863
- }
1864
- }
1865
- @keyframes Popover-module_appear__37vPd {
1866
- 0% {
1867
- transform: translateY(100%);
1868
- }
1869
- 100% {
1870
- transform: translateY(0);
1871
- }
1872
- }
1873
- @-webkit-keyframes Popover-module_disappear__3Q9LI {
1874
- 0% {
1875
- transform: translateY(0);
1876
- }
1877
- 100% {
1878
- transform: translateY(100%);
1879
- }
1880
- }
1881
- @keyframes Popover-module_disappear__3Q9LI {
1882
- 0% {
1883
- transform: translateY(0);
1884
- }
1885
- 100% {
1886
- transform: translateY(100%);
1887
- }
1888
- }
1889
- @-webkit-keyframes Popover-module_fadeIn__AkrSN {
1890
- 0% {
1891
- opacity: 0;
1892
- }
1893
- 100% {
1894
- opacity: 1;
1895
- }
1896
- }
1897
- @keyframes Popover-module_fadeIn__AkrSN {
1898
- 0% {
1899
- opacity: 0;
1900
- }
1901
- 100% {
1902
- opacity: 1;
1903
- }
1904
- }
1905
- @-webkit-keyframes Popover-module_fadeOut__3EZhx {
1906
- 0% {
1907
- opacity: 1;
1908
- }
1909
- 100% {
1910
- opacity: 0;
1911
- }
1912
- }
1913
- @keyframes Popover-module_fadeOut__3EZhx {
1914
- 0% {
1915
- opacity: 1;
1916
- }
1917
- 100% {
1918
- opacity: 0;
1919
- }
1920
- }
1921
-
1922
- /* Colors */
1923
- /* Fonts */
1924
- /* Gap */
1925
- /* Media */
1926
- /* 512 */
1927
- /* 650 */
1928
- /* 768 */
1929
- /* 1024 */
1930
- /* 1010 */
1931
- /* 1200 */
1932
- /* 511 */
1933
- /* 1023 */
1934
- /* Zindex */
1935
- .Toolbar-module_root__2HF2r {
1936
- overflow: hidden;
1937
-
1938
- transform: translateZ(0);
1939
-
1940
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1941
- }
1942
- .Toolbar-module_list__1n5ny {
1943
- display: -webkit-box;
1944
- display: -webkit-flex;
1945
- display: -ms-flexbox;
1946
- display: flex;
1947
- flex-flow: row wrap;
1948
-
1949
- margin: 0 0 0 -10px;
1950
- padding: 0;
1951
-
1952
- list-style: none
1953
- }
1954
- @media only screen and (min-width: 64em) {
1955
- .Toolbar-module_list__1n5ny {
1956
- margin: 0 0 0 -15px
1957
- }
1958
- }
1959
- .Toolbar-module_item__36x7d {
1960
- position: relative;
1961
-
1962
- min-width: 42px;
1963
- height: 32px;
1964
- padding-right: 10px;
1965
- padding-left: 10px;
1966
-
1967
- cursor: pointer;
1968
- transition: color 250ms ease;
1969
- text-align: center;
1970
-
1971
- color: #808080;
1972
-
1973
- line-height: 1
1974
- }
1975
- @media only screen and (min-width: 64em) {
1976
- .Toolbar-module_item__36x7d {
1977
- padding-right: 15px;
1978
- padding-left: 15px
1979
- }
1980
- }
1981
- .Toolbar-module_item__36x7d:last-child {
1982
- margin-right: 0;
1983
- }
1984
- .Toolbar-module_item__36x7d::before {
1985
- position: absolute;
1986
- top: 7px;
1987
- left: 0;
1988
-
1989
- height: 18px;
1990
-
1991
- content: '';
1992
- vertical-align: middle;
1993
-
1994
- border-left: 1px solid rgba(0, 0, 0, 0.15);
1995
- }
1996
- .Toolbar-module_item__36x7d:empty {
1997
- display: none;
1998
- }
1999
- .Toolbar-module_isInTopbar__223iP {
1998
+ overflow: hidden;
1999
+
2000
+ width: 100%;
2000
2001
  height: 100%;
2002
+
2003
+ border-radius: 8px 8px 0 0;
2001
2004
  }
2002
- .Toolbar-module_isInTopbar__223iP .Toolbar-module_item__36x7d {
2005
+ .Popover-module_background__1KKaP rect {
2006
+ position: absolute;
2007
+
2008
+ width: 100%;
2003
2009
  height: 100%;
2004
2010
  }
2005
- .Toolbar-module_center__3_H8M {
2006
- width: 100%;
2007
- max-width: 650px;
2008
- margin-right: auto;
2009
- margin-left: auto;
2011
+ .Popover-module_visible__eK5ZQ .Popover-module_container__FnZT- {
2012
+ -webkit-animation: Popover-module_appear__37vPd 350ms ease both;
2013
+ animation: Popover-module_appear__37vPd 350ms ease both;
2010
2014
  }
2011
- .Toolbar-module_game__5-jY_ {
2012
- margin-top: 11px
2015
+ .Popover-module_body__3h5UO {
2016
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2017
+ font-size: 16px;
2018
+ line-height: 22px;
2013
2019
  }
2014
- @media only screen and (min-width: 32em) {
2015
- .Toolbar-module_game__5-jY_ {
2016
- margin-top: 18px
2020
+ .Popover-module_body__3h5UO h3 {
2021
+ margin: 0 0 5px;
2022
+
2023
+ font-size: inherit;
2024
+ font-weight: 700;
2025
+ line-height: inherit;
2017
2026
  }
2018
- }
2019
- .Toolbar-module_game__5-jY_ .Toolbar-module_list__1n5ny,
2020
- .Toolbar-module_gameSurvey__1hQEz .Toolbar-module_list__1n5ny {
2021
- justify-content: center
2027
+ .Popover-module_body__3h5UO p {
2028
+ margin: 0;
2022
2029
  }
2023
- @media only screen and (min-width: 32em) {
2024
- .Toolbar-module_game__5-jY_ .Toolbar-module_list__1n5ny,
2025
- .Toolbar-module_gameSurvey__1hQEz .Toolbar-module_list__1n5ny {
2026
- display: -webkit-box;
2027
- display: -webkit-flex;
2028
- display: -ms-flexbox;
2029
- display: flex
2030
+ .Popover-module_body__3h5UO p + p {
2031
+ margin-top: 6px;
2030
2032
  }
2033
+ .Popover-module_body__3h5UO a {
2034
+ color: inherit;
2035
+ box-shadow: inset 0 -1px #b88b59;
2036
+ }
2037
+ .Popover-module_body__3h5UO a:hover {
2038
+ color: #b88b59;
2039
+ }
2040
+ @-webkit-keyframes Popover-module_appear__37vPd {
2041
+ 0% {
2042
+ transform: translateY(100%);
2043
+ }
2044
+ 100% {
2045
+ transform: translateY(0);
2031
2046
  }
2032
- .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child {
2033
- width: 260px
2034
2047
  }
2035
- @media only screen and (min-width: 32em) {
2036
- .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child {
2037
- width: auto
2048
+ @keyframes Popover-module_appear__37vPd {
2049
+ 0% {
2050
+ transform: translateY(100%);
2051
+ }
2052
+ 100% {
2053
+ transform: translateY(0);
2054
+ }
2038
2055
  }
2056
+ @-webkit-keyframes Popover-module_disappear__3Q9LI {
2057
+ 0% {
2058
+ transform: translateY(0);
2059
+ }
2060
+ 100% {
2061
+ transform: translateY(100%);
2039
2062
  }
2040
- .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child::before {
2041
- content: none
2042
2063
  }
2043
- @media only screen and (min-width: 32em) {
2044
- .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child::before {
2045
- content: ''
2064
+ @keyframes Popover-module_disappear__3Q9LI {
2065
+ 0% {
2066
+ transform: translateY(0);
2067
+ }
2068
+ 100% {
2069
+ transform: translateY(100%);
2070
+ }
2046
2071
  }
2072
+ @-webkit-keyframes Popover-module_fadeIn__AkrSN {
2073
+ 0% {
2074
+ opacity: 0;
2075
+ }
2076
+ 100% {
2077
+ opacity: 1;
2047
2078
  }
2048
- .Toolbar-module_gameSurvey__1hQEz .Toolbar-module_item__36x7d:first-child::before,
2049
- .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:first-child::before {
2050
- content: none;
2051
2079
  }
2052
- @media only screen and (min-width: 64em) {
2053
- .Toolbar-module_game__5-jY_ .Toolbar-module_list__1n5ny,
2054
- .Toolbar-module_gameSurvey__1hQEz .Toolbar-module_list__1n5ny {
2055
- margin-left: 0
2080
+ @keyframes Popover-module_fadeIn__AkrSN {
2081
+ 0% {
2082
+ opacity: 0;
2083
+ }
2084
+ 100% {
2085
+ opacity: 1;
2086
+ }
2056
2087
  }
2088
+ @-webkit-keyframes Popover-module_fadeOut__3EZhx {
2089
+ 0% {
2090
+ opacity: 1;
2091
+ }
2092
+ 100% {
2093
+ opacity: 0;
2057
2094
  }
2058
- .Toolbar-module_dark__2Ejc9 .Toolbar-module_item__36x7d::before {
2059
- border-left-color: rgba(255, 255, 255, 0.2);
2060
2095
  }
2061
- [data-context="prodano"] .Toolbar-module_root__2HF2r {
2062
- display: none;
2096
+ @keyframes Popover-module_fadeOut__3EZhx {
2097
+ 0% {
2098
+ opacity: 1;
2099
+ }
2100
+ 100% {
2101
+ opacity: 0;
2102
+ }
2063
2103
  }
2064
2104
 
2065
2105
  /* Colors */
@@ -2347,6 +2387,85 @@
2347
2387
  }
2348
2388
  }
2349
2389
 
2390
+ /* Colors */
2391
+ /* Fonts */
2392
+ /* Gap */
2393
+ /* Media */
2394
+ /* 512 */
2395
+ /* 650 */
2396
+ /* 768 */
2397
+ /* 1024 */
2398
+ /* 1010 */
2399
+ /* 1200 */
2400
+ /* 511 */
2401
+ /* 1023 */
2402
+ /* Zindex */
2403
+ .ChapterBlock-module_root__1WyVn {
2404
+ position: relative;
2405
+
2406
+ margin: 38px auto 7px
2407
+ }
2408
+ @media only screen and (min-width: 32em) {
2409
+ .ChapterBlock-module_root__1WyVn {
2410
+ max-width: 650px;
2411
+ margin-top: 70px
2412
+ }
2413
+ }
2414
+ .ChapterBlock-module_root__1WyVn:first-child {
2415
+ margin-top: 0;
2416
+ }
2417
+ .ChapterBlock-module_root__1WyVn:last-child {
2418
+ margin-bottom: 0;
2419
+ }
2420
+ .ChapterBlock-module_subtitle__3TXll {
2421
+ display: inline-block;
2422
+
2423
+ vertical-align: top;
2424
+ letter-spacing: 1px;
2425
+ text-transform: uppercase;
2426
+
2427
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2428
+ font-size: 12px;
2429
+ font-weight: 600;
2430
+ line-height: 12px
2431
+ }
2432
+ @media only screen and (min-width: 32em) {
2433
+ .ChapterBlock-module_subtitle__3TXll {
2434
+ font-size: 13px;
2435
+ line-height: 16px
2436
+ }
2437
+ }
2438
+ .ChapterBlock-module_subtitle__3TXll::after {
2439
+ display: block;
2440
+
2441
+ width: 120px;
2442
+ padding: 0 0 7px;
2443
+
2444
+ content: '';
2445
+
2446
+ border-bottom: 1px solid #ccc
2447
+ }
2448
+ @media only screen and (min-width: 32em) {
2449
+ .ChapterBlock-module_subtitle__3TXll::after {
2450
+ padding: 0 0 6px
2451
+ }
2452
+ }
2453
+ /* VISIBILITY */
2454
+ @media only screen and (min-width: 32em) {
2455
+ .ChapterBlock-module_mobile__CiO0w {
2456
+ display: none
2457
+ }
2458
+ }
2459
+ .ChapterBlock-module_desktop__tk1Nk {
2460
+ display: none
2461
+ }
2462
+ @media only screen and (min-width: 32em) {
2463
+ .ChapterBlock-module_desktop__tk1Nk {
2464
+ display: block
2465
+ }
2466
+ }
2467
+
2468
+
2350
2469
  /* Colors */
2351
2470
  /* Fonts */
2352
2471
  /* Gap */
@@ -2478,67 +2597,89 @@
2478
2597
  /* 511 */
2479
2598
  /* 1023 */
2480
2599
  /* Zindex */
2481
- .ChapterBlock-module_root__1WyVn {
2482
- position: relative;
2483
-
2484
- margin: 38px auto 7px
2600
+ .GroupedBlock-module_root__2qfQA {
2601
+ max-width: 644px;
2602
+ margin: 15px auto 0
2485
2603
  }
2486
- @media only screen and (min-width: 32em) {
2487
- .ChapterBlock-module_root__1WyVn {
2488
- max-width: 650px;
2489
- margin-top: 70px
2604
+ @media only screen and (min-width: 48em) {
2605
+ .GroupedBlock-module_root__2qfQA {
2606
+ max-width: none;
2607
+ margin-top: 25px;
2608
+ margin-bottom: 20px
2609
+ }
2610
+ }
2611
+ .GroupedBlock-module_hasFigcaption__2_mcf {
2612
+ margin-bottom: 15px;
2613
+ }
2614
+ @media only screen and (min-width: 48em) {
2615
+ .GroupedBlock-module_hasFigcaption__2_mcf + .GroupedBlock-module_root__2qfQA {
2616
+ margin-top: 25px
2617
+ }
2618
+ }
2619
+ .GroupedBlock-module_hasFigcaption__2_mcf .GroupedBlock-module_item__3sz9_:last-child {
2620
+ margin-bottom: 0;
2621
+ }
2622
+ .GroupedBlock-module_items__2DV2X {
2623
+ display: -webkit-box;
2624
+ display: -webkit-flex;
2625
+ display: -ms-flexbox;
2626
+ display: flex;
2627
+ flex-direction: column;
2628
+ flex-wrap: nowrap
2629
+ }
2630
+ @media only screen and (min-width: 48em) {
2631
+ .GroupedBlock-module_items__2DV2X {
2632
+ flex-direction: row
2633
+ }
2634
+ }
2635
+ .GroupedBlock-module_item__3sz9_ {
2636
+ flex-grow: 1;
2637
+
2638
+ width: 100%;
2639
+ min-width: 100%;
2640
+ max-width: 100%;
2641
+ margin-bottom: 20px
2490
2642
  }
2491
- }
2492
- .ChapterBlock-module_root__1WyVn:first-child {
2493
- margin-top: 0;
2643
+ @media only screen and (min-width: 48em) {
2644
+ .GroupedBlock-module_item__3sz9_ {
2645
+ min-width: 0;
2646
+ max-width: none;
2647
+ margin-bottom: 0
2494
2648
  }
2495
- .ChapterBlock-module_root__1WyVn:last-child {
2496
- margin-bottom: 0;
2649
+ }
2650
+ @media only screen and (min-width: 48em) {
2651
+ .GroupedBlock-module_item__3sz9_ + .GroupedBlock-module_item__3sz9_ {
2652
+ margin-left: 15px
2497
2653
  }
2498
- .ChapterBlock-module_subtitle__3TXll {
2499
- display: inline-block;
2500
-
2501
- vertical-align: top;
2502
- letter-spacing: 1px;
2503
- text-transform: uppercase;
2504
-
2505
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2506
- font-size: 12px;
2507
- font-weight: 600;
2508
- line-height: 12px
2654
+ }
2655
+ .GroupedBlock-module_figcaption__2Q_wf {
2656
+ max-width: 650px;
2657
+ margin-right: auto;
2658
+ margin-left: auto;
2509
2659
  }
2510
- @media only screen and (min-width: 32em) {
2511
- .ChapterBlock-module_subtitle__3TXll {
2512
- font-size: 13px;
2513
- line-height: 16px
2660
+ /* DISPLAY */
2661
+ @media only screen and (min-width: 48em) {
2662
+ .GroupedBlock-module_default__3ylw_ {
2663
+ max-width: 650px
2514
2664
  }
2515
2665
  }
2516
- .ChapterBlock-module_subtitle__3TXll::after {
2517
- display: block;
2518
-
2519
- width: 120px;
2520
- padding: 0 0 7px;
2521
-
2522
- content: '';
2523
-
2524
- border-bottom: 1px solid #ccc
2666
+ .GroupedBlock-module_full__1dzQR {
2667
+ max-width: 980px;
2525
2668
  }
2526
- @media only screen and (min-width: 32em) {
2527
- .ChapterBlock-module_subtitle__3TXll::after {
2528
- padding: 0 0 6px
2669
+ .GroupedBlock-module_super_full__1PU72 {
2670
+ max-width: 1680px;
2529
2671
  }
2530
- }
2531
2672
  /* VISIBILITY */
2532
2673
  @media only screen and (min-width: 32em) {
2533
- .ChapterBlock-module_mobile__CiO0w {
2674
+ .GroupedBlock-module_mobile__3n8Ub {
2534
2675
  display: none
2535
2676
  }
2536
2677
  }
2537
- .ChapterBlock-module_desktop__tk1Nk {
2678
+ .GroupedBlock-module_desktop__6ZRpA {
2538
2679
  display: none
2539
2680
  }
2540
2681
  @media only screen and (min-width: 32em) {
2541
- .ChapterBlock-module_desktop__tk1Nk {
2682
+ .GroupedBlock-module_desktop__6ZRpA {
2542
2683
  display: block
2543
2684
  }
2544
2685
  }
@@ -2647,107 +2788,6 @@
2647
2788
  }
2648
2789
  }
2649
2790
 
2650
- /* Colors */
2651
- /* Fonts */
2652
- /* Gap */
2653
- /* Media */
2654
- /* 512 */
2655
- /* 650 */
2656
- /* 768 */
2657
- /* 1024 */
2658
- /* 1010 */
2659
- /* 1200 */
2660
- /* 511 */
2661
- /* 1023 */
2662
- /* Zindex */
2663
- .GroupedBlock-module_root__2qfQA {
2664
- max-width: 644px;
2665
- margin: 15px auto 0
2666
- }
2667
- @media only screen and (min-width: 48em) {
2668
- .GroupedBlock-module_root__2qfQA {
2669
- max-width: none;
2670
- margin-top: 25px;
2671
- margin-bottom: 20px
2672
- }
2673
- }
2674
- .GroupedBlock-module_hasFigcaption__2_mcf {
2675
- margin-bottom: 15px;
2676
- }
2677
- @media only screen and (min-width: 48em) {
2678
- .GroupedBlock-module_hasFigcaption__2_mcf + .GroupedBlock-module_root__2qfQA {
2679
- margin-top: 25px
2680
- }
2681
- }
2682
- .GroupedBlock-module_hasFigcaption__2_mcf .GroupedBlock-module_item__3sz9_:last-child {
2683
- margin-bottom: 0;
2684
- }
2685
- .GroupedBlock-module_items__2DV2X {
2686
- display: -webkit-box;
2687
- display: -webkit-flex;
2688
- display: -ms-flexbox;
2689
- display: flex;
2690
- flex-direction: column;
2691
- flex-wrap: nowrap
2692
- }
2693
- @media only screen and (min-width: 48em) {
2694
- .GroupedBlock-module_items__2DV2X {
2695
- flex-direction: row
2696
- }
2697
- }
2698
- .GroupedBlock-module_item__3sz9_ {
2699
- flex-grow: 1;
2700
-
2701
- width: 100%;
2702
- min-width: 100%;
2703
- max-width: 100%;
2704
- margin-bottom: 20px
2705
- }
2706
- @media only screen and (min-width: 48em) {
2707
- .GroupedBlock-module_item__3sz9_ {
2708
- min-width: 0;
2709
- max-width: none;
2710
- margin-bottom: 0
2711
- }
2712
- }
2713
- @media only screen and (min-width: 48em) {
2714
- .GroupedBlock-module_item__3sz9_ + .GroupedBlock-module_item__3sz9_ {
2715
- margin-left: 15px
2716
- }
2717
- }
2718
- .GroupedBlock-module_figcaption__2Q_wf {
2719
- max-width: 650px;
2720
- margin-right: auto;
2721
- margin-left: auto;
2722
- }
2723
- /* DISPLAY */
2724
- @media only screen and (min-width: 48em) {
2725
- .GroupedBlock-module_default__3ylw_ {
2726
- max-width: 650px
2727
- }
2728
- }
2729
- .GroupedBlock-module_full__1dzQR {
2730
- max-width: 980px;
2731
- }
2732
- .GroupedBlock-module_super_full__1PU72 {
2733
- max-width: 1680px;
2734
- }
2735
- /* VISIBILITY */
2736
- @media only screen and (min-width: 32em) {
2737
- .GroupedBlock-module_mobile__3n8Ub {
2738
- display: none
2739
- }
2740
- }
2741
- .GroupedBlock-module_desktop__6ZRpA {
2742
- display: none
2743
- }
2744
- @media only screen and (min-width: 32em) {
2745
- .GroupedBlock-module_desktop__6ZRpA {
2746
- display: block
2747
- }
2748
- }
2749
-
2750
-
2751
2791
  /* Colors */
2752
2792
  /* Fonts */
2753
2793
  /* Gap */
@@ -4087,6 +4127,108 @@ a mark {
4087
4127
  }
4088
4128
  }
4089
4129
 
4130
+ /* Colors */
4131
+ /* Fonts */
4132
+ /* Gap */
4133
+ /* Media */
4134
+ /* 512 */
4135
+ /* 650 */
4136
+ /* 768 */
4137
+ /* 1024 */
4138
+ /* 1010 */
4139
+ /* 1200 */
4140
+ /* 511 */
4141
+ /* 1023 */
4142
+ /* Zindex */
4143
+ .MetaItem-module_root__2VQom {
4144
+ display: inline;
4145
+
4146
+ margin-right: 15px;
4147
+ }
4148
+ .MetaItem-module_root__2VQom > svg {
4149
+ display: inline-block;
4150
+
4151
+ margin-right: 1px;
4152
+
4153
+ vertical-align: top;
4154
+
4155
+ color: inherit;
4156
+
4157
+ fill: currentColor;
4158
+ }
4159
+ .MetaItem-module_root__2VQom a {
4160
+ display: inline;
4161
+
4162
+ text-decoration: underline;
4163
+
4164
+ color: inherit;
4165
+
4166
+ -webkit-text-decoration-skip: auto;
4167
+ }
4168
+ .MetaItem-module_root__2VQom a:hover {
4169
+ color: #b88b59;
4170
+ }
4171
+ .MetaItem-module_hasBullets__CkQPI {
4172
+ margin-right: 0;
4173
+ }
4174
+ .MetaItem-module_hasBullets__CkQPI:nth-child(n + 2)::before {
4175
+ display: inline-block;
4176
+
4177
+ padding-right: 0.4em;
4178
+ padding-left: 0.4em;
4179
+
4180
+ content: '\B7';
4181
+ }
4182
+ @media only screen and (max-width: 32.1875em) {
4183
+ .MetaItem-module_hasSource__1DmCI {
4184
+ width: 100%;
4185
+ margin-top: 3px;
4186
+ margin-bottom: 3px
4187
+ }
4188
+ }
4189
+ @media only screen and (max-width: 32.1875em) {
4190
+ .MetaItem-module_hasSource__1DmCI:first-child {
4191
+ margin-top: 0
4192
+ }
4193
+ }
4194
+ .MetaItem-module_hasSource__1DmCI:last-child {
4195
+ margin-bottom: 0;
4196
+ }
4197
+ @media only screen and (max-width: 32.1875em) {
4198
+ .MetaItem-module_hasSource__1DmCI:nth-child(n + 2)::before {
4199
+ display: none
4200
+ }
4201
+ }
4202
+ @media only screen and (max-width: 32.1875em) {
4203
+ .MetaItem-module_hasSource__1DmCI.MetaItem-module_listened__lwvAO::before,
4204
+ .MetaItem-module_hasSource__1DmCI.MetaItem-module_read__5eAIG::before {
4205
+ display: inline-block
4206
+ }
4207
+ }
4208
+ @media only screen and (max-width: 32.1875em) {
4209
+ .MetaItem-module_datetime__3tOWm,
4210
+ .MetaItem-module_listened__lwvAO,
4211
+ .MetaItem-module_read__5eAIG {
4212
+ width: auto
4213
+ }
4214
+ }
4215
+ @media only screen and (max-width: 32.1875em) {
4216
+ .MetaItem-module_hasSource__1DmCI.MetaItem-module_datetime__3tOWm:first-child {
4217
+ order: -2
4218
+ }
4219
+ }
4220
+ @media only screen and (max-width: 32.1875em) {
4221
+ .MetaItem-module_hasSource__1DmCI.MetaItem-module_listened__lwvAO,
4222
+ .MetaItem-module_hasSource__1DmCI.MetaItem-module_read__5eAIG {
4223
+ order: -1;
4224
+
4225
+ margin-top: 0
4226
+ }
4227
+ }
4228
+ .MetaItem-module_read__5eAIG svg {
4229
+ margin-top: -1px;
4230
+ }
4231
+
4090
4232
  /* stylelint-disable declaration-empty-line-before */
4091
4233
  /* Colors */
4092
4234
  /* Fonts */
@@ -4271,108 +4413,6 @@ a mark {
4271
4413
  }
4272
4414
  }
4273
4415
 
4274
- /* Colors */
4275
- /* Fonts */
4276
- /* Gap */
4277
- /* Media */
4278
- /* 512 */
4279
- /* 650 */
4280
- /* 768 */
4281
- /* 1024 */
4282
- /* 1010 */
4283
- /* 1200 */
4284
- /* 511 */
4285
- /* 1023 */
4286
- /* Zindex */
4287
- .MetaItem-module_root__2VQom {
4288
- display: inline;
4289
-
4290
- margin-right: 15px;
4291
- }
4292
- .MetaItem-module_root__2VQom > svg {
4293
- display: inline-block;
4294
-
4295
- margin-right: 1px;
4296
-
4297
- vertical-align: top;
4298
-
4299
- color: inherit;
4300
-
4301
- fill: currentColor;
4302
- }
4303
- .MetaItem-module_root__2VQom a {
4304
- display: inline;
4305
-
4306
- text-decoration: underline;
4307
-
4308
- color: inherit;
4309
-
4310
- -webkit-text-decoration-skip: auto;
4311
- }
4312
- .MetaItem-module_root__2VQom a:hover {
4313
- color: #b88b59;
4314
- }
4315
- .MetaItem-module_hasBullets__CkQPI {
4316
- margin-right: 0;
4317
- }
4318
- .MetaItem-module_hasBullets__CkQPI:nth-child(n + 2)::before {
4319
- display: inline-block;
4320
-
4321
- padding-right: 0.4em;
4322
- padding-left: 0.4em;
4323
-
4324
- content: '\B7';
4325
- }
4326
- @media only screen and (max-width: 32.1875em) {
4327
- .MetaItem-module_hasSource__1DmCI {
4328
- width: 100%;
4329
- margin-top: 3px;
4330
- margin-bottom: 3px
4331
- }
4332
- }
4333
- @media only screen and (max-width: 32.1875em) {
4334
- .MetaItem-module_hasSource__1DmCI:first-child {
4335
- margin-top: 0
4336
- }
4337
- }
4338
- .MetaItem-module_hasSource__1DmCI:last-child {
4339
- margin-bottom: 0;
4340
- }
4341
- @media only screen and (max-width: 32.1875em) {
4342
- .MetaItem-module_hasSource__1DmCI:nth-child(n + 2)::before {
4343
- display: none
4344
- }
4345
- }
4346
- @media only screen and (max-width: 32.1875em) {
4347
- .MetaItem-module_hasSource__1DmCI.MetaItem-module_listened__lwvAO::before,
4348
- .MetaItem-module_hasSource__1DmCI.MetaItem-module_read__5eAIG::before {
4349
- display: inline-block
4350
- }
4351
- }
4352
- @media only screen and (max-width: 32.1875em) {
4353
- .MetaItem-module_datetime__3tOWm,
4354
- .MetaItem-module_listened__lwvAO,
4355
- .MetaItem-module_read__5eAIG {
4356
- width: auto
4357
- }
4358
- }
4359
- @media only screen and (max-width: 32.1875em) {
4360
- .MetaItem-module_hasSource__1DmCI.MetaItem-module_datetime__3tOWm:first-child {
4361
- order: -2
4362
- }
4363
- }
4364
- @media only screen and (max-width: 32.1875em) {
4365
- .MetaItem-module_hasSource__1DmCI.MetaItem-module_listened__lwvAO,
4366
- .MetaItem-module_hasSource__1DmCI.MetaItem-module_read__5eAIG {
4367
- order: -1;
4368
-
4369
- margin-top: 0
4370
- }
4371
- }
4372
- .MetaItem-module_read__5eAIG svg {
4373
- margin-top: -1px;
4374
- }
4375
-
4376
4416
  /* stylelint-disable declaration-empty-line-before */
4377
4417
  /* Colors */
4378
4418
  /* Fonts */
@@ -4414,179 +4454,90 @@ a mark {
4414
4454
  /* 511 */
4415
4455
  /* 1023 */
4416
4456
  /* Zindex */
4417
- .SensitiveBlock-module_root__2iJbD {
4418
- position: relative;
4457
+ .ToolbarButton-module_root__xN-fq {
4458
+ height: 100%;
4459
+ margin: 0;
4460
+ padding: 0 1px 0 0;
4419
4461
 
4420
- margin: 15px 0
4421
- }
4422
- @media only screen and (min-width: 32em) {
4423
- .SensitiveBlock-module_root__2iJbD {
4424
- margin: 25px 0 20px
4425
- }
4426
- }
4427
- .SensitiveBlock-module_root__2iJbD:first-child {
4428
- margin-top: 0;
4429
- }
4430
- .SensitiveBlock-module_root__2iJbD:last-child {
4431
- margin-bottom: 0;
4432
- }
4433
- .SensitiveBlock-module_root__2iJbD figcaption {
4434
- width: 100%;
4435
- max-width: 650px;
4436
- margin-right: auto;
4437
- margin-left: auto;
4462
+ cursor: pointer;
4463
+
4464
+ color: inherit;
4465
+ border-width: 0;
4466
+ outline: none;
4467
+ background-color: transparent;
4438
4468
 
4439
4469
  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
4440
- }
4441
- .SensitiveBlock-module_container__1Wtix {
4442
- position: relative;
4470
+ font-size: 12px;
4471
+ font-weight: 600;
4472
+ line-height: 1;
4443
4473
 
4444
- min-height: 170px;
4474
+ -webkit-appearance: none;
4445
4475
 
4446
- transition: min-height 350ms ease;
4476
+ -moz-appearance: none;
4477
+
4478
+ appearance: none;
4447
4479
  }
4448
- .SensitiveBlock-module_overlay__hfDVS {
4480
+ .ToolbarButton-module_root__xN-fq::after {
4449
4481
  position: absolute;
4450
- z-index: 10;
4451
4482
  top: 0;
4452
- right: -20px;
4483
+ right: 0;
4453
4484
  bottom: 0;
4454
- left: -20px;
4455
-
4456
- display: -webkit-box;
4457
-
4458
- display: -webkit-flex;
4459
-
4460
- display: -ms-flexbox;
4461
-
4462
- display: flex;
4463
- align-items: center;
4464
- flex-flow: column nowrap;
4465
- justify-content: center;
4466
-
4467
- padding: 30px 20px;
4468
-
4469
- transition: opacity 500ms ease, visibility 500ms ease;
4485
+ left: 0;
4470
4486
 
4471
- background-color: rgba(255, 255, 255, 1);
4472
- background-repeat: no-repeat;
4473
- background-position: center top;
4474
- background-size: cover
4487
+ content: '';
4475
4488
  }
4476
- @media only screen and (min-width: 32em) {
4477
- .SensitiveBlock-module_overlay__hfDVS {
4478
- right: 0;
4479
- left: 0
4489
+ .ToolbarButton-module_root__xN-fq:hover {
4490
+ opacity: 0.6;
4480
4491
  }
4481
- }
4482
- .SensitiveBlock-module_content__sNpxZ {
4483
- -webkit-user-select: none;
4484
- -moz-user-select: none;
4485
- -ms-user-select: none;
4486
- user-select: none;
4487
-
4492
+ .ToolbarButton-module_dark__GrIOr {
4488
4493
  color: #fff;
4489
-
4490
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
4491
4494
  }
4492
- .SensitiveBlock-module_content__sNpxZ p {
4493
- display: block;
4494
-
4495
- width: 100%;
4496
- max-width: 368px;
4497
- margin-top: 0;
4498
- margin-bottom: 12px;
4499
-
4500
- text-align: center;
4501
-
4502
- font-size: 14px;
4503
- line-height: 18px
4495
+ .ToolbarButton-module_dark__GrIOr:hover {
4496
+ opacity: 0.6;
4504
4497
  }
4505
- @media only screen and (min-width: 32em) {
4506
- .SensitiveBlock-module_content__sNpxZ p {
4507
- margin-bottom: 24px;
4498
+ .ToolbarButton-module_dark__GrIOr svg {
4499
+ color: #262626;
4508
4500
 
4509
- font-size: 16px;
4510
- line-height: 22px
4511
- }
4512
- }
4513
- .SensitiveBlock-module_button__3BGZK {
4514
- width: 100%;
4515
- max-width: 348px;
4516
- margin: 0 auto;
4517
- }
4518
- .SensitiveBlock-module_default__2HgmZ {
4519
- max-width: 650px
4520
- }
4521
- @media only screen and (min-width: 32em) {
4522
- .SensitiveBlock-module_default__2HgmZ {
4523
- margin-right: auto;
4524
- margin-left: auto
4525
- }
4526
- }
4527
- .SensitiveBlock-module_full__3Hph9 {
4528
- max-width: 980px
4529
- }
4530
- @media only screen and (min-width: 32em) {
4531
- .SensitiveBlock-module_full__3Hph9 {
4532
- margin-right: auto;
4533
- margin-left: auto
4534
- }
4535
- }
4536
- .SensitiveBlock-module_full__3Hph9 .SensitiveBlock-module_overlay__hfDVS {
4537
- right: -20px;
4538
- left: -20px
4539
- }
4540
- @media only screen and (min-width: 32em) {
4541
- .SensitiveBlock-module_full__3Hph9 .SensitiveBlock-module_overlay__hfDVS {
4542
- right: 0;
4543
- left: 0
4501
+ fill: #fff;
4544
4502
  }
4545
- }
4546
- .SensitiveBlock-module_full__3Hph9 .SensitiveBlock-module_media__3wnlo {
4547
- padding-right: 20px;
4548
- padding-left: 20px
4503
+ .ToolbarButton-module_dark__GrIOr.ToolbarButton-module_bookmark__3369b svg {
4504
+ color: #fff;
4505
+
4506
+ fill: transparent;
4549
4507
  }
4550
- @media only screen and (min-width: 32em) {
4551
- .SensitiveBlock-module_full__3Hph9 .SensitiveBlock-module_media__3wnlo {
4552
- padding-right: 0;
4553
- padding-left: 0
4508
+ .ToolbarButton-module_dark__GrIOr.ToolbarButton-module_bookmark__3369b.ToolbarButton-module_isActive__3NLAE svg {
4509
+ fill: currentColor;
4554
4510
  }
4555
- }
4556
- .SensitiveBlock-module_super_full__14UOv {
4557
- max-width: 100%;
4511
+ .ToolbarButton-module_dark__GrIOr::before {
4512
+ border-left-color: rgba(255, 255, 255, 0.2);
4558
4513
  }
4559
- @media only screen and (min-width: 32em) {
4560
- .SensitiveBlock-module_super_full__14UOv .SensitiveBlock-module_overlay__hfDVS {
4561
- right: -15px;
4562
- left: -15px
4514
+ .ToolbarButton-module_root__xN-fq [data-theme='dark'] {
4515
+ visibility: hidden;
4563
4516
  }
4564
- }
4565
- @media only screen and (min-width: 32em) {
4566
- .SensitiveBlock-module_super_full__14UOv .SensitiveBlock-module_media__3wnlo {
4567
- padding-right: 15px;
4568
- padding-left: 15px
4517
+ .ToolbarButton-module_dark__GrIOr [data-theme='dark'] {
4518
+ visibility: visible;
4569
4519
  }
4570
- }
4571
- /* STATE */
4572
- .SensitiveBlock-module_visible__1B-NV .SensitiveBlock-module_overlay__hfDVS {
4520
+ .ToolbarButton-module_dark__GrIOr [data-theme='light'] {
4573
4521
  visibility: hidden;
4522
+ }
4523
+ .ToolbarButton-module_text__32m6s {
4524
+ display: inline-block;
4574
4525
 
4575
- pointer-events: none;
4526
+ padding-left: 5px;
4576
4527
 
4577
- opacity: 0;
4528
+ vertical-align: middle;
4578
4529
  }
4579
- .SensitiveBlock-module_visible__1B-NV .SensitiveBlock-module_container__1Wtix {
4580
- min-height: 0;
4530
+ .ToolbarButton-module_text__32m6s:empty {
4531
+ display: none;
4581
4532
  }
4582
- /* CONTEXT */
4583
- @media only screen and (max-width: 63.9375em) {
4584
- .SensitiveBlock-module_isInCard__1L-lu .SensitiveBlock-module_overlay__hfDVS,
4585
- .SensitiveBlock-module_isInSlide__f_Ql2 .SensitiveBlock-module_overlay__hfDVS {
4586
- right: -11px;
4587
- left: -11px
4533
+ .ToolbarButton-module_bookmark__3369b {
4534
+ color: #999;
4535
+
4536
+ fill: transparent;
4537
+ }
4538
+ .ToolbarButton-module_isActive__3NLAE {
4539
+ fill: currentColor;
4588
4540
  }
4589
- }
4590
4541
 
4591
4542
  /* Colors */
4592
4543
  /* Fonts */
@@ -4941,90 +4892,179 @@ a mark {
4941
4892
  /* 511 */
4942
4893
  /* 1023 */
4943
4894
  /* Zindex */
4944
- .ToolbarButton-module_root__xN-fq {
4945
- height: 100%;
4946
- margin: 0;
4947
- padding: 0 1px 0 0;
4948
-
4949
- cursor: pointer;
4895
+ .SensitiveBlock-module_root__2iJbD {
4896
+ position: relative;
4950
4897
 
4951
- color: inherit;
4952
- border-width: 0;
4953
- outline: none;
4954
- background-color: transparent;
4898
+ margin: 15px 0
4899
+ }
4900
+ @media only screen and (min-width: 32em) {
4901
+ .SensitiveBlock-module_root__2iJbD {
4902
+ margin: 25px 0 20px
4903
+ }
4904
+ }
4905
+ .SensitiveBlock-module_root__2iJbD:first-child {
4906
+ margin-top: 0;
4907
+ }
4908
+ .SensitiveBlock-module_root__2iJbD:last-child {
4909
+ margin-bottom: 0;
4910
+ }
4911
+ .SensitiveBlock-module_root__2iJbD figcaption {
4912
+ width: 100%;
4913
+ max-width: 650px;
4914
+ margin-right: auto;
4915
+ margin-left: auto;
4955
4916
 
4956
4917
  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
4957
- font-size: 12px;
4958
- font-weight: 600;
4959
- line-height: 1;
4960
-
4961
- -webkit-appearance: none;
4918
+ }
4919
+ .SensitiveBlock-module_container__1Wtix {
4920
+ position: relative;
4962
4921
 
4963
- -moz-appearance: none;
4922
+ min-height: 170px;
4964
4923
 
4965
- appearance: none;
4924
+ transition: min-height 350ms ease;
4966
4925
  }
4967
- .ToolbarButton-module_root__xN-fq::after {
4926
+ .SensitiveBlock-module_overlay__hfDVS {
4968
4927
  position: absolute;
4928
+ z-index: 10;
4969
4929
  top: 0;
4970
- right: 0;
4930
+ right: -20px;
4971
4931
  bottom: 0;
4972
- left: 0;
4932
+ left: -20px;
4973
4933
 
4974
- content: '';
4934
+ display: -webkit-box;
4935
+
4936
+ display: -webkit-flex;
4937
+
4938
+ display: -ms-flexbox;
4939
+
4940
+ display: flex;
4941
+ align-items: center;
4942
+ flex-flow: column nowrap;
4943
+ justify-content: center;
4944
+
4945
+ padding: 30px 20px;
4946
+
4947
+ transition: opacity 500ms ease, visibility 500ms ease;
4948
+
4949
+ background-color: rgba(255, 255, 255, 1);
4950
+ background-repeat: no-repeat;
4951
+ background-position: center top;
4952
+ background-size: cover
4975
4953
  }
4976
- .ToolbarButton-module_root__xN-fq:hover {
4977
- opacity: 0.6;
4954
+ @media only screen and (min-width: 32em) {
4955
+ .SensitiveBlock-module_overlay__hfDVS {
4956
+ right: 0;
4957
+ left: 0
4978
4958
  }
4979
- .ToolbarButton-module_dark__GrIOr {
4959
+ }
4960
+ .SensitiveBlock-module_content__sNpxZ {
4961
+ -webkit-user-select: none;
4962
+ -moz-user-select: none;
4963
+ -ms-user-select: none;
4964
+ user-select: none;
4965
+
4980
4966
  color: #fff;
4967
+
4968
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
4981
4969
  }
4982
- .ToolbarButton-module_dark__GrIOr:hover {
4983
- opacity: 0.6;
4984
- }
4985
- .ToolbarButton-module_dark__GrIOr svg {
4986
- color: #262626;
4970
+ .SensitiveBlock-module_content__sNpxZ p {
4971
+ display: block;
4987
4972
 
4988
- fill: #fff;
4973
+ width: 100%;
4974
+ max-width: 368px;
4975
+ margin-top: 0;
4976
+ margin-bottom: 12px;
4977
+
4978
+ text-align: center;
4979
+
4980
+ font-size: 14px;
4981
+ line-height: 18px
4989
4982
  }
4990
- .ToolbarButton-module_dark__GrIOr.ToolbarButton-module_bookmark__3369b svg {
4991
- color: #fff;
4983
+ @media only screen and (min-width: 32em) {
4984
+ .SensitiveBlock-module_content__sNpxZ p {
4985
+ margin-bottom: 24px;
4992
4986
 
4993
- fill: transparent;
4987
+ font-size: 16px;
4988
+ line-height: 22px
4994
4989
  }
4995
- .ToolbarButton-module_dark__GrIOr.ToolbarButton-module_bookmark__3369b.ToolbarButton-module_isActive__3NLAE svg {
4996
- fill: currentColor;
4990
+ }
4991
+ .SensitiveBlock-module_button__3BGZK {
4992
+ width: 100%;
4993
+ max-width: 348px;
4994
+ margin: 0 auto;
4997
4995
  }
4998
- .ToolbarButton-module_dark__GrIOr::before {
4999
- border-left-color: rgba(255, 255, 255, 0.2);
4996
+ .SensitiveBlock-module_default__2HgmZ {
4997
+ max-width: 650px
5000
4998
  }
5001
- .ToolbarButton-module_root__xN-fq [data-theme='dark'] {
5002
- visibility: hidden;
4999
+ @media only screen and (min-width: 32em) {
5000
+ .SensitiveBlock-module_default__2HgmZ {
5001
+ margin-right: auto;
5002
+ margin-left: auto
5003
5003
  }
5004
- .ToolbarButton-module_dark__GrIOr [data-theme='dark'] {
5005
- visibility: visible;
5004
+ }
5005
+ .SensitiveBlock-module_full__3Hph9 {
5006
+ max-width: 980px
5006
5007
  }
5007
- .ToolbarButton-module_dark__GrIOr [data-theme='light'] {
5008
- visibility: hidden;
5008
+ @media only screen and (min-width: 32em) {
5009
+ .SensitiveBlock-module_full__3Hph9 {
5010
+ margin-right: auto;
5011
+ margin-left: auto
5009
5012
  }
5010
- .ToolbarButton-module_text__32m6s {
5011
- display: inline-block;
5012
-
5013
- padding-left: 5px;
5014
-
5015
- vertical-align: middle;
5013
+ }
5014
+ .SensitiveBlock-module_full__3Hph9 .SensitiveBlock-module_overlay__hfDVS {
5015
+ right: -20px;
5016
+ left: -20px
5016
5017
  }
5017
- .ToolbarButton-module_text__32m6s:empty {
5018
- display: none;
5018
+ @media only screen and (min-width: 32em) {
5019
+ .SensitiveBlock-module_full__3Hph9 .SensitiveBlock-module_overlay__hfDVS {
5020
+ right: 0;
5021
+ left: 0
5019
5022
  }
5020
- .ToolbarButton-module_bookmark__3369b {
5021
- color: #999;
5023
+ }
5024
+ .SensitiveBlock-module_full__3Hph9 .SensitiveBlock-module_media__3wnlo {
5025
+ padding-right: 20px;
5026
+ padding-left: 20px
5027
+ }
5028
+ @media only screen and (min-width: 32em) {
5029
+ .SensitiveBlock-module_full__3Hph9 .SensitiveBlock-module_media__3wnlo {
5030
+ padding-right: 0;
5031
+ padding-left: 0
5032
+ }
5033
+ }
5034
+ .SensitiveBlock-module_super_full__14UOv {
5035
+ max-width: 100%;
5036
+ }
5037
+ @media only screen and (min-width: 32em) {
5038
+ .SensitiveBlock-module_super_full__14UOv .SensitiveBlock-module_overlay__hfDVS {
5039
+ right: -15px;
5040
+ left: -15px
5041
+ }
5042
+ }
5043
+ @media only screen and (min-width: 32em) {
5044
+ .SensitiveBlock-module_super_full__14UOv .SensitiveBlock-module_media__3wnlo {
5045
+ padding-right: 15px;
5046
+ padding-left: 15px
5047
+ }
5048
+ }
5049
+ /* STATE */
5050
+ .SensitiveBlock-module_visible__1B-NV .SensitiveBlock-module_overlay__hfDVS {
5051
+ visibility: hidden;
5022
5052
 
5023
- fill: transparent;
5053
+ pointer-events: none;
5054
+
5055
+ opacity: 0;
5024
5056
  }
5025
- .ToolbarButton-module_isActive__3NLAE {
5026
- fill: currentColor;
5057
+ .SensitiveBlock-module_visible__1B-NV .SensitiveBlock-module_container__1Wtix {
5058
+ min-height: 0;
5027
5059
  }
5060
+ /* CONTEXT */
5061
+ @media only screen and (max-width: 63.9375em) {
5062
+ .SensitiveBlock-module_isInCard__1L-lu .SensitiveBlock-module_overlay__hfDVS,
5063
+ .SensitiveBlock-module_isInSlide__f_Ql2 .SensitiveBlock-module_overlay__hfDVS {
5064
+ right: -11px;
5065
+ left: -11px
5066
+ }
5067
+ }
5028
5068
 
5029
5069
  /* Colors */
5030
5070
  /* Fonts */