@meduza/ui-kit-2 0.1.36 → 0.1.37

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
@@ -234,6 +234,170 @@
234
234
  margin-top: -1px;
235
235
  }
236
236
 
237
+ /* Colors */
238
+ /* Fonts */
239
+ /* Gap */
240
+ /* Media */
241
+ /* 512 */
242
+ /* 650 */
243
+ /* 768 */
244
+ /* 1024 */
245
+ /* 1010 */
246
+ /* 1200 */
247
+ /* 511 */
248
+ /* 1023 */
249
+ /* Zindex */
250
+ .Switcher-module_root__1Env1 {
251
+ position: relative;
252
+
253
+ display: -webkit-box;
254
+
255
+ display: -webkit-flex;
256
+
257
+ display: -ms-flexbox;
258
+
259
+ display: flex;
260
+ flex-flow: row nowrap;
261
+ align-items: center;
262
+
263
+ font-weight: 600;
264
+
265
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
266
+ white-space: nowrap;
267
+
268
+ cursor: pointer;
269
+
270
+ -webkit-user-select: none;
271
+
272
+ -moz-user-select: none;
273
+
274
+ -ms-user-select: none;
275
+
276
+ user-select: none;
277
+ }
278
+ .Switcher-module_dark__1IzaH {
279
+ color: inherit;
280
+ }
281
+ .Switcher-module_dark__1IzaH .Switcher-module_control__1NTvY {
282
+ background-color: transparent;
283
+ }
284
+ .Switcher-module_input__jaMVF {
285
+ position: absolute;
286
+ top: 0;
287
+ left: 0;
288
+
289
+ opacity: 0;
290
+ }
291
+ .Switcher-module_control__1NTvY {
292
+ position: relative;
293
+
294
+ display: block;
295
+
296
+ width: 37px;
297
+ height: 21px;
298
+
299
+ background-color: #e6e6e6;
300
+
301
+ border-radius: 15px;
302
+ }
303
+ .Switcher-module_control__1NTvY::before {
304
+ position: absolute;
305
+ top: 0;
306
+ bottom: 0;
307
+ left: 0;
308
+
309
+ width: 18px;
310
+
311
+ background: rgba(19, 191, 17, 0);
312
+
313
+ border-radius: 15px;
314
+
315
+ transition: 0.25s ease-in-out;
316
+
317
+ content: '';
318
+ }
319
+ .Switcher-module_knob__3kEy5 {
320
+ position: relative;
321
+ top: 2px;
322
+ left: 2px;
323
+ z-index: 200;
324
+
325
+ display: block;
326
+
327
+ width: 17px;
328
+ height: 17px;
329
+
330
+ background: #fff;
331
+
332
+ border-radius: 15px;
333
+
334
+ transition: 0.25s ease-in-out;
335
+ }
336
+ .Switcher-module_input__jaMVF:checked ~ .Switcher-module_control__1NTvY::before {
337
+ width: 100%;
338
+
339
+ background-color: #b88b59;
340
+ }
341
+ .Switcher-module_input__jaMVF:checked ~ .Switcher-module_control__1NTvY::after {
342
+ box-shadow: inset 0 0 0 1px transparent;
343
+ }
344
+ .Switcher-module_input__jaMVF:checked ~ .Switcher-module_control__1NTvY .Switcher-module_knob__3kEy5 {
345
+ left: 18px;
346
+ }
347
+ .Switcher-module_children__147JP.Switcher-module_left__2coeE {
348
+ margin-right: 6px;
349
+ }
350
+ .Switcher-module_children__147JP.Switcher-module_right__yWG7h {
351
+ margin-left: 6px;
352
+ }
353
+ /* panel */
354
+ .Switcher-module_isInPanel__TumqY .Switcher-module_children__147JP {
355
+
356
+ color: #999;
357
+
358
+ font-size: 13px;
359
+ letter-spacing: 0.5px;
360
+ text-transform: uppercase;
361
+ }
362
+ /* menu */
363
+ .Switcher-module_isInMenu__3XJYj {
364
+ font-weight: normal;
365
+ }
366
+ .Switcher-module_isInMenu__3XJYj .Switcher-module_children__147JP {
367
+ margin-right: 8px;
368
+ }
369
+ .Switcher-module_isInMenu__3XJYj .Switcher-module_control__1NTvY {
370
+ width: 48px;
371
+ height: 30px;
372
+ }
373
+ .Switcher-module_isInMenu__3XJYj .Switcher-module_knob__3kEy5 {
374
+ top: 4px;
375
+
376
+ width: 22px;
377
+ height: 22px;
378
+
379
+ background-color: #bababa;
380
+ }
381
+ /* stylelint-disable selector-max-compound-selectors */
382
+ .Switcher-module_isInMenu__3XJYj input:checked ~ .Switcher-module_control__1NTvY .Switcher-module_knob__3kEy5 {
383
+ left: 23px;
384
+
385
+ background-color: #fff;
386
+ }
387
+ /* live */
388
+ .Switcher-module_isInLive__2cLui .Switcher-module_children__147JP {
389
+
390
+ color: #7f7f7f;
391
+
392
+ font-size: 13px;
393
+ letter-spacing: 0.5px;
394
+ text-transform: uppercase;
395
+ }
396
+ .Switcher-module_isInMenu__3XJYj .Switcher-module_control__1NTvY {
397
+ background-color: #1a1a1a;
398
+ box-shadow: inset 0 0 0 1px #323232;
399
+ }
400
+
237
401
  /* Colors */
238
402
  /* Fonts */
239
403
  /* Gap */
@@ -477,155 +641,75 @@
477
641
  /* 511 */
478
642
  /* 1023 */
479
643
  /* Zindex */
