@meduza/ui-kit-2 0.1.19 → 0.1.21

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 (87) hide show
  1. package/dist/Cover/Cover.types.d.ts +21 -1
  2. package/dist/DotsOnImage/DotsOnImage.types.d.ts +1 -1
  3. package/dist/Image/Image.types.d.ts +1 -6
  4. package/dist/ListBlock/ListBlock.stories.d.ts +2 -1
  5. package/dist/ListBlock/ListBlock.types.d.ts +7 -1
  6. package/dist/RelatedBlock/RelatedBlock.types.d.ts +14 -1
  7. package/dist/RelatedRichBlock/RelatedRichBlock.stories.d.ts +10 -0
  8. package/dist/RelatedRichBlock/RelatedRichBlock.types.d.ts +4 -0
  9. package/dist/RelatedRichBlock/index.d.ts +3 -0
  10. package/dist/RichTitle/RichTitle.types.d.ts +8 -1
  11. package/dist/SimpleTitle/SimpleTitle.types.d.ts +6 -1
  12. package/dist/SourceBlock/SourceBlock.types.d.ts +12 -1
  13. package/dist/index.d.ts +1 -0
  14. package/dist/types.d.ts +6 -0
  15. package/dist/ui-kit-2.cjs.development.js +147 -47
  16. package/dist/ui-kit-2.cjs.development.js.map +1 -1
  17. package/dist/ui-kit-2.cjs.production.min.js +1 -1
  18. package/dist/ui-kit-2.cjs.production.min.js.map +1 -1
  19. package/dist/ui-kit-2.esm.js +147 -48
  20. package/dist/ui-kit-2.esm.js.map +1 -1
  21. package/dist/ui-kit.css +1157 -961
  22. package/dist/utils/converCase.d.ts +2 -0
  23. package/dist/utils/generateGradient.d.ts +1 -1
  24. package/package.json +4 -1
  25. package/src/.DS_Store +0 -0
  26. package/src/BookmarkButton/BookmarkButton.test.tsx +17 -4
  27. package/src/CardTitle/CardTitle.test.tsx +4 -3
  28. package/src/ChapterBlock/ChapterBlock.test.tsx +4 -3
  29. package/src/Cover/Cover.test.tsx +3 -3
  30. package/src/Cover/Cover.types.ts +22 -1
  31. package/src/Cover/index.tsx +1 -1
  32. package/src/DocumentItemsCount/DocumentItemsCount.test.tsx +4 -3
  33. package/src/DotsOnImage/DotsOnImage.test.tsx +4 -2
  34. package/src/DotsOnImage/DotsOnImage.types.ts +1 -1
  35. package/src/EmbedBlock/EmbedBlock.test.tsx +16 -3
  36. package/src/EmbedBlock/index.tsx +1 -1
  37. package/src/GroupedBlock/GroupedBlock.test.tsx +5 -3
  38. package/src/HalfBlock/HalfBlock.test.tsx +4 -3
  39. package/src/Image/Image.test.tsx +3 -0
  40. package/src/Image/Image.types.ts +1 -6
  41. package/src/Image/RenderPicture.tsx +1 -1
  42. package/src/ImportantLead/ImportantLead.test.tsx +10 -8
  43. package/src/ImportantLead/mock.json +6 -0
  44. package/src/Lazy/Lazy.test.tsx +3 -0
  45. package/src/ListBlock/ListBlock.stories.tsx +2 -1
  46. package/src/ListBlock/ListBlock.test.tsx +8 -4
  47. package/src/ListBlock/ListBlock.types.ts +6 -1
  48. package/src/ListBlock/index.tsx +1 -1
  49. package/src/ListBlock/mock.json +1 -1
  50. package/src/MaterialNote/MaterialNote.test.tsx +4 -3
  51. package/src/Meta/Meta.module.css +1 -1
  52. package/src/QuoteBlock/QuoteBlock.test.tsx +4 -3
  53. package/src/RawHtmlBlock/RawHtmlBlock.test.tsx +18 -9
  54. package/src/RawHtmlBlock/mock.json +6 -0
  55. package/src/RelatedBlock/RelatedBlock.test.tsx +4 -3
  56. package/src/RelatedBlock/RelatedBlock.types.ts +14 -1
  57. package/src/RelatedRichBlock/RelatedRichBlock.module.css +165 -0
  58. package/src/RelatedRichBlock/RelatedRichBlock.stories.module.css +12 -0
  59. package/src/RelatedRichBlock/RelatedRichBlock.stories.tsx +55 -0
  60. package/src/RelatedRichBlock/RelatedRichBlock.test.tsx +20 -0
  61. package/src/RelatedRichBlock/RelatedRichBlock.types.ts +4 -0
  62. package/src/RelatedRichBlock/index.tsx +105 -0
  63. package/src/RelatedRichBlock/mock.json +354 -0
  64. package/src/RenderBlocks/RenderBlocks.stories.module.css +3 -0
  65. package/src/RenderBlocks/RenderBlocks.stories.tsx +4 -1
  66. package/src/RenderBlocks/RenderBlocks.test.tsx +15 -9
  67. package/src/RenderBlocks/index.tsx +5 -0
  68. package/src/RenderBlocks/mock.json +83 -0
  69. package/src/RichTitle/RichTitle.module.css +37 -7
  70. package/src/RichTitle/RichTitle.test.tsx +4 -3
  71. package/src/RichTitle/RichTitle.types.ts +8 -1
  72. package/src/SimpleBlock/SimpleBlock.test.tsx +16 -9
  73. package/src/SimpleBlock/mock.json +6 -0
  74. package/src/SimpleTitle/SimpleTitle.test.tsx +4 -3
  75. package/src/SimpleTitle/SimpleTitle.types.ts +6 -1
  76. package/src/SourceBlock/SourceBlock.test.tsx +4 -3
  77. package/src/SourceBlock/SourceBlock.types.ts +13 -1
  78. package/src/Spoiler/Spoiler.test.tsx +4 -3
  79. package/src/Table/Table.test.tsx +3 -3
  80. package/src/Timestamp/Timestamp.test.tsx +4 -3
  81. package/src/ToolbarButton/ToolbarButton.test.tsx +8 -3
  82. package/src/_storybook/PreviewWrapper/PreviewWrapper.module.css +3 -1
  83. package/src/index.tsx +1 -0
  84. package/src/types.ts +6 -0
  85. package/src/utils/{toCamel.ts → converCase.ts} +3 -0
  86. package/src/utils/generateGradient.ts +21 -15
  87. package/dist/utils/toCamel.d.ts +0 -1
package/dist/ui-kit.css CHANGED
@@ -1,3 +1,233 @@
1
+ /* Colors */
2
+ /* Fonts */
3
+ /* Gap */
4
+ /* Media */
5
+ /* 512 */
6
+ /* 650 */
7
+ /* 768 */
8
+ /* 1024 */
9
+ /* 1010 */
10
+ /* 1200 */
11
+ /* 511 */
12
+ /* 1023 */
13
+ /* Zindex */
14
+ .SvgSymbol-module_root__2CsRW {
15
+ width: 100%;
16
+ height: 100%;
17
+
18
+ vertical-align: middle;
19
+ }
20
+ .SvgSymbol-module_small__2g6oR {
21
+ height: 14px;
22
+ }
23
+ .SvgSymbol-module_normal__9lFn1 {
24
+ height: 14px;
25
+ }
26
+ .SvgSymbol-module_medium__2eF5L {
27
+ width: 24px;
28
+ height: 24px;
29
+ }
30
+ .SvgSymbol-module_large__2kQrt {
31
+ width: 42px;
32
+ height: 42px;
33
+ }
34
+ .SvgSymbol-module_adaptive__3_68T {
35
+ width: 100%;
36
+ height: 100%;
37
+ }
38
+ .SvgSymbol-module_fb__1whmw {
39
+ width: 16px;
40
+
41
+ fill: #304591;
42
+ }
43
+ .SvgSymbol-module_vk__3VEuu {
44
+ width: 20px;
45
+
46
+ fill: #527397;
47
+ }
48
+ .SvgSymbol-module_ok__2_1Qb {
49
+ width: 9px;
50
+
51
+ fill: #eb722e;
52
+ }
53
+ .SvgSymbol-module_tw__2VRG5 {
54
+ width: 20px;
55
+
56
+ fill: #31adf4;
57
+ }
58
+ .SvgSymbol-module_tg__2xe2f {
59
+ width: 18px;
60
+
61
+ fill: #2ba5e0;
62
+ }
63
+ .SvgSymbol-module_reaction__rrJvf {
64
+ width: 16px;
65
+
66
+ color: #b88b59;
67
+
68
+ fill: #262626;
69
+ }
70
+ .SvgSymbol-module_card__1XAqw,
71
+ .SvgSymbol-module_podcast__3oPoo,
72
+ .SvgSymbol-module_read__2V82i,
73
+ .SvgSymbol-module_listened__1oMFV {
74
+ width: 15px;
75
+ height: 15px;
76
+ }
77
+ .SvgSymbol-module_menu__2iYFt {
78
+ width: 24px;
79
+ height: 24px;
80
+ }
81
+ .SvgSymbol-module_cross__J2lCN {
82
+ width: 14px;
83
+ height: 14px;
84
+ }
85
+ .SvgSymbol-module_isInFeature__cDeTI,
86
+ .SvgSymbol-module_isInCard__pKq4e {
87
+ width: 16px;
88
+ height: 16px;
89
+ }
90
+ .SvgSymbol-module_isInTopicBlockItem__3Te91 {
91
+ width: 16px;
92
+ height: 16px;
93
+ }
94
+ .SvgSymbol-module_isInPageStatic__H31Rd {
95
+ width: 64px;
96
+ height: 64px;
97
+ }
98
+ .SvgSymbol-module_isInMaterialMeta__2IbAw {
99
+ margin-right: 6px;
100
+ }
101
+ .SvgSymbol-module_isInAudioPlayer__2xlzW {
102
+ width: 29px;
103
+ height: 29px;
104
+
105
+ -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
106
+
107
+ filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
108
+ }
109
+ .SvgSymbol-module_isInEpisodeBlock__2vY3o {
110
+ width: 38px;
111
+ height: 38px;
112
+
113
+ -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
114
+
115
+ filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
116
+ }
117
+ .SvgSymbol-module_isInButtonPlaybackRate__1L3TW {
118
+ width: 34px;
119
+ height: 28px
120
+ }
121
+ @media only screen and (min-device-width: 40.625em) {
122
+ .SvgSymbol-module_isInButtonPlaybackRate__1L3TW {
123
+ width: 28px;
124
+ height: 22px
125
+ }
126
+ }
127
+ .SvgSymbol-module_isInButtonBackward__1Grf9,
128
+ .SvgSymbol-module_isInButtonForward__D1AFL {
129
+ width: 28px;
130
+ height: 28px
131
+ }
132
+ @media only screen and (min-device-width: 40.625em) {
133
+ .SvgSymbol-module_isInButtonBackward__1Grf9,
134
+ .SvgSymbol-module_isInButtonForward__D1AFL {
135
+ width: 22px;
136
+ height: 22px
137
+ }
138
+ }
139
+ .SvgSymbol-module_isInToolbar__3SaIh.SvgSymbol-module_cross__J2lCN {
140
+ width: 18px;
141
+ height: 18px;
142
+ }
143
+ .SvgSymbol-module_play__pM-qY {
144
+ width: 100%;
145
+ height: 100%;
146
+ }
147
+ .SvgSymbol-module_meduzaLogo__2Ouzp {
148
+ width: 92px;
149
+ height: 20px
150
+ }
151
+ @media only screen and (min-device-width: 64em) {
152
+ .SvgSymbol-module_meduzaLogo__2Ouzp {
153
+ width: 100px;
154
+ height: 45px
155
+ }
156
+ }
157
+ .SvgSymbol-module_arrow__11naX {
158
+ width: 12px;
159
+ height: 12px;
160
+ }
161
+ .SvgSymbol-module_oil__hvHE5 {
162
+ width: 9px;
163
+ height: 12px;
164
+ }
165
+ .SvgSymbol-module_search__VK6p3 {
166
+ width: 24px;
167
+ height: 24px
168
+ }
169
+ @media only screen and (min-device-width: 64em) {
170
+ .SvgSymbol-module_search__VK6p3 {
171
+ width: 16px;
172
+ height: 16px
173
+ }
174
+ }
175
+ .SvgSymbol-module_user__1MGim {
176
+ width: 14px;
177
+ height: 14px
178
+ }
179
+ @media only screen and (min-device-width: 64em) {
180
+ .SvgSymbol-module_user__1MGim {
181
+ width: 16px;
182
+ height: 16px
183
+ }
184
+ }
185
+ .SvgSymbol-module_bookmark__2z7tX {
186
+ width: 17px;
187
+ height: auto;
188
+
189
+ cursor: pointer;
190
+
191
+ stroke-width: 2px
192
+ }
193
+ @media only screen and (min-device-width: 64em) {
194
+ .SvgSymbol-module_bookmark__2z7tX {
195
+ width: 14px;
196
+
197
+ stroke-width: 1.5px
198
+ }
199
+ }
200
+ .SvgSymbol-module_isInToolbar__3SaIh.SvgSymbol-module_bookmark__2z7tX {
201
+ width: 14px;
202
+ }
203
+ .SvgSymbol-module_receipt__3Eqow {
204
+ width: 10px;
205
+ height: 13px;
206
+ }
207
+ .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN {
208
+ width: 22px;
209
+ height: 22px
210
+ }
211
+ @media only screen and (min-device-width: 64em) {
212
+ .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN {
213
+ width: 14px;
214
+ height: 14px
215
+ }
216
+ }
217
+ @media only screen and (min-device-width: 64em) {
218
+ .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_search__VK6p3 circle {
219
+ stroke-width: 1.5px
220
+ }
221
+ }
222
+ .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN path {
223
+ stroke-width: 1.8px
224
+ }
225
+ @media only screen and (min-device-width: 64em) {
226
+ .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN path {
227
+ stroke-width: 1.3px
228
+ }
229
+ }
230
+
1
231
  /* Colors */
