@meduza/ui-kit-2 0.1.51 → 0.1.52

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.
Files changed (13) hide show
  1. package/dist/Image/Image.types.d.ts +0 -1
  2. package/dist/ui-kit-2.cjs.development.js +34 -41
  3. package/dist/ui-kit-2.cjs.development.js.map +1 -1
  4. package/dist/ui-kit-2.cjs.production.min.js +1 -1
  5. package/dist/ui-kit-2.cjs.production.min.js.map +1 -1
  6. package/dist/ui-kit-2.esm.js +34 -41
  7. package/dist/ui-kit-2.esm.js.map +1 -1
  8. package/dist/ui-kit.css +1678 -1678
  9. package/package.json +1 -1
  10. package/src/EmbedBlock/EmbedBlock.tsx +0 -1
  11. package/src/Image/Image.types.ts +0 -1
  12. package/src/Image/index.tsx +3 -18
  13. package/src/Spoiler/index.tsx +2 -2
package/dist/ui-kit.css CHANGED
@@ -247,305 +247,157 @@
247
247
  /* 511 */
248
248
  /* 1023 */
249
249
  /* Zindex */
250
- .SvgSymbol-module_root__2CsRW {
251
- width: 100%;
252
- height: 100%;
250
+ .DotsOnImage-module_root__2XP3Q {
251
+ position: relative;
252
+
253
+ display: block;
253
254
 
254
- vertical-align: middle;
255
- }
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 {
271
255
  width: 100%;
272
- height: 100%;
273
256
  }
274
- .SvgSymbol-module_fb__1whmw {
275
- width: 16px;
276
-
277
- fill: #304591;
257
+ .DotsOnImage-module_isVisible__Wqqqt .DotsOnImage-module_marker__lH5cP {
258
+ -webkit-animation: DotsOnImage-module_show__2TMBv 400ms ease both 500ms;
259
+ animation: DotsOnImage-module_show__2TMBv 400ms ease both 500ms;
278
260
  }
279
- .SvgSymbol-module_vk__3VEuu {
280
- width: 20px;
261
+ .DotsOnImage-module_dot__H1wua {
262
+ position: absolute;
263
+ z-index: 10;
281
264
 
282
- fill: #527397;
283
- }
284
- .SvgSymbol-module_ok__2_1Qb {
285
- width: 9px;
265
+ display: -webkit-box;
286
266
 
287
- fill: #eb722e;
288
- }
289
- .SvgSymbol-module_tw__2VRG5 {
290
- width: 20px;
267
+ display: -webkit-flex;
291
268
 
292
- fill: #31adf4;
293
- }
294
- .SvgSymbol-module_tg__2xe2f {
295
- width: 18px;
269
+ display: -ms-flexbox;
296
270
 
297
- fill: #2ba5e0;
298
- }
299
- .SvgSymbol-module_reaction__rrJvf {
300
- width: 16px;
271
+ display: flex;
272
+ align-items: center;
273
+ flex-flow: row nowrap;
274
+ justify-content: center;
301
275
 
302
- color: #dcad76;
276
+ width: 28px;
277
+ height: 28px;
303
278
 
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;
279
+ will-change: opacity;
336
280
  }
337
- .SvgSymbol-module_isInAudioPlayer__2xlzW {
338
- width: 29px;
339
- height: 29px;
281
+ .DotsOnImage-module_marker__lH5cP {
282
+ width: 20px;
283
+ height: 20px;
284
+ padding: 0;
340
285
 
341
- -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
286
+ cursor: pointer;
287
+ text-align: center;
342
288
 
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;
289
+ opacity: 0;
290
+ color: #fff;
291
+ border-width: 0;
292
+ border-radius: 30px;
293
+ outline-width: 0;
294
+ background-color: #000;
295
+ box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
348
296
 
349
- -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
297
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
298
+ font-size: 9px;
299
+ font-weight: 600;
300
+ line-height: 22px;
350
301
 
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
302
+ -webkit-appearance: none;
303
+
304
+ -moz-appearance: none;
305
+
306
+ appearance: none;
307
+ will-change: opacity;
308
+ -webkit-tap-highlight-color: transparent
356
309
  }
357
- @media only screen and (min-width: 40.625em) {
358
- .SvgSymbol-module_isInButtonPlaybackRate__1L3TW {
310
+ @media only screen and (min-width: 32em) {
311
+ .DotsOnImage-module_marker__lH5cP {
359
312
  width: 28px;
360
- height: 22px
313
+ height: 28px;
314
+
315
+ font-size: 13px;
316
+ line-height: 28px
361
317
  }
362
318
  }
363
- .SvgSymbol-module_isInButtonBackward__1Grf9,
364
- .SvgSymbol-module_isInButtonForward__D1AFL {
365
- width: 28px;
366
- height: 28px
319
+ .DotsOnImage-module_marker__lH5cP::after {
320
+ position: absolute;
321
+ top: -5px;
322
+ right: -5px;
323
+ bottom: -5px;
324
+ left: -5px;
325
+
326
+ content: ''
367
327
  }
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
328
+ @media only screen and (min-width: 32em) {
329
+ .DotsOnImage-module_marker__lH5cP::after {
330
+ content: none
373
331
  }
374
332
  }
375
- .SvgSymbol-module_isInToolbar__3SaIh.SvgSymbol-module_cross__J2lCN {
376
- width: 18px;
377
- height: 18px;
378
- }
379
- .SvgSymbol-module_play__pM-qY {
333
+ .DotsOnImage-module_marker__lH5cP svg {
334
+ display: block;
335
+
380
336
  width: 100%;
381
337
  height: 100%;
382
- }
383
- .SvgSymbol-module_meduzaLogo__2Ouzp {
384
- width: 92px;
385
- height: 20px
386
- }
387
- @media only screen and (min-width: 64em) {
388
- .SvgSymbol-module_meduzaLogo__2Ouzp {
389
- width: 100px;
390
- height: 45px
391
- }
392
- }
393
- .SvgSymbol-module_arrow__11naX {
394
- width: 12px;
395
- height: 12px;
396
- }
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
338
 
433
- stroke-width: 1.5px
339
+ will-change: opacity;
434
340
  }
435
- }
436
- .SvgSymbol-module_isInToolbar__3SaIh.SvgSymbol-module_bookmark__2z7tX {
437
- width: 14px;
341
+ .DotsOnImage-module_marker__lH5cP:hover {
342
+ box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
438
343
  }
439
- .SvgSymbol-module_receipt__3Eqow {
440
- width: 10px;
441
- height: 13px;
344
+ .DotsOnImage-module_marker__lH5cP.DotsOnImage-module_isActive__3hh31 {
345
+ box-shadow: 0 0 8px rgba(0, 0, 0, 0.2), 0 0 0 1px #fff;
442
346
  }
443
- .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN {
444
- width: 22px;
445
- height: 22px
347
+ .DotsOnImage-module_popover__35Cpj {
348
+ position: absolute;
349
+ z-index: 10;
446
350
  }
447
- @media only screen and (min-width: 64em) {
448
- .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN {
449
- width: 14px;
450
- height: 14px
351
+ .DotsOnImage-module_popover__35Cpj.DotsOnImage-module_isRight__2RsJe.DotsOnImage-module_isTop__3zmSK {
352
+ transform: translateX(50px);
451
353
  }
452
- }
453
- @media only screen and (min-width: 64em) {
454
- .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_search__VK6p3 circle {
455
- stroke-width: 1.5px
354
+ .DotsOnImage-module_popover__35Cpj.DotsOnImage-module_isLeft__3quc9.DotsOnImage-module_isTop__3zmSK {
355
+ transform: translateX(-100%) translateX(-22px);
456
356
  }
457
- }
458
- .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN path {
459
- stroke-width: 1.8px
357
+ .DotsOnImage-module_popover__35Cpj.DotsOnImage-module_isRight__2RsJe.DotsOnImage-module_isBottom__3Nk1T {
358
+ transform: translateX(50px) translateY(-100%) translateY(22px);
460
359
  }
461
- @media only screen and (min-width: 64em) {
462
- .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN path {
463
- stroke-width: 1.3px
360
+ .DotsOnImage-module_popover__35Cpj.DotsOnImage-module_isLeft__3quc9.DotsOnImage-module_isBottom__3Nk1T {
361
+ transform: translateX(-100%) translateX(-22px) translateY(-100%)
362
+ translateY(22px);
464
363
  }
465
- }
466
-
467
- /* Colors */
468
- /* Fonts */
469
- /* Gap */
470
- /* Media */
471
- /* 512 */
472
- /* 650 */
473
- /* 768 */
474
- /* 1024 */
475
- /* 1010 */
476
- /* 1200 */
477
- /* 511 */
478
- /* 1023 */
479
- /* Zindex */
480
- .Image-module_root__1vsA_ {
481
- position: relative;
482
- z-index: 1;
364
+ @-webkit-keyframes DotsOnImage-module_show__2TMBv {
365
+ 0% {
366
+ transform: scale(0.4);
483
367
 
484
- display: block;
485
- overflow: hidden;
486
- transition: background-color 250ms ease;
368
+ opacity: 0;
369
+ }
487
370
 
488
- background-color: #f2f2f2
489
- }
490
- @media only screen and (min-width: 32em) {
491
- .Image-module_root__1vsA_ {
492
- border-radius: inherit
493
- }
371
+ 90% {
372
+ transform: scale(1.1);
373
+
374
+ opacity: 1;
494
375
  }
495
- .Image-module_root__1vsA_ img {
496
- position: absolute;
497
- top: 0;
498
- left: 0;
499
376
 
500
- width: 100%;
501
- height: 100%;
502
- }
503
- .Image-module_isLoaded__3XhU5 {
504
- background-color: transparent;
377
+ 100% {
378
+ transform: scale(1);
379
+
380
+ opacity: 1;
381
+ }
505
382
  }
506
- .Image-module_wrapper__3fLjs {
507
- display: block;
383
+ @keyframes DotsOnImage-module_show__2TMBv {
384
+ 0% {
385
+ transform: scale(0.4);
508
386
 
509
- width: 100%;
387
+ opacity: 0;
388
+ }
510
389
 
511
- background-repeat: no-repeat;
512
- background-size: 100% auto;
513
- }
514
- .Image-module_fullscreen__29apx picture {
515
- cursor: pointer;
516
- }
517
- .Image-module_fullscreen__29apx picture:hover::after {
518
- opacity: 1;
519
- }
520
- .Image-module_fullscreen__29apx picture::after {
521
- position: absolute;
522
- right: 12px;
523
- bottom: 12px;
390
+ 90% {
391
+ transform: scale(1.1);
524
392
 
525
- width: 40px;
526
- height: 40px;
393
+ opacity: 1;
394
+ }
527
395
 
528
- transition: opacity 250ms ease;
529
- pointer-events: none;
396
+ 100% {
397
+ transform: scale(1);
530
398
 
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
538
- }
539
- @media only screen and (min-width: 64em) {
540
- .Image-module_fullscreen__29apx picture::after {
541
- content: ''
542
- }
399
+ opacity: 1;
543
400
  }
544
- [data-input='mouse'] .Image-module_wrapper__3fLjs {
545
- outline: none;
546
- }
547
- .Image-module_dark__3o0nU {
548
- background-color: transparent;
549
401
  }
550
402
 
551
403
  /* Colors */
@@ -643,74 +495,304 @@
643
495
 
644
496
  background: #fff;
645
497
 
646
- border-radius: 15px;
498
+ border-radius: 15px;
499
+
500
+ transition: 0.25s ease-in-out;
501
+ }
502
+ .Switcher-module_input__jaMVF:checked ~ .Switcher-module_control__1NTvY::before {
503
+ width: 100%;
504
+
505
+ background-color: #b88b59;
506
+ }
507
+ .Switcher-module_input__jaMVF:checked ~ .Switcher-module_control__1NTvY::after {
508
+ box-shadow: inset 0 0 0 1px transparent;
509
+ }
510
+ .Switcher-module_input__jaMVF:checked ~ .Switcher-module_control__1NTvY .Switcher-module_knob__3kEy5 {
511
+ left: 18px;
512
+ }
513
+ .Switcher-module_children__147JP.Switcher-module_left__2coeE {
514
+ margin-right: 6px;
515
+ }
516
+ .Switcher-module_children__147JP.Switcher-module_right__yWG7h {
517
+ margin-left: 6px;
518
+ }
519
+ /* panel */
520
+ .Switcher-module_isInPanel__TumqY .Switcher-module_children__147JP {
521
+
522
+ color: #999;
523
+
524
+ font-size: 13px;
525
+ letter-spacing: 0.5px;
526
+ text-transform: uppercase;
527
+ }
528
+ /* menu */
529
+ .Switcher-module_isInMenu__3XJYj {
530
+ font-weight: normal;
531
+ }
532
+ .Switcher-module_isInMenu__3XJYj .Switcher-module_children__147JP {
533
+ margin-right: 8px;
534
+ }
535
+ .Switcher-module_isInMenu__3XJYj .Switcher-module_control__1NTvY {
536
+ width: 48px;
537
+ height: 30px;
538
+ }
539
+ .Switcher-module_isInMenu__3XJYj .Switcher-module_knob__3kEy5 {
540
+ top: 4px;
541
+
542
+ width: 22px;
543
+ height: 22px;
544
+
545
+ background-color: #bababa;
546
+ }
547
+ /* stylelint-disable selector-max-compound-selectors */
548
+ .Switcher-module_isInMenu__3XJYj input:checked ~ .Switcher-module_control__1NTvY .Switcher-module_knob__3kEy5 {
549
+ left: 23px;
550
+
551
+ background-color: #fff;
552
+ }
553
+ /* live */
554
+ .Switcher-module_isInLive__2cLui .Switcher-module_children__147JP {
555
+
556
+ color: #7f7f7f;
557
+
558
+ font-size: 13px;
559
+ letter-spacing: 0.5px;
560
+ text-transform: uppercase;
561
+ }
562
+ .Switcher-module_isInMenu__3XJYj .Switcher-module_control__1NTvY {
563
+ background-color: #1a1a1a;
564
+ box-shadow: inset 0 0 0 1px #323232;
565
+ }
566
+
567
+ /* Colors */
568
+ /* Fonts */
569
+ /* Gap */
570
+ /* Media */
571
+ /* 512 */
572
+ /* 650 */
573
+ /* 768 */
574
+ /* 1024 */
575
+ /* 1010 */
576
+ /* 1200 */
577
+ /* 511 */
578
+ /* 1023 */
579
+ /* Zindex */
580
+ .SvgSymbol-module_root__2CsRW {
581
+ width: 100%;
582
+ height: 100%;
583
+
584
+ vertical-align: middle;
585
+ }
586
+ .SvgSymbol-module_small__2g6oR {
587
+ height: 14px;
588
+ }
589
+ .SvgSymbol-module_normal__9lFn1 {
590
+ height: 14px;
591
+ }
592
+ .SvgSymbol-module_medium__2eF5L {
593
+ width: 24px;
594
+ height: 24px;
595
+ }
596
+ .SvgSymbol-module_large__2kQrt {
597
+ width: 42px;
598
+ height: 42px;
599
+ }
600
+ .SvgSymbol-module_adaptive__3_68T {
601
+ width: 100%;
602
+ height: 100%;
603
+ }
604
+ .SvgSymbol-module_fb__1whmw {
605
+ width: 16px;
606
+
607
+ fill: #304591;
608
+ }
609
+ .SvgSymbol-module_vk__3VEuu {
610
+ width: 20px;
611
+
612
+ fill: #527397;
613
+ }
614
+ .SvgSymbol-module_ok__2_1Qb {
615
+ width: 9px;
616
+
617
+ fill: #eb722e;
618
+ }
619
+ .SvgSymbol-module_tw__2VRG5 {
620
+ width: 20px;
621
+
622
+ fill: #31adf4;
623
+ }
624
+ .SvgSymbol-module_tg__2xe2f {
625
+ width: 18px;
626
+
627
+ fill: #2ba5e0;
628
+ }
629
+ .SvgSymbol-module_reaction__rrJvf {
630
+ width: 16px;
631
+
632
+ color: #dcad76;
633
+
634
+ fill: #262626;
635
+ }
636
+ .SvgSymbol-module_card__1XAqw,
637
+ .SvgSymbol-module_podcast__3oPoo,
638
+ .SvgSymbol-module_read__2V82i,
639
+ .SvgSymbol-module_listened__1oMFV {
640
+ width: 15px;
641
+ height: 15px;
642
+ }
643
+ .SvgSymbol-module_menu__2iYFt {
644
+ width: 24px;
645
+ height: 24px;
646
+ }
647
+ .SvgSymbol-module_cross__J2lCN {
648
+ width: 14px;
649
+ height: 14px;
650
+ }
651
+ .SvgSymbol-module_isInFeature__cDeTI,
652
+ .SvgSymbol-module_isInCard__pKq4e {
653
+ width: 16px;
654
+ height: 16px;
655
+ }
656
+ .SvgSymbol-module_isInTopicBlockItem__3Te91 {
657
+ width: 16px;
658
+ height: 16px;
659
+ }
660
+ .SvgSymbol-module_isInPageStatic__H31Rd {
661
+ width: 64px;
662
+ height: 64px;
663
+ }
664
+ .SvgSymbol-module_isInMaterialMeta__2IbAw {
665
+ margin-right: 6px;
666
+ }
667
+ .SvgSymbol-module_isInAudioPlayer__2xlzW {
668
+ width: 29px;
669
+ height: 29px;
670
+
671
+ -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
672
+
673
+ filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
674
+ }
675
+ .SvgSymbol-module_isInEpisodeBlock__2vY3o {
676
+ width: 38px;
677
+ height: 38px;
678
+
679
+ -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
647
680
 
648
- transition: 0.25s ease-in-out;
681
+ filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
649
682
  }
650
- .Switcher-module_input__jaMVF:checked ~ .Switcher-module_control__1NTvY::before {
683
+ .SvgSymbol-module_isInButtonPlaybackRate__1L3TW {
684
+ width: 34px;
685
+ height: 28px
686
+ }
687
+ @media only screen and (min-width: 40.625em) {
688
+ .SvgSymbol-module_isInButtonPlaybackRate__1L3TW {
689
+ width: 28px;
690
+ height: 22px
691
+ }
692
+ }
693
+ .SvgSymbol-module_isInButtonBackward__1Grf9,
694
+ .SvgSymbol-module_isInButtonForward__D1AFL {
695
+ width: 28px;
696
+ height: 28px
697
+ }
698
+ @media only screen and (min-width: 40.625em) {
699
+ .SvgSymbol-module_isInButtonBackward__1Grf9,
700
+ .SvgSymbol-module_isInButtonForward__D1AFL {
701
+ width: 22px;
702
+ height: 22px
703
+ }
704
+ }
705
+ .SvgSymbol-module_isInToolbar__3SaIh.SvgSymbol-module_cross__J2lCN {
706
+ width: 18px;
707
+ height: 18px;
708
+ }
709
+ .SvgSymbol-module_play__pM-qY {
651
710
  width: 100%;
652
-
653
- background-color: #b88b59;
711
+ height: 100%;
654
712
  }
655
- .Switcher-module_input__jaMVF:checked ~ .Switcher-module_control__1NTvY::after {
656
- box-shadow: inset 0 0 0 1px transparent;
713
+ .SvgSymbol-module_meduzaLogo__2Ouzp {
714
+ width: 92px;
715
+ height: 20px
657
716
  }
658
- .Switcher-module_input__jaMVF:checked ~ .Switcher-module_control__1NTvY .Switcher-module_knob__3kEy5 {
659
- left: 18px;
717
+ @media only screen and (min-width: 64em) {
718
+ .SvgSymbol-module_meduzaLogo__2Ouzp {
719
+ width: 100px;
720
+ height: 45px
660
721
  }
661
- .Switcher-module_children__147JP.Switcher-module_left__2coeE {
662
- margin-right: 6px;
722
+ }
723
+ .SvgSymbol-module_arrow__11naX {
724
+ width: 12px;
725
+ height: 12px;
663
726
  }
664
- .Switcher-module_children__147JP.Switcher-module_right__yWG7h {
665
- margin-left: 6px;
727
+ .SvgSymbol-module_oil__hvHE5 {
728
+ width: 9px;
729
+ height: 12px;
666
730
  }
667
- /* panel */
668
- .Switcher-module_isInPanel__TumqY .Switcher-module_children__147JP {
669
-
670
- color: #999;
671
-
672
- font-size: 13px;
673
- letter-spacing: 0.5px;
674
- text-transform: uppercase;
731
+ .SvgSymbol-module_search__VK6p3 {
732
+ width: 24px;
733
+ height: 24px
675
734
  }
676
- /* menu */
677
- .Switcher-module_isInMenu__3XJYj {
678
- font-weight: normal;
735
+ @media only screen and (min-width: 64em) {
736
+ .SvgSymbol-module_search__VK6p3 {
737
+ width: 16px;
738
+ height: 16px
679
739
  }
680
- .Switcher-module_isInMenu__3XJYj .Switcher-module_children__147JP {
681
- margin-right: 8px;
740
+ }
741
+ .SvgSymbol-module_user__1MGim {
742
+ width: 14px;
743
+ height: 14px
682
744
  }
683
- .Switcher-module_isInMenu__3XJYj .Switcher-module_control__1NTvY {
684
- width: 48px;
685
- height: 30px;
745
+ @media only screen and (min-width: 64em) {
746
+ .SvgSymbol-module_user__1MGim {
747
+ width: 16px;
748
+ height: 16px
686
749
  }
687
- .Switcher-module_isInMenu__3XJYj .Switcher-module_knob__3kEy5 {
688
- top: 4px;
750
+ }
751
+ .SvgSymbol-module_bookmark__2z7tX {
752
+ width: 17px;
753
+ height: auto;
689
754
 
690
- width: 22px;
691
- height: 22px;
755
+ cursor: pointer;
692
756
 
693
- background-color: #bababa;
757
+ stroke-width: 2px
694
758
  }
695
- /* stylelint-disable selector-max-compound-selectors */
696
- .Switcher-module_isInMenu__3XJYj input:checked ~ .Switcher-module_control__1NTvY .Switcher-module_knob__3kEy5 {
697
- left: 23px;
759
+ @media only screen and (min-width: 64em) {
760
+ .SvgSymbol-module_bookmark__2z7tX {
761
+ width: 14px;
698
762
 
699
- background-color: #fff;
763
+ stroke-width: 1.5px
700
764
  }
701
- /* live */
702
- .Switcher-module_isInLive__2cLui .Switcher-module_children__147JP {
703
-
704
- color: #7f7f7f;
705
-
706
- font-size: 13px;
707
- letter-spacing: 0.5px;
708
- text-transform: uppercase;
765
+ }
766
+ .SvgSymbol-module_isInToolbar__3SaIh.SvgSymbol-module_bookmark__2z7tX {
767
+ width: 14px;
709
768
  }
710
- .Switcher-module_isInMenu__3XJYj .Switcher-module_control__1NTvY {
711
- background-color: #1a1a1a;
712
- box-shadow: inset 0 0 0 1px #323232;
769
+ .SvgSymbol-module_receipt__3Eqow {
770
+ width: 10px;
771
+ height: 13px;
772
+ }
773
+ .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN {
774
+ width: 22px;
775
+ height: 22px
776
+ }
777
+ @media only screen and (min-width: 64em) {
778
+ .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN {
779
+ width: 14px;
780
+ height: 14px
781
+ }
782
+ }
783
+ @media only screen and (min-width: 64em) {
784
+ .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_search__VK6p3 circle {
785
+ stroke-width: 1.5px
786
+ }
787
+ }
788
+ .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN path {
789
+ stroke-width: 1.8px
790
+ }
791
+ @media only screen and (min-width: 64em) {
792
+ .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN path {
793
+ stroke-width: 1.3px
713
794
  }
795
+ }
714
796
 
715
797
  /* Colors */
716
798
  /* Fonts */
@@ -725,308 +807,324 @@
725
807
  /* 511 */
726
808
  /* 1023 */
727
809
  /* Zindex */
728
- .Lazy-module_root__2Z72l {
810
+ .Image-module_root__1vsA_ {
811
+ position: relative;
812
+ z-index: 1;
813
+
729
814
  display: block;
730
- }
815
+ overflow: hidden;
816
+ transition: background-color 250ms ease;
731
817
 
732
- /* Colors */
733
- /* Fonts */
734
- /* Gap */
735
- /* Media */
736
- /* 512 */
737
- /* 650 */
738
- /* 768 */
739
- /* 1024 */
740
- /* 1010 */
741
- /* 1200 */
742
- /* 511 */
743
- /* 1023 */
744
- /* Zindex */
745
- .Table-module_root__1VsG6 {
746
- margin: 15px 0
818
+ background-color: #f2f2f2
747
819
  }
748
820
  @media only screen and (min-width: 32em) {
749
- .Table-module_root__1VsG6 {
750
- margin: 25px auto 20px
821
+ .Image-module_root__1vsA_ {
822
+ border-radius: inherit
751
823
  }
752
824
  }
753
- .Table-module_card__3gbok .Table-module_table__nZIkV,
754
- .Table-module_slide__nSGPC .Table-module_table__nZIkV {
755
- margin-right: -11px;
756
- margin-left: -11px
825
+ .Image-module_root__1vsA_ img {
826
+ position: absolute;
827
+ top: 0;
828
+ left: 0;
829
+
830
+ width: 100%;
831
+ height: 100%;
757
832
  }
758
- @media only screen and (min-width: 64em) {
759
- .Table-module_card__3gbok .Table-module_table__nZIkV,
760
- .Table-module_slide__nSGPC .Table-module_table__nZIkV {
761
- margin-right: 0;
762
- margin-left: 0
833
+ .Image-module_isLoaded__3XhU5 {
834
+ background-color: transparent;
763
835
  }
764
- }
765
- .Table-module_card__3gbok .Table-module_wrapper__1YTKM::after,
766
- .Table-module_slide__nSGPC .Table-module_wrapper__1YTKM::after {
767
- right: -11px;
836
+ .Image-module_wrapper__3fLjs {
837
+ display: block;
838
+
839
+ width: 100%;
840
+
841
+ background-repeat: no-repeat;
842
+ background-size: 100% auto;
768
843
  }
769
- .Table-module_root__1VsG6:first-child {
770
- margin-top: 0;
844
+ .Image-module_fullscreen__29apx picture {
845
+ cursor: pointer;
771
846
  }
772
- .Table-module_root__1VsG6:last-child {
773
- margin-bottom: 0;
847
+ .Image-module_fullscreen__29apx picture:hover::after {
848
+ opacity: 1;
774
849
  }
775
- .Table-module_table__nZIkV {
776
- position: relative;
777
-
778
- overflow-y: hidden;
779
-
780
- margin: 0 -20px;
781
-
782
- border-width: 1px 0;
783
- border-style: solid;
784
- border-color: rgba(232, 232, 232, 1);
850
+ .Image-module_fullscreen__29apx picture::after {
851
+ position: absolute;
852
+ right: 12px;
853
+ bottom: 12px;
785
854
 
786
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif
787
- }
788
- @media only screen and (min-width: 32em) {
789
- .Table-module_table__nZIkV {
790
- margin: 0;
855
+ width: 40px;
856
+ height: 40px;
791
857
 
792
- border-width: 1px;
793
- border-radius: 3px
794
- }
795
- }
796
- .Table-module_tracks__2wrDB {
797
- display: table;
858
+ transition: opacity 250ms ease;
859
+ pointer-events: none;
798
860
 
799
- width: 100%
861
+ opacity: 0;
862
+ border: 0.5px solid rgba(255, 255, 255, 0.15);
863
+ border-radius: 20px;
864
+ background-color: rgba(0, 0, 0, 0.7);
865
+ 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");
866
+ background-repeat: no-repeat;
867
+ background-position: center
800
868
  }
801
- @media only screen and (min-width: 32em) {
802
- .Table-module_tracks__2wrDB {
803
- table-layout: fixed
869
+ @media only screen and (min-width: 64em) {
870
+ .Image-module_fullscreen__29apx picture::after {
871
+ content: ''
804
872
  }
805
873
  }
806
- .Table-module_wrapper__1YTKM {
807
- position: relative;
874
+ [data-input='mouse'] .Image-module_wrapper__3fLjs {
875
+ outline: none;
876
+ }
877
+ .Image-module_dark__3o0nU {
878
+ background-color: transparent;
808
879
  }
809
- .Table-module_wrapper__1YTKM::after {
810
- position: absolute;
811
- z-index: 100;
812
- top: 0;
813
- right: -20px;
814
- bottom: -20px;
815
880
 
881
+ /* Colors */
882
+ /* Fonts */
883
+ /* Gap */
884
+ /* Media */
885
+ /* 512 */
886
+ /* 650 */
887
+ /* 768 */
888
+ /* 1024 */
889
+ /* 1010 */
890
+ /* 1200 */
891
+ /* 511 */
892
+ /* 1023 */
893
+ /* Zindex */
894
+ .Lazy-module_root__2Z72l {
816
895
  display: block;
896
+ }
817
897
 
818
- width: 30px;
819
- height: 100%;
820
-
821
- content: "";
822
-
823
- background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(71%, rgb(255, 255, 255)));
898
+ /* Colors */
899
+ /* Fonts */
900
+ /* Gap */
901
+ /* Media */
902
+ /* 512 */
903
+ /* 650 */
904
+ /* 768 */
905
+ /* 1024 */
906
+ /* 1010 */
907
+ /* 1200 */
908
+ /* 511 */
909
+ /* 1023 */
910
+ /* Zindex */
911
+ .Tag-module_root__3IqWC {
912
+ display: inline-block;
824
913
 
825
- background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 71%);
914
+ cursor: default;
915
+ -webkit-user-select: none;
916
+ -moz-user-select: none;
917
+ -ms-user-select: none;
918
+ user-select: none;
919
+ vertical-align: middle;
920
+ letter-spacing: 1px;
921
+ text-transform: uppercase;
826
922
 
827
- background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 71%)
923
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
924
+ font-size: 12px;
925
+ font-weight: 600;
926
+ line-height: 12px;
828
927
  }
829
- @media only screen and (min-width: 32em) {
830
- .Table-module_wrapper__1YTKM::after {
831
- content: none
928
+ .Tag-module_small__2IAb7 {
929
+ font-size: 12px;
930
+ line-height: 12px
931
+ }
932
+ @media only screen and (min-width: 64em) {
933
+ .Tag-module_small__2IAb7 {
934
+ line-height: 14px
832
935
  }
833
936
  }
834
- .Table-module_default__3CGeE {
835
- max-width: 650px;
937
+ @media only screen and (min-width: 64em) {
938
+ .Tag-module_large__22z_o {
939
+ letter-spacing: 1px;
940
+
941
+ font-size: 14px;
942
+ line-height: 16px
836
943
  }
837
- .Table-module_full__S5pDB {
838
- max-width: 980px;
944
+ }
945
+ .Tag-module_dark__sgnt1 {
946
+ color: #000;
839
947
  }
840
- .Table-module_row__3TH83 {
841
- z-index: 1;
842
-
843
- display: table-row;
948
+ .Tag-module_light__1zUhp {
949
+ color: #fff;
844
950
  }
845
- .Table-module_row__3TH83:last-child .Table-module_cell__EFKDW {
846
- border-bottom: 0;
951
+ .Tag-module_gold__2ksA7 {
952
+ color: #b88b59;
847
953
  }
848
- @media only screen and (min-width: 32em) {
849
- .Table-module_row__3TH83:first-child .Table-module_cell__EFKDW:first-child {
850
- border-radius: 2px 0 0 0
954
+ .Tag-module_gray__mGAO_ {
955
+ color: #757575;
851
956
  }
852
- }
853
- @media only screen and (min-width: 32em) {
854
- .Table-module_row__3TH83:first-child .Table-module_cell__EFKDW:last-child {
855
- border-radius: 0 2px 0 0
957
+ .Tag-module_inherit__2QB5U {
958
+ color: inherit;
959
+ }
960
+ @media only screen and (min-width: 64em) {
961
+ .Tag-module_is1to1__3EDbC,
962
+ .Tag-module_is1to2__3xbC6,
963
+ .Tag-module_isInSuperBlock__38JE0 {
964
+ letter-spacing: 1px;
965
+
966
+ font-size: 12px;
967
+ line-height: 20px
856
968
  }
857
969
  }
858
- @media only screen and (min-width: 32em) {
859
- .Table-module_row__3TH83:last-child .Table-module_cell__EFKDW:last-child {
860
- border-radius: 0 0 2px 0
970
+ @media only screen and (min-width: 64em) {
971
+ .Tag-module_is1to3__3j5K-,
972
+ .Tag-module_is1to4__2vq4r {
973
+ letter-spacing: 0.5px;
974
+
975
+ font-size: 10px;
976
+ line-height: 15px
861
977
  }
862
978
  }
863
979
  @media only screen and (min-width: 32em) {
864
- .Table-module_row__3TH83:last-child .Table-module_cell__EFKDW:first-child {
865
- border-radius: 0 0 0 2px
980
+ .Tag-module_slide__2nMDw,
981
+ .Tag-module_game__3j5yG {
982
+ width: 100%;
983
+
984
+ text-align: center
866
985
  }
867
986
  }
868
- .Table-module_cell__EFKDW {
869
- display: table-cell;
870
- overflow: hidden;
871
-
872
- min-height: 32px;
873
- padding: 6px;
874
-
875
- vertical-align: top;
876
-
877
- border-right: 1px solid rgba(232, 232, 232, 1);
878
- border-bottom: 1px solid rgba(232, 232, 232, 1);
879
- background-color: #fff;
880
-
987
+ .Tag-module_richRelated__2vbQQ {
881
988
  font-size: 12px;
882
- line-height: 16px
989
+ line-height: 17px
883
990
  }
884
- @media only screen and (min-width: 32em) {
885
- .Table-module_cell__EFKDW {
886
- padding: 9px 12px 8px;
887
-
991
+ @media only screen and (min-width: 64em) {
992
+ .Tag-module_richRelated__2vbQQ {
888
993
  font-size: 14px;
889
- line-height: 19px
994
+ line-height: 20px
890
995
  }
891
996
  }
892
- .Table-module_cell__EFKDW:last-child {
893
- padding-right: 20px;
997
+ .Tag-module_slide__2nMDw,
998
+ .Tag-module_game__3j5yG,
999
+ .Tag-module_card__1EAeF,
1000
+ .Tag-module_live__rwXuR,
1001
+ .Tag-module_episode__3o6gg,
1002
+ .Tag-module_podcast__VPoll,
1003
+ .Tag-module_rich__2URd9,
1004
+ .Tag-module_isInDynamicBlock__1YM9I {
1005
+ margin-bottom: 6px;
894
1006
 
895
- border-right: 0
1007
+ line-height: 10px
896
1008
  }
897
1009
  @media only screen and (min-width: 32em) {
898
- .Table-module_cell__EFKDW:last-child {
899
- padding-right: 12px
1010
+ .Tag-module_slide__2nMDw,
1011
+ .Tag-module_game__3j5yG,
1012
+ .Tag-module_card__1EAeF,
1013
+ .Tag-module_live__rwXuR,
1014
+ .Tag-module_episode__3o6gg,
1015
+ .Tag-module_podcast__VPoll,
1016
+ .Tag-module_rich__2URd9,
1017
+ .Tag-module_isInDynamicBlock__1YM9I {
1018
+ margin-bottom: 10px
900
1019
  }
901
1020
  }
902
- .Table-module_cell__EFKDW a {
903
- text-decoration: none;
904
-
905
- color: inherit;
906
- box-shadow: inset 0 -1px #000;
907
- }
908
- .Table-module_cell__EFKDW a:hover {
909
- color: #b88b58;
910
- box-shadow: inset 0 -1px #b88b58;
911
- }
912
- .Table-module_cell__EFKDW p {
913
- margin: 0;
914
- }
915
- .Table-module_cell__EFKDW p + p {
916
- margin-top: 8px;
917
- }
918
- .Table-module_fixedColumn__E1hN5 {
919
- position: -webkit-sticky;
920
- position: sticky;
921
- z-index: 50;
922
- left: 0
923
- }
924
1021
  @media only screen and (min-width: 32em) {
925
- .Table-module_fixedColumn__E1hN5 {
926
- position: static
1022
+ .Tag-module_mobile__QQxuv {
1023
+ display: none
927
1024
  }
928
1025
  }
929
- .Table-module_fixedColumn__E1hN5::after {
930
- position: absolute;
931
- top: 0;
932
- right: -15px;
933
- bottom: 0;
934
-
935
- width: 15px;
936
-
937
- content: '';
938
-
939
- background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.04)), to(rgb(0, 0, 0, 0)));
940
-
941
- background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.04) 0%, rgb(0, 0, 0, 0) 100%);
942
-
943
- background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.04) 0%, rgb(0, 0, 0, 0) 100%)
1026
+ .Tag-module_desktop__1Bjsy {
1027
+ display: none
944
1028
  }
945
1029
  @media only screen and (min-width: 32em) {
946
- .Table-module_fixedColumn__E1hN5::after {
947
- content: none
1030
+ .Tag-module_desktop__1Bjsy {
1031
+ display: block
948
1032
  }
949
1033
  }
950
- .Table-module_white__gzvo0 {
951
- background-color: #fff;
952
- }
953
- .Table-module_gray__3da6S {
954
- background-color: #F5F5F5;
955
- }
956
- .Table-module_pink__3oH1l {
957
- background-color: #FEEEEE;
958
- }
959
- .Table-module_blue__GM27F {
960
- background-color: #E6F3FF;
1034
+
1035
+ /* Colors */
1036
+ /* Fonts */
1037
+ /* Gap */
1038
+ /* Media */
1039
+ /* 512 */
1040
+ /* 650 */
1041
+ /* 768 */
1042
+ /* 1024 */
1043
+ /* 1010 */
1044
+ /* 1200 */
1045
+ /* 511 */
1046
+ /* 1023 */
1047
+ /* Zindex */
1048
+ .MediaCaption-module_root__KqTdw {
1049
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
961
1050
  }
962
- .Table-module_yellow__2jhvA {
963
- background-color: #FFFDE6;
1051
+ .MediaCaption-module_root__KqTdw a {
1052
+ text-decoration: underline;
1053
+
1054
+ color: inherit;
1055
+ box-shadow: none;
964
1056
  }
965
- .Table-module_orange__1c-oM {
966
- background-color: #FFF9F2;
1057
+ .MediaCaption-module_root__KqTdw a:hover {
1058
+ color: #b88b58;
967
1059
  }
968
- .Table-module_green__13OIM {
969
- background-color: #E7F2EF;
1060
+ .MediaCaption-module_caption__1hr7Y {
1061
+ max-width: 520px;
1062
+ padding-top: 4px;
1063
+
1064
+ color: #1a1a1a;
1065
+
1066
+ font-size: 14px;
1067
+ line-height: 18px
970
1068
  }
971
- .Table-module_violet__2W-kO {
972
- background-color: #F4F0F8;
1069
+ @media only screen and (min-width: 32em) {
1070
+ .MediaCaption-module_caption__1hr7Y {
1071
+ font-size: 16px;
1072
+ line-height: 22px
973
1073
  }
974
- .Table-module_header__1exlo {
975
- max-width: 340px;
976
- padding: 9px 6px;
977
-
978
- vertical-align: top;
979
- letter-spacing: 0.5px;
980
- text-transform: uppercase;
1074
+ }
1075
+ .MediaCaption-module_credit__3ehAP {
1076
+ max-width: 520px;
1077
+ padding-top: 1px;
981
1078
 
982
- border-right: 1px solid rgba(232, 232, 232, 1);
983
- border-bottom: 1px solid rgba(232, 232, 232, 1);
1079
+ color: #666;
984
1080
 
985
- font-size: 10px;
986
- font-weight: 600;
1081
+ font-size: 12px;
987
1082
  line-height: 16px
988
1083
  }
989
1084
  @media only screen and (min-width: 32em) {
990
- .Table-module_header__1exlo {
991
- max-width: none;
992
- padding: 9px 12px;
993
-
994
- line-height: 11px
1085
+ .MediaCaption-module_credit__3ehAP {
1086
+ padding-top: 3px
995
1087
  }
996
1088
  }
997
- .Table-module_s__Vl_Eg {
998
- min-width: 120px
1089
+ .MediaCaption-module_credit__3ehAP:first-child {
1090
+ padding-top: 3px;
999
1091
  }
1000
- @media only screen and (min-width: 32em) {
1001
- .Table-module_s__Vl_Eg {
1002
- width: 18%;
1003
- min-width: 0
1092
+ .MediaCaption-module_dark__3tL1u .MediaCaption-module_caption__1hr7Y {
1093
+ color: #fff;
1004
1094
  }
1005
- }
1006
- .Table-module_m__29G9r {
1007
- min-width: 200px
1095
+ .MediaCaption-module_dark__3tL1u .MediaCaption-module_credit__3ehAP {
1096
+ color: #929292;
1097
+ }
1098
+ .MediaCaption-module_video__1KZ6k .MediaCaption-module_caption__1hr7Y,
1099
+ .MediaCaption-module_picture__3AAMH .MediaCaption-module_caption__1hr7Y {
1100
+ padding-top: 10px
1008
1101
  }
1009
1102
  @media only screen and (min-width: 32em) {
1010
- .Table-module_m__29G9r {
1011
- width: 30%;
1012
- min-width: 0
1103
+ .MediaCaption-module_video__1KZ6k .MediaCaption-module_caption__1hr7Y,
1104
+ .MediaCaption-module_picture__3AAMH .MediaCaption-module_caption__1hr7Y {
1105
+ padding-top: 12px
1013
1106
  }
1014
-
1015
1107
  }
1016
- .Table-module_l__1ZSMc {
1017
- min-width: 336px
1108
+ .MediaCaption-module_video__1KZ6k .MediaCaption-module_credit__3ehAP:first-child,
1109
+ .MediaCaption-module_picture__3AAMH .MediaCaption-module_credit__3ehAP:first-child {
1110
+ padding-top: 9px
1018
1111
  }
1019
1112
  @media only screen and (min-width: 32em) {
1020
- .Table-module_l__1ZSMc {
1021
- width: 50%;
1022
- min-width: 0
1113
+ .MediaCaption-module_video__1KZ6k .MediaCaption-module_credit__3ehAP:first-child,
1114
+ .MediaCaption-module_picture__3AAMH .MediaCaption-module_credit__3ehAP:first-child {
1115
+ padding-top: 11px
1023
1116
  }
1024
1117
  }
1025
- .Table-module_xs__au2Oe {
1026
- width: 50px;
1027
- min-width: 50px;
1118
+ .MediaCaption-module_picture__3AAMH .MediaCaption-module_credit__3ehAP,
1119
+ .MediaCaption-module_picture__3AAMH .MediaCaption-module_caption__1hr7Y,
1120
+ .MediaCaption-module_video__1KZ6k .MediaCaption-module_credit__3ehAP,
1121
+ .MediaCaption-module_video__1KZ6k .MediaCaption-module_caption__1hr7Y,
1122
+ .MediaCaption-module_desktop__3Saev .MediaCaption-module_credit__3ehAP,
1123
+ .MediaCaption-module_desktop__3Saev .MediaCaption-module_caption__1hr7Y {
1124
+ max-width: 650px;
1028
1125
  }
1029
1126
 
1127
+
1030
1128
  /* Colors */
1031
1129
  /* Fonts */
1032
1130
  /* Gap */
@@ -1040,358 +1138,291 @@
1040
1138
  /* 511 */
1041
1139
  /* 1023 */
1042
1140
  /* Zindex */
1043
- .MaterialNote-module_root__1AcYe {
1044
- margin-bottom: 17px;
1045
-
1046
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1047
- font-size: 16px;
1048
- line-height: 22px;
1049
- }
1050
- .MaterialNote-module_root__1AcYe:empty {
1051
- margin-bottom: 0;
1141
+ .Table-module_root__1VsG6 {
1142
+ margin: 15px 0
1052
1143
  }
1053
- .MaterialNote-module_root__1AcYe:empty::before {
1054
- margin-bottom: 9px;
1144
+ @media only screen and (min-width: 32em) {
1145
+ .Table-module_root__1VsG6 {
1146
+ margin: 25px auto 20px
1055
1147
  }
1056
- .MaterialNote-module_root__1AcYe::before {
1057
- display: block;
1058
-
1059
- width: 120px;
1060
- height: 1px;
1061
- margin-bottom: 15px;
1062
-
1063
- content: '';
1064
-
1065
- background: #000;
1148
+ }
1149
+ .Table-module_card__3gbok .Table-module_table__nZIkV,
1150
+ .Table-module_slide__nSGPC .Table-module_table__nZIkV {
1151
+ margin-right: -11px;
1152
+ margin-left: -11px
1066
1153
  }
1067
- .MaterialNote-module_root__1AcYe p {
1068
- margin-top: 8px;
1069
- margin-bottom: 0;
1154
+ @media only screen and (min-width: 64em) {
1155
+ .Table-module_card__3gbok .Table-module_table__nZIkV,
1156
+ .Table-module_slide__nSGPC .Table-module_table__nZIkV {
1157
+ margin-right: 0;
1158
+ margin-left: 0
1070
1159
  }
1071
- .MaterialNote-module_root__1AcYe a {
1072
- text-decoration: none;
1073
-
1074
- color: inherit;
1075
- box-shadow: inset 0 -1px;
1160
+ }
1161
+ .Table-module_card__3gbok .Table-module_wrapper__1YTKM::after,
1162
+ .Table-module_slide__nSGPC .Table-module_wrapper__1YTKM::after {
1163
+ right: -11px;
1076
1164
  }
1077
- .MaterialNote-module_root__1AcYe a:hover {
1078
- color: #b88b59;
1165
+ .Table-module_root__1VsG6:first-child {
1166
+ margin-top: 0;
1079
1167
  }
1080
- .MaterialNote-module_dark__xCry-::before {
1081
- background-color: #4f4f4f;
1168
+ .Table-module_root__1VsG6:last-child {
1169
+ margin-bottom: 0;
1082
1170
  }
1083
- .MaterialNote-module_note_credit__PuFyX {
1084
- color: #666;
1171
+ .Table-module_table__nZIkV {
1172
+ position: relative;
1085
1173
 
1086
- font-size: 12px;
1087
- line-height: 15px;
1088
- }
1089
- .MaterialNote-module_root__1AcYe .MaterialNote-module_note_credit__PuFyX {
1090
- margin-top: 6px;
1091
- }
1092
- .MaterialNote-module_note_credit__PuFyX:only-child {
1093
- margin-top: 0;
1094
- }
1095
- .MaterialNote-module_note_caption__1ezSo b {
1096
- font-weight: bold;
1174
+ overflow-y: hidden;
1175
+
1176
+ margin: 0 -20px;
1177
+
1178
+ border-width: 1px 0;
1179
+ border-style: solid;
1180
+ border-color: rgba(232, 232, 232, 1);
1181
+
1182
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif
1097
1183
  }
1098
- .MaterialNote-module_center__18RxI {
1099
- max-width: 650px;
1100
- margin-right: auto;
1101
- margin-left: auto;
1184
+ @media only screen and (min-width: 32em) {
1185
+ .Table-module_table__nZIkV {
1186
+ margin: 0;
1187
+
1188
+ border-width: 1px;
1189
+ border-radius: 3px
1102
1190
  }
1103
- .MaterialNote-module_center__18RxI,
1104
- .MaterialNote-module_default__1lQPl {
1105
- margin-top: 25px
1191
+ }
1192
+ .Table-module_tracks__2wrDB {
1193
+ display: table;
1194
+
1195
+ width: 100%
1106
1196
  }
1107
1197
  @media only screen and (min-width: 32em) {
1108
- .MaterialNote-module_center__18RxI,
1109
- .MaterialNote-module_default__1lQPl {
1110
- margin-top: 45px
1198
+ .Table-module_tracks__2wrDB {
1199
+ table-layout: fixed
1111
1200
  }
1112
1201
  }
1113
- .MaterialNote-module_card__OWXbQ:empty,
1114
- .MaterialNote-module_slide__1ZBBq:empty,
1115
- .MaterialNote-module_game__cADMe:empty {
1116
- display: none;
1117
- }
1118
- .MaterialNote-module_slide__1ZBBq::before,
1119
- .MaterialNote-module_card__OWXbQ::before,
1120
- .MaterialNote-module_game__cADMe::before {
1121
- content: none;
1202
+ .Table-module_wrapper__1YTKM {
1203
+ position: relative;
1122
1204
  }
1123
- .MaterialNote-module_gameSurvey__3SiG-,
1124
- .MaterialNote-module_gameSurvey__3SiG-:empty {
1205
+ .Table-module_wrapper__1YTKM::after {
1206
+ position: absolute;
1207
+ z-index: 100;
1208
+ top: 0;
1209
+ right: -20px;
1210
+ bottom: -20px;
1211
+
1125
1212
  display: block;
1126
- }
1127
- .MaterialNote-module_gameSurvey__3SiG-::before {
1128
- margin-right: auto;
1129
- margin-left: auto;
1130
1213
 
1131
- content: '';
1214
+ width: 30px;
1215
+ height: 100%;
1216
+
1217
+ content: "";
1218
+
1219
+ background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(71%, rgb(255, 255, 255)));
1220
+
1221
+ background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 71%);
1222
+
1223
+ background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 71%)
1132
1224
  }
1133
- .MaterialNote-module_slide__1ZBBq .MaterialNote-module_note_caption__1ezSo,
1134
- .MaterialNote-module_card__OWXbQ .MaterialNote-module_note_caption__1ezSo,
1135
- .MaterialNote-module_game__cADMe .MaterialNote-module_note_caption__1ezSo {
1136
- margin-top: 0;
1225
+ @media only screen and (min-width: 32em) {
1226
+ .Table-module_wrapper__1YTKM::after {
1227
+ content: none
1137
1228
  }
1138
- .MaterialNote-module_game__cADMe {
1139
- margin-bottom: 0;
1229
+ }
1230
+ .Table-module_default__3CGeE {
1231
+ max-width: 650px;
1232
+ }
1233
+ .Table-module_full__S5pDB {
1234
+ max-width: 980px;
1235
+ }
1236
+ .Table-module_row__3TH83 {
1237
+ z-index: 1;
1140
1238
 
1141
- text-align: center
1239
+ display: table-row;
1240
+ }
1241
+ .Table-module_row__3TH83:last-child .Table-module_cell__EFKDW {
1242
+ border-bottom: 0;
1142
1243
  }
1143
1244
  @media only screen and (min-width: 32em) {
1144
- .MaterialNote-module_game__cADMe {
1145
- margin-top: 25px
1245
+ .Table-module_row__3TH83:first-child .Table-module_cell__EFKDW:first-child {
1246
+ border-radius: 2px 0 0 0
1146
1247
  }
1147
1248
  }
1148
- @media only screen and (max-width: 32.1875em) {
1149
- .MaterialNote-module_game__cADMe.MaterialNote-module_dark__xCry- .MaterialNote-module_note_credit__PuFyX {
1150
- color: #fff
1249
+ @media only screen and (min-width: 32em) {
1250
+ .Table-module_row__3TH83:first-child .Table-module_cell__EFKDW:last-child {
1251
+ border-radius: 0 2px 0 0
1151
1252
  }
1152
1253
  }
1153
- .MaterialNote-module_slide__1ZBBq,
1154
- .MaterialNote-module_card__OWXbQ {
1155
- margin-bottom: 9px;
1156
- padding-top: 8px
1254
+ @media only screen and (min-width: 32em) {
1255
+ .Table-module_row__3TH83:last-child .Table-module_cell__EFKDW:last-child {
1256
+ border-radius: 0 0 2px 0
1157
1257
  }
1258
+ }
1158
1259
  @media only screen and (min-width: 32em) {
1159
- .MaterialNote-module_slide__1ZBBq,
1160
- .MaterialNote-module_card__OWXbQ {
1161
- margin-bottom: 16px
1260
+ .Table-module_row__3TH83:last-child .Table-module_cell__EFKDW:first-child {
1261
+ border-radius: 0 0 0 2px
1162
1262
  }
1163
1263
  }
1264
+ .Table-module_cell__EFKDW {
1265
+ display: table-cell;
1266
+ overflow: hidden;
1164
1267
 
1165
- /* Colors */
1166
- /* Fonts */
1167
- /* Gap */
1168
- /* Media */
1169
- /* 512 */
1170
- /* 650 */
1171
- /* 768 */
1172
- /* 1024 */
1173
- /* 1010 */
1174
- /* 1200 */
1175
- /* 511 */
1176
- /* 1023 */
1177
- /* Zindex */
1178
- .Tag-module_root__3IqWC {
1179
- display: inline-block;
1268
+ min-height: 32px;
1269
+ padding: 6px;
1180
1270
 
1181
- cursor: default;
1182
- -webkit-user-select: none;
1183
- -moz-user-select: none;
1184
- -ms-user-select: none;
1185
- user-select: none;
1186
- vertical-align: middle;
1187
- letter-spacing: 1px;
1188
- text-transform: uppercase;
1271
+ vertical-align: top;
1272
+
1273
+ border-right: 1px solid rgba(232, 232, 232, 1);
1274
+ border-bottom: 1px solid rgba(232, 232, 232, 1);
1275
+ background-color: #fff;
1189
1276
 
1190
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1191
- font-size: 12px;
1192
- font-weight: 600;
1193
- line-height: 12px;
1194
- }
1195
- .Tag-module_small__2IAb7 {
1196
1277
  font-size: 12px;
1197
- line-height: 12px
1198
- }
1199
- @media only screen and (min-width: 64em) {
1200
- .Tag-module_small__2IAb7 {
1201
- line-height: 14px
1278
+ line-height: 16px
1202
1279
  }
1203
- }
1204
- @media only screen and (min-width: 64em) {
1205
- .Tag-module_large__22z_o {
1206
- letter-spacing: 1px;
1280
+ @media only screen and (min-width: 32em) {
1281
+ .Table-module_cell__EFKDW {
1282
+ padding: 9px 12px 8px;
1207
1283
 
1208
1284
  font-size: 14px;
1209
- line-height: 16px
1285
+ line-height: 19px
1210
1286
  }
1211
1287
  }
1212
- .Tag-module_dark__sgnt1 {
1213
- color: #000;
1214
- }
1215
- .Tag-module_light__1zUhp {
1216
- color: #fff;
1217
- }
1218
- .Tag-module_gold__2ksA7 {
1219
- color: #b88b59;
1288
+ .Table-module_cell__EFKDW:last-child {
1289
+ padding-right: 20px;
1290
+
1291
+ border-right: 0
1220
1292
  }
1221
- .Tag-module_gray__mGAO_ {
1222
- color: #757575;
1293
+ @media only screen and (min-width: 32em) {
1294
+ .Table-module_cell__EFKDW:last-child {
1295
+ padding-right: 12px
1223
1296
  }
1224
- .Tag-module_inherit__2QB5U {
1297
+ }
1298
+ .Table-module_cell__EFKDW a {
1299
+ text-decoration: none;
1300
+
1225
1301
  color: inherit;
1302
+ box-shadow: inset 0 -1px #000;
1226
1303
  }
1227
- @media only screen and (min-width: 64em) {
1228
- .Tag-module_is1to1__3EDbC,
1229
- .Tag-module_is1to2__3xbC6,
1230
- .Tag-module_isInSuperBlock__38JE0 {
1231
- letter-spacing: 1px;
1232
-
1233
- font-size: 12px;
1234
- line-height: 20px
1304
+ .Table-module_cell__EFKDW a:hover {
1305
+ color: #b88b58;
1306
+ box-shadow: inset 0 -1px #b88b58;
1235
1307
  }
1236
- }
1237
- @media only screen and (min-width: 64em) {
1238
- .Tag-module_is1to3__3j5K-,
1239
- .Tag-module_is1to4__2vq4r {
1240
- letter-spacing: 0.5px;
1241
-
1242
- font-size: 10px;
1243
- line-height: 15px
1308
+ .Table-module_cell__EFKDW p {
1309
+ margin: 0;
1244
1310
  }
1245
- }
1246
- @media only screen and (min-width: 32em) {
1247
- .Tag-module_slide__2nMDw,
1248
- .Tag-module_game__3j5yG {
1249
- width: 100%;
1250
-
1251
- text-align: center
1311
+ .Table-module_cell__EFKDW p + p {
1312
+ margin-top: 8px;
1252
1313
  }
1253
- }
1254
- .Tag-module_richRelated__2vbQQ {
1255
- font-size: 12px;
1256
- line-height: 17px
1314
+ .Table-module_fixedColumn__E1hN5 {
1315
+ position: -webkit-sticky;
1316
+ position: sticky;
1317
+ z-index: 50;
1318
+ left: 0
1257
1319
  }
1258
- @media only screen and (min-width: 64em) {
1259
- .Tag-module_richRelated__2vbQQ {
1260
- font-size: 14px;
1261
- line-height: 20px
1320
+ @media only screen and (min-width: 32em) {
1321
+ .Table-module_fixedColumn__E1hN5 {
1322
+ position: static
1262
1323
  }
1263
1324
  }
1264
- .Tag-module_slide__2nMDw,
1265
- .Tag-module_game__3j5yG,
1266
- .Tag-module_card__1EAeF,
1267
- .Tag-module_live__rwXuR,
1268
- .Tag-module_episode__3o6gg,
1269
- .Tag-module_podcast__VPoll,
1270
- .Tag-module_rich__2URd9,
1271
- .Tag-module_isInDynamicBlock__1YM9I {
1272
- margin-bottom: 6px;
1325
+ .Table-module_fixedColumn__E1hN5::after {
1326
+ position: absolute;
1327
+ top: 0;
1328
+ right: -15px;
1329
+ bottom: 0;
1273
1330
 
1274
- line-height: 10px
1331
+ width: 15px;
1332
+
1333
+ content: '';
1334
+
1335
+ background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.04)), to(rgb(0, 0, 0, 0)));
1336
+
1337
+ background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.04) 0%, rgb(0, 0, 0, 0) 100%);
1338
+
1339
+ background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.04) 0%, rgb(0, 0, 0, 0) 100%)
1275
1340
  }
1276
1341
  @media only screen and (min-width: 32em) {
1277
- .Tag-module_slide__2nMDw,
1278
- .Tag-module_game__3j5yG,
1279
- .Tag-module_card__1EAeF,
1280
- .Tag-module_live__rwXuR,
1281
- .Tag-module_episode__3o6gg,
1282
- .Tag-module_podcast__VPoll,
1283
- .Tag-module_rich__2URd9,
1284
- .Tag-module_isInDynamicBlock__1YM9I {
1285
- margin-bottom: 10px
1342
+ .Table-module_fixedColumn__E1hN5::after {
1343
+ content: none
1286
1344
  }
1287
1345
  }
1288
- @media only screen and (min-width: 32em) {
1289
- .Tag-module_mobile__QQxuv {
1290
- display: none
1346
+ .Table-module_white__gzvo0 {
1347
+ background-color: #fff;
1291
1348
  }
1292
- }
1293
- .Tag-module_desktop__1Bjsy {
1294
- display: none
1349
+ .Table-module_gray__3da6S {
1350
+ background-color: #F5F5F5;
1295
1351
  }
1296
- @media only screen and (min-width: 32em) {
1297
- .Tag-module_desktop__1Bjsy {
1298
- display: block
1352
+ .Table-module_pink__3oH1l {
1353
+ background-color: #FEEEEE;
1299
1354
  }
1300
- }
1301
-
1302
- /* Colors */
1303
- /* Fonts */
1304
- /* Gap */
1305
- /* Media */
1306
- /* 512 */
1307
- /* 650 */
1308
- /* 768 */
1309
- /* 1024 */
1310
- /* 1010 */
1311
- /* 1200 */
1312
- /* 511 */
1313
- /* 1023 */
1314
- /* Zindex */
1315
- .MediaCaption-module_root__KqTdw {
1316
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1355
+ .Table-module_blue__GM27F {
1356
+ background-color: #E6F3FF;
1317
1357
  }
1318
- .MediaCaption-module_root__KqTdw a {
1319
- text-decoration: underline;
1320
-
1321
- color: inherit;
1322
- box-shadow: none;
1358
+ .Table-module_yellow__2jhvA {
1359
+ background-color: #FFFDE6;
1323
1360
  }
1324
- .MediaCaption-module_root__KqTdw a:hover {
1325
- color: #b88b58;
1361
+ .Table-module_orange__1c-oM {
1362
+ background-color: #FFF9F2;
1326
1363
  }
1327
- .MediaCaption-module_caption__1hr7Y {
1328
- max-width: 520px;
1329
- padding-top: 4px;
1330
-
1331
- color: #1a1a1a;
1332
-
1333
- font-size: 14px;
1334
- line-height: 18px
1364
+ .Table-module_green__13OIM {
1365
+ background-color: #E7F2EF;
1335
1366
  }
1336
- @media only screen and (min-width: 32em) {
1337
- .MediaCaption-module_caption__1hr7Y {
1338
- font-size: 16px;
1339
- line-height: 22px
1367
+ .Table-module_violet__2W-kO {
1368
+ background-color: #F4F0F8;
1340
1369
  }
1341
- }
1342
- .MediaCaption-module_credit__3ehAP {
1343
- max-width: 520px;
1344
- padding-top: 1px;
1370
+ .Table-module_header__1exlo {
1371
+ max-width: 340px;
1372
+ padding: 9px 6px;
1373
+
1374
+ vertical-align: top;
1375
+ letter-spacing: 0.5px;
1376
+ text-transform: uppercase;
1345
1377
 
1346
- color: #666;
1378
+ border-right: 1px solid rgba(232, 232, 232, 1);
1379
+ border-bottom: 1px solid rgba(232, 232, 232, 1);
1347
1380
 
1348
- font-size: 12px;
1381
+ font-size: 10px;
1382
+ font-weight: 600;
1349
1383
  line-height: 16px
1350
1384
  }
1351
1385
  @media only screen and (min-width: 32em) {
1352
- .MediaCaption-module_credit__3ehAP {
1353
- padding-top: 3px
1386
+ .Table-module_header__1exlo {
1387
+ max-width: none;
1388
+ padding: 9px 12px;
1389
+
1390
+ line-height: 11px
1354
1391
  }
1355
1392
  }
1356
- .MediaCaption-module_credit__3ehAP:first-child {
1357
- padding-top: 3px;
1358
- }
1359
- .MediaCaption-module_dark__3tL1u .MediaCaption-module_caption__1hr7Y {
1360
- color: #fff;
1393
+ .Table-module_s__Vl_Eg {
1394
+ min-width: 120px
1361
1395
  }
1362
- .MediaCaption-module_dark__3tL1u .MediaCaption-module_credit__3ehAP {
1363
- color: #929292;
1396
+ @media only screen and (min-width: 32em) {
1397
+ .Table-module_s__Vl_Eg {
1398
+ width: 18%;
1399
+ min-width: 0
1364
1400
  }
1365
- .MediaCaption-module_video__1KZ6k .MediaCaption-module_caption__1hr7Y,
1366
- .MediaCaption-module_picture__3AAMH .MediaCaption-module_caption__1hr7Y {
1367
- padding-top: 10px
1401
+ }
1402
+ .Table-module_m__29G9r {
1403
+ min-width: 200px
1368
1404
  }
1369
1405
  @media only screen and (min-width: 32em) {
1370
- .MediaCaption-module_video__1KZ6k .MediaCaption-module_caption__1hr7Y,
1371
- .MediaCaption-module_picture__3AAMH .MediaCaption-module_caption__1hr7Y {
1372
- padding-top: 12px
1406
+ .Table-module_m__29G9r {
1407
+ width: 30%;
1408
+ min-width: 0
1373
1409
  }
1410
+
1374
1411
  }
1375
- .MediaCaption-module_video__1KZ6k .MediaCaption-module_credit__3ehAP:first-child,
1376
- .MediaCaption-module_picture__3AAMH .MediaCaption-module_credit__3ehAP:first-child {
1377
- padding-top: 9px
1412
+ .Table-module_l__1ZSMc {
1413
+ min-width: 336px
1378
1414
  }
1379
1415
  @media only screen and (min-width: 32em) {
1380
- .MediaCaption-module_video__1KZ6k .MediaCaption-module_credit__3ehAP:first-child,
1381
- .MediaCaption-module_picture__3AAMH .MediaCaption-module_credit__3ehAP:first-child {
1382
- padding-top: 11px
1416
+ .Table-module_l__1ZSMc {
1417
+ width: 50%;
1418
+ min-width: 0
1383
1419
  }
1384
1420
  }
1385
- .MediaCaption-module_picture__3AAMH .MediaCaption-module_credit__3ehAP,
1386
- .MediaCaption-module_picture__3AAMH .MediaCaption-module_caption__1hr7Y,
1387
- .MediaCaption-module_video__1KZ6k .MediaCaption-module_credit__3ehAP,
1388
- .MediaCaption-module_video__1KZ6k .MediaCaption-module_caption__1hr7Y,
1389
- .MediaCaption-module_desktop__3Saev .MediaCaption-module_credit__3ehAP,
1390
- .MediaCaption-module_desktop__3Saev .MediaCaption-module_caption__1hr7Y {
1391
- max-width: 650px;
1421
+ .Table-module_xs__au2Oe {
1422
+ width: 50px;
1423
+ min-width: 50px;
1392
1424
  }
1393
1425
 
1394
-
1395
1426
  /* Colors */
1396
1427
  /* Fonts */
1397
1428
  /* Gap */
@@ -1474,25 +1505,248 @@
1474
1505
  font-weight: normal;
1475
1506
  line-height: 27px
1476
1507
  }
1477
- @media only screen and (min-width: 48em) {
1478
- .MaterialTitle-module_root__18ku- {
1479
- font-size: 37px;
1480
- line-height: 38px
1508
+ @media only screen and (min-width: 48em) {
1509
+ .MaterialTitle-module_root__18ku- {
1510
+ font-size: 37px;
1511
+ line-height: 38px
1512
+ }
1513
+ }
1514
+ .MaterialTitle-module_primary__2Sfmx {
1515
+ font-family: 'PF Regal', 'PF Regal Text Pro', 'Georgia', serif;
1516
+ font-weight: normal;
1517
+ }
1518
+ .MaterialTitle-module_secondary__3uDp4 {
1519
+ font-size: 24px;
1520
+ font-weight: 700
1521
+ }
1522
+ @media only screen and (min-width: 48em) {
1523
+ .MaterialTitle-module_secondary__3uDp4 {
1524
+ font-size: 36px
1525
+ }
1526
+ }
1527
+
1528
+ /* Colors */
1529
+ /* Fonts */
1530
+ /* Gap */
1531
+ /* Media */
1532
+ /* 512 */
1533
+ /* 650 */
1534
+ /* 768 */
1535
+ /* 1024 */
1536
+ /* 1010 */
1537
+ /* 1200 */
1538
+ /* 511 */
1539
+ /* 1023 */
1540
+ /* Zindex */
1541
+ .MaterialNote-module_root__1AcYe {
1542
+ margin-bottom: 17px;
1543
+
1544
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1545
+ font-size: 16px;
1546
+ line-height: 22px;
1547
+ }
1548
+ .MaterialNote-module_root__1AcYe:empty {
1549
+ margin-bottom: 0;
1550
+ }
1551
+ .MaterialNote-module_root__1AcYe:empty::before {
1552
+ margin-bottom: 9px;
1553
+ }
1554
+ .MaterialNote-module_root__1AcYe::before {
1555
+ display: block;
1556
+
1557
+ width: 120px;
1558
+ height: 1px;
1559
+ margin-bottom: 15px;
1560
+
1561
+ content: '';
1562
+
1563
+ background: #000;
1564
+ }
1565
+ .MaterialNote-module_root__1AcYe p {
1566
+ margin-top: 8px;
1567
+ margin-bottom: 0;
1568
+ }
1569
+ .MaterialNote-module_root__1AcYe a {
1570
+ text-decoration: none;
1571
+
1572
+ color: inherit;
1573
+ box-shadow: inset 0 -1px;
1574
+ }
1575
+ .MaterialNote-module_root__1AcYe a:hover {
1576
+ color: #b88b59;
1577
+ }
1578
+ .MaterialNote-module_dark__xCry-::before {
1579
+ background-color: #4f4f4f;
1580
+ }
1581
+ .MaterialNote-module_note_credit__PuFyX {
1582
+ color: #666;
1583
+
1584
+ font-size: 12px;
1585
+ line-height: 15px;
1586
+ }
1587
+ .MaterialNote-module_root__1AcYe .MaterialNote-module_note_credit__PuFyX {
1588
+ margin-top: 6px;
1589
+ }
1590
+ .MaterialNote-module_note_credit__PuFyX:only-child {
1591
+ margin-top: 0;
1592
+ }
1593
+ .MaterialNote-module_note_caption__1ezSo b {
1594
+ font-weight: bold;
1595
+ }
1596
+ .MaterialNote-module_center__18RxI {
1597
+ max-width: 650px;
1598
+ margin-right: auto;
1599
+ margin-left: auto;
1600
+ }
1601
+ .MaterialNote-module_center__18RxI,
1602
+ .MaterialNote-module_default__1lQPl {
1603
+ margin-top: 25px
1604
+ }
1605
+ @media only screen and (min-width: 32em) {
1606
+ .MaterialNote-module_center__18RxI,
1607
+ .MaterialNote-module_default__1lQPl {
1608
+ margin-top: 45px
1609
+ }
1610
+ }
1611
+ .MaterialNote-module_card__OWXbQ:empty,
1612
+ .MaterialNote-module_slide__1ZBBq:empty,
1613
+ .MaterialNote-module_game__cADMe:empty {
1614
+ display: none;
1615
+ }
1616
+ .MaterialNote-module_slide__1ZBBq::before,
1617
+ .MaterialNote-module_card__OWXbQ::before,
1618
+ .MaterialNote-module_game__cADMe::before {
1619
+ content: none;
1620
+ }
1621
+ .MaterialNote-module_gameSurvey__3SiG-,
1622
+ .MaterialNote-module_gameSurvey__3SiG-:empty {
1623
+ display: block;
1624
+ }
1625
+ .MaterialNote-module_gameSurvey__3SiG-::before {
1626
+ margin-right: auto;
1627
+ margin-left: auto;
1628
+
1629
+ content: '';
1630
+ }
1631
+ .MaterialNote-module_slide__1ZBBq .MaterialNote-module_note_caption__1ezSo,
1632
+ .MaterialNote-module_card__OWXbQ .MaterialNote-module_note_caption__1ezSo,
1633
+ .MaterialNote-module_game__cADMe .MaterialNote-module_note_caption__1ezSo {
1634
+ margin-top: 0;
1635
+ }
1636
+ .MaterialNote-module_game__cADMe {
1637
+ margin-bottom: 0;
1638
+
1639
+ text-align: center
1640
+ }
1641
+ @media only screen and (min-width: 32em) {
1642
+ .MaterialNote-module_game__cADMe {
1643
+ margin-top: 25px
1644
+ }
1645
+ }
1646
+ @media only screen and (max-width: 32.1875em) {
1647
+ .MaterialNote-module_game__cADMe.MaterialNote-module_dark__xCry- .MaterialNote-module_note_credit__PuFyX {
1648
+ color: #fff
1649
+ }
1650
+ }
1651
+ .MaterialNote-module_slide__1ZBBq,
1652
+ .MaterialNote-module_card__OWXbQ {
1653
+ margin-bottom: 9px;
1654
+ padding-top: 8px
1655
+ }
1656
+ @media only screen and (min-width: 32em) {
1657
+ .MaterialNote-module_slide__1ZBBq,
1658
+ .MaterialNote-module_card__OWXbQ {
1659
+ margin-bottom: 16px
1660
+ }
1661
+ }
1662
+
1663
+ /* Colors */
1664
+ /* Fonts */
1665
+ /* Gap */
1666
+ /* Media */
1667
+ /* 512 */
1668
+ /* 650 */
1669
+ /* 768 */
1670
+ /* 1024 */
1671
+ /* 1010 */
1672
+ /* 1200 */
1673
+ /* 511 */
1674
+ /* 1023 */
1675
+ /* Zindex */
1676
+ .Dropdown-module_root__11PNk {
1677
+ position: relative;
1678
+ z-index: 100;
1679
+
1680
+ display: inline-block;
1681
+
1682
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1683
+ }
1684
+ .Dropdown-module_root__11PNk.Dropdown-module_active__3IwAl .Dropdown-module_menu__3PIqD,
1685
+ .Dropdown-module_root__11PNk:hover .Dropdown-module_menu__3PIqD {
1686
+ visibility: visible;
1687
+
1688
+ opacity: 1;
1689
+ }
1690
+ .Dropdown-module_root__11PNk ul {
1691
+ overflow: hidden;
1692
+
1693
+ width: 162px;
1694
+ margin: 0;
1695
+ padding: 3px 0;
1696
+
1697
+ border-radius: 5px;
1698
+ background: #fff;
1699
+ box-shadow: 0 0 0 1px #c0c0c0, 0 5px 20px 0 rgba(0, 0, 0, 0.2);
1700
+
1701
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1702
+ font-size: 14px;
1703
+ line-height: 26px;
1704
+ }
1705
+ .Dropdown-module_root__11PNk a {
1706
+ display: block;
1707
+
1708
+ padding: 2px 15px;
1709
+
1710
+ text-decoration: none;
1711
+
1712
+ color: #000;
1713
+ box-shadow: none;
1481
1714
  }
1482
- }
1483
- .MaterialTitle-module_primary__2Sfmx {
1484
- font-family: 'PF Regal', 'PF Regal Text Pro', 'Georgia', serif;
1485
- font-weight: normal;
1715
+ .Dropdown-module_root__11PNk a:hover {
1716
+ color: #000;
1717
+ background-color: #f7f7f7;
1486
1718
  }
1487
- .MaterialTitle-module_secondary__3uDp4 {
1488
- font-size: 24px;
1489
- font-weight: 700
1719
+ .Dropdown-module_isInAudioPanel__1zv7F .Dropdown-module_menu__3PIqD {
1720
+ right: 0;
1721
+ left: auto
1490
1722
  }
1491
- @media only screen and (min-width: 48em) {
1492
- .MaterialTitle-module_secondary__3uDp4 {
1493
- font-size: 36px
1723
+ @media only screen and (min-width: 64em) {
1724
+ .Dropdown-module_isInAudioPanel__1zv7F .Dropdown-module_menu__3PIqD {
1725
+ right: auto;
1726
+ left: 0
1494
1727
  }
1495
1728
  }
1729
+ .Dropdown-module_menu__3PIqD {
1730
+ position: absolute;
1731
+ top: 100%;
1732
+ left: 0;
1733
+
1734
+ visibility: hidden;
1735
+
1736
+ padding-top: 6px;
1737
+
1738
+ opacity: 0;
1739
+ }
1740
+ .Dropdown-module_menu__3PIqD::after {
1741
+ position: absolute;
1742
+ z-index: -1;
1743
+ top: -10px;
1744
+ right: -10px;
1745
+ bottom: -10px;
1746
+ left: -10px;
1747
+
1748
+ content: '';
1749
+ }
1496
1750
 
1497
1751
  /* Colors */
1498
1752
  /* Fonts */
@@ -1507,245 +1761,134 @@
1507
1761
  /* 511 */
1508
1762
  /* 1023 */
1509
1763
  /* Zindex */
1510
- .DotsOnImage-module_root__2XP3Q {
1511
- position: relative;
1764
+ .Toolbar-module_root__2HF2r {
1765
+ overflow: hidden;
1512
1766
 
1513
- display: block;
1767
+ transform: translateZ(0);
1514
1768
 
1515
- width: 100%;
1516
- }
1517
- .DotsOnImage-module_isVisible__Wqqqt .DotsOnImage-module_marker__lH5cP {
1518
- -webkit-animation: DotsOnImage-module_show__2TMBv 400ms ease both 500ms;
1519
- animation: DotsOnImage-module_show__2TMBv 400ms ease both 500ms;
1769
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1520
1770
  }
1521
- .DotsOnImage-module_dot__H1wua {
1522
- position: absolute;
1523
- z-index: 10;
1524
-
1771
+ .Toolbar-module_list__1n5ny {
1525
1772
  display: -webkit-box;
1526
-
1527
1773
  display: -webkit-flex;
1528
-
1529
1774
  display: -ms-flexbox;
1530
-
1531
1775
  display: flex;
1532
- align-items: center;
1533
- flex-flow: row nowrap;
1534
- justify-content: center;
1776
+ flex-flow: row wrap;
1535
1777
 
1536
- width: 28px;
1537
- height: 28px;
1778
+ margin: 0 0 0 -10px;
1779
+ padding: 0;
1538
1780
 
1539
- will-change: opacity;
1781
+ list-style: none
1540
1782
  }
1541
- .DotsOnImage-module_marker__lH5cP {
1542
- width: 20px;
1543
- height: 20px;
1544
- padding: 0;
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;
1545
1795
 
1546
1796
  cursor: pointer;
1797
+ transition: color 250ms ease;
1547
1798
  text-align: center;
1548
1799
 
1549
- opacity: 0;
1550
- color: #fff;
1551
- border-width: 0;
1552
- border-radius: 30px;
1553
- outline-width: 0;
1554
- background-color: #000;
1555
- box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
1556
-
1557
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1558
- font-size: 9px;
1559
- font-weight: 600;
1560
- line-height: 22px;
1561
-
1562
- -webkit-appearance: none;
1563
-
1564
- -moz-appearance: none;
1800
+ color: #808080;
1565
1801
 
1566
- appearance: none;
1567
- will-change: opacity;
1568
- -webkit-tap-highlight-color: transparent
1802
+ line-height: 1
1569
1803
  }
1570
- @media only screen and (min-width: 32em) {
1571
- .DotsOnImage-module_marker__lH5cP {
1572
- width: 28px;
1573
- height: 28px;
1574
-
1575
- font-size: 13px;
1576
- line-height: 28px
1804
+ @media only screen and (min-width: 64em) {
1805
+ .Toolbar-module_item__36x7d {
1806
+ padding-right: 15px;
1807
+ padding-left: 15px
1577
1808
  }
1578
1809
  }
1579
- .DotsOnImage-module_marker__lH5cP::after {
1810
+ .Toolbar-module_item__36x7d:last-child {
1811
+ margin-right: 0;
1812
+ }
1813
+ .Toolbar-module_item__36x7d::before {
1580
1814
  position: absolute;
1581
- top: -5px;
1582
- right: -5px;
1583
- bottom: -5px;
1584
- left: -5px;
1815
+ top: 7px;
1816
+ left: 0;
1585
1817
 
1586
- content: ''
1587
- }
1588
- @media only screen and (min-width: 32em) {
1589
- .DotsOnImage-module_marker__lH5cP::after {
1590
- content: none
1591
- }
1592
- }
1593
- .DotsOnImage-module_marker__lH5cP svg {
1594
- display: block;
1818
+ height: 18px;
1595
1819
 
1596
- width: 100%;
1597
- height: 100%;
1820
+ content: '';
1821
+ vertical-align: middle;
1598
1822
 
1599
- will-change: opacity;
1600
- }
1601
- .DotsOnImage-module_marker__lH5cP:hover {
1602
- box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
1603
- }
1604
- .DotsOnImage-module_marker__lH5cP.DotsOnImage-module_isActive__3hh31 {
1605
- box-shadow: 0 0 8px rgba(0, 0, 0, 0.2), 0 0 0 1px #fff;
1606
- }
1607
- .DotsOnImage-module_popover__35Cpj {
1608
- position: absolute;
1609
- z-index: 10;
1823
+ border-left: 1px solid rgba(0, 0, 0, 0.15);
1610
1824
  }
1611
- .DotsOnImage-module_popover__35Cpj.DotsOnImage-module_isRight__2RsJe.DotsOnImage-module_isTop__3zmSK {
1612
- transform: translateX(50px);
1825
+ .Toolbar-module_item__36x7d:empty {
1826
+ display: none;
1613
1827
  }
1614
- .DotsOnImage-module_popover__35Cpj.DotsOnImage-module_isLeft__3quc9.DotsOnImage-module_isTop__3zmSK {
1615
- transform: translateX(-100%) translateX(-22px);
1828
+ .Toolbar-module_isInTopbar__223iP {
1829
+ height: 100%;
1616
1830
  }
1617
- .DotsOnImage-module_popover__35Cpj.DotsOnImage-module_isRight__2RsJe.DotsOnImage-module_isBottom__3Nk1T {
1618
- transform: translateX(50px) translateY(-100%) translateY(22px);
1831
+ .Toolbar-module_isInTopbar__223iP .Toolbar-module_item__36x7d {
1832
+ height: 100%;
1619
1833
  }
1620
- .DotsOnImage-module_popover__35Cpj.DotsOnImage-module_isLeft__3quc9.DotsOnImage-module_isBottom__3Nk1T {
1621
- transform: translateX(-100%) translateX(-22px) translateY(-100%)
1622
- translateY(22px);
1834
+ .Toolbar-module_center__3_H8M {
1835
+ width: 100%;
1836
+ max-width: 650px;
1837
+ margin-right: auto;
1838
+ margin-left: auto;
1623
1839
  }
1624
- @-webkit-keyframes DotsOnImage-module_show__2TMBv {
1625
- 0% {
1626
- transform: scale(0.4);
1627
-
1628
- opacity: 0;
1629
- }
1630
-
1631
- 90% {
1632
- transform: scale(1.1);
1633
-
1634
- opacity: 1;
1635
- }
1636
-
1637
- 100% {
1638
- transform: scale(1);
1639
-
1640
- opacity: 1;
1641
- }
1840
+ .Toolbar-module_game__5-jY_ {
1841
+ margin-top: 11px
1642
1842
  }
1643
- @keyframes DotsOnImage-module_show__2TMBv {
1644
- 0% {
1645
- transform: scale(0.4);
1646
-
1647
- opacity: 0;
1648
- }
1649
-
1650
- 90% {
1651
- transform: scale(1.1);
1652
-
1653
- opacity: 1;
1654
- }
1655
-
1656
- 100% {
1657
- transform: scale(1);
1658
-
1659
- opacity: 1;
1660
- }
1843
+ @media only screen and (min-width: 32em) {
1844
+ .Toolbar-module_game__5-jY_ {
1845
+ margin-top: 18px
1661
1846
  }
1662
-
1663
- /* Colors */
1664
- /* Fonts */
1665
- /* Gap */
1666
- /* Media */
1667
- /* 512 */
1668
- /* 650 */
1669
- /* 768 */
1670
- /* 1024 */
1671
- /* 1010 */
1672
- /* 1200 */
1673
- /* 511 */
1674
- /* 1023 */
1675
- /* Zindex */
1676
- .Dropdown-module_root__11PNk {
1677
- position: relative;
1678
- z-index: 100;
1679
-
1680
- display: inline-block;
1681
-
1682
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1847
+ }
1848
+ .Toolbar-module_game__5-jY_ .Toolbar-module_list__1n5ny,
1849
+ .Toolbar-module_gameSurvey__1hQEz .Toolbar-module_list__1n5ny {
1850
+ justify-content: center
1683
1851
  }
1684
- .Dropdown-module_root__11PNk.Dropdown-module_active__3IwAl .Dropdown-module_menu__3PIqD,
1685
- .Dropdown-module_root__11PNk:hover .Dropdown-module_menu__3PIqD {
1686
- visibility: visible;
1687
-
1688
- opacity: 1;
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
1689
1859
  }
1690
- .Dropdown-module_root__11PNk ul {
1691
- overflow: hidden;
1692
-
1693
- width: 162px;
1694
- margin: 0;
1695
- padding: 3px 0;
1696
-
1697
- border-radius: 5px;
1698
- background: #fff;
1699
- box-shadow: 0 0 0 1px #c0c0c0, 0 5px 20px 0 rgba(0, 0, 0, 0.2);
1700
-
1701
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1702
- font-size: 14px;
1703
- line-height: 26px;
1860
+ }
1861
+ .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child {
1862
+ width: 260px
1704
1863
  }
1705
- .Dropdown-module_root__11PNk a {
1706
- display: block;
1707
-
1708
- padding: 2px 15px;
1709
-
1710
- text-decoration: none;
1711
-
1712
- color: #000;
1713
- box-shadow: none;
1864
+ @media only screen and (min-width: 32em) {
1865
+ .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child {
1866
+ width: auto
1714
1867
  }
1715
- .Dropdown-module_root__11PNk a:hover {
1716
- color: #000;
1717
- background-color: #f7f7f7;
1868
+ }
1869
+ .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child::before {
1870
+ content: none
1718
1871
  }
1719
- .Dropdown-module_isInAudioPanel__1zv7F .Dropdown-module_menu__3PIqD {
1720
- right: 0;
1721
- left: auto
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;
1722
1880
  }
1723
1881
  @media only screen and (min-width: 64em) {
1724
- .Dropdown-module_isInAudioPanel__1zv7F .Dropdown-module_menu__3PIqD {
1725
- right: auto;
1726
- left: 0
1882
+ .Toolbar-module_game__5-jY_ .Toolbar-module_list__1n5ny,
1883
+ .Toolbar-module_gameSurvey__1hQEz .Toolbar-module_list__1n5ny {
1884
+ margin-left: 0
1727
1885
  }
1728
1886
  }
1729
- .Dropdown-module_menu__3PIqD {
1730
- position: absolute;
1731
- top: 100%;
1732
- left: 0;
1733
-
1734
- visibility: hidden;
1735
-
1736
- padding-top: 6px;
1737
-
1738
- opacity: 0;
1887
+ .Toolbar-module_dark__2Ejc9 .Toolbar-module_item__36x7d::before {
1888
+ border-left-color: rgba(255, 255, 255, 0.2);
1739
1889
  }
1740
- .Dropdown-module_menu__3PIqD::after {
1741
- position: absolute;
1742
- z-index: -1;
1743
- top: -10px;
1744
- right: -10px;
1745
- bottom: -10px;
1746
- left: -10px;
1747
-
1748
- content: '';
1890
+ [data-context="prodano"] .Toolbar-module_root__2HF2r {
1891
+ display: none;
1749
1892
  }
1750
1893
 
1751
1894
  /* Colors */
@@ -1959,6 +2102,24 @@
1959
2102
  }
1960
2103
  }
1961
2104
 
2105
+ /* Colors */
2106
+ /* Fonts */
2107
+ /* Gap */
2108
+ /* Media */
2109
+ /* 512 */
2110
+ /* 650 */
2111
+ /* 768 */
2112
+ /* 1024 */
2113
+ /* 1010 */
2114
+ /* 1200 */
2115
+ /* 511 */
2116
+ /* 1023 */
2117
+ /* Zindex */
2118
+ .Timestamp-module_root__coOvT {
2119
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2120
+ font-weight: normal;
2121
+ }
2122
+
1962
2123
  /* Colors */
1963
2124
  /* Fonts */
1964
2125
  /* Gap */
@@ -2048,197 +2209,36 @@
2048
2209
  .Meta-module_hasSource__2lXiN {
2049
2210
  display: -webkit-box;
2050
2211
  display: -webkit-flex;
2051
- display: -ms-flexbox;
2052
- display: flex;
2053
- flex-flow: row wrap
2054
- }
2055
- }
2056
- .Meta-module_bookmark__3ot3k {
2057
- position: absolute;
2058
- z-index: 10;
2059
- right: -12px;
2060
- bottom: -4px
2061
- }
2062
- @media only screen and (min-width: 32em) {
2063
- .Meta-module_bookmark__3ot3k {
2064
- display: none
2065
- }
2066
- }
2067
- /* VISIBILITY */
2068
- @media only screen and (min-width: 32em) {
2069
- .Meta-module_mobile__22LGV {
2070
- display: none
2071
- }
2072
- }
2073
- .Meta-module_desktop__1ZGUS {
2074
- display: none
2075
- }
2076
- @media only screen and (min-width: 32em) {
2077
- .Meta-module_desktop__1ZGUS {
2078
- display: block
2079
- }
2080
- }
2081
-
2082
- /* Colors */
2083
- /* Fonts */
2084
- /* Gap */
2085
- /* Media */
2086
- /* 512 */
2087
- /* 650 */
2088
- /* 768 */
2089
- /* 1024 */
2090
- /* 1010 */
2091
- /* 1200 */
2092
- /* 511 */
2093
- /* 1023 */
2094
- /* Zindex */
2095
- .Toolbar-module_root__2HF2r {
2096
- overflow: hidden;
2097
-
2098
- transform: translateZ(0);
2099
-
2100
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2101
- }
2102
- .Toolbar-module_list__1n5ny {
2103
- display: -webkit-box;
2104
- display: -webkit-flex;
2105
- display: -ms-flexbox;
2106
- display: flex;
2107
- flex-flow: row wrap;
2108
-
2109
- margin: 0 0 0 -10px;
2110
- padding: 0;
2111
-
2112
- list-style: none
2113
- }
2114
- @media only screen and (min-width: 64em) {
2115
- .Toolbar-module_list__1n5ny {
2116
- margin: 0 0 0 -15px
2117
- }
2118
- }
2119
- .Toolbar-module_item__36x7d {
2120
- position: relative;
2121
-
2122
- min-width: 42px;
2123
- height: 32px;
2124
- padding-right: 10px;
2125
- padding-left: 10px;
2126
-
2127
- cursor: pointer;
2128
- transition: color 250ms ease;
2129
- text-align: center;
2130
-
2131
- color: #808080;
2132
-
2133
- line-height: 1
2134
- }
2135
- @media only screen and (min-width: 64em) {
2136
- .Toolbar-module_item__36x7d {
2137
- padding-right: 15px;
2138
- padding-left: 15px
2139
- }
2140
- }
2141
- .Toolbar-module_item__36x7d:last-child {
2142
- margin-right: 0;
2143
- }
2144
- .Toolbar-module_item__36x7d::before {
2145
- position: absolute;
2146
- top: 7px;
2147
- left: 0;
2148
-
2149
- height: 18px;
2150
-
2151
- content: '';
2152
- vertical-align: middle;
2153
-
2154
- border-left: 1px solid rgba(0, 0, 0, 0.15);
2155
- }
2156
- .Toolbar-module_item__36x7d:empty {
2157
- display: none;
2158
- }
2159
- .Toolbar-module_isInTopbar__223iP {
2160
- height: 100%;
2161
- }
2162
- .Toolbar-module_isInTopbar__223iP .Toolbar-module_item__36x7d {
2163
- height: 100%;
2164
- }
2165
- .Toolbar-module_center__3_H8M {
2166
- width: 100%;
2167
- max-width: 650px;
2168
- margin-right: auto;
2169
- margin-left: auto;
2170
- }
2171
- .Toolbar-module_game__5-jY_ {
2172
- margin-top: 11px
2173
- }
2174
- @media only screen and (min-width: 32em) {
2175
- .Toolbar-module_game__5-jY_ {
2176
- margin-top: 18px
2177
- }
2178
- }
2179
- .Toolbar-module_game__5-jY_ .Toolbar-module_list__1n5ny,
2180
- .Toolbar-module_gameSurvey__1hQEz .Toolbar-module_list__1n5ny {
2181
- justify-content: center
2182
- }
2183
- @media only screen and (min-width: 32em) {
2184
- .Toolbar-module_game__5-jY_ .Toolbar-module_list__1n5ny,
2185
- .Toolbar-module_gameSurvey__1hQEz .Toolbar-module_list__1n5ny {
2186
- display: -webkit-box;
2187
- display: -webkit-flex;
2188
- display: -ms-flexbox;
2189
- display: flex
2190
- }
2191
- }
2192
- .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child {
2193
- width: 260px
2194
- }
2195
- @media only screen and (min-width: 32em) {
2196
- .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child {
2197
- width: auto
2212
+ display: -ms-flexbox;
2213
+ display: flex;
2214
+ flex-flow: row wrap
2198
2215
  }
2199
2216
  }
2200
- .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child::before {
2201
- content: none
2217
+ .Meta-module_bookmark__3ot3k {
2218
+ position: absolute;
2219
+ z-index: 10;
2220
+ right: -12px;
2221
+ bottom: -4px
2202
2222
  }
2203
2223
  @media only screen and (min-width: 32em) {
2204
- .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:last-child::before {
2205
- content: ''
2224
+ .Meta-module_bookmark__3ot3k {
2225
+ display: none
2206
2226
  }
2207
2227
  }
2208
- .Toolbar-module_gameSurvey__1hQEz .Toolbar-module_item__36x7d:first-child::before,
2209
- .Toolbar-module_game__5-jY_ .Toolbar-module_item__36x7d:first-child::before {
2210
- content: none;
2211
- }
2212
- @media only screen and (min-width: 64em) {
2213
- .Toolbar-module_game__5-jY_ .Toolbar-module_list__1n5ny,
2214
- .Toolbar-module_gameSurvey__1hQEz .Toolbar-module_list__1n5ny {
2215
- margin-left: 0
2228
+ /* VISIBILITY */
2229
+ @media only screen and (min-width: 32em) {
2230
+ .Meta-module_mobile__22LGV {
2231
+ display: none
2216
2232
  }
2217
2233
  }
2218
- .Toolbar-module_dark__2Ejc9 .Toolbar-module_item__36x7d::before {
2219
- border-left-color: rgba(255, 255, 255, 0.2);
2220
- }
2221
- [data-context="prodano"] .Toolbar-module_root__2HF2r {
2222
- display: none;
2234
+ .Meta-module_desktop__1ZGUS {
2235
+ display: none
2223
2236
  }
2224
-
2225
- /* Colors */
2226
- /* Fonts */
2227
- /* Gap */
2228
- /* Media */
2229
- /* 512 */
2230
- /* 650 */
2231
- /* 768 */
2232
- /* 1024 */
2233
- /* 1010 */
2234
- /* 1200 */
2235
- /* 511 */
2236
- /* 1023 */
2237
- /* Zindex */
2238
- .Timestamp-module_root__coOvT {
2239
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2240
- font-weight: normal;
2237
+ @media only screen and (min-width: 32em) {
2238
+ .Meta-module_desktop__1ZGUS {
2239
+ display: block
2241
2240
  }
2241
+ }
2242
2242
 
2243
2243
  /* Colors */
2244
2244
  /* Fonts */
@@ -2728,63 +2728,251 @@
2728
2728
  text-align: center
2729
2729
  }
2730
2730
  }
2731
- @media only screen and (min-width: 64em) {
2732
- .HalfBlock-module_body__3MnEN {
2733
- align-items: flex-start;
2734
- justify-content: center;
2735
- order: 0;
2731
+ @media only screen and (min-width: 64em) {
2732
+ .HalfBlock-module_body__3MnEN {
2733
+ align-items: flex-start;
2734
+ justify-content: center;
2735
+ order: 0;
2736
+
2737
+ width: 50%;
2738
+ max-width: none;
2739
+ height: 100%;
2740
+ margin-left: 25px;
2741
+
2742
+ text-align: left
2743
+ }
2744
+ }
2745
+ .HalfBlock-module_footer__1C0yp {
2746
+ width: 100%;
2747
+ max-width: 650px;
2748
+ margin: 0 auto;
2749
+ padding-top: 3px
2750
+ }
2751
+ @media only screen and (min-width: 64em) {
2752
+ .HalfBlock-module_footer__1C0yp {
2753
+ max-width: 1000px;
2754
+ margin: auto;
2755
+ padding-top: 0;
2756
+
2757
+ border-top: 1px solid #e6e6e6
2758
+ }
2759
+ }
2760
+ .HalfBlock-module_image__2lYel {
2761
+ flex-grow: 1;
2762
+
2763
+ margin: 0 -20px 0;
2764
+ margin-top: 18px
2765
+ }
2766
+ @media only screen and (min-width: 32em) {
2767
+ .HalfBlock-module_image__2lYel {
2768
+ margin: 31px 0 -5px
2769
+ }
2770
+ }
2771
+ @media only screen and (min-width: 64em) {
2772
+ .HalfBlock-module_image__2lYel {
2773
+ width: 50%;
2774
+ margin: 0
2775
+ }
2776
+ }
2777
+ /* VISIBILITY */
2778
+ @media only screen and (min-width: 32em) {
2779
+ .HalfBlock-module_mobile__2latf {
2780
+ display: none
2781
+ }
2782
+ }
2783
+ .HalfBlock-module_desktop__3B1Ej {
2784
+ display: none
2785
+ }
2786
+ @media only screen and (min-width: 32em) {
2787
+ .HalfBlock-module_desktop__3B1Ej {
2788
+ display: block
2789
+ }
2790
+ }
2791
+
2792
+ /* Colors */
2793
+ /* Fonts */
2794
+ /* Gap */
2795
+ /* Media */
2796
+ /* 512 */
2797
+ /* 650 */
2798
+ /* 768 */
2799
+ /* 1024 */
2800
+ /* 1010 */
2801
+ /* 1200 */
2802
+ /* 511 */
2803
+ /* 1023 */
2804
+ /* Zindex */
2805
+ .ImportantLead-module_root__2BdT3 {
2806
+ margin: 18px 0;
2807
+ padding: 12px 12px 13px;
2808
+
2809
+ border: 1px solid rgba(0, 0, 0, 0.08);
2810
+ border-radius: 4px;
2811
+ border-radius: 8px;
2812
+ background: #FFF8C4;
2813
+
2814
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2815
+ font-size: 16px;
2816
+ font-weight: normal;
2817
+ line-height: 20px
2818
+ }
2819
+ @media only screen and (min-width: 32em) {
2820
+ .ImportantLead-module_root__2BdT3 {
2821
+ margin: 25px 0;
2822
+ padding: 12px 15px 13px;
2823
+
2824
+ font-size: 17px;
2825
+ line-height: 24px
2826
+ }
2827
+ }
2828
+ .ImportantLead-module_root__2BdT3:last-child {
2829
+ margin-bottom: 0;
2830
+ }
2831
+ .ImportantLead-module_root__2BdT3:first-child {
2832
+ margin-top: 0;
2833
+ }
2834
+ .ImportantLead-module_root__2BdT3 a {
2835
+ color: #000;
2836
+ box-shadow: inset 0 -1px #000;
2837
+ }
2838
+ .ImportantLead-module_root__2BdT3 a:hover {
2839
+ color: #b88b59;
2840
+ box-shadow: inset 0 -1px #b88b59;
2841
+ }
2842
+ .ImportantLead-module_slide__3kQ9x {
2843
+ max-width: 650px;
2844
+ margin-right: auto;
2845
+ margin-left: auto;
2846
+ }
2847
+ /* VISIBILITY */
2848
+ @media only screen and (min-width: 32em) {
2849
+ .ImportantLead-module_mobile__3BXbm {
2850
+ display: none
2851
+ }
2852
+ }
2853
+ .ImportantLead-module_desktop__3Zljc {
2854
+ display: none
2855
+ }
2856
+ @media only screen and (min-width: 32em) {
2857
+ .ImportantLead-module_desktop__3Zljc {
2858
+ display: block
2859
+ }
2860
+ }
2861
+
2862
+
2863
+ /* Colors */
2864
+ /* Fonts */
2865
+ /* Gap */
2866
+ /* Media */
2867
+ /* 512 */
2868
+ /* 650 */
2869
+ /* 768 */
2870
+ /* 1024 */
2871
+ /* 1010 */
2872
+ /* 1200 */
2873
+ /* 511 */
2874
+ /* 1023 */
2875
+ /* Zindex */
2876
+ .RichTitle-module_root__BK_WT {
2877
+ margin: 0 0 18px;
2878
+
2879
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2880
+ font-size: 19px;
2881
+ font-weight: 700;
2882
+ line-height: 23px
2883
+ }
2884
+ @media only screen and (min-width: 48em) {
2885
+ .RichTitle-module_root__BK_WT {
2886
+ margin-bottom: 15px;
2887
+
2888
+ font-size: 37px;
2889
+ line-height: 42px
2890
+ }
2891
+ }
2892
+ .RichTitle-module_root__BK_WT:last-child {
2893
+ margin-bottom: 0;
2894
+ }
2895
+ .RichTitle-module_root__BK_WT span {
2896
+ font-family: 'PF Regal', 'PF Regal Text Pro', 'Georgia', serif;
2897
+ font-size: 20px;
2898
+ font-weight: normal
2899
+ }
2900
+ @media only screen and (min-width: 48em) {
2901
+ .RichTitle-module_root__BK_WT span {
2902
+ font-size: 38px
2903
+ }
2904
+ }
2905
+ @media only screen and (min-width: 32em) {
2906
+ .RichTitle-module_slide__1A-gB,
2907
+ .RichTitle-module_game__1g8Bn {
2908
+ text-align: center
2909
+ }
2910
+ }
2911
+ @media only screen and (min-width: 64em) {
2912
+ .RichTitle-module_half__10GRI {
2913
+ font-size: 33px;
2914
+ line-height: 36px
2915
+ }
2916
+ }
2917
+ @media only screen and (min-width: 64em) {
2918
+ .RichTitle-module_half__10GRI span {
2919
+ font-size: 34px
2920
+ }
2921
+ }
2922
+ .RichTitle-module_game__1g8Bn:first-child {
2923
+ padding-top: 9px;
2924
+ }
2925
+ @media only screen and (max-width: 63.9375em) {
2926
+ .RichTitle-module_featured__wJfaQ {
2927
+ letter-spacing: 0.3px;
2928
+
2929
+ font-size: 28px;
2930
+ line-height: 30px
2931
+ }
2932
+ }
2933
+ @media only screen and (max-width: 63.9375em) {
2934
+ .RichTitle-module_featured__wJfaQ span {
2935
+ display: block;
2736
2936
 
2737
- width: 50%;
2738
- max-width: none;
2739
- height: 100%;
2740
- margin-left: 25px;
2937
+ padding-top: 2px;
2741
2938
 
2742
- text-align: left
2939
+ font-size: 18px;
2940
+ line-height: 24px
2743
2941
  }
2744
2942
  }
2745
- .HalfBlock-module_footer__1C0yp {
2746
- width: 100%;
2747
- max-width: 650px;
2748
- margin: 0 auto;
2749
- padding-top: 3px
2750
- }
2751
2943
  @media only screen and (min-width: 64em) {
2752
- .HalfBlock-module_footer__1C0yp {
2753
- max-width: 1000px;
2754
- margin: auto;
2755
- padding-top: 0;
2756
-
2757
- border-top: 1px solid #e6e6e6
2944
+ .RichTitle-module_isInMediaBlock__3RDw4 {
2945
+ margin-bottom: 18px
2758
2946
  }
2759
2947
  }
2760
- .HalfBlock-module_image__2lYel {
2761
- flex-grow: 1;
2762
-
2763
- margin: 0 -20px 0;
2764
- margin-top: 18px
2948
+ .RichTitle-module_isInMediaBlock__3RDw4:not(.RichTitle-module_featured__wJfaQ) {
2949
+ font-size: 19px;
2950
+ line-height: 23px
2765
2951
  }
2766
- @media only screen and (min-width: 32em) {
2767
- .HalfBlock-module_image__2lYel {
2768
- margin: 31px 0 -5px
2952
+ @media only screen and (min-width: 64em) {
2953
+ .RichTitle-module_isInMediaBlock__3RDw4:not(.RichTitle-module_featured__wJfaQ) {
2954
+ font-size: 1.3rem;
2955
+ line-height: 1.6rem
2769
2956
  }
2770
2957
  }
2958
+ .RichTitle-module_isInMediaBlock__3RDw4:not(.RichTitle-module_featured__wJfaQ) span {
2959
+ font-size: 20px
2960
+ }
2771
2961
  @media only screen and (min-width: 64em) {
2772
- .HalfBlock-module_image__2lYel {
2773
- width: 50%;
2774
- margin: 0
2962
+ .RichTitle-module_isInMediaBlock__3RDw4:not(.RichTitle-module_featured__wJfaQ) span {
2963
+ font-size: 1.35rem
2775
2964
  }
2776
2965
  }
2777
- /* VISIBILITY */
2778
2966
  @media only screen and (min-width: 32em) {
2779
- .HalfBlock-module_mobile__2latf {
2967
+ .RichTitle-module_mobile__1Cb6E {
2780
2968
  display: none
2781
2969
  }
2782
2970
  }
2783
- .HalfBlock-module_desktop__3B1Ej {
2971
+ .RichTitle-module_desktop__2ixSQ {
2784
2972
  display: none
2785
2973
  }
2786
2974
  @media only screen and (min-width: 32em) {
2787
- .HalfBlock-module_desktop__3B1Ej {
2975
+ .RichTitle-module_desktop__2ixSQ {
2788
2976
  display: block
2789
2977
  }
2790
2978
  }
@@ -2951,77 +3139,6 @@
2951
3139
  }
2952
3140
  }
2953
3141
 
2954
- /* Colors */
2955
- /* Fonts */
2956
- /* Gap */
2957
- /* Media */
2958
- /* 512 */
2959
- /* 650 */
2960
- /* 768 */
2961
- /* 1024 */
2962
- /* 1010 */
2963
- /* 1200 */
2964
- /* 511 */
2965
- /* 1023 */
2966
- /* Zindex */
2967
- .ImportantLead-module_root__2BdT3 {
2968
- margin: 18px 0;
2969
- padding: 12px 12px 13px;
2970
-
2971
- border: 1px solid rgba(0, 0, 0, 0.08);
2972
- border-radius: 4px;
2973
- border-radius: 8px;
2974
- background: #FFF8C4;
2975
-
2976
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2977
- font-size: 16px;
2978
- font-weight: normal;
2979
- line-height: 20px
2980
- }
2981
- @media only screen and (min-width: 32em) {
2982
- .ImportantLead-module_root__2BdT3 {
2983
- margin: 25px 0;
2984
- padding: 12px 15px 13px;
2985
-
2986
- font-size: 17px;
2987
- line-height: 24px
2988
- }
2989
- }
2990
- .ImportantLead-module_root__2BdT3:last-child {
2991
- margin-bottom: 0;
2992
- }
2993
- .ImportantLead-module_root__2BdT3:first-child {
2994
- margin-top: 0;
2995
- }
2996
- .ImportantLead-module_root__2BdT3 a {
2997
- color: #000;
2998
- box-shadow: inset 0 -1px #000;
2999
- }
3000
- .ImportantLead-module_root__2BdT3 a:hover {
3001
- color: #b88b59;
3002
- box-shadow: inset 0 -1px #b88b59;
3003
- }
3004
- .ImportantLead-module_slide__3kQ9x {
3005
- max-width: 650px;
3006
- margin-right: auto;
3007
- margin-left: auto;
3008
- }
3009
- /* VISIBILITY */
3010
- @media only screen and (min-width: 32em) {
3011
- .ImportantLead-module_mobile__3BXbm {
3012
- display: none
3013
- }
3014
- }
3015
- .ImportantLead-module_desktop__3Zljc {
3016
- display: none
3017
- }
3018
- @media only screen and (min-width: 32em) {
3019
- .ImportantLead-module_desktop__3Zljc {
3020
- display: block
3021
- }
3022
- }
3023
-
3024
-
3025
3142
  /* Colors */
3026
3143
  /* Fonts */
3027
3144
  /* Gap */
@@ -3092,183 +3209,66 @@
3092
3209
  font-weight: 600;
3093
3210
  line-height: 17px
3094
3211
  }
3095
- @media only screen and (min-width: 48em) {
3096
- .RelatedBlock-module_header__2SuWP {
3097
- padding: 20px 20px 14px;
3098
-
3099
- font-size: 14px;
3100
- line-height: 16px
3101
- }
3102
- }
3103
- .RelatedBlock-module_items__2V-Ap {
3104
- margin: 0;
3105
- padding-left: 0;
3106
-
3107
- list-style: none;
3108
- }
3109
- .RelatedBlock-module_items__2V-Ap li {
3110
- padding: 0;
3111
- }
3112
- .RelatedBlock-module_items__2V-Ap li + li {
3113
- border-top: 1px solid #e6e6e6;
3114
- }
3115
- .RelatedBlock-module_rich__ddaHq .RelatedBlock-module_first__BKItW {
3116
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
3117
- font-size: 16px;
3118
- font-weight: 700;
3119
- line-height: 18px
3120
- }
3121
- @media only screen and (min-width: 48em) {
3122
- .RelatedBlock-module_rich__ddaHq .RelatedBlock-module_first__BKItW {
3123
- font-size: 18px
3124
- }
3125
- }
3126
- .RelatedBlock-module_simple__29HVO {
3127
- }
3128
- .RelatedBlock-module_center__1LmW8 {
3129
- max-width: 650px;
3130
- margin-right: auto;
3131
- margin-left: auto;
3132
- }
3133
- .RelatedBlock-module_isInSlideMaterial__2YSYG:first-child {
3134
- margin-top: 0;
3135
- }
3136
- .RelatedBlock-module_isInSlideMaterial__2YSYG:last-child {
3137
- margin-bottom: 0;
3138
- }
3139
- /* VISIBILITY */
3140
- @media only screen and (min-width: 32em) {
3141
- .RelatedBlock-module_mobile__2XM5a {
3142
- display: none
3143
- }
3144
- }
3145
- .RelatedBlock-module_desktop__2mXeq {
3146
- display: none
3147
- }
3148
- @media only screen and (min-width: 32em) {
3149
- .RelatedBlock-module_desktop__2mXeq {
3150
- display: block
3151
- }
3152
- }
3153
-
3154
-
3155
- /* Colors */
3156
- /* Fonts */
3157
- /* Gap */
3158
- /* Media */
3159
- /* 512 */
3160
- /* 650 */
3161
- /* 768 */
3162
- /* 1024 */
3163
- /* 1010 */
3164
- /* 1200 */
3165
- /* 511 */
3166
- /* 1023 */
3167
- /* Zindex */
3168
- .RichTitle-module_root__BK_WT {
3169
- margin: 0 0 18px;
3170
-
3171
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
3172
- font-size: 19px;
3173
- font-weight: 700;
3174
- line-height: 23px
3175
- }
3176
- @media only screen and (min-width: 48em) {
3177
- .RichTitle-module_root__BK_WT {
3178
- margin-bottom: 15px;
3179
-
3180
- font-size: 37px;
3181
- line-height: 42px
3182
- }
3183
- }
3184
- .RichTitle-module_root__BK_WT:last-child {
3185
- margin-bottom: 0;
3186
- }
3187
- .RichTitle-module_root__BK_WT span {
3188
- font-family: 'PF Regal', 'PF Regal Text Pro', 'Georgia', serif;
3189
- font-size: 20px;
3190
- font-weight: normal
3191
- }
3192
- @media only screen and (min-width: 48em) {
3193
- .RichTitle-module_root__BK_WT span {
3194
- font-size: 38px
3195
- }
3196
- }
3197
- @media only screen and (min-width: 32em) {
3198
- .RichTitle-module_slide__1A-gB,
3199
- .RichTitle-module_game__1g8Bn {
3200
- text-align: center
3201
- }
3202
- }
3203
- @media only screen and (min-width: 64em) {
3204
- .RichTitle-module_half__10GRI {
3205
- font-size: 33px;
3206
- line-height: 36px
3207
- }
3208
- }
3209
- @media only screen and (min-width: 64em) {
3210
- .RichTitle-module_half__10GRI span {
3211
- font-size: 34px
3212
- }
3213
- }
3214
- .RichTitle-module_game__1g8Bn:first-child {
3215
- padding-top: 9px;
3216
- }
3217
- @media only screen and (max-width: 63.9375em) {
3218
- .RichTitle-module_featured__wJfaQ {
3219
- letter-spacing: 0.3px;
3212
+ @media only screen and (min-width: 48em) {
3213
+ .RelatedBlock-module_header__2SuWP {
3214
+ padding: 20px 20px 14px;
3220
3215
 
3221
- font-size: 28px;
3222
- line-height: 30px
3216
+ font-size: 14px;
3217
+ line-height: 16px
3223
3218
  }
3224
3219
  }
3225
- @media only screen and (max-width: 63.9375em) {
3226
- .RichTitle-module_featured__wJfaQ span {
3227
- display: block;
3228
-
3229
- padding-top: 2px;
3220
+ .RelatedBlock-module_items__2V-Ap {
3221
+ margin: 0;
3222
+ padding-left: 0;
3230
3223
 
3231
- font-size: 18px;
3232
- line-height: 24px
3224
+ list-style: none;
3233
3225
  }
3234
- }
3235
- @media only screen and (min-width: 64em) {
3236
- .RichTitle-module_isInMediaBlock__3RDw4 {
3237
- margin-bottom: 18px
3226
+ .RelatedBlock-module_items__2V-Ap li {
3227
+ padding: 0;
3238
3228
  }
3239
- }
3240
- .RichTitle-module_isInMediaBlock__3RDw4:not(.RichTitle-module_featured__wJfaQ) {
3241
- font-size: 19px;
3242
- line-height: 23px
3229
+ .RelatedBlock-module_items__2V-Ap li + li {
3230
+ border-top: 1px solid #e6e6e6;
3243
3231
  }
3244
- @media only screen and (min-width: 64em) {
3245
- .RichTitle-module_isInMediaBlock__3RDw4:not(.RichTitle-module_featured__wJfaQ) {
3246
- font-size: 1.3rem;
3247
- line-height: 1.6rem
3232
+ .RelatedBlock-module_rich__ddaHq .RelatedBlock-module_first__BKItW {
3233
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
3234
+ font-size: 16px;
3235
+ font-weight: 700;
3236
+ line-height: 18px
3237
+ }
3238
+ @media only screen and (min-width: 48em) {
3239
+ .RelatedBlock-module_rich__ddaHq .RelatedBlock-module_first__BKItW {
3240
+ font-size: 18px
3248
3241
  }
3249
3242
  }
3250
- .RichTitle-module_isInMediaBlock__3RDw4:not(.RichTitle-module_featured__wJfaQ) span {
3251
- font-size: 20px
3243
+ .RelatedBlock-module_simple__29HVO {
3252
3244
  }
3253
- @media only screen and (min-width: 64em) {
3254
- .RichTitle-module_isInMediaBlock__3RDw4:not(.RichTitle-module_featured__wJfaQ) span {
3255
- font-size: 1.35rem
3245
+ .RelatedBlock-module_center__1LmW8 {
3246
+ max-width: 650px;
3247
+ margin-right: auto;
3248
+ margin-left: auto;
3256
3249
  }
3257
- }
3250
+ .RelatedBlock-module_isInSlideMaterial__2YSYG:first-child {
3251
+ margin-top: 0;
3252
+ }
3253
+ .RelatedBlock-module_isInSlideMaterial__2YSYG:last-child {
3254
+ margin-bottom: 0;
3255
+ }
3256
+ /* VISIBILITY */
3258
3257
  @media only screen and (min-width: 32em) {
3259
- .RichTitle-module_mobile__1Cb6E {
3258
+ .RelatedBlock-module_mobile__2XM5a {
3260
3259
  display: none
3261
3260
  }
3262
3261
  }
3263
- .RichTitle-module_desktop__2ixSQ {
3262
+ .RelatedBlock-module_desktop__2mXeq {
3264
3263
  display: none
3265
3264
  }
3266
3265
  @media only screen and (min-width: 32em) {
3267
- .RichTitle-module_desktop__2ixSQ {
3266
+ .RelatedBlock-module_desktop__2mXeq {
3268
3267
  display: block
3269
3268
  }
3270
3269
  }
3271
3270
 
3271
+
3272
3272
  /* Colors */
3273
3273
  /* Fonts */
3274
3274
  /* Gap */
@@ -4281,63 +4281,237 @@ a mark {
4281
4281
  opacity: 0;
4282
4282
  }
4283
4283
  }
4284
- @-webkit-keyframes MetaItemLive-module_liveSecondWave__12g57 {
4285
- 21% {
4286
- transform: scale(0.22);
4287
- }
4288
-
4289
- 53% {
4290
- transform: scale(0.55);
4284
+ @-webkit-keyframes MetaItemLive-module_liveSecondWave__12g57 {
4285
+ 21% {
4286
+ transform: scale(0.22);
4287
+ }
4288
+
4289
+ 53% {
4290
+ transform: scale(0.55);
4291
+ }
4292
+
4293
+ 100% {
4294
+ transform: scale(0.88);
4295
+
4296
+ opacity: 0;
4297
+ }
4298
+ }
4299
+ @keyframes MetaItemLive-module_liveSecondWave__12g57 {
4300
+ 21% {
4301
+ transform: scale(0.22);
4302
+ }
4303
+
4304
+ 53% {
4305
+ transform: scale(0.55);
4306
+ }
4307
+
4308
+ 100% {
4309
+ transform: scale(0.88);
4310
+
4311
+ opacity: 0;
4312
+ }
4313
+ }
4314
+
4315
+ /* stylelint-disable declaration-empty-line-before */
4316
+ /* Colors */
4317
+ /* Fonts */
4318
+ /* Gap */
4319
+ /* Media */
4320
+ /* 512 */
4321
+ /* 650 */
4322
+ /* 768 */
4323
+ /* 1024 */
4324
+ /* 1010 */
4325
+ /* 1200 */
4326
+ /* 511 */
4327
+ /* 1023 */
4328
+ /* Zindex */
4329
+ .DocumentItemsCount-module_root__P3q-z {
4330
+ display: inline;
4331
+
4332
+ line-height: inherit;
4333
+ }
4334
+ .DocumentItemsCount-module_root__P3q-z svg {
4335
+ vertical-align: top;
4336
+ }
4337
+ .DocumentItemsCount-module_items__3pfxW {
4338
+ margin-left: 1px;
4339
+
4340
+ vertical-align: top;
4341
+ }
4342
+
4343
+ /* Colors */
4344
+ /* Fonts */
4345
+ /* Gap */
4346
+ /* Media */
4347
+ /* 512 */
4348
+ /* 650 */
4349
+ /* 768 */
4350
+ /* 1024 */
4351
+ /* 1010 */
4352
+ /* 1200 */
4353
+ /* 511 */
4354
+ /* 1023 */
4355
+ /* Zindex */
4356
+ .Footnote-module_root__2a0-B {
4357
+ position: relative;
4358
+
4359
+ width: 320px;
4360
+ padding: 20px;
4361
+
4362
+ border-radius: 8px;
4363
+ background-color: #fff;
4364
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 5px 20px rgba(0, 0, 0, 0.2);
4365
+ }
4366
+ .Footnote-module_body__259Ly {
4367
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
4368
+ font-size: 16px;
4369
+ line-height: 22px;
4370
+ }
4371
+ .Footnote-module_body__259Ly h3 {
4372
+ margin: 0 0 16px;
4373
+
4374
+ font-size: inherit;
4375
+ font-weight: 700;
4376
+ line-height: inherit;
4377
+ }
4378
+ .Footnote-module_body__259Ly p {
4379
+ margin: 0;
4380
+ }
4381
+ .Footnote-module_body__259Ly p + p {
4382
+ margin-top: 6px;
4383
+ }
4384
+ .Footnote-module_body__259Ly a {
4385
+ color: inherit;
4386
+ box-shadow: inset 0 -1px #b88b59;
4387
+ }
4388
+ .Footnote-module_body__259Ly a:hover {
4389
+ color: #b88b59;
4390
+ }
4391
+ .Footnote-module_dismiss__1HKG5 {
4392
+ position: absolute;
4393
+ top: 0;
4394
+ right: 0;
4395
+
4396
+ margin: 0;
4397
+ padding: 6px 9px 10px;
4398
+
4399
+ cursor: pointer;
4400
+
4401
+ color: #b3b3b3;
4402
+ border-width: 0;
4403
+ outline: none;
4404
+ background-color: transparent;
4405
+ }
4406
+ .Footnote-module_dismiss__1HKG5:hover {
4407
+ color: #757575;
4408
+ }
4409
+ .Footnote-module_dismiss__1HKG5 svg {
4410
+ width: 12px;
4411
+ height: 12px;
4412
+ }
4413
+
4414
+
4415
+ /* Colors */
4416
+ /* Fonts */
4417
+ /* Gap */
4418
+ /* Media */
4419
+ /* 512 */
4420
+ /* 650 */
4421
+ /* 768 */
4422
+ /* 1024 */
4423
+ /* 1010 */
4424
+ /* 1200 */
4425
+ /* 511 */
4426
+ /* 1023 */
4427
+ /* Zindex */
4428
+ .MetaItem-module_root__2VQom {
4429
+ display: inline;
4430
+
4431
+ margin-right: 15px;
4432
+ }
4433
+ .MetaItem-module_root__2VQom > svg {
4434
+ display: inline-block;
4435
+
4436
+ margin-right: 1px;
4437
+
4438
+ vertical-align: top;
4439
+
4440
+ color: inherit;
4441
+
4442
+ fill: currentColor;
4443
+ }
4444
+ .MetaItem-module_root__2VQom a {
4445
+ display: inline;
4446
+
4447
+ text-decoration: underline;
4448
+
4449
+ color: inherit;
4450
+
4451
+ -webkit-text-decoration-skip: auto;
4452
+ }
4453
+ .MetaItem-module_root__2VQom a:hover {
4454
+ color: #b88b59;
4455
+ }
4456
+ .MetaItem-module_hasBullets__CkQPI {
4457
+ margin-right: 0;
4458
+ }
4459
+ .MetaItem-module_hasBullets__CkQPI:nth-child(n + 2)::before {
4460
+ display: inline-block;
4461
+
4462
+ padding-right: 0.4em;
4463
+ padding-left: 0.4em;
4464
+
4465
+ content: '\B7';
4466
+ }
4467
+ @media only screen and (max-width: 32.1875em) {
4468
+ .MetaItem-module_hasSource__1DmCI {
4469
+ width: 100%;
4470
+ margin-top: 3px;
4471
+ margin-bottom: 3px
4472
+ }
4291
4473
  }
4292
-
4293
- 100% {
4294
- transform: scale(0.88);
4295
-
4296
- opacity: 0;
4474
+ @media only screen and (max-width: 32.1875em) {
4475
+ .MetaItem-module_hasSource__1DmCI:first-child {
4476
+ margin-top: 0
4477
+ }
4297
4478
  }
4479
+ .MetaItem-module_hasSource__1DmCI:last-child {
4480
+ margin-bottom: 0;
4481
+ }
4482
+ @media only screen and (max-width: 32.1875em) {
4483
+ .MetaItem-module_hasSource__1DmCI:nth-child(n + 2)::before {
4484
+ display: none
4298
4485
  }
4299
- @keyframes MetaItemLive-module_liveSecondWave__12g57 {
4300
- 21% {
4301
- transform: scale(0.22);
4302
4486
  }
4303
-
4304
- 53% {
4305
- transform: scale(0.55);
4487
+ @media only screen and (max-width: 32.1875em) {
4488
+ .MetaItem-module_hasSource__1DmCI.MetaItem-module_listened__lwvAO::before,
4489
+ .MetaItem-module_hasSource__1DmCI.MetaItem-module_read__5eAIG::before {
4490
+ display: inline-block
4491
+ }
4306
4492
  }
4307
-
4308
- 100% {
4309
- transform: scale(0.88);
4310
-
4311
- opacity: 0;
4493
+ @media only screen and (max-width: 32.1875em) {
4494
+ .MetaItem-module_datetime__3tOWm,
4495
+ .MetaItem-module_listened__lwvAO,
4496
+ .MetaItem-module_read__5eAIG {
4497
+ width: auto
4498
+ }
4312
4499
  }
4500
+ @media only screen and (max-width: 32.1875em) {
4501
+ .MetaItem-module_hasSource__1DmCI.MetaItem-module_datetime__3tOWm:first-child {
4502
+ order: -2
4313
4503
  }
4504
+ }
4505
+ @media only screen and (max-width: 32.1875em) {
4506
+ .MetaItem-module_hasSource__1DmCI.MetaItem-module_listened__lwvAO,
4507
+ .MetaItem-module_hasSource__1DmCI.MetaItem-module_read__5eAIG {
4508
+ order: -1;
4314
4509
 
4315
- /* stylelint-disable declaration-empty-line-before */
4316
- /* Colors */
4317
- /* Fonts */
4318
- /* Gap */
4319
- /* Media */
4320
- /* 512 */
4321
- /* 650 */
4322
- /* 768 */
4323
- /* 1024 */
4324
- /* 1010 */
4325
- /* 1200 */
4326
- /* 511 */
4327
- /* 1023 */
4328
- /* Zindex */
4329
- .DocumentItemsCount-module_root__P3q-z {
4330
- display: inline;
4331
-
4332
- line-height: inherit;
4333
- }
4334
- .DocumentItemsCount-module_root__P3q-z svg {
4335
- vertical-align: top;
4510
+ margin-top: 0
4336
4511
  }
4337
- .DocumentItemsCount-module_items__3pfxW {
4338
- margin-left: 1px;
4339
-
4340
- vertical-align: top;
4512
+ }
4513
+ .MetaItem-module_read__5eAIG svg {
4514
+ margin-top: -1px;
4341
4515
  }
4342
4516
 
4343
4517
  /* Colors */
@@ -4438,78 +4612,6 @@ a mark {
4438
4612
  fill: currentColor;
4439
4613
  }
4440
4614
 
4441
- /* Colors */
4442
- /* Fonts */
4443
- /* Gap */
4444
- /* Media */
4445
- /* 512 */
4446
- /* 650 */
4447
- /* 768 */
4448
- /* 1024 */
4449
- /* 1010 */
4450
- /* 1200 */
4451
- /* 511 */
4452
- /* 1023 */
4453
- /* Zindex */
4454
- .Footnote-module_root__2a0-B {
4455
- position: relative;
4456
-
4457
- width: 320px;
4458
- padding: 20px;
4459
-
4460
- border-radius: 8px;
4461
- background-color: #fff;
4462
- box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 5px 20px rgba(0, 0, 0, 0.2);
4463
- }
4464
- .Footnote-module_body__259Ly {
4465
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
4466
- font-size: 16px;
4467
- line-height: 22px;
4468
- }
4469
- .Footnote-module_body__259Ly h3 {
4470
- margin: 0 0 16px;
4471
-
4472
- font-size: inherit;
4473
- font-weight: 700;
4474
- line-height: inherit;
4475
- }
4476
- .Footnote-module_body__259Ly p {
4477
- margin: 0;
4478
- }
4479
- .Footnote-module_body__259Ly p + p {
4480
- margin-top: 6px;
4481
- }
4482
- .Footnote-module_body__259Ly a {
4483
- color: inherit;
4484
- box-shadow: inset 0 -1px #b88b59;
4485
- }
4486
- .Footnote-module_body__259Ly a:hover {
4487
- color: #b88b59;
4488
- }
4489
- .Footnote-module_dismiss__1HKG5 {
4490
- position: absolute;
4491
- top: 0;
4492
- right: 0;
4493
-
4494
- margin: 0;
4495
- padding: 6px 9px 10px;
4496
-
4497
- cursor: pointer;
4498
-
4499
- color: #b3b3b3;
4500
- border-width: 0;
4501
- outline: none;
4502
- background-color: transparent;
4503
- }
4504
- .Footnote-module_dismiss__1HKG5:hover {
4505
- color: #757575;
4506
- }
4507
- .Footnote-module_dismiss__1HKG5 svg {
4508
- width: 12px;
4509
- height: 12px;
4510
- }
4511
-
4512
-
4513
4615
  /* Colors */
4514
4616
  /* Fonts */
4515
4617
  /* Gap */
@@ -4965,108 +5067,6 @@ a mark {
4965
5067
  }
4966
5068
  }
4967
5069
 
4968
- /* Colors */
4969
- /* Fonts */
4970
- /* Gap */
4971
- /* Media */
4972
- /* 512 */
4973
- /* 650 */
4974
- /* 768 */
4975
- /* 1024 */
4976
- /* 1010 */
4977
- /* 1200 */
4978
- /* 511 */
4979
- /* 1023 */
4980
- /* Zindex */
4981
- .MetaItem-module_root__2VQom {
4982
- display: inline;
4983
-
4984
- margin-right: 15px;
4985
- }
4986
- .MetaItem-module_root__2VQom > svg {
4987
- display: inline-block;
4988
-
4989
- margin-right: 1px;
4990
-
4991
- vertical-align: top;
4992
-
4993
- color: inherit;
4994
-
4995
- fill: currentColor;
4996
- }
4997
- .MetaItem-module_root__2VQom a {
4998
- display: inline;
4999
-
5000
- text-decoration: underline;
5001
-
5002
- color: inherit;
5003
-
5004
- -webkit-text-decoration-skip: auto;
5005
- }
5006
- .MetaItem-module_root__2VQom a:hover {
5007
- color: #b88b59;
5008
- }
5009
- .MetaItem-module_hasBullets__CkQPI {
5010
- margin-right: 0;
5011
- }
5012
- .MetaItem-module_hasBullets__CkQPI:nth-child(n + 2)::before {
5013
- display: inline-block;
5014
-
5015
- padding-right: 0.4em;
5016
- padding-left: 0.4em;
5017
-
5018
- content: '\B7';
5019
- }
5020
- @media only screen and (max-width: 32.1875em) {
5021
- .MetaItem-module_hasSource__1DmCI {
5022
- width: 100%;
5023
- margin-top: 3px;
5024
- margin-bottom: 3px
5025
- }
5026
- }
5027
- @media only screen and (max-width: 32.1875em) {
5028
- .MetaItem-module_hasSource__1DmCI:first-child {
5029
- margin-top: 0
5030
- }
5031
- }
5032
- .MetaItem-module_hasSource__1DmCI:last-child {
5033
- margin-bottom: 0;
5034
- }
5035
- @media only screen and (max-width: 32.1875em) {
5036
- .MetaItem-module_hasSource__1DmCI:nth-child(n + 2)::before {
5037
- display: none
5038
- }
5039
- }
5040
- @media only screen and (max-width: 32.1875em) {
5041
- .MetaItem-module_hasSource__1DmCI.MetaItem-module_listened__lwvAO::before,
5042
- .MetaItem-module_hasSource__1DmCI.MetaItem-module_read__5eAIG::before {
5043
- display: inline-block
5044
- }
5045
- }
5046
- @media only screen and (max-width: 32.1875em) {
5047
- .MetaItem-module_datetime__3tOWm,
5048
- .MetaItem-module_listened__lwvAO,
5049
- .MetaItem-module_read__5eAIG {
5050
- width: auto
5051
- }
5052
- }
5053
- @media only screen and (max-width: 32.1875em) {
5054
- .MetaItem-module_hasSource__1DmCI.MetaItem-module_datetime__3tOWm:first-child {
5055
- order: -2
5056
- }
5057
- }
5058
- @media only screen and (max-width: 32.1875em) {
5059
- .MetaItem-module_hasSource__1DmCI.MetaItem-module_listened__lwvAO,
5060
- .MetaItem-module_hasSource__1DmCI.MetaItem-module_read__5eAIG {
5061
- order: -1;
5062
-
5063
- margin-top: 0
5064
- }
5065
- }
5066
- .MetaItem-module_read__5eAIG svg {
5067
- margin-top: -1px;
5068
- }
5069
-
5070
5070
  /* Colors */
5071
5071
  /* Fonts */
5072
5072
  /* Gap */