480
- .Switcher-module_root__1Env1 {
644
+ .Image-module_root__1vsA_ {
481
645
  position: relative;
646
+ z-index: 1;
482
647
 
483
- display: -webkit-box;
484
-
485
- display: -webkit-flex;
486
-
487
- display: -ms-flexbox;
488
-
489
- display: flex;
490
- flex-flow: row nowrap;
491
- align-items: center;
492
-
493
- font-weight: 600;
494
-
495
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
496
- white-space: nowrap;
497
-
498
- cursor: pointer;
499
-
500
- -webkit-user-select: none;
501
-
502
- -moz-user-select: none;
503
-
504
- -ms-user-select: none;
505
-
506
- user-select: none;
507
- }
508
- .Switcher-module_dark__1IzaH {
509
- color: inherit;
648
+ display: block;
649
+ overflow: hidden
510
650
  }
511
- .Switcher-module_dark__1IzaH .Switcher-module_control__1NTvY {
512
- background-color: transparent;
651
+ @media only screen and (min-device-width: 32em) {
652
+ .Image-module_root__1vsA_ {
653
+ border-radius: inherit
513
654
  }
514
- .Switcher-module_input__jaMVF {
655
+ }
656
+ .Image-module_placeholder__1p4ob,
657
+ .Image-module_root__1vsA_ img {
515
658
  position: absolute;
516
659
  top: 0;
517
660
  left: 0;
518
661
 
519
- opacity: 0;
662
+ width: 100%;
663
+ height: 100%;
520
664
  }
521
- .Switcher-module_control__1NTvY {
522
- position: relative;
523
-
665
+ .Image-module_wrapper__3fLjs {
524
666
  display: block;
525
667
 
526
- width: 37px;
527
- height: 21px;
668
+ width: 100%;
528
669
 
529
- background-color: #e6e6e6;
670
+ background-repeat: no-repeat;
671
+ background-size: 100% auto;
672
+ }
673
+ .Image-module_placeholder__1p4ob {
674
+ transition: background-color 250ms ease;
530
675
 
531
- border-radius: 15px;
676
+ background-color: #f2f2f2;
532
677
  }
533
- .Switcher-module_control__1NTvY::before {
678
+ .Image-module_loaded__w9FVT {
679
+ background: transparent;
680
+ }
681
+ .Image-module_fullscreen__29apx picture {
682
+ cursor: pointer;
683
+ }
684
+ .Image-module_fullscreen__29apx picture:hover::after {
685
+ opacity: 1;
686
+ }
687
+ .Image-module_fullscreen__29apx picture::after {
534
688
  position: absolute;
535
- top: 0;
536
- bottom: 0;
537
- left: 0;
538
-
539
- width: 18px;
540
-
541
- background: rgba(19, 191, 17, 0);
689
+ right: 12px;
690
+ bottom: 12px;
542
691
 
543
- border-radius: 15px;
692
+ width: 40px;
693
+ height: 40px;
544
694
 
545
- transition: 0.25s ease-in-out;
695
+ transition: opacity 250ms ease;
696
+ pointer-events: none;
546
697
 
547
- content: '';
548
- }
549
- .Switcher-module_knob__3kEy5 {
550
- position: relative;
551
- top: 2px;
552
- left: 2px;
553
- z-index: 200;
554
-
555
- display: block;
556
-
557
- width: 17px;
558
- height: 17px;
559
-
560
- background: #fff;
561
-
562
- border-radius: 15px;
563
-
564
- transition: 0.25s ease-in-out;
565
- }
566
- .Switcher-module_input__jaMVF:checked ~ .Switcher-module_control__1NTvY::before {
567
- width: 100%;
568
-
569
- background-color: #b88b59;
570
- }
571
- .Switcher-module_input__jaMVF:checked ~ .Switcher-module_control__1NTvY::after {
572
- box-shadow: inset 0 0 0 1px transparent;
573
- }
574
- .Switcher-module_input__jaMVF:checked ~ .Switcher-module_control__1NTvY .Switcher-module_knob__3kEy5 {
575
- left: 18px;
576
- }
577
- .Switcher-module_children__147JP.Switcher-module_left__2coeE {
578
- margin-right: 6px;
579
- }
580
- .Switcher-module_children__147JP.Switcher-module_right__yWG7h {
581
- margin-left: 6px;
582
- }
583
- /* panel */
584
- .Switcher-module_isInPanel__TumqY .Switcher-module_children__147JP {
585
-
586
- color: #999;
587
-
588
- font-size: 13px;
589
- letter-spacing: 0.5px;
590
- text-transform: uppercase;
591
- }
592
- /* menu */
593
- .Switcher-module_isInMenu__3XJYj {
594
- font-weight: normal;
595
- }
596
- .Switcher-module_isInMenu__3XJYj .Switcher-module_children__147JP {
597
- margin-right: 8px;
598
- }
599
- .Switcher-module_isInMenu__3XJYj .Switcher-module_control__1NTvY {
600
- width: 48px;
601
- height: 30px;
602
- }
603
- .Switcher-module_isInMenu__3XJYj .Switcher-module_knob__3kEy5 {
604
- top: 4px;
605
-
606
- width: 22px;
607
- height: 22px;
608
-
609
- background-color: #bababa;
610
- }
611
- /* stylelint-disable selector-max-compound-selectors */
612
- .Switcher-module_isInMenu__3XJYj input:checked ~ .Switcher-module_control__1NTvY .Switcher-module_knob__3kEy5 {
613
- left: 23px;
614
-
615
- background-color: #fff;
698
+ opacity: 0;
699
+ border: 0.5px solid rgba(255, 255, 255, 0.15);
700
+ border-radius: 20px;
701
+ background-color: rgba(0, 0, 0, 0.7);
702
+ background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.197 10.207V3.763h-6.463' stroke='%23DBDBDB' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.793 4.166l-6.173 6.172' stroke='%23DBDBDB' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.803 13.733v6.444h6.463' stroke='%23DBDBDB' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.207 19.774l6.173-6.171' stroke='%23DBDBDB' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
703
+ background-repeat: no-repeat;
704
+ background-position: center
616
705
  }
617
- /* live */
618
- .Switcher-module_isInLive__2cLui .Switcher-module_children__147JP {
619
-
620
- color: #7f7f7f;
621
-
622
- font-size: 13px;
623
- letter-spacing: 0.5px;
624
- text-transform: uppercase;
706
+ @media only screen and (min-device-width: 64em) {
707
+ .Image-module_fullscreen__29apx picture::after {
708
+ content: ''
625
709
  }
626
- .Switcher-module_isInMenu__3XJYj .Switcher-module_control__1NTvY {
627
- background-color: #1a1a1a;
628
- box-shadow: inset 0 0 0 1px #323232;
710
+ }
711
+ [data-input='mouse'] .Image-module_wrapper__3fLjs {
712
+ outline: none;
629
713
  }
630
714
 
631
715
  /* Colors */
@@ -641,75 +725,11 @@
641
725
  /* 511 */
642
726
  /* 1023 */
643
727
  /* Zindex */
644
- .Image-module_root__1vsA_ {
645
- position: relative;
646
- z-index: 1;
647
-
648
- display: block;
649
- overflow: hidden
650
- }
651
- @media only screen and (min-device-width: 32em) {
652
- .Image-module_root__1vsA_ {
653
- border-radius: inherit
654
- }
655
- }
656
- .Image-module_placeholder__1p4ob,
657
- .Image-module_root__1vsA_ img {
658
- position: absolute;
659
- top: 0;
660
- left: 0;
661
-
662
- width: 100%;
663
- height: 100%;
664
- }
665
- .Image-module_wrapper__3fLjs {
728
+ .Lazy-module_root__2Z72l {
666
729
  display: block;
667
-
668
- width: 100%;
669
-
670
- background-repeat: no-repeat;
671
- background-size: 100% auto;
672
- }
673
- .Image-module_placeholder__1p4ob {
674
- transition: background-color 250ms ease;
675
-
676
- background-color: #f2f2f2;
677
- }
678
- .Image-module_loaded__w9FVT {
679
- background: transparent;
680
- }
681
- .Image-module_fullscreen__29apx picture {
682
- cursor: pointer;
683
- }
684
- .Image-module_fullscreen__29apx picture:hover::after {
685
- opacity: 1;
686
730
  }
687
- .Image-module_fullscreen__29apx picture::after {
688
- position: absolute;
689
- right: 12px;
690
- bottom: 12px;
691
-
692
- width: 40px;
693
- height: 40px;
694
-
695
- transition: opacity 250ms ease;
696
- pointer-events: none;
697
-
698
- opacity: 0;
699
- border: 0.5px solid rgba(255, 255, 255, 0.15);
700
- border-radius: 20px;
701
- background-color: rgba(0, 0, 0, 0.7);
702
- background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.197 10.207V3.763h-6.463' stroke='%23DBDBDB' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.793 4.166l-6.173 6.172' stroke='%23DBDBDB' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.803 13.733v6.444h6.463' stroke='%23DBDBDB' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.207 19.774l6.173-6.171' stroke='%23DBDBDB' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
703
- background-repeat: no-repeat;
704
- background-position: center
705
- }
706
- @media only screen and (min-device-width: 64em) {
707
- .Image-module_fullscreen__29apx picture::after {
708
- content: ''
709
- }
710
- }
711
- [data-input='mouse'] .Image-module_wrapper__3fLjs {
712
- outline: none;
731
+ .Lazy-module_visible__3-SdX {
732
+ color: red;
713
733
  }
714
734
 
715
735
  /* Colors */
@@ -838,26 +858,6 @@
838
858
  }
839
859
  }
840
860
 
841
- /* Colors */
842
- /* Fonts */
843
- /* Gap */
844
- /* Media */
845
- /* 512 */
846
- /* 650 */
847
- /* 768 */
848
- /* 1024 */
849
- /* 1010 */
850
- /* 1200 */
851
- /* 511 */
852
- /* 1023 */
853
- /* Zindex */
854
- .Lazy-module_root__2Z72l {
855
- display: block;
856
- }
857
- .Lazy-module_visible__3-SdX {
858
- color: red;
859
- }
860
-
861
861
  /* Colors */
862
862
  /* Fonts */
863
863
  /* Gap */
@@ -1008,72 +1008,165 @@
1008
1008
  /* 511 */
1009
1009
  /* 1023 */
1010
1010
  /* Zindex */
1011
- .Table-module_root__1VsG6 {
1012
- margin: 15px 0
1013
- }
1014
- @media only screen and (min-device-width: 32em) {
1015
- .Table-module_root__1VsG6 {
1016
- margin: 25px auto 20px
1017
- }
1018
- }
1019
- .Table-module_card__3gbok .Table-module_table__nZIkV,
1020
- .Table-module_slide__nSGPC .Table-module_table__nZIkV {
1021
- margin-right: -11px;
1022
- margin-left: -11px
1023
- }
1024
- @media only screen and (min-device-width: 64em) {
1025
- .Table-module_card__3gbok .Table-module_table__nZIkV,
1026
- .Table-module_slide__nSGPC .Table-module_table__nZIkV {
1027
- margin-right: 0;
1028
- margin-left: 0
1029
- }
1030
- }
1031
- .Table-module_card__3gbok .Table-module_wrapper__1YTKM::after,
1032
- .Table-module_slide__nSGPC .Table-module_wrapper__1YTKM::after {
1033
- right: -11px;
1011
+ .MediaCaption-module_root__KqTdw {
1012
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1034
1013
  }
1035
- .Table-module_root__1VsG6:first-child {
1036
- margin-top: 0;
1014
+ .MediaCaption-module_root__KqTdw a {
1015
+ text-decoration: underline;
1016
+
1017
+ color: inherit;
1018
+ box-shadow: none;
1037
1019
  }
1038
- .Table-module_root__1VsG6:last-child {
1039
- margin-bottom: 0;
1020
+ .MediaCaption-module_root__KqTdw a:hover {
1021
+ color: #b88b58;
1040
1022
  }
1041
- .Table-module_table__nZIkV {
1042
- position: relative;
1043
-
1044
- overflow-y: hidden;
1045
-
1046
- margin: 0 -20px;
1023
+ .MediaCaption-module_caption__1hr7Y {
1024
+ max-width: 520px;
1025
+ padding-top: 4px;
1047
1026
 
1048
- border-width: 1px 0;
1049
- border-style: solid;
1050
- border-color: rgba(232, 232, 232, 1);
1027
+ color: #1a1a1a;
1051
1028
 
1052
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif
1029
+ font-size: 14px;
1030
+ line-height: 18px
1053
1031
  }
1054
1032
  @media only screen and (min-device-width: 32em) {
1055
- .Table-module_table__nZIkV {
1056
- margin: 0;
1057
-
1058
- border-width: 1px;
1059
- border-radius: 3px
1033
+ .MediaCaption-module_caption__1hr7Y {
1034
+ font-size: 16px;
1035
+ line-height: 22px
1060
1036
  }
1061
1037
  }
1062
- .Table-module_tracks__2wrDB {
1063
- display: table;
1038
+ .MediaCaption-module_credit__3ehAP {
1039
+ max-width: 520px;
1040
+ padding-top: 1px;
1064
1041
 
1065
- width: 100%
1042
+ color: #666;
1043
+
1044
+ font-size: 12px;
1045
+ line-height: 16px
1066
1046
  }
1067
1047
  @media only screen and (min-device-width: 32em) {
1068
- .Table-module_tracks__2wrDB {
1069
- table-layout: fixed
1048
+ .MediaCaption-module_credit__3ehAP {
1049
+ padding-top: 3px
1070
1050
  }
1071
1051
  }
1072
- .Table-module_wrapper__1YTKM {
1073
- position: relative;
1052
+ .MediaCaption-module_credit__3ehAP:first-child {
1053
+ padding-top: 3px;
1074
1054
  }
1075
- .Table-module_wrapper__1YTKM::after {
1076
- position: absolute;
1055
+ .MediaCaption-module_dark__3tL1u .MediaCaption-module_caption__1hr7Y {
1056
+ color: #fff;
1057
+ }
1058
+ .MediaCaption-module_dark__3tL1u .MediaCaption-module_credit__3ehAP {
1059
+ color: #929292;
1060
+ }
1061
+ .MediaCaption-module_video__1KZ6k .MediaCaption-module_caption__1hr7Y,
1062
+ .MediaCaption-module_picture__3AAMH .MediaCaption-module_caption__1hr7Y {
1063
+ padding-top: 10px
1064
+ }
1065
+ @media only screen and (min-device-width: 32em) {
1066
+ .MediaCaption-module_video__1KZ6k .MediaCaption-module_caption__1hr7Y,
1067
+ .MediaCaption-module_picture__3AAMH .MediaCaption-module_caption__1hr7Y {
1068
+ padding-top: 12px
1069
+ }
1070
+ }
1071
+ .MediaCaption-module_video__1KZ6k .MediaCaption-module_credit__3ehAP:first-child,
1072
+ .MediaCaption-module_picture__3AAMH .MediaCaption-module_credit__3ehAP:first-child {
1073
+ padding-top: 9px
1074
+ }
1075
+ @media only screen and (min-device-width: 32em) {
1076
+ .MediaCaption-module_video__1KZ6k .MediaCaption-module_credit__3ehAP:first-child,
1077
+ .MediaCaption-module_picture__3AAMH .MediaCaption-module_credit__3ehAP:first-child {
1078
+ padding-top: 11px
1079
+ }
1080
+ }
1081
+ .MediaCaption-module_picture__3AAMH .MediaCaption-module_credit__3ehAP,
1082
+ .MediaCaption-module_picture__3AAMH .MediaCaption-module_caption__1hr7Y,
1083
+ .MediaCaption-module_video__1KZ6k .MediaCaption-module_credit__3ehAP,
1084
+ .MediaCaption-module_video__1KZ6k .MediaCaption-module_caption__1hr7Y,
1085
+ .MediaCaption-module_desktop__3Saev .MediaCaption-module_credit__3ehAP,
1086
+ .MediaCaption-module_desktop__3Saev .MediaCaption-module_caption__1hr7Y {
1087
+ max-width: 650px;
1088
+ }
1089
+
1090
+
1091
+ /* Colors */
1092
+ /* Fonts */
1093
+ /* Gap */
1094
+ /* Media */
1095
+ /* 512 */
1096
+ /* 650 */
1097
+ /* 768 */
1098
+ /* 1024 */
1099
+ /* 1010 */
1100
+ /* 1200 */
1101
+ /* 511 */
1102
+ /* 1023 */
1103
+ /* Zindex */
1104
+ .Table-module_root__1VsG6 {
1105
+ margin: 15px 0
1106
+ }
1107
+ @media only screen and (min-device-width: 32em) {
1108
+ .Table-module_root__1VsG6 {
1109
+ margin: 25px auto 20px
1110
+ }
1111
+ }
1112
+ .Table-module_card__3gbok .Table-module_table__nZIkV,
1113
+ .Table-module_slide__nSGPC .Table-module_table__nZIkV {
1114
+ margin-right: -11px;
1115
+ margin-left: -11px
1116
+ }
1117
+ @media only screen and (min-device-width: 64em) {
1118
+ .Table-module_card__3gbok .Table-module_table__nZIkV,
1119
+ .Table-module_slide__nSGPC .Table-module_table__nZIkV {
1120
+ margin-right: 0;
1121
+ margin-left: 0
1122
+ }
1123
+ }
1124
+ .Table-module_card__3gbok .Table-module_wrapper__1YTKM::after,
1125
+ .Table-module_slide__nSGPC .Table-module_wrapper__1YTKM::after {
1126
+ right: -11px;
1127
+ }
1128
+ .Table-module_root__1VsG6:first-child {
1129
+ margin-top: 0;
1130
+ }
1131
+ .Table-module_root__1VsG6:last-child {
1132
+ margin-bottom: 0;
1133
+ }
1134
+ .Table-module_table__nZIkV {
1135
+ position: relative;
1136
+
1137
+ overflow-y: hidden;
1138
+
1139
+ margin: 0 -20px;
1140
+
1141
+ border-width: 1px 0;
1142
+ border-style: solid;
1143
+ border-color: rgba(232, 232, 232, 1);
1144
+
1145
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif
1146
+ }
1147
+ @media only screen and (min-device-width: 32em) {
1148
+ .Table-module_table__nZIkV {
1149
+ margin: 0;
1150
+
1151
+ border-width: 1px;
1152
+ border-radius: 3px
1153
+ }
1154
+ }
1155
+ .Table-module_tracks__2wrDB {
1156
+ display: table;
1157
+
1158
+ width: 100%
1159
+ }
1160
+ @media only screen and (min-device-width: 32em) {
1161
+ .Table-module_tracks__2wrDB {
1162
+ table-layout: fixed
1163
+ }
1164
+ }
1165
+ .Table-module_wrapper__1YTKM {
1166
+ position: relative;
1167
+ }
1168
+ .Table-module_wrapper__1YTKM::after {
1169
+ position: absolute;
1077
1170
  z-index: 100;
1078
1171
  top: 0;
1079
1172
  right: -20px;
@@ -1293,99 +1386,6 @@
1293
1386
  min-width: 50px;
1294
1387
  }
1295
1388
 
1296
- /* Colors */
1297
- /* Fonts */
1298
- /* Gap */
1299
- /* Media */
1300
- /* 512 */
1301
- /* 650 */
1302
- /* 768 */
1303
- /* 1024 */
1304
- /* 1010 */
1305
- /* 1200 */
1306
- /* 511 */
1307
- /* 1023 */
1308
- /* Zindex */
1309
- .MediaCaption-module_root__KqTdw {
1310
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1311
- }
1312
- .MediaCaption-module_root__KqTdw a {
1313
- text-decoration: underline;
1314
-
1315
- color: inherit;
1316
- box-shadow: none;
1317
- }
1318
- .MediaCaption-module_root__KqTdw a:hover {
1319
- color: #b88b58;
1320
- }
1321
- .MediaCaption-module_caption__1hr7Y {
1322
- max-width: 520px;
1323
- padding-top: 4px;
1324
-
1325
- color: #1a1a1a;
1326
-
1327
- font-size: 14px;
1328
- line-height: 18px
1329
- }
1330
- @media only screen and (min-device-width: 32em) {
1331
- .MediaCaption-module_caption__1hr7Y {
1332
- font-size: 16px;
1333
- line-height: 22px
1334
- }
1335
- }
1336
- .MediaCaption-module_credit__3ehAP {
1337
- max-width: 520px;
1338
- padding-top: 1px;
1339
-
1340
- color: #666;
1341
-
1342
- font-size: 12px;
1343
- line-height: 16px
1344
- }
1345
- @media only screen and (min-device-width: 32em) {
1346
- .MediaCaption-module_credit__3ehAP {
1347
- padding-top: 3px
1348
- }
1349
- }
1350
- .MediaCaption-module_credit__3ehAP:first-child {
1351
- padding-top: 3px;
1352
- }
1353
- .MediaCaption-module_dark__3tL1u .MediaCaption-module_caption__1hr7Y {
1354
- color: #fff;
1355
- }
1356
- .MediaCaption-module_dark__3tL1u .MediaCaption-module_credit__3ehAP {
1357
- color: #929292;
1358
- }
1359
- .MediaCaption-module_video__1KZ6k .MediaCaption-module_caption__1hr7Y,
1360
- .MediaCaption-module_picture__3AAMH .MediaCaption-module_caption__1hr7Y {
1361
- padding-top: 10px
1362
- }
1363
- @media only screen and (min-device-width: 32em) {
1364
- .MediaCaption-module_video__1KZ6k .MediaCaption-module_caption__1hr7Y,
1365
- .MediaCaption-module_picture__3AAMH .MediaCaption-module_caption__1hr7Y {
1366
- padding-top: 12px
1367
- }
1368
- }
1369
- .MediaCaption-module_video__1KZ6k .MediaCaption-module_credit__3ehAP:first-child,
1370
- .MediaCaption-module_picture__3AAMH .MediaCaption-module_credit__3ehAP:first-child {
1371
- padding-top: 9px
1372
- }
1373
- @media only screen and (min-device-width: 32em) {
1374
- .MediaCaption-module_video__1KZ6k .MediaCaption-module_credit__3ehAP:first-child,
1375
- .MediaCaption-module_picture__3AAMH .MediaCaption-module_credit__3ehAP:first-child {
1376
- padding-top: 11px
1377
- }
1378
- }
1379
- .MediaCaption-module_picture__3AAMH .MediaCaption-module_credit__3ehAP,
1380
- .MediaCaption-module_picture__3AAMH .MediaCaption-module_caption__1hr7Y,
1381
- .MediaCaption-module_video__1KZ6k .MediaCaption-module_credit__3ehAP,
1382
- .MediaCaption-module_video__1KZ6k .MediaCaption-module_caption__1hr7Y,
1383
- .MediaCaption-module_desktop__3Saev .MediaCaption-module_credit__3ehAP,
1384
- .MediaCaption-module_desktop__3Saev .MediaCaption-module_caption__1hr7Y {
1385
- max-width: 650px;
1386
- }
1387
-
1388
-
1389
1389
  /* Colors */
1390
1390
  /* Fonts */
1391
1391
  /* Gap */
@@ -1636,116 +1636,28 @@
1636
1636
  /* 511 */
1637
1637
  /* 1023 */
1638
1638
  /* Zindex */
1639
- .Dropdown-module_root__11PNk {
1640
- position: relative;
1641
- z-index: 100;
1642
-
1643
- display: inline-block;
1644
-
1645
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1646
- }
1647
- .Dropdown-module_root__11PNk.Dropdown-module_active__3IwAl .Dropdown-module_menu__3PIqD,
1648
- .Dropdown-module_root__11PNk:hover .Dropdown-module_menu__3PIqD {
1649
- visibility: visible;
1650
-
1651
- opacity: 1;
1652
- }
1653
- .Dropdown-module_root__11PNk ul {
1639
+ .Toolbar-module_root__2HF2r {
1654
1640
  overflow: hidden;
1655
1641
 
1656
- width: 162px;
1657
- margin: 0;
1658
- padding: 3px 0;
1659
-
1660
- border-radius: 5px;
1661
- background: #fff;
1662
- box-shadow: 0 0 0 1px #c0c0c0, 0 5px 20px 0 rgba(0, 0, 0, 0.2);
1642
+ transform: translateZ(0);
1663
1643
 
1664
1644
  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1665
- font-size: 14px;
1666
- line-height: 26px;
1667
1645
  }
1668
- .Dropdown-module_root__11PNk a {
1669
- display: block;
1670
-
1671
- padding: 2px 15px;
1646
+ .Toolbar-module_list__1n5ny {
1647
+ display: -webkit-box;
1648
+ display: -webkit-flex;
1649
+ display: -ms-flexbox;
1650
+ display: flex;
1651
+ flex-flow: row wrap;
1672
1652
 
1673
- text-decoration: none;
1653
+ margin: 0 0 0 -10px;
1654
+ padding: 0;
1674
1655
 
1675
- color: #000;
1676
- box-shadow: none;
1656
+ list-style: none
1677
1657
  }
1678
- .Dropdown-module_root__11PNk a:hover {
1679
- color: #000;
1680
- background-color: #f7f7f7;
1681
- }
1682
- .Dropdown-module_isInAudioPanel__1zv7F .Dropdown-module_menu__3PIqD {
1683
- right: 0;
1684
- left: auto
1685
- }
1686
- @media only screen and (min-device-width: 64em) {
1687
- .Dropdown-module_isInAudioPanel__1zv7F .Dropdown-module_menu__3PIqD {
1688
- right: auto;
1689
- left: 0
1690
- }
1691
- }
1692
- .Dropdown-module_menu__3PIqD {
1693
- position: absolute;
1694
- top: 100%;
1695
- left: 0;
1696
-
1697
- visibility: hidden;
1698
-
1699
- padding-top: 6px;
1700
-
1701
- opacity: 0;
1702
- }
1703
- .Dropdown-module_menu__3PIqD::after {
1704
- position: absolute;
1705
- z-index: -1;
1706
- top: -10px;
1707
- right: -10px;
1708
- bottom: -10px;
1709
- left: -10px;
1710
-
1711
- content: '';
1712
- }
1713
-
1714
- /* Colors */
1715
- /* Fonts */
1716
- /* Gap */
1717
- /* Media */
1718
- /* 512 */
1719
- /* 650 */
1720
- /* 768 */
1721
- /* 1024 */
1722
- /* 1010 */
1723
- /* 1200 */
1724
- /* 511 */
1725
- /* 1023 */
1726
- /* Zindex */
1727
- .Toolbar-module_root__2HF2r {
1728
- overflow: hidden;
1729
-
1730
- transform: translateZ(0);
1731
-
1732
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1733
- }
1734
- .Toolbar-module_list__1n5ny {
1735
- display: -webkit-box;
1736
- display: -webkit-flex;
1737
- display: -ms-flexbox;
1738
- display: flex;
1739
- flex-flow: row wrap;
1740
-
1741
- margin: 0 0 0 -10px;
1742
- padding: 0;
1743
-
1744
- list-style: none
1745
- }
1746
- @media only screen and (min-device-width: 64em) {
1747
- .Toolbar-module_list__1n5ny {
1748
- margin: 0 0 0 -15px
1658
+ @media only screen and (min-device-width: 64em) {
1659
+ .Toolbar-module_list__1n5ny {
1660
+ margin: 0 0 0 -15px
1749
1661
  }
1750
1662
  }
1751
1663
  .Toolbar-module_item__36x7d {
@@ -1854,6 +1766,94 @@
1854
1766
  display: none;
1855
1767
  }
1856
1768
 
1769
+ /* Colors */
1770
+ /* Fonts */
1771
+ /* Gap */
1772
+ /* Media */
1773
+ /* 512 */
1774
+ /* 650 */
1775
+ /* 768 */
1776
+ /* 1024 */
1777
+ /* 1010 */
1778
+ /* 1200 */
1779
+ /* 511 */
1780
+ /* 1023 */
1781
+ /* Zindex */
1782
+ .Dropdown-module_root__11PNk {
1783
+ position: relative;
1784
+ z-index: 100;
1785
+
1786
+ display: inline-block;
1787
+
1788
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1789
+ }
1790
+ .Dropdown-module_root__11PNk.Dropdown-module_active__3IwAl .Dropdown-module_menu__3PIqD,
1791
+ .Dropdown-module_root__11PNk:hover .Dropdown-module_menu__3PIqD {
1792
+ visibility: visible;
1793
+
1794
+ opacity: 1;
1795
+ }
1796
+ .Dropdown-module_root__11PNk ul {
1797
+ overflow: hidden;
1798
+
1799
+ width: 162px;
1800
+ margin: 0;
1801
+ padding: 3px 0;
1802
+
1803
+ border-radius: 5px;
1804
+ background: #fff;
1805
+ box-shadow: 0 0 0 1px #c0c0c0, 0 5px 20px 0 rgba(0, 0, 0, 0.2);
1806
+
1807
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1808
+ font-size: 14px;
1809
+ line-height: 26px;
1810
+ }
1811
+ .Dropdown-module_root__11PNk a {
1812
+ display: block;
1813
+
1814
+ padding: 2px 15px;
1815
+
1816
+ text-decoration: none;
1817
+
1818
+ color: #000;
1819
+ box-shadow: none;
1820
+ }
1821
+ .Dropdown-module_root__11PNk a:hover {
1822
+ color: #000;
1823
+ background-color: #f7f7f7;
1824
+ }
1825
+ .Dropdown-module_isInAudioPanel__1zv7F .Dropdown-module_menu__3PIqD {
1826
+ right: 0;
1827
+ left: auto
1828
+ }
1829
+ @media only screen and (min-device-width: 64em) {
1830
+ .Dropdown-module_isInAudioPanel__1zv7F .Dropdown-module_menu__3PIqD {
1831
+ right: auto;
1832
+ left: 0
1833
+ }
1834
+ }
1835
+ .Dropdown-module_menu__3PIqD {
1836
+ position: absolute;
1837
+ top: 100%;
1838
+ left: 0;
1839
+
1840
+ visibility: hidden;
1841
+
1842
+ padding-top: 6px;
1843
+
1844
+ opacity: 0;
1845
+ }
1846
+ .Dropdown-module_menu__3PIqD::after {
1847
+ position: absolute;
1848
+ z-index: -1;
1849
+ top: -10px;
1850
+ right: -10px;
1851
+ bottom: -10px;
1852
+ left: -10px;
1853
+
1854
+ content: '';
1855
+ }
1856
+
1857
1857
  /* Colors */
1858
1858
  /* Fonts */
1859
1859
  /* Gap */
@@ -2560,94 +2560,96 @@
2560
2560
  /* 511 */
2561
2561
  /* 1023 */
2562
2562
  /* Zindex */
2563
- .GroupedBlock-module_root__2qfQA {
2564
- max-width: 644px;
2565
- margin: 15px auto 0
2566
- }
2567
- @media only screen and (min-device-width: 48em) {
2568
- .GroupedBlock-module_root__2qfQA {
2569
- max-width: none;
2570
- margin-top: 25px;
2571
- margin-bottom: 20px
2572
- }
2573
- }
2574
- .GroupedBlock-module_hasFigcaption__2_mcf {
2575
- margin-bottom: 15px;
2576
- }
2577
- @media only screen and (min-device-width: 48em) {
2578
- .GroupedBlock-module_hasFigcaption__2_mcf + .GroupedBlock-module_root__2qfQA {
2579
- margin-top: 25px
2580
- }
2581
- }
2582
- .GroupedBlock-module_hasFigcaption__2_mcf .GroupedBlock-module_item__3sz9_:last-child {
2583
- margin-bottom: 0;
2563
+ .HalfBlock-module_root__2frv2 {
2564
+ position: relative;
2565
+
2566
+ text-align: left;
2584
2567
  }
2585
- .GroupedBlock-module_items__2DV2X {
2568
+ .HalfBlock-module_main__2XX73 {
2586
2569
  display: -webkit-box;
2587
2570
  display: -webkit-flex;
2588
2571
  display: -ms-flexbox;
2589
2572
  display: flex;
2590
- flex-direction: column;
2591
- flex-wrap: nowrap
2573
+ flex-flow: column nowrap
2592
2574
  }
2593
- @media only screen and (min-device-width: 48em) {
2594
- .GroupedBlock-module_items__2DV2X {
2595
- flex-direction: row
2575
+ @media only screen and (min-device-width: 64em) {
2576
+ .HalfBlock-module_main__2XX73 {
2577
+ align-items: center;
2578
+ flex-flow: row nowrap
2596
2579
  }
2597
2580
  }
2598
- .GroupedBlock-module_item__3sz9_ {
2599
- flex-grow: 1;
2581
+ .HalfBlock-module_body__3MnEN {
2582
+ order: -1;
2600
2583
 
2601
- width: 100%;
2602
- min-width: 100%;
2603
- max-width: 100%;
2604
- margin-bottom: 20px
2584
+ max-width: 860px;
2585
+ margin: 0 auto
2605
2586
  }
2606
2587
  @media only screen and (min-device-width: 48em) {
2607
- .GroupedBlock-module_item__3sz9_ {
2608
- min-width: 0;
2609
- max-width: none;
2610
- margin-bottom: 0
2588
+ .HalfBlock-module_body__3MnEN {
2589
+ text-align: center
2611
2590
  }
2612
2591
  }
2613
- @media only screen and (min-device-width: 48em) {
2614
- .GroupedBlock-module_item__3sz9_ + .GroupedBlock-module_item__3sz9_ {
2615
- margin-left: 15px
2592
+ @media only screen and (min-device-width: 64em) {
2593
+ .HalfBlock-module_body__3MnEN {
2594
+ align-items: flex-start;
2595
+ justify-content: center;
2596
+ order: 0;
2597
+
2598
+ width: 50%;
2599
+ max-width: none;
2600
+ height: 100%;
2601
+ margin-left: 25px;
2602
+
2603
+ text-align: left
2616
2604
  }
2617
2605
  }
2618
- .GroupedBlock-module_figcaption__2Q_wf {
2606
+ .HalfBlock-module_footer__1C0yp {
2607
+ width: 100%;
2619
2608
  max-width: 650px;
2620
- margin-right: auto;
2621
- margin-left: auto;
2609
+ margin: 0 auto;
2610
+ padding-top: 3px
2622
2611
  }
2623
- /* DISPLAY */
2624
- @media only screen and (min-device-width: 48em) {
2625
- .GroupedBlock-module_default__3ylw_ {
2626
- max-width: 650px
2612
+ @media only screen and (min-device-width: 64em) {
2613
+ .HalfBlock-module_footer__1C0yp {
2614
+ max-width: 1000px;
2615
+ margin: auto;
2616
+ padding-top: 0;
2617
+
2618
+ border-top: 1px solid #e6e6e6
2627
2619
  }
2628
2620
  }
2629
- .GroupedBlock-module_full__1dzQR {
2630
- max-width: 980px;
2631
- }
2632
- .GroupedBlock-module_super_full__1PU72 {
2633
- max-width: 1680px;
2621
+ .HalfBlock-module_image__2lYel {
2622
+ flex-grow: 1;
2623
+
2624
+ margin: 0 -20px 0;
2625
+ margin-top: 18px
2634
2626
  }
2635
- /* VISIBILITY */
2636
2627
  @media only screen and (min-device-width: 32em) {
2637
- .GroupedBlock-module_mobile__3n8Ub {
2638
- display: none
2639
- }
2628
+ .HalfBlock-module_image__2lYel {
2629
+ margin: 31px 0 -5px
2630
+ }
2640
2631
  }
2641
- .GroupedBlock-module_desktop__6ZRpA {
2632
+ @media only screen and (min-device-width: 64em) {
2633
+ .HalfBlock-module_image__2lYel {
2634
+ width: 50%;
2635
+ margin: 0
2636
+ }
2637
+ }
2638
+ /* VISIBILITY */
2639
+ @media only screen and (min-device-width: 32em) {
2640
+ .HalfBlock-module_mobile__2latf {
2641
+ display: none
2642
+ }
2643
+ }
2644
+ .HalfBlock-module_desktop__3B1Ej {
2642
2645
  display: none
2643
2646
  }
2644
2647
  @media only screen and (min-device-width: 32em) {
2645
- .GroupedBlock-module_desktop__6ZRpA {
2648
+ .HalfBlock-module_desktop__3B1Ej {
2646
2649
  display: block
2647
2650
  }
2648
2651
  }
2649
2652
 
2650
-
2651
2653
  /* Colors */
2652
2654
  /* Fonts */
2653
2655
  /* Gap */
@@ -2661,96 +2663,94 @@
2661
2663
  /* 511 */
2662
2664
  /* 1023 */
2663
2665
  /* Zindex */
2664
- .HalfBlock-module_root__2frv2 {
2665
- position: relative;
2666
-
2667
- text-align: left;
2666
+ .GroupedBlock-module_root__2qfQA {
2667
+ max-width: 644px;
2668
+ margin: 15px auto 0
2668
2669
  }
2669
- .HalfBlock-module_main__2XX73 {
2670
+ @media only screen and (min-device-width: 48em) {
2671
+ .GroupedBlock-module_root__2qfQA {
2672
+ max-width: none;
2673
+ margin-top: 25px;
2674
+ margin-bottom: 20px
2675
+ }
2676
+ }
2677
+ .GroupedBlock-module_hasFigcaption__2_mcf {
2678
+ margin-bottom: 15px;
2679
+ }
2680
+ @media only screen and (min-device-width: 48em) {
2681
+ .GroupedBlock-module_hasFigcaption__2_mcf + .GroupedBlock-module_root__2qfQA {
2682
+ margin-top: 25px
2683
+ }
2684
+ }
2685
+ .GroupedBlock-module_hasFigcaption__2_mcf .GroupedBlock-module_item__3sz9_:last-child {
2686
+ margin-bottom: 0;
2687
+ }
2688
+ .GroupedBlock-module_items__2DV2X {
2670
2689
  display: -webkit-box;
2671
2690
  display: -webkit-flex;
2672
2691
  display: -ms-flexbox;
2673
2692
  display: flex;
2674
- flex-flow: column nowrap
2693
+ flex-direction: column;
2694
+ flex-wrap: nowrap
2675
2695
  }
2676
- @media only screen and (min-device-width: 64em) {
2677
- .HalfBlock-module_main__2XX73 {
2678
- align-items: center;
2679
- flex-flow: row nowrap
2696
+ @media only screen and (min-device-width: 48em) {
2697
+ .GroupedBlock-module_items__2DV2X {
2698
+ flex-direction: row
2680
2699
  }
2681
2700
  }
2682
- .HalfBlock-module_body__3MnEN {
2683
- order: -1;
2701
+ .GroupedBlock-module_item__3sz9_ {
2702
+ flex-grow: 1;
2684
2703
 
2685
- max-width: 860px;
2686
- margin: 0 auto
2704
+ width: 100%;
2705
+ min-width: 100%;
2706
+ max-width: 100%;
2707
+ margin-bottom: 20px
2687
2708
  }
2688
2709
  @media only screen and (min-device-width: 48em) {
2689
- .HalfBlock-module_body__3MnEN {
2690
- text-align: center
2710
+ .GroupedBlock-module_item__3sz9_ {
2711
+ min-width: 0;
2712
+ max-width: none;
2713
+ margin-bottom: 0
2691
2714
  }
2692
2715
  }
2693
- @media only screen and (min-device-width: 64em) {
2694
- .HalfBlock-module_body__3MnEN {
2695
- align-items: flex-start;
2696
- justify-content: center;
2697
- order: 0;
2698
-
2699
- width: 50%;
2700
- max-width: none;
2701
- height: 100%;
2702
- margin-left: 25px;
2703
-
2704
- text-align: left
2716
+ @media only screen and (min-device-width: 48em) {
2717
+ .GroupedBlock-module_item__3sz9_ + .GroupedBlock-module_item__3sz9_ {
2718
+ margin-left: 15px
2705
2719
  }
2706
2720
  }
2707
- .HalfBlock-module_footer__1C0yp {
2708
- width: 100%;
2721
+ .GroupedBlock-module_figcaption__2Q_wf {
2709
2722
  max-width: 650px;
2710
- margin: 0 auto;
2711
- padding-top: 3px
2723
+ margin-right: auto;
2724
+ margin-left: auto;
2712
2725
  }
2713
- @media only screen and (min-device-width: 64em) {
2714
- .HalfBlock-module_footer__1C0yp {
2715
- max-width: 1000px;
2716
- margin: auto;
2717
- padding-top: 0;
2718
-
2719
- border-top: 1px solid #e6e6e6
2726
+ /* DISPLAY */
2727
+ @media only screen and (min-device-width: 48em) {
2728
+ .GroupedBlock-module_default__3ylw_ {
2729
+ max-width: 650px
2720
2730
  }
2721
2731
  }
2722
- .HalfBlock-module_image__2lYel {
2723
- flex-grow: 1;
2724
-
2725
- margin: 0 -20px 0;
2726
- margin-top: 18px
2727
- }
2728
- @media only screen and (min-device-width: 32em) {
2729
- .HalfBlock-module_image__2lYel {
2730
- margin: 31px 0 -5px
2732
+ .GroupedBlock-module_full__1dzQR {
2733
+ max-width: 980px;
2731
2734
  }
2732
- }
2733
- @media only screen and (min-device-width: 64em) {
2734
- .HalfBlock-module_image__2lYel {
2735
- width: 50%;
2736
- margin: 0
2735
+ .GroupedBlock-module_super_full__1PU72 {
2736
+ max-width: 1680px;
2737
2737
  }
2738
- }
2739
2738
  /* VISIBILITY */
2740
2739
  @media only screen and (min-device-width: 32em) {
2741
- .HalfBlock-module_mobile__2latf {
2740
+ .GroupedBlock-module_mobile__3n8Ub {
2742
2741
  display: none
2743
2742
  }
2744
2743
  }
2745
- .HalfBlock-module_desktop__3B1Ej {
2744
+ .GroupedBlock-module_desktop__6ZRpA {
2746
2745
  display: none
2747
2746
  }
2748
2747
  @media only screen and (min-device-width: 32em) {
2749
- .HalfBlock-module_desktop__3B1Ej {
2748
+ .GroupedBlock-module_desktop__6ZRpA {
2750
2749
  display: block
2751
2750
  }
2752
2751
  }
2753
2752
 
2753
+
2754
2754
  /* Colors */
2755
2755
  /* Fonts */
2756
2756
  /* Gap */
@@ -2964,269 +2964,22 @@
2964
2964
  }
2965
2965
  }
2966
2966
  .ListBlock-module_dark__3E3tV a {
2967
- color: inherit;
2968
- }
2969
- .ListBlock-module_dark__3E3tV a:hover {
2970
- color: #b88b59;
2971
- }
2972
- /* VISIBILITY */
2973
- @media only screen and (min-device-width: 32em) {
2974
- .ListBlock-module_mobile__2-nuV {
2975
- display: none
2976
- }
2977
- }
2978
- .ListBlock-module_desktop__1EE0g {
2979
- display: none
2980
- }
2981
- @media only screen and (min-device-width: 32em) {
2982
- .ListBlock-module_desktop__1EE0g {
2983
- display: block
2984
- }
2985
- }
2986
-
2987
- /* Colors */
2988
- /* Fonts */
2989
- /* Gap */
2990
- /* Media */
2991
- /* 512 */
2992
- /* 650 */
2993
- /* 768 */
2994
- /* 1024 */
2995
- /* 1010 */
2996
- /* 1200 */
2997
- /* 511 */
2998
- /* 1023 */
2999
- /* Zindex */
3000
- .RelatedBlock-module_root__IKcQq {
3001
- margin: 16px 0;
3002
-
3003
- border-radius: 8px;
3004
- background-color: #f5f5f5;
3005
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1), inset 0 4px 0 0 #b78b5c
3006
- }
3007
- @media only screen and (min-device-width: 48em) {
3008
- .RelatedBlock-module_root__IKcQq {
3009
- margin: 25px 0
3010
- }
3011
- }
3012
- .RelatedBlock-module_root__IKcQq:last-child {
3013
- margin-bottom: 0;
3014
- }
3015
- .RelatedBlock-module_root__IKcQq:first-child {
3016
- margin-top: 0;
3017
- }
3018
- .RelatedBlock-module_root__IKcQq a {
3019
- display: block;
3020
-
3021
- padding: 12px 12px 13px;
3022
-
3023
- transition: color 0.15s;
3024
- text-decoration: none;
3025
-
3026
- color: #000;
3027
- box-shadow: none;
3028
-
3029
- font-size: 17px;
3030
- line-height: 20px
3031
- }
3032
- @media only screen and (min-device-width: 48em) {
3033
- .RelatedBlock-module_root__IKcQq a {
3034
- padding: 15px 20px 17px;
3035
-
3036
- font-size: 19px;
3037
- line-height: 23px
3038
- }
3039
- }
3040
- .RelatedBlock-module_root__IKcQq a:hover {
3041
- color: #5c5c5c;
3042
- }
3043
- .RelatedBlock-module_header__2SuWP {
3044
- margin: 0;
3045
- padding: 14px 12px 3px;
3046
-
3047
- letter-spacing: 1px;
3048
- text-transform: uppercase;
3049
-
3050
- color: #7F7F7F;
3051
-
3052
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
3053
- font-size: 12px;
3054
- font-weight: 600;
3055
- line-height: 17px
3056
- }
3057
- @media only screen and (min-device-width: 48em) {
3058
- .RelatedBlock-module_header__2SuWP {
3059
- padding: 20px 20px 14px;
3060
-
3061
- font-size: 14px;
3062
- line-height: 16px
3063
- }
3064
- }
3065
- .RelatedBlock-module_items__2V-Ap {
3066
- margin: 0;
3067
- padding-left: 0;
3068
-
3069
- list-style: none;
3070
- }
3071
- .RelatedBlock-module_items__2V-Ap li {
3072
- padding: 0;
3073
- }
3074
- .RelatedBlock-module_items__2V-Ap li + li {
3075
- border-top: 1px solid #e6e6e6;
3076
- }
3077
- .RelatedBlock-module_rich__ddaHq .RelatedBlock-module_first__BKItW {
3078
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
3079
- font-size: 16px;
3080
- font-weight: 700;
3081
- line-height: 18px
3082
- }
3083
- @media only screen and (min-device-width: 48em) {
3084
- .RelatedBlock-module_rich__ddaHq .RelatedBlock-module_first__BKItW {
3085
- font-size: 18px
3086
- }
3087
- }
3088
- .RelatedBlock-module_simple__29HVO {
3089
- }
3090
- .RelatedBlock-module_center__1LmW8 {
3091
- max-width: 650px;
3092
- margin-right: auto;
3093
- margin-left: auto;
3094
- }
3095
- .RelatedBlock-module_isInSlideMaterial__2YSYG:first-child {
3096
- margin-top: 0;
3097
- }
3098
- .RelatedBlock-module_isInSlideMaterial__2YSYG:last-child {
3099
- margin-bottom: 0;
3100
- }
3101
- /* VISIBILITY */
3102
- @media only screen and (min-device-width: 32em) {
3103
- .RelatedBlock-module_mobile__2XM5a {
3104
- display: none
3105
- }
3106
- }
3107
- .RelatedBlock-module_desktop__2mXeq {
3108
- display: none
3109
- }
3110
- @media only screen and (min-device-width: 32em) {
3111
- .RelatedBlock-module_desktop__2mXeq {
3112
- display: block
3113
- }
3114
- }
3115
-
3116
-
3117
- /* Colors */
3118
- /* Fonts */
3119
- /* Gap */
3120
- /* Media */
3121
- /* 512 */
3122
- /* 650 */
3123
- /* 768 */
3124
- /* 1024 */
3125
- /* 1010 */
3126
- /* 1200 */
3127
- /* 511 */
3128
- /* 1023 */
3129
- /* Zindex */
3130
- .RichTitle-module_root__BK_WT {
3131
- margin: 0 0 18px;
3132
-
3133
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
3134
- font-size: 19px;
3135
- font-weight: 700;
3136
- line-height: 23px
3137
- }
3138
- @media only screen and (min-device-width: 48em) {
3139
- .RichTitle-module_root__BK_WT {
3140
- margin-bottom: 15px;
3141
-
3142
- font-size: 37px;
3143
- line-height: 42px
3144
- }
3145
- }
3146
- .RichTitle-module_root__BK_WT:last-child {
3147
- margin-bottom: 0;
3148
- }
3149
- .RichTitle-module_root__BK_WT span {
3150
- font-family: 'PF Regal', 'PF Regal Text Pro', 'Georgia', serif;
3151
- font-size: 20px;
3152
- font-weight: normal
3153
- }
3154
- @media only screen and (min-device-width: 48em) {
3155
- .RichTitle-module_root__BK_WT span {
3156
- font-size: 38px
3157
- }
3158
- }
3159
- @media only screen and (min-device-width: 32em) {
3160
- .RichTitle-module_slide__1A-gB,
3161
- .RichTitle-module_game__1g8Bn {
3162
- text-align: center
3163
- }
3164
- }
3165
- @media only screen and (min-device-width: 64em) {
3166
- .RichTitle-module_half__10GRI {
3167
- font-size: 33px;
3168
- line-height: 36px
3169
- }
3170
- }
3171
- @media only screen and (min-device-width: 64em) {
3172
- .RichTitle-module_half__10GRI span {
3173
- font-size: 34px
3174
- }
3175
- }
3176
- .RichTitle-module_game__1g8Bn:first-child {
3177
- padding-top: 9px;
3178
- }
3179
- @media only screen and (max-device-width: 63.9375em) {
3180
- .RichTitle-module_featured__wJfaQ {
3181
- letter-spacing: 0.3px;
3182
-
3183
- font-size: 28px;
3184
- line-height: 30px
3185
- }
3186
- }
3187
- @media only screen and (max-device-width: 63.9375em) {
3188
- .RichTitle-module_featured__wJfaQ span {
3189
- display: block;
3190
-
3191
- padding-top: 2px;
3192
-
3193
- font-size: 18px;
3194
- line-height: 24px
3195
- }
3196
- }
3197
- @media only screen and (min-device-width: 64em) {
3198
- .RichTitle-module_isInMediaBlock__3RDw4 {
3199
- margin-bottom: 18px
3200
- }
3201
- }
3202
- .RichTitle-module_isInMediaBlock__3RDw4:not(.RichTitle-module_featured__wJfaQ) {
3203
- font-size: 19px;
3204
- line-height: 23px
3205
- }
3206
- @media only screen and (min-device-width: 64em) {
3207
- .RichTitle-module_isInMediaBlock__3RDw4:not(.RichTitle-module_featured__wJfaQ) {
3208
- font-size: 1.3rem;
3209
- line-height: 1.6rem
3210
- }
3211
- }
3212
- .RichTitle-module_isInMediaBlock__3RDw4:not(.RichTitle-module_featured__wJfaQ) span {
3213
- font-size: 20px
3214
- }
3215
- @media only screen and (min-device-width: 64em) {
3216
- .RichTitle-module_isInMediaBlock__3RDw4:not(.RichTitle-module_featured__wJfaQ) span {
3217
- font-size: 1.35rem
2967
+ color: inherit;
3218
2968
  }
3219
- }
2969
+ .ListBlock-module_dark__3E3tV a:hover {
2970
+ color: #b88b59;
2971
+ }
2972
+ /* VISIBILITY */
3220
2973
  @media only screen and (min-device-width: 32em) {
3221
- .RichTitle-module_mobile__1Cb6E {
2974
+ .ListBlock-module_mobile__2-nuV {
3222
2975
  display: none
3223
2976
  }
3224
2977
  }
3225
- .RichTitle-module_desktop__2ixSQ {
2978
+ .ListBlock-module_desktop__1EE0g {
3226
2979
  display: none
3227
2980
  }
3228
2981
  @media only screen and (min-device-width: 32em) {
3229
- .RichTitle-module_desktop__2ixSQ {
2982
+ .ListBlock-module_desktop__1EE0g {
3230
2983
  display: block
3231
2984
  }
3232
2985
  }
@@ -3621,33 +3374,280 @@ a mark {
3621
3374
  line-height: 26px
3622
3375
  }
3623
3376
  }
3624
- .SimpleBlock-module_isInAnswer__3aX6X.SimpleBlock-module_blockquote__pwpcX {
3625
- margin-top: 12px;
3626
- margin-bottom: 12px
3377
+ .SimpleBlock-module_isInAnswer__3aX6X.SimpleBlock-module_blockquote__pwpcX {
3378
+ margin-top: 12px;
3379
+ margin-bottom: 12px
3380
+ }
3381
+ @media only screen and (min-device-width: 48em) {
3382
+ .SimpleBlock-module_isInAnswer__3aX6X.SimpleBlock-module_blockquote__pwpcX {
3383
+ margin-top: 10px;
3384
+ margin-bottom: 10px
3385
+ }
3386
+ }
3387
+ .SimpleBlock-module_isInAnswer__3aX6X:first-child {
3388
+ margin-top: 6px;
3389
+ }
3390
+ .SimpleBlock-module_isInAnswer__3aX6X:last-child {
3391
+ margin-bottom: 0;
3392
+ }
3393
+ /* VISIBILITY */
3394
+ @media only screen and (min-device-width: 32em) {
3395
+ .SimpleBlock-module_mobile__Ckgek {
3396
+ display: none
3397
+ }
3398
+ }
3399
+ .SimpleBlock-module_desktop__2se2o {
3400
+ display: none
3401
+ }
3402
+ @media only screen and (min-device-width: 32em) {
3403
+ .SimpleBlock-module_desktop__2se2o {
3404
+ display: block
3405
+ }
3406
+ }
3407
+
3408
+ /* Colors */
3409
+ /* Fonts */
3410
+ /* Gap */
3411
+ /* Media */
3412
+ /* 512 */
3413
+ /* 650 */
3414
+ /* 768 */
3415
+ /* 1024 */
3416
+ /* 1010 */
3417
+ /* 1200 */
3418
+ /* 511 */
3419
+ /* 1023 */
3420
+ /* Zindex */
3421
+ .RelatedBlock-module_root__IKcQq {
3422
+ margin: 16px 0;
3423
+
3424
+ border-radius: 8px;
3425
+ background-color: #f5f5f5;
3426
+ box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1), inset 0 4px 0 0 #b78b5c
3427
+ }
3428
+ @media only screen and (min-device-width: 48em) {
3429
+ .RelatedBlock-module_root__IKcQq {
3430
+ margin: 25px 0
3431
+ }
3432
+ }
3433
+ .RelatedBlock-module_root__IKcQq:last-child {
3434
+ margin-bottom: 0;
3435
+ }
3436
+ .RelatedBlock-module_root__IKcQq:first-child {
3437
+ margin-top: 0;
3438
+ }
3439
+ .RelatedBlock-module_root__IKcQq a {
3440
+ display: block;
3441
+
3442
+ padding: 12px 12px 13px;
3443
+
3444
+ transition: color 0.15s;
3445
+ text-decoration: none;
3446
+
3447
+ color: #000;
3448
+ box-shadow: none;
3449
+
3450
+ font-size: 17px;
3451
+ line-height: 20px
3452
+ }
3453
+ @media only screen and (min-device-width: 48em) {
3454
+ .RelatedBlock-module_root__IKcQq a {
3455
+ padding: 15px 20px 17px;
3456
+
3457
+ font-size: 19px;
3458
+ line-height: 23px
3459
+ }
3460
+ }
3461
+ .RelatedBlock-module_root__IKcQq a:hover {
3462
+ color: #5c5c5c;
3463
+ }
3464
+ .RelatedBlock-module_header__2SuWP {
3465
+ margin: 0;
3466
+ padding: 14px 12px 3px;
3467
+
3468
+ letter-spacing: 1px;
3469
+ text-transform: uppercase;
3470
+
3471
+ color: #7F7F7F;
3472
+
3473
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
3474
+ font-size: 12px;
3475
+ font-weight: 600;
3476
+ line-height: 17px
3477
+ }
3478
+ @media only screen and (min-device-width: 48em) {
3479
+ .RelatedBlock-module_header__2SuWP {
3480
+ padding: 20px 20px 14px;
3481
+
3482
+ font-size: 14px;
3483
+ line-height: 16px
3484
+ }
3485
+ }
3486
+ .RelatedBlock-module_items__2V-Ap {
3487
+ margin: 0;
3488
+ padding-left: 0;
3489
+
3490
+ list-style: none;
3491
+ }
3492
+ .RelatedBlock-module_items__2V-Ap li {
3493
+ padding: 0;
3494
+ }
3495
+ .RelatedBlock-module_items__2V-Ap li + li {
3496
+ border-top: 1px solid #e6e6e6;
3497
+ }
3498
+ .RelatedBlock-module_rich__ddaHq .RelatedBlock-module_first__BKItW {
3499
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
3500
+ font-size: 16px;
3501
+ font-weight: 700;
3502
+ line-height: 18px
3503
+ }
3504
+ @media only screen and (min-device-width: 48em) {
3505
+ .RelatedBlock-module_rich__ddaHq .RelatedBlock-module_first__BKItW {
3506
+ font-size: 18px
3507
+ }
3508
+ }
3509
+ .RelatedBlock-module_simple__29HVO {
3510
+ }
3511
+ .RelatedBlock-module_center__1LmW8 {
3512
+ max-width: 650px;
3513
+ margin-right: auto;
3514
+ margin-left: auto;
3515
+ }
3516
+ .RelatedBlock-module_isInSlideMaterial__2YSYG:first-child {
3517
+ margin-top: 0;
3518
+ }
3519
+ .RelatedBlock-module_isInSlideMaterial__2YSYG:last-child {
3520
+ margin-bottom: 0;
3521
+ }
3522
+ /* VISIBILITY */
3523
+ @media only screen and (min-device-width: 32em) {
3524
+ .RelatedBlock-module_mobile__2XM5a {
3525
+ display: none
3526
+ }
3527
+ }
3528
+ .RelatedBlock-module_desktop__2mXeq {
3529
+ display: none
3530
+ }
3531
+ @media only screen and (min-device-width: 32em) {
3532
+ .RelatedBlock-module_desktop__2mXeq {
3533
+ display: block
3534
+ }
3535
+ }
3536
+
3537
+
3538
+ /* Colors */
3539
+ /* Fonts */
3540
+ /* Gap */
3541
+ /* Media */
3542
+ /* 512 */
3543
+ /* 650 */
3544
+ /* 768 */
3545
+ /* 1024 */
3546
+ /* 1010 */
3547
+ /* 1200 */
3548
+ /* 511 */
3549
+ /* 1023 */
3550
+ /* Zindex */
3551
+ .RichTitle-module_root__BK_WT {
3552
+ margin: 0 0 18px;
3553
+
3554
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
3555
+ font-size: 19px;
3556
+ font-weight: 700;
3557
+ line-height: 23px
3558
+ }
3559
+ @media only screen and (min-device-width: 48em) {
3560
+ .RichTitle-module_root__BK_WT {
3561
+ margin-bottom: 15px;
3562
+
3563
+ font-size: 37px;
3564
+ line-height: 42px
3565
+ }
3566
+ }
3567
+ .RichTitle-module_root__BK_WT:last-child {
3568
+ margin-bottom: 0;
3569
+ }
3570
+ .RichTitle-module_root__BK_WT span {
3571
+ font-family: 'PF Regal', 'PF Regal Text Pro', 'Georgia', serif;
3572
+ font-size: 20px;
3573
+ font-weight: normal
3574
+ }
3575
+ @media only screen and (min-device-width: 48em) {
3576
+ .RichTitle-module_root__BK_WT span {
3577
+ font-size: 38px
3578
+ }
3579
+ }
3580
+ @media only screen and (min-device-width: 32em) {
3581
+ .RichTitle-module_slide__1A-gB,
3582
+ .RichTitle-module_game__1g8Bn {
3583
+ text-align: center
3584
+ }
3585
+ }
3586
+ @media only screen and (min-device-width: 64em) {
3587
+ .RichTitle-module_half__10GRI {
3588
+ font-size: 33px;
3589
+ line-height: 36px
3590
+ }
3591
+ }
3592
+ @media only screen and (min-device-width: 64em) {
3593
+ .RichTitle-module_half__10GRI span {
3594
+ font-size: 34px
3595
+ }
3596
+ }
3597
+ .RichTitle-module_game__1g8Bn:first-child {
3598
+ padding-top: 9px;
3599
+ }
3600
+ @media only screen and (max-device-width: 63.9375em) {
3601
+ .RichTitle-module_featured__wJfaQ {
3602
+ letter-spacing: 0.3px;
3603
+
3604
+ font-size: 28px;
3605
+ line-height: 30px
3606
+ }
3607
+ }
3608
+ @media only screen and (max-device-width: 63.9375em) {
3609
+ .RichTitle-module_featured__wJfaQ span {
3610
+ display: block;
3611
+
3612
+ padding-top: 2px;
3613
+
3614
+ font-size: 18px;
3615
+ line-height: 24px
3616
+ }
3617
+ }
3618
+ @media only screen and (min-device-width: 64em) {
3619
+ .RichTitle-module_isInMediaBlock__3RDw4 {
3620
+ margin-bottom: 18px
3621
+ }
3622
+ }
3623
+ .RichTitle-module_isInMediaBlock__3RDw4:not(.RichTitle-module_featured__wJfaQ) {
3624
+ font-size: 19px;
3625
+ line-height: 23px
3627
3626
  }
3628
- @media only screen and (min-device-width: 48em) {
3629
- .SimpleBlock-module_isInAnswer__3aX6X.SimpleBlock-module_blockquote__pwpcX {
3630
- margin-top: 10px;
3631
- margin-bottom: 10px
3627
+ @media only screen and (min-device-width: 64em) {
3628
+ .RichTitle-module_isInMediaBlock__3RDw4:not(.RichTitle-module_featured__wJfaQ) {
3629
+ font-size: 1.3rem;
3630
+ line-height: 1.6rem
3632
3631
  }
3633
3632
  }
3634
- .SimpleBlock-module_isInAnswer__3aX6X:first-child {
3635
- margin-top: 6px;
3633
+ .RichTitle-module_isInMediaBlock__3RDw4:not(.RichTitle-module_featured__wJfaQ) span {
3634
+ font-size: 20px
3636
3635
  }
3637
- .SimpleBlock-module_isInAnswer__3aX6X:last-child {
3638
- margin-bottom: 0;
3636
+ @media only screen and (min-device-width: 64em) {
3637
+ .RichTitle-module_isInMediaBlock__3RDw4:not(.RichTitle-module_featured__wJfaQ) span {
3638
+ font-size: 1.35rem
3639
3639
  }
3640
- /* VISIBILITY */
3640
+ }
3641
3641
  @media only screen and (min-device-width: 32em) {
3642
- .SimpleBlock-module_mobile__Ckgek {
3642
+ .RichTitle-module_mobile__1Cb6E {
3643
3643
  display: none
3644
3644
  }
3645
3645
  }
3646
- .SimpleBlock-module_desktop__2se2o {
3646
+ .RichTitle-module_desktop__2ixSQ {
3647
3647
  display: none
3648
3648
  }
3649
3649
  @media only screen and (min-device-width: 32em) {
3650
- .SimpleBlock-module_desktop__2se2o {
3650
+ .RichTitle-module_desktop__2ixSQ {
3651
3651
  display: block
3652
3652
  }
3653
3653
  }
@@ -3846,17 +3846,17 @@ a mark {
3846
3846
  .Spoiler-module_root__1OfSR::before,
3847
3847
  .Spoiler-module_root__1OfSR::after {
3848
3848
  position: absolute;
3849
- z-index: 10;
3850
3849
  left: 50%;
3850
+ z-index: 10;
3851
3851
 
3852
3852
  width: 100%;
3853
3853
  max-width: 650px;
3854
3854
  margin: 0 auto;
3855
3855
 
3856
- content: '';
3856
+ border-top: 3px solid rgba(0, 0, 0, 0.1);
3857
3857
  transform: translateX(-50%);
3858
3858
 
3859
- border-top: 3px solid rgba(0, 0, 0, 0.1);
3859
+ content: '';
3860
3860
  }
3861
3861
  .Spoiler-module_root__1OfSR::before {
3862
3862
  top: 0;
@@ -3887,9 +3887,10 @@ a mark {
3887
3887
  margin-top: 0;
3888
3888
  margin-bottom: 18px;
3889
3889
 
3890
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
3891
- font-size: 21px;
3892
3890
  font-weight: 700;
3891
+ font-size: 21px;
3892
+
3893
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
3893
3894
  line-height: 26px
3894
3895
  }
3895
3896
  @media only screen and (min-device-width: 32em) {
@@ -3936,36 +3937,30 @@ a mark {
3936
3937
  .Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7 {
3937
3938
  position: -webkit-sticky;
3938
3939
  position: sticky;
3939
- z-index: 10;
3940
3940
  bottom: 0;
3941
+ z-index: 10;
3941
3942
 
3942
3943
  width: auto;
3943
3944
  margin-right: -20px;
3944
3945
  margin-left: -20px;
3945
3946
  padding: 12px 20px 20px;
3946
3947
 
3947
- -webkit-animation: Spoiler-module_spoilerSticky__3Kd30 500ms ease both;
3948
+ background-image: -webkit-gradient(linear,
3949
+ left top, left bottom,
3950
+ from(rgba(255, 255, 255, 0)),
3951
+ color-stop(64%, #fff));
3948
3952
 
3949
- animation: Spoiler-module_spoilerSticky__3Kd30 500ms ease both;
3953
+ background-image: -o-linear-gradient(top,
3954
+ rgba(255, 255, 255, 0) 0%,
3955
+ #fff 64%);
3950
3956
 
3951
- background-image: -webkit-gradient(
3952
- linear,
3953
- left top, left bottom,
3954
- from(rgba(255, 255, 255, 0)),
3955
- color-stop(64%, #fff)
3956
- );
3957
+ background-image: linear-gradient(180deg,
3958
+ rgba(255, 255, 255, 0) 0%,
3959
+ #fff 64%);
3957
3960
 
3958
- background-image: -o-linear-gradient(
3959
- top,
3960
- rgba(255, 255, 255, 0) 0%,
3961
- #fff 64%
3962
- );
3961
+ -webkit-animation: Spoiler-module_spoilerSticky__3Kd30 500ms ease both;
3963
3962
 
3964
- background-image: linear-gradient(
3965
- 180deg,
3966
- rgba(255, 255, 255, 0) 0%,
3967
- #fff 64%
3968
- )
3963
+ animation: Spoiler-module_spoilerSticky__3Kd30 500ms ease both
3969
3964
  }
3970
3965
  @media only screen and (min-device-width: 32em) {
3971
3966
  .Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7 {
@@ -3976,27 +3971,29 @@ a mark {
3976
3971
  margin-left: auto;
3977
3972
  padding: 0;
3978
3973
 
3979
- -webkit-animation: none;
3974
+ background-image: none;
3980
3975
 
3981
- animation: none;
3976
+ -webkit-animation: none;
3982
3977
 
3983
- background-image: none
3978
+ animation: none
3984
3979
  }
3985
3980
  }
3986
3981
  .Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7::after {
3987
3982
  position: absolute;
3988
- z-index: -1;
3989
3983
  top: 100%;
3990
3984
  right: 0;
3991
3985
  left: 0;
3986
+ z-index: -1;
3992
3987
 
3993
3988
  height: 16px;
3994
3989
 
3995
- content: '';
3990
+ background-color: #fff;
3991
+
3996
3992
  -webkit-animation: Spoiler-module_spoilerStickyBg__nYdlo 1ms ease both 500ms;
3993
+
3997
3994
  animation: Spoiler-module_spoilerStickyBg__nYdlo 1ms ease both 500ms;
3998
3995
 
3999
- background-color: #fff
3996
+ content: ''
4000
3997
  }
4001
3998
  @media only screen and (min-device-width: 32em) {
4002
3999
  .Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7::after {
@@ -4063,14 +4060,21 @@ a mark {
4063
4060
  background-color: transparent;
4064
4061
  }
4065
4062
  }
4063
+ [data-dfp-sticky-banner='true'] .Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7,
4066
4064
  [data-gdpr-panel='true'] .Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7 {
4067
4065
  bottom: 45px
4068
4066
  }
4069
4067
  @media only screen and (min-device-width: 32em) {
4068
+ [data-dfp-sticky-banner='true'] .Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7,
4070
4069
  [data-gdpr-panel='true'] .Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7 {
4071
4070
  bottom: 46px
4072
4071
  }
4073
4072
  }
4073
+ @media only screen and (max-device-width: 32.1875em) {
4074
+ [data-gdpr-panel='true'][data-dfp-sticky-banner='true'] .Spoiler-module_spoiled__1A5r4 .Spoiler-module_footer__23mh7 {
4075
+ bottom: 90px
4076
+ }
4077
+ }
4074
4078
  /* VISIBILITY */
4075
4079
  @media only screen and (min-device-width: 32em) {
4076
4080
  .Spoiler-module_mobile__2BPt8 {
@@ -4400,104 +4404,6 @@ a mark {
4400
4404
  vertical-align: top;
4401
4405
  }
4402
4406
 
4403
- /* Colors */
4404
- /* Fonts */
4405
- /* Gap */
4406
- /* Media */
4407
- /* 512 */
4408
- /* 650 */
4409
- /* 768 */
4410
- /* 1024 */
4411
- /* 1010 */
4412
- /* 1200 */
4413
- /* 511 */
4414
- /* 1023 */
4415
- /* Zindex */
4416
- .ToolbarButton-module_root__xN-fq {
4417
- height: 100%;
4418
- margin: 0;
4419
- padding: 0 1px 0 0;
4420
-
4421
- cursor: pointer;
4422
-
4423
- color: inherit;
4424
- border-width: 0;
4425
- outline: none;
4426
- background-color: transparent;
4427
-
4428
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
4429
- font-size: 12px;
4430
- font-weight: 600;
4431
- line-height: 1;
4432
-
4433
- -webkit-appearance: none;
4434
-
4435
- -moz-appearance: none;
4436
-
4437
- appearance: none;
4438
- }
4439
- .ToolbarButton-module_root__xN-fq::after {
4440
- position: absolute;
4441
- top: 0;
4442
- right: 0;
4443
- bottom: 0;
4444
- left: 0;
4445
-
4446
- content: '';
4447
- }
4448
- .ToolbarButton-module_root__xN-fq:hover {
4449
- opacity: 0.6;
4450
- }
4451
- .ToolbarButton-module_dark__GrIOr {
4452
- color: #fff;
4453
- }
4454
- .ToolbarButton-module_dark__GrIOr:hover {
4455
- opacity: 0.6;
4456
- }
4457
- .ToolbarButton-module_dark__GrIOr svg {
4458
- color: #262626;
4459
-
4460
- fill: #fff;
4461
- }
4462
- .ToolbarButton-module_dark__GrIOr.ToolbarButton-module_bookmark__3369b svg {
4463
- color: #fff;
4464
-
4465
- fill: transparent;
4466
- }
4467
- .ToolbarButton-module_dark__GrIOr.ToolbarButton-module_bookmark__3369b.ToolbarButton-module_isActive__3NLAE svg {
4468
- fill: currentColor;
4469
- }
4470
- .ToolbarButton-module_dark__GrIOr::before {
4471
- border-left-color: rgba(255, 255, 255, 0.2);
4472
- }
4473
- .ToolbarButton-module_root__xN-fq [data-theme='dark'] {
4474
- visibility: hidden;
4475
- }
4476
- .ToolbarButton-module_dark__GrIOr [data-theme='dark'] {
4477
- visibility: visible;
4478
- }
4479
- .ToolbarButton-module_dark__GrIOr [data-theme='light'] {
4480
- visibility: hidden;
4481
- }
4482
- .ToolbarButton-module_text__32m6s {
4483
- display: inline-block;
4484
-
4485
- padding-left: 5px;
4486
-
4487
- vertical-align: middle;
4488
- }
4489
- .ToolbarButton-module_text__32m6s:empty {
4490
- display: none;
4491
- }
4492
- .ToolbarButton-module_bookmark__3369b {
4493
- color: #999;
4494
-
4495
- fill: transparent;
4496
- }
4497
- .ToolbarButton-module_isActive__3NLAE {
4498
- fill: currentColor;
4499
- }
4500
-
4501
4407
  /* Colors */
4502
4408
  /* Fonts */
4503
4409
  /* Gap */
@@ -4832,6 +4738,104 @@ a mark {
4832
4738
  }
4833
4739
  }
4834
4740
 
4741
+ /* Colors */
4742
+ /* Fonts */
4743
+ /* Gap */
4744
+ /* Media */
4745
+ /* 512 */
4746
+ /* 650 */
4747
+ /* 768 */
4748
+ /* 1024 */
4749
+ /* 1010 */
4750
+ /* 1200 */
4751
+ /* 511 */
4752
+ /* 1023 */
4753
+ /* Zindex */
4754
+ .ToolbarButton-module_root__xN-fq {
4755
+ height: 100%;
4756
+ margin: 0;
4757
+ padding: 0 1px 0 0;
4758
+
4759
+ cursor: pointer;
4760
+
4761
+ color: inherit;
4762
+ border-width: 0;
4763
+ outline: none;
4764
+ background-color: transparent;
4765
+
4766
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
4767
+ font-size: 12px;
4768
+ font-weight: 600;
4769
+ line-height: 1;
4770
+
4771
+ -webkit-appearance: none;
4772
+
4773
+ -moz-appearance: none;
4774
+
4775
+ appearance: none;
4776
+ }
4777
+ .ToolbarButton-module_root__xN-fq::after {
4778
+ position: absolute;
4779
+ top: 0;
4780
+ right: 0;
4781
+ bottom: 0;
4782
+ left: 0;
4783
+
4784
+ content: '';
4785
+ }
4786
+ .ToolbarButton-module_root__xN-fq:hover {
4787
+ opacity: 0.6;
4788
+ }
4789
+ .ToolbarButton-module_dark__GrIOr {
4790
+ color: #fff;
4791
+ }
4792
+ .ToolbarButton-module_dark__GrIOr:hover {
4793
+ opacity: 0.6;
4794
+ }
4795
+ .ToolbarButton-module_dark__GrIOr svg {
4796
+ color: #262626;
4797
+
4798
+ fill: #fff;
4799
+ }
4800
+ .ToolbarButton-module_dark__GrIOr.ToolbarButton-module_bookmark__3369b svg {
4801
+ color: #fff;
4802
+
4803
+ fill: transparent;
4804
+ }
4805
+ .ToolbarButton-module_dark__GrIOr.ToolbarButton-module_bookmark__3369b.ToolbarButton-module_isActive__3NLAE svg {
4806
+ fill: currentColor;
4807
+ }
4808
+ .ToolbarButton-module_dark__GrIOr::before {
4809
+ border-left-color: rgba(255, 255, 255, 0.2);
4810
+ }
4811
+ .ToolbarButton-module_root__xN-fq [data-theme='dark'] {
4812
+ visibility: hidden;
4813
+ }
4814
+ .ToolbarButton-module_dark__GrIOr [data-theme='dark'] {
4815
+ visibility: visible;
4816
+ }
4817
+ .ToolbarButton-module_dark__GrIOr [data-theme='light'] {
4818
+ visibility: hidden;
4819
+ }
4820
+ .ToolbarButton-module_text__32m6s {
4821
+ display: inline-block;
4822
+
4823
+ padding-left: 5px;
4824
+
4825
+ vertical-align: middle;
4826
+ }
4827
+ .ToolbarButton-module_text__32m6s:empty {
4828
+ display: none;
4829
+ }
4830
+ .ToolbarButton-module_bookmark__3369b {
4831
+ color: #999;
4832
+
4833
+ fill: transparent;
4834
+ }
4835
+ .ToolbarButton-module_isActive__3NLAE {
4836
+ fill: currentColor;
4837
+ }
4838
+
4835
4839
  /* Colors */
4836
4840
  /* Fonts */
4837
4841
  /* Gap */