2
232
  /* Fonts */
3
233
  /* Gap */
@@ -247,16 +477,100 @@
247
477
  /* 511 */
248
478
  /* 1023 */
249
479
  /* Zindex */
250
- .Switcher-module_root__1Env1 {
480
+ .Image-module_root__1vsA_ {
251
481
  position: relative;
482
+ z-index: 1;
252
483
 
253
- display: -webkit-box;
484
+ display: block;
485
+ overflow: hidden
486
+ }
487
+ @media only screen and (min-device-width: 32em) {
488
+ .Image-module_root__1vsA_ {
489
+ border-radius: inherit
490
+ }
491
+ }
492
+ .Image-module_placeholder__1p4ob,
493
+ .Image-module_root__1vsA_ img {
494
+ position: absolute;
495
+ top: 0;
496
+ left: 0;
254
497
 
255
- display: -webkit-flex;
498
+ width: 100%;
499
+ height: 100%;
500
+ }
501
+ .Image-module_wrapper__3fLjs {
502
+ display: block;
256
503
 
257
- display: -ms-flexbox;
504
+ width: 100%;
258
505
 
259
- display: flex;
506
+ background-repeat: no-repeat;
507
+ background-size: 100% auto;
508
+ }
509
+ .Image-module_placeholder__1p4ob {
510
+ transition: background-color 250ms ease;
511
+
512
+ background-color: #f2f2f2;
513
+ }
514
+ .Image-module_loaded__w9FVT {
515
+ background: transparent;
516
+ }
517
+ .Image-module_fullscreen__29apx picture {
518
+ cursor: pointer;
519
+ }
520
+ .Image-module_fullscreen__29apx picture:hover::after {
521
+ opacity: 1;
522
+ }
523
+ .Image-module_fullscreen__29apx picture::after {
524
+ position: absolute;
525
+ right: 12px;
526
+ bottom: 12px;
527
+
528
+ width: 40px;
529
+ height: 40px;
530
+
531
+ transition: opacity 250ms ease;
532
+ pointer-events: none;
533
+
534
+ opacity: 0;
535
+ border: 0.5px solid rgba(255, 255, 255, 0.15);
536
+ border-radius: 20px;
537
+ background-color: rgba(0, 0, 0, 0.7);
538
+ 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");
539
+ background-repeat: no-repeat;
540
+ background-position: center
541
+ }
542
+ @media only screen and (min-device-width: 64em) {
543
+ .Image-module_fullscreen__29apx picture::after {
544
+ content: ''
545
+ }
546
+ }
547
+ [data-input='mouse'] .Image-module_wrapper__3fLjs {
548
+ outline: none;
549
+ }
550
+
551
+ /* Colors */
552
+ /* Fonts */
553
+ /* Gap */
554
+ /* Media */
555
+ /* 512 */
556
+ /* 650 */
557
+ /* 768 */
558
+ /* 1024 */
559
+ /* 1010 */
560
+ /* 1200 */
561
+ /* 511 */
562
+ /* 1023 */
563
+ /* Zindex */
564
+ .Switcher-module_root__1Env1 {
565
+ position: relative;
566
+
567
+ display: -webkit-box;
568
+
569
+ display: -webkit-flex;
570
+
571
+ display: -ms-flexbox;
572
+
573
+ display: flex;
260
574
  flex-flow: row nowrap;
261
575
  align-items: center;
262
576
 
@@ -398,340 +712,6 @@
398
712
  box-shadow: inset 0 0 0 1px #323232;
399
713
  }
400
714
 
401
- /* Colors */
402
- /* Fonts */
403
- /* Gap */
404
- /* Media */
405
- /* 512 */
406
- /* 650 */
407
- /* 768 */
408
- /* 1024 */
409
- /* 1010 */
410
- /* 1200 */
411
- /* 511 */
412
- /* 1023 */
413
- /* Zindex */
414
- .SvgSymbol-module_root__2CsRW {
415
- width: 100%;
416
- height: 100%;
417
-
418
- vertical-align: middle;
419
- }
420
- .SvgSymbol-module_small__2g6oR {
421
- height: 14px;
422
- }
423
- .SvgSymbol-module_normal__9lFn1 {
424
- height: 14px;
425
- }
426
- .SvgSymbol-module_medium__2eF5L {
427
- width: 24px;
428
- height: 24px;
429
- }
430
- .SvgSymbol-module_large__2kQrt {
431
- width: 42px;
432
- height: 42px;
433
- }
434
- .SvgSymbol-module_adaptive__3_68T {
435
- width: 100%;
436
- height: 100%;
437
- }
438
- .SvgSymbol-module_fb__1whmw {
439
- width: 16px;
440
-
441
- fill: #304591;
442
- }
443
- .SvgSymbol-module_vk__3VEuu {
444
- width: 20px;
445
-
446
- fill: #527397;
447
- }
448
- .SvgSymbol-module_ok__2_1Qb {
449
- width: 9px;
450
-
451
- fill: #eb722e;
452
- }
453
- .SvgSymbol-module_tw__2VRG5 {
454
- width: 20px;
455
-
456
- fill: #31adf4;
457
- }
458
- .SvgSymbol-module_tg__2xe2f {
459
- width: 18px;
460
-
461
- fill: #2ba5e0;
462
- }
463
- .SvgSymbol-module_reaction__rrJvf {
464
- width: 16px;
465
-
466
- color: #b88b59;
467
-
468
- fill: #262626;
469
- }
470
- .SvgSymbol-module_card__1XAqw,
471
- .SvgSymbol-module_podcast__3oPoo,
472
- .SvgSymbol-module_read__2V82i,
473
- .SvgSymbol-module_listened__1oMFV {
474
- width: 15px;
475
- height: 15px;
476
- }
477
- .SvgSymbol-module_menu__2iYFt {
478
- width: 24px;
479
- height: 24px;
480
- }
481
- .SvgSymbol-module_cross__J2lCN {
482
- width: 14px;
483
- height: 14px;
484
- }
485
- .SvgSymbol-module_isInFeature__cDeTI,
486
- .SvgSymbol-module_isInCard__pKq4e {
487
- width: 16px;
488
- height: 16px;
489
- }
490
- .SvgSymbol-module_isInTopicBlockItem__3Te91 {
491
- width: 16px;
492
- height: 16px;
493
- }
494
- .SvgSymbol-module_isInPageStatic__H31Rd {
495
- width: 64px;
496
- height: 64px;
497
- }
498
- .SvgSymbol-module_isInMaterialMeta__2IbAw {
499
- margin-right: 6px;
500
- }
501
- .SvgSymbol-module_isInAudioPlayer__2xlzW {
502
- width: 29px;
503
- height: 29px;
504
-
505
- -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
506
-
507
- filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
508
- }
509
- .SvgSymbol-module_isInEpisodeBlock__2vY3o {
510
- width: 38px;
511
- height: 38px;
512
-
513
- -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
514
-
515
- filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
516
- }
517
- .SvgSymbol-module_isInButtonPlaybackRate__1L3TW {
518
- width: 34px;
519
- height: 28px
520
- }
521
- @media only screen and (min-device-width: 40.625em) {
522
- .SvgSymbol-module_isInButtonPlaybackRate__1L3TW {
523
- width: 28px;
524
- height: 22px
525
- }
526
- }
527
- .SvgSymbol-module_isInButtonBackward__1Grf9,
528
- .SvgSymbol-module_isInButtonForward__D1AFL {
529
- width: 28px;
530
- height: 28px
531
- }
532
- @media only screen and (min-device-width: 40.625em) {
533
- .SvgSymbol-module_isInButtonBackward__1Grf9,
534
- .SvgSymbol-module_isInButtonForward__D1AFL {
535
- width: 22px;
536
- height: 22px
537
- }
538
- }
539
- .SvgSymbol-module_isInToolbar__3SaIh.SvgSymbol-module_cross__J2lCN {
540
- width: 18px;
541
- height: 18px;
542
- }
543
- .SvgSymbol-module_play__pM-qY {
544
- width: 100%;
545
- height: 100%;
546
- }
547
- .SvgSymbol-module_meduzaLogo__2Ouzp {
548
- width: 92px;
549
- height: 20px
550
- }
551
- @media only screen and (min-device-width: 64em) {
552
- .SvgSymbol-module_meduzaLogo__2Ouzp {
553
- width: 100px;
554
- height: 45px
555
- }
556
- }
557
- .SvgSymbol-module_arrow__11naX {
558
- width: 12px;
559
- height: 12px;
560
- }
561
- .SvgSymbol-module_oil__hvHE5 {
562
- width: 9px;
563
- height: 12px;
564
- }
565
- .SvgSymbol-module_search__VK6p3 {
566
- width: 24px;
567
- height: 24px
568
- }
569
- @media only screen and (min-device-width: 64em) {
570
- .SvgSymbol-module_search__VK6p3 {
571
- width: 16px;
572
- height: 16px
573
- }
574
- }
575
- .SvgSymbol-module_user__1MGim {
576
- width: 14px;
577
- height: 14px
578
- }
579
- @media only screen and (min-device-width: 64em) {
580
- .SvgSymbol-module_user__1MGim {
581
- width: 16px;
582
- height: 16px
583
- }
584
- }
585
- .SvgSymbol-module_bookmark__2z7tX {
586
- width: 17px;
587
- height: auto;
588
-
589
- cursor: pointer;
590
-
591
- stroke-width: 2px
592
- }
593
- @media only screen and (min-device-width: 64em) {
594
- .SvgSymbol-module_bookmark__2z7tX {
595
- width: 14px;
596
-
597
- stroke-width: 1.5px
598
- }
599
- }
600
- .SvgSymbol-module_isInToolbar__3SaIh.SvgSymbol-module_bookmark__2z7tX {
601
- width: 14px;
602
- }
603
- .SvgSymbol-module_receipt__3Eqow {
604
- width: 10px;
605
- height: 13px;
606
- }
607
- .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN {
608
- width: 22px;
609
- height: 22px
610
- }
611
- @media only screen and (min-device-width: 64em) {
612
- .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN {
613
- width: 14px;
614
- height: 14px
615
- }
616
- }
617
- @media only screen and (min-device-width: 64em) {
618
- .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_search__VK6p3 circle {
619
- stroke-width: 1.5px
620
- }
621
- }
622
- .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN path {
623
- stroke-width: 1.8px
624
- }
625
- @media only screen and (min-device-width: 64em) {
626
- .SvgSymbol-module_isInHeader__1QHjL.SvgSymbol-module_cross__J2lCN path {
627
- stroke-width: 1.3px
628
- }
629
- }
630
-
631
- /* Colors */
632
- /* Fonts */
633
- /* Gap */
634
- /* Media */
635
- /* 512 */
636
- /* 650 */
637
- /* 768 */
638
- /* 1024 */
639
- /* 1010 */
640
- /* 1200 */
641
- /* 511 */
642
- /* 1023 */
643
- /* Zindex */
644
- .Image-module_root__1vsA_ {
645
- position: relative;
646
- z-index: 1;
647
-
648
- display: block;
649
- overflow: hidden
650
- }
651
- @media only screen and (min-device-width: 32em) {
652
- .Image-module_root__1vsA_ {
653
- border-radius: inherit
654
- }
655
- }
656
- .Image-module_placeholder__1p4ob,
657
- .Image-module_root__1vsA_ img {
658
- position: absolute;
659
- top: 0;
660
- left: 0;
661
-
662
- width: 100%;
663
- height: 100%;
664
- }
665
- .Image-module_wrapper__3fLjs {
666
- display: block;
667
-
668
- width: 100%;
669
-
670
- background-repeat: no-repeat;
671
- background-size: 100% auto;
672
- }
673
- .Image-module_placeholder__1p4ob {
674
- transition: background-color 250ms ease;
675
-
676
- background-color: #f2f2f2;
677
- }
678
- .Image-module_loaded__w9FVT {
679
- background: transparent;
680
- }
681
- .Image-module_fullscreen__29apx picture {
682
- cursor: pointer;
683
- }
684
- .Image-module_fullscreen__29apx picture:hover::after {
685
- opacity: 1;
686
- }
687
- .Image-module_fullscreen__29apx picture::after {
688
- position: absolute;
689
- right: 12px;
690
- bottom: 12px;
691
-
692
- width: 40px;
693
- height: 40px;
694
-
695
- transition: opacity 250ms ease;
696
- pointer-events: none;
697
-
698
- opacity: 0;
699
- border: 0.5px solid rgba(255, 255, 255, 0.15);
700
- border-radius: 20px;
701
- background-color: rgba(0, 0, 0, 0.7);
702
- background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.197 10.207V3.763h-6.463' stroke='%23DBDBDB' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.793 4.166l-6.173 6.172' stroke='%23DBDBDB' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.803 13.733v6.444h6.463' stroke='%23DBDBDB' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.207 19.774l6.173-6.171' stroke='%23DBDBDB' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
703
- background-repeat: no-repeat;
704
- background-position: center
705
- }
706
- @media only screen and (min-device-width: 64em) {
707
- .Image-module_fullscreen__29apx picture::after {
708
- content: ''
709
- }
710
- }
711
- [data-input='mouse'] .Image-module_wrapper__3fLjs {
712
- outline: none;
713
- }
714
-
715
- /* Colors */
716
- /* Fonts */
717
- /* Gap */
718
- /* Media */
719
- /* 512 */
720
- /* 650 */
721
- /* 768 */
722
- /* 1024 */
723
- /* 1010 */
724
- /* 1200 */
725
- /* 511 */
726
- /* 1023 */
727
- /* Zindex */
728
- .Lazy-module_root__2Z72l {
729
- display: block;
730
- }
731
- .Lazy-module_visible__3-SdX {
732
- color: red;
733
- }
734
-
735
715
  /* Colors */
736
716
  /* Fonts */
737
717
  /* Gap */
@@ -858,6 +838,26 @@
858
838
  }
859
839
  }
860
840
 
841
+ /* Colors */
842
+ /* Fonts */
843
+ /* Gap */
844
+ /* Media */
845
+ /* 512 */
846
+ /* 650 */
847
+ /* 768 */
848
+ /* 1024 */
849
+ /* 1010 */
850
+ /* 1200 */
851
+ /* 511 */
852
+ /* 1023 */
853
+ /* Zindex */
854
+ .Lazy-module_root__2Z72l {
855
+ display: block;
856
+ }
857
+ .Lazy-module_visible__3-SdX {
858
+ color: red;
859
+ }
860
+
861
861
  /* Colors */
862
862
  /* Fonts */
863
863
  /* Gap */
@@ -1278,11 +1278,104 @@
1278
1278
  min-width: 0
1279
1279
  }
1280
1280
  }
1281
- .Table-module_xs__au2Oe {
1282
- width: 50px;
1283
- min-width: 50px;
1281
+ .Table-module_xs__au2Oe {
1282
+ width: 50px;
1283
+ min-width: 50px;
1284
+ }
1285
+
1286
+ /* Colors */
1287
+ /* Fonts */
1288
+ /* Gap */
1289
+ /* Media */
1290
+ /* 512 */
1291
+ /* 650 */
1292
+ /* 768 */
1293
+ /* 1024 */
1294
+ /* 1010 */
1295
+ /* 1200 */
1296
+ /* 511 */
1297
+ /* 1023 */
1298
+ /* Zindex */
1299
+ .MediaCaption-module_root__KqTdw {
1300
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1301
+ }
1302
+ .MediaCaption-module_root__KqTdw a {
1303
+ text-decoration: underline;
1304
+
1305
+ color: inherit;
1306
+ box-shadow: none;
1307
+ }
1308
+ .MediaCaption-module_root__KqTdw a:hover {
1309
+ color: #b88b58;
1310
+ }
1311
+ .MediaCaption-module_caption__1hr7Y {
1312
+ max-width: 520px;
1313
+ padding-top: 4px;
1314
+
1315
+ color: #1a1a1a;
1316
+
1317
+ font-size: 14px;
1318
+ line-height: 18px
1319
+ }
1320
+ @media only screen and (min-device-width: 32em) {
1321
+ .MediaCaption-module_caption__1hr7Y {
1322
+ font-size: 16px;
1323
+ line-height: 22px
1324
+ }
1325
+ }
1326
+ .MediaCaption-module_credit__3ehAP {
1327
+ max-width: 520px;
1328
+ padding-top: 1px;
1329
+
1330
+ color: #666;
1331
+
1332
+ font-size: 12px;
1333
+ line-height: 16px
1334
+ }
1335
+ @media only screen and (min-device-width: 32em) {
1336
+ .MediaCaption-module_credit__3ehAP {
1337
+ padding-top: 3px
1338
+ }
1339
+ }
1340
+ .MediaCaption-module_credit__3ehAP:first-child {
1341
+ padding-top: 3px;
1342
+ }
1343
+ .MediaCaption-module_dark__3tL1u .MediaCaption-module_caption__1hr7Y {
1344
+ color: #fff;
1345
+ }
1346
+ .MediaCaption-module_dark__3tL1u .MediaCaption-module_credit__3ehAP {
1347
+ color: #929292;
1348
+ }
1349
+ .MediaCaption-module_video__1KZ6k .MediaCaption-module_caption__1hr7Y,
1350
+ .MediaCaption-module_picture__3AAMH .MediaCaption-module_caption__1hr7Y {
1351
+ padding-top: 10px
1352
+ }
1353
+ @media only screen and (min-device-width: 32em) {
1354
+ .MediaCaption-module_video__1KZ6k .MediaCaption-module_caption__1hr7Y,
1355
+ .MediaCaption-module_picture__3AAMH .MediaCaption-module_caption__1hr7Y {
1356
+ padding-top: 12px
1357
+ }
1358
+ }
1359
+ .MediaCaption-module_video__1KZ6k .MediaCaption-module_credit__3ehAP:first-child,
1360
+ .MediaCaption-module_picture__3AAMH .MediaCaption-module_credit__3ehAP:first-child {
1361
+ padding-top: 9px
1362
+ }
1363
+ @media only screen and (min-device-width: 32em) {
1364
+ .MediaCaption-module_video__1KZ6k .MediaCaption-module_credit__3ehAP:first-child,
1365
+ .MediaCaption-module_picture__3AAMH .MediaCaption-module_credit__3ehAP:first-child {
1366
+ padding-top: 11px
1367
+ }
1368
+ }
1369
+ .MediaCaption-module_picture__3AAMH .MediaCaption-module_credit__3ehAP,
1370
+ .MediaCaption-module_picture__3AAMH .MediaCaption-module_caption__1hr7Y,
1371
+ .MediaCaption-module_video__1KZ6k .MediaCaption-module_credit__3ehAP,
1372
+ .MediaCaption-module_video__1KZ6k .MediaCaption-module_caption__1hr7Y,
1373
+ .MediaCaption-module_desktop__3Saev .MediaCaption-module_credit__3ehAP,
1374
+ .MediaCaption-module_desktop__3Saev .MediaCaption-module_caption__1hr7Y {
1375
+ max-width: 650px;
1284
1376
  }
1285
1377
 
1378
+
1286
1379
  /* Colors */
1287
1380
  /* Fonts */
1288
1381
  /* Gap */
@@ -1489,85 +1582,36 @@
1489
1582
  /* 511 */
1490
1583
  /* 1023 */
1491
1584
  /* Zindex */
1492
- .MediaCaption-module_root__KqTdw {
1493
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1494
- }
1495
- .MediaCaption-module_root__KqTdw a {
1496
- text-decoration: underline;
1497
-
1498
- color: inherit;
1499
- box-shadow: none;
1500
- }
1501
- .MediaCaption-module_root__KqTdw a:hover {
1502
- color: #b88b58;
1503
- }
1504
- .MediaCaption-module_caption__1hr7Y {
1505
- max-width: 520px;
1506
- padding-top: 4px;
1507
-
1508
- color: #1a1a1a;
1509
-
1510
- font-size: 14px;
1511
- line-height: 18px
1512
- }
1513
- @media only screen and (min-device-width: 32em) {
1514
- .MediaCaption-module_caption__1hr7Y {
1515
- font-size: 16px;
1516
- line-height: 22px
1585
+ .MaterialTitle-module_root__18ku- {
1586
+ display: block;
1517
1587
  }
1518
- }
1519
- .MediaCaption-module_credit__3ehAP {
1520
- max-width: 520px;
1521
- padding-top: 1px;
1522
-
1523
- color: #666;
1588
+ .MaterialTitle-module_root__18ku- {
1589
+ margin: 0;
1524
1590
 
1525
- font-size: 12px;
1526
- line-height: 16px
1591
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1592
+ font-size: 25px;
1593
+ font-weight: normal;
1594
+ line-height: 27px
1527
1595
  }
1528
- @media only screen and (min-device-width: 32em) {
1529
- .MediaCaption-module_credit__3ehAP {
1530
- padding-top: 3px
1596
+ @media only screen and (min-device-width: 48em) {
1597
+ .MaterialTitle-module_root__18ku- {
1598
+ font-size: 37px;
1599
+ line-height: 38px
1531
1600
  }
1532
1601
  }
1533
- .MediaCaption-module_credit__3ehAP:first-child {
1534
- padding-top: 3px;
1535
- }
1536
- .MediaCaption-module_dark__3tL1u .MediaCaption-module_caption__1hr7Y {
1537
- color: #fff;
1538
- }
1539
- .MediaCaption-module_dark__3tL1u .MediaCaption-module_credit__3ehAP {
1540
- color: #929292;
1541
- }
1542
- .MediaCaption-module_video__1KZ6k .MediaCaption-module_caption__1hr7Y,
1543
- .MediaCaption-module_picture__3AAMH .MediaCaption-module_caption__1hr7Y {
1544
- padding-top: 10px
1545
- }
1546
- @media only screen and (min-device-width: 32em) {
1547
- .MediaCaption-module_video__1KZ6k .MediaCaption-module_caption__1hr7Y,
1548
- .MediaCaption-module_picture__3AAMH .MediaCaption-module_caption__1hr7Y {
1549
- padding-top: 12px
1602
+ .MaterialTitle-module_primary__2Sfmx {
1603
+ font-family: 'PF Regal', 'PF Regal Text Pro', 'Georgia', serif;
1604
+ font-weight: normal;
1550
1605
  }
1551
- }
1552
- .MediaCaption-module_video__1KZ6k .MediaCaption-module_credit__3ehAP:first-child,
1553
- .MediaCaption-module_picture__3AAMH .MediaCaption-module_credit__3ehAP:first-child {
1554
- padding-top: 9px
1606
+ .MaterialTitle-module_secondary__3uDp4 {
1607
+ font-size: 24px;
1608
+ font-weight: 700
1555
1609
  }
1556
- @media only screen and (min-device-width: 32em) {
1557
- .MediaCaption-module_video__1KZ6k .MediaCaption-module_credit__3ehAP:first-child,
1558
- .MediaCaption-module_picture__3AAMH .MediaCaption-module_credit__3ehAP:first-child {
1559
- padding-top: 11px
1610
+ @media only screen and (min-device-width: 48em) {
1611
+ .MaterialTitle-module_secondary__3uDp4 {
1612
+ font-size: 36px
1560
1613
  }
1561
1614
  }
1562
- .MediaCaption-module_picture__3AAMH .MediaCaption-module_credit__3ehAP,
1563
- .MediaCaption-module_picture__3AAMH .MediaCaption-module_caption__1hr7Y,
1564
- .MediaCaption-module_video__1KZ6k .MediaCaption-module_credit__3ehAP,
1565
- .MediaCaption-module_video__1KZ6k .MediaCaption-module_caption__1hr7Y,
1566
- .MediaCaption-module_desktop__3Saev .MediaCaption-module_credit__3ehAP,
1567
- .MediaCaption-module_desktop__3Saev .MediaCaption-module_caption__1hr7Y {
1568
- max-width: 650px;
1569
- }
1570
-
1571
1615
 
1572
1616
  /* Colors */
1573
1617
  /* Fonts */
@@ -1657,50 +1701,6 @@
1657
1701
  content: '';
1658
1702
  }
1659
1703
 
1660
- /* Colors */
1661
- /* Fonts */
1662
- /* Gap */
1663
- /* Media */
1664
- /* 512 */
1665
- /* 650 */
1666
- /* 768 */
1667
- /* 1024 */
1668
- /* 1010 */
1669
- /* 1200 */
1670
- /* 511 */
1671
- /* 1023 */
1672
- /* Zindex */
1673
- .MaterialTitle-module_root__18ku- {
1674
- display: block;
1675
- }
1676
- .MaterialTitle-module_root__18ku- {
1677
- margin: 0;
1678
-
1679
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1680
- font-size: 25px;
1681
- font-weight: normal;
1682
- line-height: 27px
1683
- }
1684
- @media only screen and (min-device-width: 48em) {
1685
- .MaterialTitle-module_root__18ku- {
1686
- font-size: 37px;
1687
- line-height: 38px
1688
- }
1689
- }
1690
- .MaterialTitle-module_primary__2Sfmx {
1691
- font-family: 'PF Regal', 'PF Regal Text Pro', 'Georgia', serif;
1692
- font-weight: normal;
1693
- }
1694
- .MaterialTitle-module_secondary__3uDp4 {
1695
- font-size: 24px;
1696
- font-weight: 700
1697
- }
1698
- @media only screen and (min-device-width: 48em) {
1699
- .MaterialTitle-module_secondary__3uDp4 {
1700
- font-size: 36px
1701
- }
1702
- }
1703
-
1704
1704
  /* Colors */
1705
1705
  /* Fonts */
1706
1706
  /* Gap */
@@ -2115,7 +2115,7 @@
2115
2115
  fill: currentColor;
2116
2116
  }
2117
2117
  .Meta-module_dark__24y9m {
2118
- color: #757575;
2118
+ color: rgba(0, 0, 0, 0.4);
2119
2119
  }
2120
2120
  .Meta-module_episode__1K2Xv,
2121
2121
  .Meta-module_card__LE1RK,
@@ -2171,6 +2171,24 @@
2171
2171
  }
2172
2172
  }
2173
2173
 
2174
+ /* Colors */
2175
+ /* Fonts */
2176
+ /* Gap */
2177
+ /* Media */
2178
+ /* 512 */
2179
+ /* 650 */
2180
+ /* 768 */
2181
+ /* 1024 */
2182
+ /* 1010 */
2183
+ /* 1200 */
2184
+ /* 511 */
2185
+ /* 1023 */
2186
+ /* Zindex */
2187
+ .Timestamp-module_root__coOvT {
2188
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2189
+ font-weight: normal;
2190
+ }
2191
+
2174
2192
  /* Colors */
2175
2193
  /* Fonts */
2176
2194
  /* Gap */
@@ -2241,101 +2259,21 @@
2241
2259
  .QuoteBlock-module_root__2GrcC p {
2242
2260
  margin: 0;
2243
2261
  }
2244
- .QuoteBlock-module_root__2GrcC a {
2245
- text-decoration: none;
2246
-
2247
- color: inherit;
2248
- box-shadow: inset 0 -1px #b88b59;
2249
- }
2250
- .QuoteBlock-module_root__2GrcC a:hover {
2251
- color: #b88b59;
2252
- }
2253
- .QuoteBlock-module_center__cTFNy {
2254
- width: 100%;
2255
- max-width: 650px;
2256
- margin-right: auto;
2257
- margin-left: auto;
2258
- }
2259
-
2260
- /* Colors */
2261
- /* Fonts */
2262
- /* Gap */
2263
- /* Media */
2264
- /* 512 */
2265
- /* 650 */
2266
- /* 768 */
2267
- /* 1024 */
2268
- /* 1010 */
2269
- /* 1200 */
2270
- /* 511 */
2271
- /* 1023 */
2272
- /* Zindex */
2273
- .Timestamp-module_root__coOvT {
2274
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2275
- font-weight: normal;
2276
- }
2277
-
2278
- /* Colors */
2279
- /* Fonts */
2280
- /* Gap */
2281
- /* Media */
2282
- /* 512 */
2283
- /* 650 */
2284
- /* 768 */
2285
- /* 1024 */
2286
- /* 1010 */
2287
- /* 1200 */
2288
- /* 511 */
2289
- /* 1023 */
2290
- /* Zindex */
2291
- .CardTitle-module_root__1uqqF {
2292
- margin-bottom: 11px
2293
- }
2294
- @media only screen and (min-device-width: 64em) {
2295
- .CardTitle-module_root__1uqqF {
2296
- margin-bottom: 10px;
2297
-
2298
- text-align: center
2299
- }
2300
- }
2301
- .CardTitle-module_index__4FsTf {
2302
- margin-bottom: 7px;
2303
-
2304
- color: #b88b59;
2305
-
2306
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2307
- font-size: 20px;
2308
- font-weight: 700;
2309
- line-height: 24px;
2310
- }
2311
- .CardTitle-module_title__2iTI6 {
2312
- color: #1d1d1d;
2313
-
2314
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2315
- font-size: 20px;
2316
- font-weight: 700;
2317
- line-height: 24px
2318
- }
2319
- @media only screen and (min-device-width: 64em) {
2320
- .CardTitle-module_title__2iTI6 {
2321
- font-size: 28px;
2322
- line-height: 34px
2323
- }
2324
- }
2325
- /* VISIBILITY */
2326
- @media only screen and (min-device-width: 32em) {
2327
- .CardTitle-module_mobile__1_kij {
2328
- display: none
2329
- }
2330
- }
2331
- .CardTitle-module_desktop__1l3_n {
2332
- display: none
2262
+ .QuoteBlock-module_root__2GrcC a {
2263
+ text-decoration: none;
2264
+
2265
+ color: inherit;
2266
+ box-shadow: inset 0 -1px #b88b59;
2333
2267
  }
2334
- @media only screen and (min-device-width: 32em) {
2335
- .CardTitle-module_desktop__1l3_n {
2336
- display: block
2268
+ .QuoteBlock-module_root__2GrcC a:hover {
2269
+ color: #b88b59;
2270
+ }
2271
+ .QuoteBlock-module_center__cTFNy {
2272
+ width: 100%;
2273
+ max-width: 650px;
2274
+ margin-right: auto;
2275
+ margin-left: auto;
2337
2276
  }
2338
- }
2339
2277
 
2340
2278
  /* Colors */
2341
2279
  /* Fonts */
@@ -2416,6 +2354,68 @@
2416
2354
  }
2417
2355
 
2418
2356
 
2357
+ /* Colors */
2358
+ /* Fonts */
2359
+ /* Gap */
2360
+ /* Media */
2361
+ /* 512 */
2362
+ /* 650 */
2363
+ /* 768 */
2364
+ /* 1024 */
2365
+ /* 1010 */
2366
+ /* 1200 */
2367
+ /* 511 */
2368
+ /* 1023 */
2369
+ /* Zindex */
2370
+ .CardTitle-module_root__1uqqF {
2371
+ margin-bottom: 11px
2372
+ }
2373
+ @media only screen and (min-device-width: 64em) {
2374
+ .CardTitle-module_root__1uqqF {
2375
+ margin-bottom: 10px;
2376
+
2377
+ text-align: center
2378
+ }
2379
+ }
2380
+ .CardTitle-module_index__4FsTf {
2381
+ margin-bottom: 7px;
2382
+
2383
+ color: #b88b59;
2384
+
2385
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2386
+ font-size: 20px;
2387
+ font-weight: 700;
2388
+ line-height: 24px;
2389
+ }
2390
+ .CardTitle-module_title__2iTI6 {
2391
+ color: #1d1d1d;
2392
+
2393
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2394
+ font-size: 20px;
2395
+ font-weight: 700;
2396
+ line-height: 24px
2397
+ }
2398
+ @media only screen and (min-device-width: 64em) {
2399
+ .CardTitle-module_title__2iTI6 {
2400
+ font-size: 28px;
2401
+ line-height: 34px
2402
+ }
2403
+ }
2404
+ /* VISIBILITY */
2405
+ @media only screen and (min-device-width: 32em) {
2406
+ .CardTitle-module_mobile__1_kij {
2407
+ display: none
2408
+ }
2409
+ }
2410
+ .CardTitle-module_desktop__1l3_n {
2411
+ display: none
2412
+ }
2413
+ @media only screen and (min-device-width: 32em) {
2414
+ .CardTitle-module_desktop__1l3_n {
2415
+ display: block
2416
+ }
2417
+ }
2418
+
2419
2419
  /* Colors */
2420
2420
  /* Fonts */
2421
2421
  /* Gap */
@@ -2597,39 +2597,213 @@
2597
2597
  margin-bottom: 0
2598
2598
  }
2599
2599
  }
2600
- @media only screen and (min-device-width: 48em) {
2601
- .GroupedBlock-module_item__3sz9_ + .GroupedBlock-module_item__3sz9_ {
2602
- margin-left: 15px
2600
+ @media only screen and (min-device-width: 48em) {
2601
+ .GroupedBlock-module_item__3sz9_ + .GroupedBlock-module_item__3sz9_ {
2602
+ margin-left: 15px
2603
+ }
2604
+ }
2605
+ .GroupedBlock-module_figcaption__2Q_wf {
2606
+ max-width: 650px;
2607
+ margin-right: auto;
2608
+ margin-left: auto;
2609
+ }
2610
+ /* DISPLAY */
2611
+ @media only screen and (min-device-width: 48em) {
2612
+ .GroupedBlock-module_default__3ylw_ {
2613
+ max-width: 650px
2614
+ }
2615
+ }
2616
+ .GroupedBlock-module_full__1dzQR {
2617
+ max-width: 980px;
2618
+ }
2619
+ .GroupedBlock-module_super_full__1PU72 {
2620
+ max-width: 1680px;
2621
+ }
2622
+ /* VISIBILITY */
2623
+ @media only screen and (min-device-width: 32em) {
2624
+ .GroupedBlock-module_mobile__3n8Ub {
2625
+ display: none
2626
+ }
2627
+ }
2628
+ .GroupedBlock-module_desktop__6ZRpA {
2629
+ display: none
2630
+ }
2631
+ @media only screen and (min-device-width: 32em) {
2632
+ .GroupedBlock-module_desktop__6ZRpA {
2633
+ display: block
2634
+ }
2635
+ }
2636
+
2637
+
2638
+ /* Colors */
2639
+ /* Fonts */
2640
+ /* Gap */
2641
+ /* Media */
2642
+ /* 512 */
2643
+ /* 650 */
2644
+ /* 768 */
2645
+ /* 1024 */
2646
+ /* 1010 */
2647
+ /* 1200 */
2648
+ /* 511 */
2649
+ /* 1023 */
2650
+ /* Zindex */
2651
+ .HalfBlock-module_root__2frv2 {
2652
+ position: relative;
2653
+
2654
+ text-align: left;
2655
+ }
2656
+ .HalfBlock-module_main__2XX73 {
2657
+ display: -webkit-box;
2658
+ display: -webkit-flex;
2659
+ display: -ms-flexbox;
2660
+ display: flex;
2661
+ flex-flow: column nowrap
2662
+ }
2663
+ @media only screen and (min-device-width: 64em) {
2664
+ .HalfBlock-module_main__2XX73 {
2665
+ align-items: center;
2666
+ flex-flow: row nowrap
2667
+ }
2668
+ }
2669
+ .HalfBlock-module_body__3MnEN {
2670
+ order: -1;
2671
+
2672
+ max-width: 860px;
2673
+ margin: 0 auto
2674
+ }
2675
+ @media only screen and (min-device-width: 48em) {
2676
+ .HalfBlock-module_body__3MnEN {
2677
+ text-align: center
2678
+ }
2679
+ }
2680
+ @media only screen and (min-device-width: 64em) {
2681
+ .HalfBlock-module_body__3MnEN {
2682
+ align-items: flex-start;
2683
+ justify-content: center;
2684
+ order: 0;
2685
+
2686
+ width: 50%;
2687
+ max-width: none;
2688
+ height: 100%;
2689
+ margin-left: 25px;
2690
+
2691
+ text-align: left
2692
+ }
2693
+ }
2694
+ .HalfBlock-module_footer__1C0yp {
2695
+ width: 100%;
2696
+ max-width: 650px;
2697
+ margin: 0 auto;
2698
+ padding-top: 3px
2699
+ }
2700
+ @media only screen and (min-device-width: 64em) {
2701
+ .HalfBlock-module_footer__1C0yp {
2702
+ max-width: 1000px;
2703
+ margin: auto;
2704
+ padding-top: 0;
2705
+
2706
+ border-top: 1px solid #e6e6e6
2707
+ }
2708
+ }
2709
+ .HalfBlock-module_image__2lYel {
2710
+ flex-grow: 1;
2711
+
2712
+ margin: 0 -20px 0;
2713
+ margin-top: 18px
2714
+ }
2715
+ @media only screen and (min-device-width: 32em) {
2716
+ .HalfBlock-module_image__2lYel {
2717
+ margin: 31px 0 -5px
2718
+ }
2719
+ }
2720
+ @media only screen and (min-device-width: 64em) {
2721
+ .HalfBlock-module_image__2lYel {
2722
+ width: 50%;
2723
+ margin: 0
2724
+ }
2725
+ }
2726
+ /* VISIBILITY */
2727
+ @media only screen and (min-device-width: 32em) {
2728
+ .HalfBlock-module_mobile__2latf {
2729
+ display: none
2730
+ }
2731
+ }
2732
+ .HalfBlock-module_desktop__3B1Ej {
2733
+ display: none
2734
+ }
2735
+ @media only screen and (min-device-width: 32em) {
2736
+ .HalfBlock-module_desktop__3B1Ej {
2737
+ display: block
2738
+ }
2739
+ }
2740
+
2741
+ /* Colors */
2742
+ /* Fonts */
2743
+ /* Gap */
2744
+ /* Media */
2745
+ /* 512 */
2746
+ /* 650 */
2747
+ /* 768 */
2748
+ /* 1024 */
2749
+ /* 1010 */
2750
+ /* 1200 */
2751
+ /* 511 */
2752
+ /* 1023 */
2753
+ /* Zindex */
2754
+ .ImportantLead-module_root__2BdT3 {
2755
+ margin: 18px 0;
2756
+ padding: 12px 12px 13px;
2757
+
2758
+ border: 1px solid rgba(0, 0, 0, 0.08);
2759
+ border-radius: 4px;
2760
+ border-radius: 8px;
2761
+ background: #FFF8C4;
2762
+
2763
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2764
+ font-size: 16px;
2765
+ font-weight: normal;
2766
+ line-height: 20px
2767
+ }
2768
+ @media only screen and (min-device-width: 32em) {
2769
+ .ImportantLead-module_root__2BdT3 {
2770
+ margin: 25px 0;
2771
+ padding: 12px 15px 13px;
2772
+
2773
+ font-size: 17px;
2774
+ line-height: 24px
2775
+ }
2776
+ }
2777
+ .ImportantLead-module_root__2BdT3:last-child {
2778
+ margin-bottom: 0;
2603
2779
  }
2604
- }
2605
- .GroupedBlock-module_figcaption__2Q_wf {
2606
- max-width: 650px;
2607
- margin-right: auto;
2608
- margin-left: auto;
2780
+ .ImportantLead-module_root__2BdT3:first-child {
2781
+ margin-top: 0;
2609
2782
  }
2610
- /* DISPLAY */
2611
- @media only screen and (min-device-width: 48em) {
2612
- .GroupedBlock-module_default__3ylw_ {
2613
- max-width: 650px
2783
+ .ImportantLead-module_root__2BdT3 a {
2784
+ color: #000;
2785
+ box-shadow: inset 0 -1px #000;
2614
2786
  }
2615
- }
2616
- .GroupedBlock-module_full__1dzQR {
2617
- max-width: 980px;
2787
+ .ImportantLead-module_root__2BdT3 a:hover {
2788
+ color: #b88b59;
2789
+ box-shadow: inset 0 -1px #b88b59;
2618
2790
  }
2619
- .GroupedBlock-module_super_full__1PU72 {
2620
- max-width: 1680px;
2791
+ .ImportantLead-module_slide__3kQ9x {
2792
+ max-width: 650px;
2793
+ margin-right: auto;
2794
+ margin-left: auto;
2621
2795
  }
2622
2796
  /* VISIBILITY */
2623
2797
  @media only screen and (min-device-width: 32em) {
2624
- .GroupedBlock-module_mobile__3n8Ub {
2798
+ .ImportantLead-module_mobile__3BXbm {
2625
2799
  display: none
2626
2800
  }
2627
2801
  }
2628
- .GroupedBlock-module_desktop__6ZRpA {
2802
+ .ImportantLead-module_desktop__3Zljc {
2629
2803
  display: none
2630
2804
  }
2631
2805
  @media only screen and (min-device-width: 32em) {
2632
- .GroupedBlock-module_desktop__6ZRpA {
2806
+ .ImportantLead-module_desktop__3Zljc {
2633
2807
  display: block
2634
2808
  }
2635
2809
  }
@@ -2648,96 +2822,123 @@
2648
2822
  /* 511 */
2649
2823
  /* 1023 */
2650
2824
  /* Zindex */
2651
- .HalfBlock-module_root__2frv2 {
2652
- position: relative;
2825
+ .RelatedBlock-module_root__IKcQq {
2826
+ margin: 16px 0;
2653
2827
 
2654
- text-align: left;
2655
- }
2656
- .HalfBlock-module_main__2XX73 {
2657
- display: -webkit-box;
2658
- display: -webkit-flex;
2659
- display: -ms-flexbox;
2660
- display: flex;
2661
- flex-flow: column nowrap
2828
+ border-radius: 8px;
2829
+ background-color: #f5f5f5;
2830
+ box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1), inset 0 4px 0 0 #b78b5c
2662
2831
  }
2663
- @media only screen and (min-device-width: 64em) {
2664
- .HalfBlock-module_main__2XX73 {
2665
- align-items: center;
2666
- flex-flow: row nowrap
2832
+ @media only screen and (min-device-width: 48em) {
2833
+ .RelatedBlock-module_root__IKcQq {
2834
+ margin: 25px 0
2667
2835
  }
2668
2836
  }
2669
- .HalfBlock-module_body__3MnEN {
2670
- order: -1;
2837
+ .RelatedBlock-module_root__IKcQq:last-child {
2838
+ margin-bottom: 0;
2839
+ }
2840
+ .RelatedBlock-module_root__IKcQq:first-child {
2841
+ margin-top: 0;
2842
+ }
2843
+ .RelatedBlock-module_root__IKcQq a {
2844
+ display: block;
2671
2845
 
2672
- max-width: 860px;
2673
- margin: 0 auto
2846
+ padding: 12px 12px 13px;
2847
+
2848
+ transition: color 0.15s;
2849
+ text-decoration: none;
2850
+
2851
+ color: #000;
2852
+ box-shadow: none;
2853
+
2854
+ font-size: 17px;
2855
+ line-height: 20px
2674
2856
  }
2675
2857
  @media only screen and (min-device-width: 48em) {
2676
- .HalfBlock-module_body__3MnEN {
2677
- text-align: center
2858
+ .RelatedBlock-module_root__IKcQq a {
2859
+ padding: 15px 20px 17px;
2860
+
2861
+ font-size: 19px;
2862
+ line-height: 23px
2678
2863
  }
2679
2864
  }
2680
- @media only screen and (min-device-width: 64em) {
2681
- .HalfBlock-module_body__3MnEN {
2682
- align-items: flex-start;
2683
- justify-content: center;
2684
- order: 0;
2865
+ .RelatedBlock-module_root__IKcQq a:hover {
2866
+ color: #5c5c5c;
2867
+ }
2868
+ .RelatedBlock-module_header__2SuWP {
2869
+ margin: 0;
2870
+ padding: 14px 12px 3px;
2685
2871
 
2686
- width: 50%;
2687
- max-width: none;
2688
- height: 100%;
2689
- margin-left: 25px;
2872
+ letter-spacing: 1px;
2873
+ text-transform: uppercase;
2690
2874
 
2691
- text-align: left
2692
- }
2693
- }
2694
- .HalfBlock-module_footer__1C0yp {
2695
- width: 100%;
2696
- max-width: 650px;
2697
- margin: 0 auto;
2698
- padding-top: 3px
2875
+ color: #7F7F7F;
2876
+
2877
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2878
+ font-size: 12px;
2879
+ font-weight: 600;
2880
+ line-height: 17px
2699
2881
  }
2700
- @media only screen and (min-device-width: 64em) {
2701
- .HalfBlock-module_footer__1C0yp {
2702
- max-width: 1000px;
2703
- margin: auto;
2704
- padding-top: 0;
2882
+ @media only screen and (min-device-width: 48em) {
2883
+ .RelatedBlock-module_header__2SuWP {
2884
+ padding: 20px 20px 14px;
2705
2885
 
2706
- border-top: 1px solid #e6e6e6
2886
+ font-size: 14px;
2887
+ line-height: 16px
2707
2888
  }
2708
2889
  }
2709
- .HalfBlock-module_image__2lYel {
2710
- flex-grow: 1;
2890
+ .RelatedBlock-module_items__2V-Ap {
2891
+ margin: 0;
2892
+ padding-left: 0;
2711
2893
 
2712
- margin: 0 -20px 0;
2713
- margin-top: 18px
2894
+ list-style: none;
2714
2895
  }
2715
- @media only screen and (min-device-width: 32em) {
2716
- .HalfBlock-module_image__2lYel {
2717
- margin: 31px 0 -5px
2896
+ .RelatedBlock-module_items__2V-Ap li {
2897
+ padding: 0;
2718
2898
  }
2719
- }
2720
- @media only screen and (min-device-width: 64em) {
2721
- .HalfBlock-module_image__2lYel {
2722
- width: 50%;
2723
- margin: 0
2899
+ .RelatedBlock-module_items__2V-Ap li + li {
2900
+ border-top: 1px solid #e6e6e6;
2901
+ }
2902
+ .RelatedBlock-module_rich__ddaHq .RelatedBlock-module_first__BKItW {
2903
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2904
+ font-size: 16px;
2905
+ font-weight: 700;
2906
+ line-height: 18px
2907
+ }
2908
+ @media only screen and (min-device-width: 48em) {
2909
+ .RelatedBlock-module_rich__ddaHq .RelatedBlock-module_first__BKItW {
2910
+ font-size: 18px
2724
2911
  }
2725
2912
  }
2913
+ .RelatedBlock-module_simple__29HVO {
2914
+ }
2915
+ .RelatedBlock-module_center__1LmW8 {
2916
+ max-width: 650px;
2917
+ margin-right: auto;
2918
+ margin-left: auto;
2919
+ }
2920
+ .RelatedBlock-module_isInSlideMaterial__2YSYG:first-child {
2921
+ margin-top: 0;
2922
+ }
2923
+ .RelatedBlock-module_isInSlideMaterial__2YSYG:last-child {
2924
+ margin-bottom: 0;
2925
+ }
2726
2926
  /* VISIBILITY */
2727
2927
  @media only screen and (min-device-width: 32em) {
2728
- .HalfBlock-module_mobile__2latf {
2928
+ .RelatedBlock-module_mobile__2XM5a {
2729
2929
  display: none
2730
2930
  }
2731
2931
  }
2732
- .HalfBlock-module_desktop__3B1Ej {
2932
+ .RelatedBlock-module_desktop__2mXeq {
2733
2933
  display: none
2734
2934
  }
2735
2935
  @media only screen and (min-device-width: 32em) {
2736
- .HalfBlock-module_desktop__3B1Ej {
2936
+ .RelatedBlock-module_desktop__2mXeq {
2737
2937
  display: block
2738
2938
  }
2739
2939
  }
2740
2940
 
2941
+
2741
2942
  /* Colors */
2742
2943
  /* Fonts */
2743
2944
  /* Gap */
@@ -2882,95 +3083,24 @@
2882
3083
  .ListBlock-module_dark__3E3tV a {
2883
3084
  color: inherit;
2884
3085
  }
2885
- .ListBlock-module_dark__3E3tV a:hover {
2886
- color: #b88b59;
2887
- }
2888
- /* VISIBILITY */
2889
- @media only screen and (min-device-width: 32em) {
2890
- .ListBlock-module_mobile__2-nuV {
2891
- display: none
2892
- }
2893
- }
2894
- .ListBlock-module_desktop__1EE0g {
2895
- display: none
2896
- }
2897
- @media only screen and (min-device-width: 32em) {
2898
- .ListBlock-module_desktop__1EE0g {
2899
- display: block
2900
- }
2901
- }
2902
-
2903
- /* Colors */
2904
- /* Fonts */
2905
- /* Gap */
2906
- /* Media */
2907
- /* 512 */
2908
- /* 650 */
2909
- /* 768 */
2910
- /* 1024 */
2911
- /* 1010 */
2912
- /* 1200 */
2913
- /* 511 */
2914
- /* 1023 */
2915
- /* Zindex */
2916
- .ImportantLead-module_root__2BdT3 {
2917
- margin: 18px 0;
2918
- padding: 12px 12px 13px;
2919
-
2920
- border: 1px solid rgba(0, 0, 0, 0.08);
2921
- border-radius: 4px;
2922
- border-radius: 8px;
2923
- background: #FFF8C4;
2924
-
2925
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2926
- font-size: 16px;
2927
- font-weight: normal;
2928
- line-height: 20px
2929
- }
2930
- @media only screen and (min-device-width: 32em) {
2931
- .ImportantLead-module_root__2BdT3 {
2932
- margin: 25px 0;
2933
- padding: 12px 15px 13px;
2934
-
2935
- font-size: 17px;
2936
- line-height: 24px
2937
- }
2938
- }
2939
- .ImportantLead-module_root__2BdT3:last-child {
2940
- margin-bottom: 0;
2941
- }
2942
- .ImportantLead-module_root__2BdT3:first-child {
2943
- margin-top: 0;
2944
- }
2945
- .ImportantLead-module_root__2BdT3 a {
2946
- color: #000;
2947
- box-shadow: inset 0 -1px #000;
2948
- }
2949
- .ImportantLead-module_root__2BdT3 a:hover {
2950
- color: #b88b59;
2951
- box-shadow: inset 0 -1px #b88b59;
2952
- }
2953
- .ImportantLead-module_slide__3kQ9x {
2954
- max-width: 650px;
2955
- margin-right: auto;
2956
- margin-left: auto;
2957
- }
3086
+ .ListBlock-module_dark__3E3tV a:hover {
3087
+ color: #b88b59;
3088
+ }
2958
3089
  /* VISIBILITY */
2959
3090
  @media only screen and (min-device-width: 32em) {
2960
- .ImportantLead-module_mobile__3BXbm {
3091
+ .ListBlock-module_mobile__2-nuV {
2961
3092
  display: none
2962
3093
  }
2963
3094
  }
2964
- .ImportantLead-module_desktop__3Zljc {
3095
+ .ListBlock-module_desktop__1EE0g {
2965
3096
  display: none
2966
3097
  }
2967
3098
  @media only screen and (min-device-width: 32em) {
2968
- .ImportantLead-module_desktop__3Zljc {
3099
+ .ListBlock-module_desktop__1EE0g {
2969
3100
  display: block
2970
3101
  }
2971
3102
  }
2972
3103
 
2973
-
2974
3104
  /* Colors */
2975
3105
  /* Fonts */
2976
3106
  /* Gap */
@@ -2984,123 +3114,112 @@
2984
3114
  /* 511 */
2985
3115
  /* 1023 */
2986
3116
  /* Zindex */
2987
- .RelatedBlock-module_root__IKcQq {
2988
- margin: 16px 0;
3117
+ .RichTitle-module_root__BK_WT {
3118
+ margin: 0 0 18px;
2989
3119
 
2990
- border-radius: 8px;
2991
- background-color: #f5f5f5;
2992
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1), inset 0 4px 0 0 #b78b5c
3120
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
3121
+ font-size: 19px;
3122
+ font-weight: 700;
3123
+ line-height: 23px
2993
3124
  }
2994
3125
  @media only screen and (min-device-width: 48em) {
2995
- .RelatedBlock-module_root__IKcQq {
2996
- margin: 25px 0
3126
+ .RichTitle-module_root__BK_WT {
3127
+ margin-bottom: 15px;
3128
+
3129
+ font-size: 37px;
3130
+ line-height: 42px
2997
3131
  }
2998
3132
  }
2999
- .RelatedBlock-module_root__IKcQq:last-child {
3133
+ .RichTitle-module_root__BK_WT:last-child {
3000
3134
  margin-bottom: 0;
3001
3135
  }
3002
- .RelatedBlock-module_root__IKcQq:first-child {
3003
- margin-top: 0;
3004
- }
3005
- .RelatedBlock-module_root__IKcQq a {
3006
- display: block;
3007
-
3008
- padding: 12px 12px 13px;
3009
-
3010
- transition: color 0.15s;
3011
- text-decoration: none;
3012
-
3013
- color: #000;
3014
- box-shadow: none;
3015
-
3016
- font-size: 17px;
3017
- line-height: 20px
3136
+ .RichTitle-module_root__BK_WT span {
3137
+ font-family: 'PF Regal', 'PF Regal Text Pro', 'Georgia', serif;
3138
+ font-size: 20px;
3139
+ font-weight: normal
3018
3140
  }
3019
3141
  @media only screen and (min-device-width: 48em) {
3020
- .RelatedBlock-module_root__IKcQq a {
3021
- padding: 15px 20px 17px;
3022
-
3023
- font-size: 19px;
3024
- line-height: 23px
3142
+ .RichTitle-module_root__BK_WT span {
3143
+ font-size: 38px
3025
3144
  }
3026
3145
  }
3027
- .RelatedBlock-module_root__IKcQq a:hover {
3028
- color: #5c5c5c;
3029
- }
3030
- .RelatedBlock-module_header__2SuWP {
3031
- margin: 0;
3032
- padding: 14px 12px 3px;
3033
-
3034
- letter-spacing: 1px;
3035
- text-transform: uppercase;
3036
-
3037
- color: #7F7F7F;
3038
-
3039
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
3040
- font-size: 12px;
3041
- font-weight: 600;
3042
- line-height: 17px
3146
+ @media only screen and (min-device-width: 32em) {
3147
+ .RichTitle-module_slide__1A-gB,
3148
+ .RichTitle-module_game__1g8Bn {
3149
+ text-align: center
3043
3150
  }
3044
- @media only screen and (min-device-width: 48em) {
3045
- .RelatedBlock-module_header__2SuWP {
3046
- padding: 20px 20px 14px;
3047
-
3048
- font-size: 14px;
3049
- line-height: 16px
3151
+ }
3152
+ @media only screen and (min-device-width: 64em) {
3153
+ .RichTitle-module_half__10GRI {
3154
+ font-size: 33px;
3155
+ line-height: 36px
3050
3156
  }
3051
3157
  }
3052
- .RelatedBlock-module_items__2V-Ap {
3053
- margin: 0;
3054
- padding-left: 0;
3055
-
3056
- list-style: none;
3158
+ @media only screen and (min-device-width: 64em) {
3159
+ .RichTitle-module_half__10GRI span {
3160
+ font-size: 34px
3057
3161
  }
3058
- .RelatedBlock-module_items__2V-Ap li {
3059
- padding: 0;
3162
+ }
3163
+ .RichTitle-module_game__1g8Bn:first-child {
3164
+ padding-top: 9px;
3060
3165
  }
3061
- .RelatedBlock-module_items__2V-Ap li + li {
3062
- border-top: 1px solid #e6e6e6;
3166
+ @media only screen and (max-device-width: 63.9375em) {
3167
+ .RichTitle-module_featured__wJfaQ {
3168
+ letter-spacing: 0.3px;
3169
+
3170
+ font-size: 28px;
3171
+ line-height: 30px
3063
3172
  }
3064
- .RelatedBlock-module_rich__ddaHq .RelatedBlock-module_first__BKItW {
3065
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
3066
- font-size: 16px;
3067
- font-weight: 700;
3068
- line-height: 18px
3173
+ }
3174
+ @media only screen and (max-device-width: 63.9375em) {
3175
+ .RichTitle-module_featured__wJfaQ span {
3176
+ display: block;
3177
+
3178
+ padding-top: 2px;
3179
+
3180
+ font-size: 18px;
3181
+ line-height: 24px
3069
3182
  }
3070
- @media only screen and (min-device-width: 48em) {
3071
- .RelatedBlock-module_rich__ddaHq .RelatedBlock-module_first__BKItW {
3072
- font-size: 18px
3183
+ }
3184
+ @media only screen and (min-device-width: 64em) {
3185
+ .RichTitle-module_isInMediaBlock__3RDw4 {
3186
+ margin-bottom: 18px
3073
3187
  }
3074
3188
  }
3075
- .RelatedBlock-module_simple__29HVO {
3189
+ .RichTitle-module_isInMediaBlock__3RDw4:not(.RichTitle-module_featured__wJfaQ) {
3190
+ font-size: 19px;
3191
+ line-height: 23px
3076
3192
  }
3077
- .RelatedBlock-module_center__1LmW8 {
3078
- max-width: 650px;
3079
- margin-right: auto;
3080
- margin-left: auto;
3193
+ @media only screen and (min-device-width: 64em) {
3194
+ .RichTitle-module_isInMediaBlock__3RDw4:not(.RichTitle-module_featured__wJfaQ) {
3195
+ font-size: 26px;
3196
+ line-height: 32px
3081
3197
  }
3082
- .RelatedBlock-module_isInSlideMaterial__2YSYG:first-child {
3083
- margin-top: 0;
3198
+ }
3199
+ .RichTitle-module_isInMediaBlock__3RDw4:not(.RichTitle-module_featured__wJfaQ) span {
3200
+ font-size: 20px;
3201
+ line-height: 23px
3084
3202
  }
3085
- .RelatedBlock-module_isInSlideMaterial__2YSYG:last-child {
3086
- margin-bottom: 0;
3203
+ @media only screen and (min-device-width: 64em) {
3204
+ .RichTitle-module_isInMediaBlock__3RDw4:not(.RichTitle-module_featured__wJfaQ) span {
3205
+ font-size: 27px;
3206
+ line-height: 32px
3087
3207
  }
3088
- /* VISIBILITY */
3208
+ }
3089
3209
  @media only screen and (min-device-width: 32em) {
3090
- .RelatedBlock-module_mobile__2XM5a {
3210
+ .RichTitle-module_mobile__1Cb6E {
3091
3211
  display: none
3092
3212
  }
3093
3213
  }
3094
- .RelatedBlock-module_desktop__2mXeq {
3214
+ .RichTitle-module_desktop__2ixSQ {
3095
3215
  display: none
3096
3216
  }
3097
3217
  @media only screen and (min-device-width: 32em) {
3098
- .RelatedBlock-module_desktop__2mXeq {
3218
+ .RichTitle-module_desktop__2ixSQ {
3099
3219
  display: block
3100
3220
  }
3101
3221
  }
3102
3222
 
3103
-
3104
3223
  /* Colors */
3105
3224
  /* Fonts */
3106
3225
  /* Gap */
@@ -3535,79 +3654,33 @@ a mark {
3535
3654
  /* 511 */
3536
3655
  /* 1023 */
3537
3656
  /* Zindex */
3538
- .RichTitle-module_root__BK_WT {
3657
+ .SimpleTitle-module_root__2jVQN {
3539
3658
  margin: 0 0 18px;
3540
3659
 
3541
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
3542
- font-size: 19px;
3543
- font-weight: 700;
3660
+ font-family: 'PF Regal', 'PF Regal Text Pro', 'Georgia', serif;
3661
+ font-size: 20px;
3662
+ font-weight: normal;
3544
3663
  line-height: 23px
3545
3664
  }
3546
3665
  @media only screen and (min-device-width: 48em) {
3547
- .RichTitle-module_root__BK_WT {
3666
+ .SimpleTitle-module_root__2jVQN {
3548
3667
  margin-bottom: 15px;
3549
3668
 
3550
- font-size: 37px;
3551
- line-height: 42px
3552
- }
3553
- }
3554
- .RichTitle-module_root__BK_WT:last-child {
3555
- margin-bottom: 0;
3556
- }
3557
- .RichTitle-module_root__BK_WT span {
3558
- font-family: 'PF Regal', 'PF Regal Text Pro', 'Georgia', serif;
3559
- font-size: 20px;
3560
- font-weight: normal
3561
- }
3562
- @media only screen and (min-device-width: 48em) {
3563
- .RichTitle-module_root__BK_WT span {
3564
- font-size: 38px
3565
- }
3566
- }
3567
- @media only screen and (min-device-width: 32em) {
3568
- .RichTitle-module_slide__1A-gB,
3569
- .RichTitle-module_game__1g8Bn {
3570
- text-align: center
3571
- }
3572
- }
3573
- @media only screen and (min-device-width: 64em) {
3574
- .RichTitle-module_half__10GRI {
3575
- font-size: 33px;
3576
- line-height: 36px
3577
- }
3578
- }
3579
- @media only screen and (min-device-width: 64em) {
3580
- .RichTitle-module_half__10GRI span {
3581
- font-size: 34px
3669
+ font-size: 36px;
3670
+ line-height: 40px
3582
3671
  }
3583
3672
  }
3584
- .RichTitle-module_game__1g8Bn:first-child {
3585
- padding-top: 9px;
3586
- }
3587
- .RichTitle-module_featured__wJfaQ {
3588
- letter-spacing: 0.3px;
3589
-
3590
- font-size: 28px;
3591
- line-height: 30px;
3592
- }
3593
- .RichTitle-module_featured__wJfaQ span {
3594
- display: block;
3595
-
3596
- padding-top: 2px;
3597
-
3598
- font-size: 18px;
3599
- line-height: 24px;
3600
- }
3673
+ /* VISIBILITY */
3601
3674
  @media only screen and (min-device-width: 32em) {
3602
- .RichTitle-module_mobile__1Cb6E {
3675
+ .SimpleTitle-module_mobile__11gBz {
3603
3676
  display: none
3604
3677
  }
3605
3678
  }
3606
- .RichTitle-module_desktop__2ixSQ {
3679
+ .SimpleTitle-module_desktop__3yXgy {
3607
3680
  display: none
3608
3681
  }
3609
3682
  @media only screen and (min-device-width: 32em) {
3610
- .RichTitle-module_desktop__2ixSQ {
3683
+ .SimpleTitle-module_desktop__3yXgy {
3611
3684
  display: block
3612
3685
  }
3613
3686
  }
@@ -3722,51 +3795,7 @@ a mark {
3722
3795
  display: none
3723
3796
  }
3724
3797
  @media only screen and (min-device-width: 32em) {
3725
- .SourceBlock-module_desktop__DecT6 {
3726
- display: block
3727
- }
3728
- }
3729
-
3730
- /* Colors */
3731
- /* Fonts */
3732
- /* Gap */
3733
- /* Media */
3734
- /* 512 */
3735
- /* 650 */
3736
- /* 768 */
3737
- /* 1024 */
3738
- /* 1010 */
3739
- /* 1200 */
3740
- /* 511 */
3741
- /* 1023 */
3742
- /* Zindex */
3743
- .SimpleTitle-module_root__2jVQN {
3744
- margin: 0 0 18px;
3745
-
3746
- font-family: 'PF Regal', 'PF Regal Text Pro', 'Georgia', serif;
3747
- font-size: 20px;
3748
- font-weight: normal;
3749
- line-height: 23px
3750
- }
3751
- @media only screen and (min-device-width: 48em) {
3752
- .SimpleTitle-module_root__2jVQN {
3753
- margin-bottom: 15px;
3754
-
3755
- font-size: 36px;
3756
- line-height: 40px
3757
- }
3758
- }
3759
- /* VISIBILITY */
3760
- @media only screen and (min-device-width: 32em) {
3761
- .SimpleTitle-module_mobile__11gBz {
3762
- display: none
3763
- }
3764
- }
3765
- .SimpleTitle-module_desktop__3yXgy {
3766
- display: none
3767
- }
3768
- @media only screen and (min-device-width: 32em) {
3769
- .SimpleTitle-module_desktop__3yXgy {
3798
+ .SourceBlock-module_desktop__DecT6 {
3770
3799
  display: block
3771
3800
  }
3772
3801
  }
@@ -4320,78 +4349,6 @@ a mark {
4320
4349
  vertical-align: top;
4321
4350
  }
4322
4351
 
4323
- /* Colors */
4324
- /* Fonts */
4325
- /* Gap */
4326
- /* Media */
4327
- /* 512 */
4328
- /* 650 */
4329
- /* 768 */
4330
- /* 1024 */
4331
- /* 1010 */
4332
- /* 1200 */
4333
- /* 511 */
4334
- /* 1023 */
4335
- /* Zindex */
4336
- .Footnote-module_root__2a0-B {
4337
- position: relative;
4338
-
4339
- width: 320px;
4340
- padding: 20px;
4341
-
4342
- border-radius: 8px;
4343
- background-color: #fff;
4344
- box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 5px 20px rgba(0, 0, 0, 0.2);
4345
- }
4346
- .Footnote-module_body__259Ly {
4347
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
4348
- font-size: 16px;
4349
- line-height: 22px;
4350
- }
4351
- .Footnote-module_body__259Ly h3 {
4352
- margin: 0 0 16px;
4353
-
4354
- font-size: inherit;
4355
- font-weight: 700;
4356
- line-height: inherit;
4357
- }
4358
- .Footnote-module_body__259Ly p {
4359
- margin: 0;
4360
- }
4361
- .Footnote-module_body__259Ly p + p {
4362
- margin-top: 6px;
4363
- }
4364
- .Footnote-module_body__259Ly a {
4365
- color: inherit;
4366
- box-shadow: inset 0 -1px #b88b59;
4367
- }
4368
- .Footnote-module_body__259Ly a:hover {
4369
- color: #b88b59;
4370
- }
4371
- .Footnote-module_dismiss__1HKG5 {
4372
- position: absolute;
4373
- top: 0;
4374
- right: 0;
4375
-
4376
- margin: 0;
4377
- padding: 6px 9px 10px;
4378
-
4379
- cursor: pointer;
4380
-
4381
- color: #b3b3b3;
4382
- border-width: 0;
4383
- outline: none;
4384
- background-color: transparent;
4385
- }
4386
- .Footnote-module_dismiss__1HKG5:hover {
4387
- color: #757575;
4388
- }
4389
- .Footnote-module_dismiss__1HKG5 svg {
4390
- width: 12px;
4391
- height: 12px;
4392
- }
4393
-
4394
-
4395
4352
  /* Colors */
4396
4353
  /* Fonts */
4397
4354
  /* Gap */
@@ -4490,6 +4447,245 @@ a mark {
4490
4447
  fill: currentColor;
4491
4448
  }
4492
4449
 
4450
+ /* Colors */
4451
+ /* Fonts */
4452
+ /* Gap */
4453
+ /* Media */
4454
+ /* 512 */
4455
+ /* 650 */
4456
+ /* 768 */
4457
+ /* 1024 */
4458
+ /* 1010 */
4459
+ /* 1200 */
4460
+ /* 511 */
4461
+ /* 1023 */
4462
+ /* Zindex */
4463
+ .RelatedRichBlock-module_root__3NYmj {
4464
+ position: relative;
4465
+ z-index: 10;
4466
+
4467
+ display: block;
4468
+ overflow: hidden;
4469
+
4470
+ min-height: 434px;
4471
+
4472
+ text-decoration: none;
4473
+
4474
+ border-radius: 8px;
4475
+ outline-width: 0;
4476
+ }
4477
+ .RelatedRichBlock-module_root__3NYmj::before,
4478
+ .RelatedRichBlock-module_root__3NYmj::after {
4479
+ position: absolute;
4480
+ z-index: 20;
4481
+ top: 0;
4482
+ right: 0;
4483
+ bottom: 0;
4484
+ left: 0;
4485
+
4486
+ content: '';
4487
+
4488
+ border-radius: 8px;
4489
+ }
4490
+ .RelatedRichBlock-module_root__3NYmj::before {
4491
+ border: 1px solid rgba(0, 0, 0, 0.1);
4492
+ }
4493
+ .RelatedRichBlock-module_root__3NYmj::after {
4494
+ box-shadow: inset 0 4px #b88b59, inset 0 5px rgba(0, 0, 0, 0.2);
4495
+ }
4496
+ .RelatedRichBlock-module_overlay__3XSg_,
4497
+ .RelatedRichBlock-module_overlayHeader__2Nmbv {
4498
+ position: absolute;
4499
+ z-index: 10;
4500
+ right: 0;
4501
+ left: 0;
4502
+ }
4503
+ .RelatedRichBlock-module_overlay__3XSg_ {
4504
+ bottom: 0;
4505
+
4506
+ height: 295px;
4507
+ }
4508
+ .RelatedRichBlock-module_overlayHeader__2Nmbv {
4509
+ top: 0;
4510
+
4511
+ height: 150px;
4512
+
4513
+
4514
+ }
4515
+ .RelatedRichBlock-module_isRich__1LnA4 .RelatedRichBlock-module_overlayHeader__2Nmbv {
4516
+ background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), color-stop(97%, rgba(0, 0, 0, 0)));
4517
+ background: -o-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 97%);
4518
+ background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 97%);
4519
+ }
4520
+ .RelatedRichBlock-module_body__1ZHZS {
4521
+ display: -webkit-box;
4522
+ display: -webkit-flex;
4523
+ display: -ms-flexbox;
4524
+ display: flex;
4525
+ flex-flow: column nowrap;
4526
+ justify-content: flex-end;
4527
+
4528
+ padding: 15px;
4529
+
4530
+ background-color: #f7f7f7
4531
+ }
4532
+ @media only screen and (min-device-width: 32em) {
4533
+ .RelatedRichBlock-module_body__1ZHZS {
4534
+ position: absolute;
4535
+ z-index: 10;
4536
+ right: 0;
4537
+ bottom: 0;
4538
+ left: 0;
4539
+
4540
+ min-height: 295px;
4541
+ padding: 20px;
4542
+
4543
+ background-color: transparent
4544
+ }
4545
+ }
4546
+ .RelatedRichBlock-module_isCard__2naDz .RelatedRichBlock-module_body__1ZHZS,
4547
+ .RelatedRichBlock-module_isRich__1LnA4.RelatedRichBlock-module_hasGradient__27LOk .RelatedRichBlock-module_body__1ZHZS {
4548
+ position: absolute;
4549
+ z-index: 10;
4550
+ right: 0;
4551
+ bottom: 0;
4552
+ left: 0;
4553
+
4554
+ min-height: 295px;
4555
+
4556
+ background-color: transparent;
4557
+ }
4558
+ .RelatedRichBlock-module_isCard__2naDz {
4559
+ color: #fff;
4560
+ background-color: #191919;
4561
+ }
4562
+ .RelatedRichBlock-module_isCard__2naDz .RelatedRichBlock-module_cover__3yygp {
4563
+ position: absolute;
4564
+ top: 17.2811059908%;
4565
+ left: 50%;
4566
+
4567
+ width: 170px;
4568
+
4569
+ transform: translate(-50%, 0);
4570
+ }
4571
+ .RelatedRichBlock-module_isRich__1LnA4 {
4572
+ color: #000
4573
+ }
4574
+ @media only screen and (min-device-width: 64em) {
4575
+ .RelatedRichBlock-module_isRich__1LnA4 {
4576
+ color: #fff
4577
+ }
4578
+ }
4579
+ .RelatedRichBlock-module_tag__3OLyG {
4580
+ position: absolute;
4581
+ z-index: 10;
4582
+ top: 15px;
4583
+ left: 15px;
4584
+
4585
+ color: #fff
4586
+ }
4587
+ @media only screen and (min-device-width: 32em) {
4588
+ .RelatedRichBlock-module_tag__3OLyG {
4589
+ top: 20px;
4590
+ left: 20px
4591
+ }
4592
+ }
4593
+ /* Themes */
4594
+ .RelatedRichBlock-module_isRich__1LnA4.RelatedRichBlock-module_dark__3Y1fE,
4595
+ .RelatedRichBlock-module_isRich__1LnA4.RelatedRichBlock-module_dark__3Y1fE .RelatedRichBlock-module_tag__3OLyG {
4596
+ color: #000;
4597
+ }
4598
+ .RelatedRichBlock-module_isRich__1LnA4.RelatedRichBlock-module_light__2mUxL {
4599
+ color: #fff;
4600
+ text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
4601
+ }
4602
+ /* Display */
4603
+ @media only screen and (min-device-width: 32em) {
4604
+ .RelatedRichBlock-module_mobile__JpCS4 {
4605
+ display: none
4606
+ }
4607
+ }
4608
+ .RelatedRichBlock-module_desktop__trL0D {
4609
+ display: none
4610
+ }
4611
+ @media only screen and (min-device-width: 32em) {
4612
+ .RelatedRichBlock-module_desktop__trL0D {
4613
+ display: block
4614
+ }
4615
+ }
4616
+
4617
+ /* Colors */
4618
+ /* Fonts */
4619
+ /* Gap */
4620
+ /* Media */
4621
+ /* 512 */
4622
+ /* 650 */
4623
+ /* 768 */
4624
+ /* 1024 */
4625
+ /* 1010 */
4626
+ /* 1200 */
4627
+ /* 511 */
4628
+ /* 1023 */
4629
+ /* Zindex */
4630
+ .Footnote-module_root__2a0-B {
4631
+ position: relative;
4632
+
4633
+ width: 320px;
4634
+ padding: 20px;
4635
+
4636
+ border-radius: 8px;
4637
+ background-color: #fff;
4638
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 5px 20px rgba(0, 0, 0, 0.2);
4639
+ }
4640
+ .Footnote-module_body__259Ly {
4641
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
4642
+ font-size: 16px;
4643
+ line-height: 22px;
4644
+ }
4645
+ .Footnote-module_body__259Ly h3 {
4646
+ margin: 0 0 16px;
4647
+
4648
+ font-size: inherit;
4649
+ font-weight: 700;
4650
+ line-height: inherit;
4651
+ }
4652
+ .Footnote-module_body__259Ly p {
4653
+ margin: 0;
4654
+ }
4655
+ .Footnote-module_body__259Ly p + p {
4656
+ margin-top: 6px;
4657
+ }
4658
+ .Footnote-module_body__259Ly a {
4659
+ color: inherit;
4660
+ box-shadow: inset 0 -1px #b88b59;
4661
+ }
4662
+ .Footnote-module_body__259Ly a:hover {
4663
+ color: #b88b59;
4664
+ }
4665
+ .Footnote-module_dismiss__1HKG5 {
4666
+ position: absolute;
4667
+ top: 0;
4668
+ right: 0;
4669
+
4670
+ margin: 0;
4671
+ padding: 6px 9px 10px;
4672
+
4673
+ cursor: pointer;
4674
+
4675
+ color: #b3b3b3;
4676
+ border-width: 0;
4677
+ outline: none;
4678
+ background-color: transparent;
4679
+ }
4680
+ .Footnote-module_dismiss__1HKG5:hover {
4681
+ color: #757575;
4682
+ }
4683
+ .Footnote-module_dismiss__1HKG5 svg {
4684
+ width: 12px;
4685
+ height: 12px;
4686
+ }
4687
+
4688
+
4493
4689
  /* Colors */
4494
4690
  /* Fonts */
4495
4691
  /* Gap */