@meduza/ui-kit-2 0.1.8 → 0.1.10

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 (153) hide show
  1. package/dist/Footnote/Footnote.stories.d.ts +10 -0
  2. package/dist/Footnote/Footnote.types.d.ts +5 -0
  3. package/dist/Footnote/index.d.ts +3 -0
  4. package/dist/Image/Image.types.d.ts +2 -2
  5. package/dist/MaterialNote/MaterialNote.stories.d.ts +2 -1
  6. package/dist/MaterialNote/MaterialNote.types.d.ts +2 -1
  7. package/dist/index.d.ts +1 -0
  8. package/dist/ui-kit-2.cjs.development.js +238 -210
  9. package/dist/ui-kit-2.cjs.development.js.map +1 -1
  10. package/dist/ui-kit-2.cjs.production.min.js +1 -1
  11. package/dist/ui-kit-2.cjs.production.min.js.map +1 -1
  12. package/dist/ui-kit-2.esm.js +238 -211
  13. package/dist/ui-kit-2.esm.js.map +1 -1
  14. package/dist/ui-kit.css +684 -577
  15. package/dist/utils/makeClassName.d.ts +2 -1
  16. package/dist/utils/makeStyleContext.d.ts +2 -1
  17. package/package.json +12 -4
  18. package/src/BookmarkButton/BookmarkButton.stories.tsx +1 -1
  19. package/src/BookmarkButton/index.tsx +2 -4
  20. package/src/Button/Button.stories.tsx +2 -2
  21. package/src/Button/Button.test.tsx +3 -3
  22. package/src/Button/index.tsx +3 -3
  23. package/src/CardTitle/CardTitle.stories.tsx +1 -1
  24. package/src/CardTitle/CardTitle.test.tsx +1 -1
  25. package/src/CardTitle/index.tsx +1 -2
  26. package/src/ChapterBlock/ChapterBlock.stories.tsx +1 -1
  27. package/src/ChapterBlock/ChapterBlock.test.tsx +1 -1
  28. package/src/ChapterBlock/index.tsx +1 -2
  29. package/src/Cover/Cover.stories.tsx +1 -1
  30. package/src/Cover/Cover.test.tsx +1 -1
  31. package/src/Cover/index.tsx +5 -6
  32. package/src/DocumentItemsCount/DocumentItemsCount.stories.tsx +1 -1
  33. package/src/DocumentItemsCount/DocumentItemsCount.test.tsx +1 -1
  34. package/src/DocumentItemsCount/index.tsx +0 -1
  35. package/src/DotsOnImage/DotsOnImage.module.css +13 -9
  36. package/src/DotsOnImage/DotsOnImage.stories.tsx +1 -1
  37. package/src/DotsOnImage/DotsOnImage.test.tsx +2 -1
  38. package/src/DotsOnImage/index.tsx +29 -17
  39. package/src/DotsOnImage/mock.json +4 -4
  40. package/src/Dropdown/index.tsx +2 -2
  41. package/src/EmbedBlock/EmbedBlock.module.css +1 -1
  42. package/src/EmbedBlock/EmbedBlock.stories.tsx +2 -2
  43. package/src/EmbedBlock/EmbedBlock.test.tsx +1 -1
  44. package/src/EmbedBlock/EmbedBlock.tsx +3 -8
  45. package/src/EmbedBlock/EmbedGif.tsx +0 -3
  46. package/src/EmbedBlock/IframeBlock.tsx +0 -1
  47. package/src/EmbedBlock/index.tsx +0 -1
  48. package/src/Footnote/Footnote.module.css +70 -0
  49. package/src/Footnote/Footnote.stories.module.css +5 -0
  50. package/src/Footnote/Footnote.stories.tsx +43 -0
  51. package/src/Footnote/Footnote.test.tsx +20 -0
  52. package/src/Footnote/Footnote.types.ts +5 -0
  53. package/src/Footnote/index.tsx +26 -0
  54. package/src/GroupedBlock/GroupedBlock.stories.tsx +1 -1
  55. package/src/GroupedBlock/GroupedBlock.test.tsx +1 -1
  56. package/src/GroupedBlock/index.tsx +4 -6
  57. package/src/HalfBlock/HalfBlock.stories.tsx +1 -1
  58. package/src/HalfBlock/HalfBlock.test.tsx +1 -1
  59. package/src/HalfBlock/index.tsx +3 -5
  60. package/src/Image/Image.stories.tsx +1 -1
  61. package/src/Image/Image.test.tsx +1 -1
  62. package/src/Image/Image.types.ts +2 -2
  63. package/src/Image/RenderPicture.tsx +1 -2
  64. package/src/Image/index.tsx +1 -4
  65. package/src/ImportantLead/ImportantLead.stories.tsx +1 -1
  66. package/src/ImportantLead/ImportantLead.test.tsx +1 -1
  67. package/src/ImportantLead/index.tsx +3 -5
  68. package/src/Lazy/Lazy.stories.tsx +3 -2
  69. package/src/Lazy/Lazy.test.tsx +1 -1
  70. package/src/Lazy/index.tsx +2 -4
  71. package/src/ListBlock/ListBlock.stories.tsx +2 -2
  72. package/src/ListBlock/ListBlock.test.tsx +1 -1
  73. package/src/ListBlock/index.tsx +2 -3
  74. package/src/MaterialNote/MaterialNote.stories.tsx +4 -3
  75. package/src/MaterialNote/MaterialNote.test.tsx +1 -1
  76. package/src/MaterialNote/MaterialNote.types.ts +2 -1
  77. package/src/MaterialNote/index.tsx +3 -3
  78. package/src/MaterialTitle/MaterialTitle.stories.tsx +1 -1
  79. package/src/MaterialTitle/MaterialTitle.test.tsx +1 -1
  80. package/src/MediaCaption/MediaCaption.stories.tsx +1 -1
  81. package/src/MediaCaption/MediaCaption.test.tsx +1 -1
  82. package/src/MediaCaption/index.tsx +2 -2
  83. package/src/Meta/Meta.stories.tsx +1 -1
  84. package/src/Meta/Meta.test.tsx +1 -1
  85. package/src/Meta/MetaContainer.tsx +2 -4
  86. package/src/Meta/index.tsx +2 -3
  87. package/src/MetaItem/MetaItem.stories.tsx +2 -2
  88. package/src/MetaItem/MetaItem.test.tsx +1 -1
  89. package/src/MetaItem/index.tsx +1 -3
  90. package/src/MetaItemLive/MetaItemLive.stories.tsx +2 -2
  91. package/src/MetaItemLive/MetaItemLive.test.tsx +1 -1
  92. package/src/MetaItemLive/index.tsx +1 -3
  93. package/src/Popover/Popover.module.css +36 -2
  94. package/src/Popover/Popover.stories.tsx +1 -1
  95. package/src/Popover/Popover.test.tsx +1 -1
  96. package/src/Popover/index.tsx +2 -3
  97. package/src/QuoteBlock/QuoteBlock.stories.tsx +1 -1
  98. package/src/QuoteBlock/QuoteBlock.test.tsx +1 -1
  99. package/src/QuoteBlock/index.tsx +2 -3
  100. package/src/RawHtmlBlock/RawHtmlBlock.stories.tsx +2 -2
  101. package/src/RawHtmlBlock/RawHtmlBlock.test.tsx +1 -1
  102. package/src/RawHtmlBlock/index.tsx +0 -2
  103. package/src/RelatedBlock/RelatedBlock.stories.tsx +1 -1
  104. package/src/RelatedBlock/RelatedBlock.test.tsx +1 -1
  105. package/src/RelatedBlock/index.tsx +2 -3
  106. package/src/RenderBlocks/RenderBlocks.stories.tsx +1 -1
  107. package/src/RenderBlocks/RenderBlocks.test.tsx +1 -1
  108. package/src/RenderBlocks/index.tsx +0 -1
  109. package/src/RichTitle/RichTitle.stories.tsx +1 -1
  110. package/src/RichTitle/RichTitle.test.tsx +1 -1
  111. package/src/RichTitle/index.tsx +2 -3
  112. package/src/SimpleBlock/FootnoteLink.css +7 -0
  113. package/src/SimpleBlock/SimpleBlock.stories.tsx +2 -2
  114. package/src/SimpleBlock/SimpleBlock.test.tsx +1 -1
  115. package/src/SimpleBlock/index.tsx +2 -3
  116. package/src/SimpleTitle/SimpleTitle.stories.tsx +1 -1
  117. package/src/SimpleTitle/SimpleTitle.test.tsx +1 -1
  118. package/src/SimpleTitle/index.tsx +2 -2
  119. package/src/SourceBlock/SourceBlock.stories.tsx +6 -6
  120. package/src/SourceBlock/SourceBlock.test.tsx +1 -1
  121. package/src/SourceBlock/index.tsx +6 -4
  122. package/src/SourceBlock/mock.json +15 -0
  123. package/src/Spoiler/Spoiler.stories.tsx +1 -1
  124. package/src/Spoiler/Spoiler.test.tsx +1 -1
  125. package/src/Spoiler/index.tsx +4 -5
  126. package/src/SvgSymbol/SvgSymbol.stories.tsx +6 -6
  127. package/src/SvgSymbol/SvgSymbol.test.tsx +1 -1
  128. package/src/SvgSymbol/index.tsx +2 -2
  129. package/src/Switcher/Switcher.stories.tsx +4 -4
  130. package/src/Switcher/Switcher.test.tsx +1 -1
  131. package/src/Switcher/index.tsx +1 -2
  132. package/src/Table/Table.stories.tsx +1 -1
  133. package/src/Table/Table.test.tsx +1 -1
  134. package/src/Table/index.tsx +2 -2
  135. package/src/Tag/Tag.stories.tsx +1 -3
  136. package/src/Tag/Tag.test.tsx +4 -4
  137. package/src/Tag/index.tsx +2 -2
  138. package/src/Timestamp/Timestamp.stories.tsx +1 -1
  139. package/src/Timestamp/Timestamp.test.tsx +1 -1
  140. package/src/Timestamp/index.tsx +0 -2
  141. package/src/Toolbar/Toolbar.stories.tsx +0 -1
  142. package/src/Toolbar/Toolbar.test.tsx +1 -1
  143. package/src/Toolbar/index.tsx +2 -3
  144. package/src/ToolbarButton/ToolbarButton.stories.tsx +2 -2
  145. package/src/ToolbarButton/ToolbarButton.test.tsx +1 -1
  146. package/src/ToolbarButton/index.tsx +2 -3
  147. package/src/_storybook/PreviewWrapper/index.tsx +1 -1
  148. package/src/index.tsx +1 -0
  149. package/src/utils/DangerousHtml.tsx +5 -7
  150. package/src/utils/generateGradient.ts +1 -1
  151. package/src/utils/makeClassName.ts +3 -1
  152. package/src/utils/makeStyleContext.ts +8 -4
  153. package/src/utils/toCamel.ts +1 -1
package/dist/ui-kit.css CHANGED
@@ -774,22 +774,23 @@
774
774
  top: 50%;
775
775
  left: 50%;
776
776
 
777
- width: 340px;
778
- padding: 25px;
779
-
780
777
  transform: translate(-50%, -50%);
778
+ }
779
+ .DotsOnImage-module_popoverTitle__343d8 {
780
+ margin-bottom: 16px;
781
781
 
782
- border: 1px solid rgba(0, 0, 0, 0.1);
783
- border-radius: 8px;
784
- background-color: #fff;
785
- box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);
786
-
782
+ font-weight: 600;
783
+ }
784
+ .DotsOnImage-module_popoverBody__2MSn7 {
787
785
  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
788
786
  font-size: 16px;
789
787
  line-height: 22px;
790
788
  }
791
- .DotsOnImage-module_popoverTitle__343d8 {
792
- font-weight: 600;
789
+ .DotsOnImage-module_popoverText__3v02w p {
790
+ margin: 0;
791
+ }
792
+ .DotsOnImage-module_popoverText__3v02w a:hover {
793
+ color: #b88b59;
793
794
  }
794
795
  .DotsOnImage-module_dismiss__1EWXd {
795
796
  position: absolute;
@@ -1849,13 +1850,16 @@
1849
1850
  width: 100%;
1850
1851
  height: 100%;
1851
1852
  min-height: 120px;
1852
- padding: 10px 10px 0;
1853
+ padding: 10px 0 0;
1853
1854
 
1854
1855
  -webkit-animation: Popover-module_fadeOut__3EZhx 250ms ease both 100ms;
1855
1856
 
1856
1857
  animation: Popover-module_fadeOut__3EZhx 250ms ease both 100ms;
1857
1858
 
1858
1859
  opacity: 1;
1860
+
1861
+ font-size: 16px;
1862
+ line-height: 22px;
1859
1863
  }
1860
1864
  .Popover-module_root__1v6f_.Popover-module_visible__eK5ZQ {
1861
1865
  -webkit-animation: Popover-module_fadeIn__AkrSN 250ms ease both;
@@ -1880,7 +1884,7 @@
1880
1884
  max-width: 420px;
1881
1885
  min-height: 80px;
1882
1886
  margin: 0 auto;
1883
- padding: 15px 20px 40px;
1887
+ padding: 22px 20px 28px;
1884
1888
 
1885
1889
  -webkit-animation: Popover-module_disappear__3Q9LI 350ms ease both;
1886
1890
 
@@ -1935,6 +1939,31 @@
1935
1939
  -webkit-animation: Popover-module_appear__37vPd 350ms ease both;
1936
1940
  animation: Popover-module_appear__37vPd 350ms ease both;
1937
1941
  }
1942
+ .Popover-module_body__3h5UO {
1943
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1944
+ font-size: 16px;
1945
+ line-height: 22px;
1946
+ }
1947
+ .Popover-module_body__3h5UO h3 {
1948
+ margin: 0 0 5px;
1949
+
1950
+ font-size: inherit;
1951
+ font-weight: 600;
1952
+ line-height: inherit;
1953
+ }
1954
+ .Popover-module_body__3h5UO p {
1955
+ margin: 0;
1956
+ }
1957
+ .Popover-module_body__3h5UO p + p {
1958
+ margin-top: 6px;
1959
+ }
1960
+ .Popover-module_body__3h5UO a {
1961
+ color: inherit;
1962
+ box-shadow: inset 0 -1px #b88b59;
1963
+ }
1964
+ .Popover-module_body__3h5UO a:hover {
1965
+ color: #b88b59;
1966
+ }
1938
1967
  @-webkit-keyframes Popover-module_appear__37vPd {
1939
1968
  0% {
1940
1969
  transform: translateY(100%);
@@ -2134,6 +2163,68 @@
2134
2163
  font-weight: normal;
2135
2164
  }
2136
2165
 
2166
+ /* Colors */
2167
+ /* Fonts */
2168
+ /* Gap */
2169
+ /* Media */
2170
+ /* 512 */
2171
+ /* 650 */
2172
+ /* 768 */
2173
+ /* 1024 */
2174
+ /* 1010 */
2175
+ /* 1200 */
2176
+ /* 511 */
2177
+ /* 1023 */
2178
+ /* Zindex */
2179
+ .CardTitle-module_root__1uqqF {
2180
+ margin-bottom: 11px
2181
+ }
2182
+ @media only screen and (min-device-width: 64em) {
2183
+ .CardTitle-module_root__1uqqF {
2184
+ margin-bottom: 10px;
2185
+
2186
+ text-align: center
2187
+ }
2188
+ }
2189
+ .CardTitle-module_index__4FsTf {
2190
+ margin-bottom: 7px;
2191
+
2192
+ color: #b88b59;
2193
+
2194
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2195
+ font-size: 20px;
2196
+ font-weight: 700;
2197
+ line-height: 24px;
2198
+ }
2199
+ .CardTitle-module_title__2iTI6 {
2200
+ color: #1d1d1d;
2201
+
2202
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2203
+ font-size: 20px;
2204
+ font-weight: 700;
2205
+ line-height: 24px
2206
+ }
2207
+ @media only screen and (min-device-width: 64em) {
2208
+ .CardTitle-module_title__2iTI6 {
2209
+ font-size: 28px;
2210
+ line-height: 34px
2211
+ }
2212
+ }
2213
+ /* VISIBILITY */
2214
+ @media only screen and (min-device-width: 32em) {
2215
+ .CardTitle-module_mobile__1_kij {
2216
+ display: none
2217
+ }
2218
+ }
2219
+ .CardTitle-module_desktop__1l3_n {
2220
+ display: none
2221
+ }
2222
+ @media only screen and (min-device-width: 32em) {
2223
+ .CardTitle-module_desktop__1l3_n {
2224
+ display: block
2225
+ }
2226
+ }
2227
+
2137
2228
  /* Colors */
2138
2229
  /* Fonts */
2139
2230
  /* Gap */
@@ -2220,68 +2311,6 @@
2220
2311
  margin-left: auto;
2221
2312
  }
2222
2313
 
2223
- /* Colors */
2224
- /* Fonts */
2225
- /* Gap */
2226
- /* Media */
2227
- /* 512 */
2228
- /* 650 */
2229
- /* 768 */
2230
- /* 1024 */
2231
- /* 1010 */
2232
- /* 1200 */
2233
- /* 511 */
2234
- /* 1023 */
2235
- /* Zindex */
2236
- .CardTitle-module_root__1uqqF {
2237
- margin-bottom: 11px
2238
- }
2239
- @media only screen and (min-device-width: 64em) {
2240
- .CardTitle-module_root__1uqqF {
2241
- margin-bottom: 10px;
2242
-
2243
- text-align: center
2244
- }
2245
- }
2246
- .CardTitle-module_index__4FsTf {
2247
- margin-bottom: 7px;
2248
-
2249
- color: #b88b59;
2250
-
2251
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2252
- font-size: 20px;
2253
- font-weight: 700;
2254
- line-height: 24px;
2255
- }
2256
- .CardTitle-module_title__2iTI6 {
2257
- color: #1d1d1d;
2258
-
2259
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2260
- font-size: 20px;
2261
- font-weight: 700;
2262
- line-height: 24px
2263
- }
2264
- @media only screen and (min-device-width: 64em) {
2265
- .CardTitle-module_title__2iTI6 {
2266
- font-size: 28px;
2267
- line-height: 34px
2268
- }
2269
- }
2270
- /* VISIBILITY */
2271
- @media only screen and (min-device-width: 32em) {
2272
- .CardTitle-module_mobile__1_kij {
2273
- display: none
2274
- }
2275
- }
2276
- .CardTitle-module_desktop__1l3_n {
2277
- display: none
2278
- }
2279
- @media only screen and (min-device-width: 32em) {
2280
- .CardTitle-module_desktop__1l3_n {
2281
- display: block
2282
- }
2283
- }
2284
-
2285
2314
  /* Colors */
2286
2315
  /* Fonts */
2287
2316
  /* Gap */
@@ -2767,314 +2796,62 @@
2767
2796
  /* 511 */
2768
2797
  /* 1023 */
2769
2798
  /* Zindex */
2770
- .ListBlock-module_root__3Q3Ga {
2771
- margin: 15px 0;
2772
- padding: 0;
2773
-
2774
- list-style: none;
2799
+ .RelatedBlock-module_root__IKcQq {
2800
+ margin: 16px 0;
2775
2801
 
2776
- font-family: 'PF Regal', 'PF Regal Text Pro', 'Georgia', serif;
2777
- font-size: 18px;
2778
- line-height: 24px
2779
- }
2780
- @media only screen and (min-device-width: 32em) {
2781
- .ListBlock-module_root__3Q3Ga {
2782
- font-size: 20px;
2783
- line-height: 28px
2802
+ border-radius: 8px;
2803
+ background-color: #f5f5f5;
2804
+ box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1), inset 0 4px 0 0 #b78b5c
2784
2805
  }
2785
- }
2786
2806
  @media only screen and (min-device-width: 48em) {
2787
- .ListBlock-module_root__3Q3Ga {
2788
- margin: 20px 0
2807
+ .RelatedBlock-module_root__IKcQq {
2808
+ margin: 25px 0
2789
2809
  }
2790
2810
  }
2791
- .ListBlock-module_root__3Q3Ga:first-child {
2792
- margin-top: 0;
2793
- }
2794
- .ListBlock-module_root__3Q3Ga:last-child {
2811
+ .RelatedBlock-module_root__IKcQq:last-child {
2795
2812
  margin-bottom: 0;
2796
2813
  }
2797
- .ListBlock-module_root__3Q3Ga a {
2798
- color: inherit;
2799
- box-shadow: inset 0 -1px #b88b59;
2800
- }
2801
- .ListBlock-module_root__3Q3Ga a:hover {
2802
- color: #b88b59;
2814
+ .RelatedBlock-module_root__IKcQq:first-child {
2815
+ margin-top: 0;
2803
2816
  }
2804
- .ListBlock-module_root__3Q3Ga li {
2805
- position: relative;
2817
+ .RelatedBlock-module_root__IKcQq a {
2818
+ display: block;
2806
2819
 
2807
- margin-bottom: 6px;
2808
- }
2809
- .ListBlock-module_root__3Q3Ga mark {
2810
- position: relative;
2820
+ padding: 12px 12px 13px;
2811
2821
 
2812
- white-space: pre-wrap;
2822
+ transition: color 0.15s;
2823
+ text-decoration: none;
2813
2824
 
2814
- background-color: #fff3bc;
2825
+ color: #000;
2826
+ box-shadow: none;
2815
2827
 
2816
- font-weight: inherit;
2817
- font-style: inherit
2828
+ font-size: 17px;
2829
+ line-height: 20px
2818
2830
  }
2819
- @media only screen and (min-device-width: 32em) {
2820
- .ListBlock-module_root__3Q3Ga mark {
2821
- padding-bottom: 1px
2831
+ @media only screen and (min-device-width: 48em) {
2832
+ .RelatedBlock-module_root__IKcQq a {
2833
+ padding: 15px 20px 17px;
2834
+
2835
+ font-size: 19px;
2836
+ line-height: 23px
2822
2837
  }
2823
2838
  }
2824
- .ListBlock-module_root__3Q3Ga a mark {
2825
- color: inherit;
2826
- box-shadow: inset 0 -1px #b88b59;
2827
- }
2828
- .ListBlock-module_ol__21CgV {
2829
- counter-reset: list 0;
2830
- }
2831
- .ListBlock-module_ol__21CgV li {
2832
- padding: 0 0 0 33px;
2839
+ .RelatedBlock-module_root__IKcQq a:hover {
2840
+ color: #5c5c5c;
2833
2841
  }
2834
- .ListBlock-module_ol__21CgV li::before {
2835
- position: absolute;
2836
- left: 0;
2842
+ .RelatedBlock-module_header__2SuWP {
2843
+ margin: 0;
2844
+ padding: 14px 12px 3px;
2837
2845
 
2838
- width: 23px;
2846
+ letter-spacing: 1px;
2847
+ text-transform: uppercase;
2839
2848
 
2840
- content: counter(list) '. ';
2841
- counter-increment: list;
2842
- text-align: right;
2843
- white-space: nowrap;
2844
- }
2845
- .ListBlock-module_ul__2MRrS li {
2846
- padding: 0 0 0 23px
2847
- }
2848
- @media only screen and (min-device-width: 48em) {
2849
- .ListBlock-module_ul__2MRrS li {
2850
- padding: 0 0 0 38px
2851
- }
2852
- }
2853
- .ListBlock-module_ul__2MRrS li:last-child {
2854
- margin-bottom: 0;
2855
- }
2856
- .ListBlock-module_ul__2MRrS li::before {
2857
- position: absolute;
2858
- top: 0;
2859
- left: 5px;
2860
-
2861
- width: 8px;
2862
-
2863
- content: '\2022';
2864
- text-align: center;
2865
-
2866
- color: #b88b59;
2867
-
2868
- font-size: 18px;
2869
- line-height: inherit
2870
- }
2871
- @media only screen and (min-device-width: 48em) {
2872
- .ListBlock-module_ul__2MRrS li::before {
2873
- left: 0;
2874
-
2875
- width: 36px;
2876
-
2877
- text-align: center;
2878
-
2879
- font-size: 20px
2880
- }
2881
- }
2882
- .ListBlock-module_center__tdIwd {
2883
- max-width: 650px;
2884
- margin-right: auto;
2885
- margin-left: auto;
2886
- }
2887
- .ListBlock-module_isInImportantLead__UP0ic {
2888
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2889
- font-size: 16px;
2890
- line-height: 20px
2891
- }
2892
- @media only screen and (min-device-width: 48em) {
2893
- .ListBlock-module_isInImportantLead__UP0ic {
2894
- font-size: 17px;
2895
- line-height: 24px
2896
- }
2897
- }
2898
- .ListBlock-module_dark__3E3tV a {
2899
- color: inherit;
2900
- }
2901
- .ListBlock-module_dark__3E3tV a:hover {
2902
- color: #b88b59;
2903
- }
2904
- /* VISIBILITY */
2905
- @media only screen and (min-device-width: 32em) {
2906
- .ListBlock-module_mobile__2-nuV {
2907
- display: none
2908
- }
2909
- }
2910
- .ListBlock-module_desktop__1EE0g {
2911
- display: none
2912
- }
2913
- @media only screen and (min-device-width: 32em) {
2914
- .ListBlock-module_desktop__1EE0g {
2915
- display: block
2916
- }
2917
- }
2918
-
2919
- /* Colors */
2920
- /* Fonts */
2921
- /* Gap */
2922
- /* Media */
2923
- /* 512 */
2924
- /* 650 */
2925
- /* 768 */
2926
- /* 1024 */
2927
- /* 1010 */
2928
- /* 1200 */
2929
- /* 511 */
2930
- /* 1023 */
2931
- /* Zindex */
2932
- .RichTitle-module_root__BK_WT {
2933
- margin: 0 0 18px;
2934
-
2935
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2936
- font-size: 19px;
2937
- font-weight: 700;
2938
- line-height: 23px
2939
- }
2940
- @media only screen and (min-device-width: 48em) {
2941
- .RichTitle-module_root__BK_WT {
2942
- margin-bottom: 15px;
2943
-
2944
- font-size: 37px;
2945
- line-height: 42px
2946
- }
2947
- }
2948
- .RichTitle-module_root__BK_WT:last-child {
2949
- margin-bottom: 0;
2950
- }
2951
- .RichTitle-module_root__BK_WT span {
2952
- font-family: 'PF Regal', 'PF Regal Text Pro', 'Georgia', serif;
2953
- font-size: 20px;
2954
- font-weight: normal
2955
- }
2956
- @media only screen and (min-device-width: 48em) {
2957
- .RichTitle-module_root__BK_WT span {
2958
- font-size: 38px
2959
- }
2960
- }
2961
- @media only screen and (min-device-width: 32em) {
2962
- .RichTitle-module_slide__1A-gB,
2963
- .RichTitle-module_game__1g8Bn {
2964
- text-align: center
2965
- }
2966
- }
2967
- @media only screen and (min-device-width: 64em) {
2968
- .RichTitle-module_half__10GRI {
2969
- font-size: 33px;
2970
- line-height: 36px
2971
- }
2972
- }
2973
- @media only screen and (min-device-width: 64em) {
2974
- .RichTitle-module_half__10GRI span {
2975
- font-size: 34px
2976
- }
2977
- }
2978
- .RichTitle-module_game__1g8Bn:first-child {
2979
- padding-top: 9px;
2980
- }
2981
- .RichTitle-module_featured__wJfaQ {
2982
- letter-spacing: 0.3px;
2983
-
2984
- font-size: 28px;
2985
- line-height: 30px;
2986
- }
2987
- .RichTitle-module_featured__wJfaQ span {
2988
- display: block;
2989
-
2990
- padding-top: 2px;
2991
-
2992
- font-size: 18px;
2993
- line-height: 24px;
2994
- }
2995
- @media only screen and (min-device-width: 32em) {
2996
- .RichTitle-module_mobile__1Cb6E {
2997
- display: none
2998
- }
2999
- }
3000
- .RichTitle-module_desktop__2ixSQ {
3001
- display: none
3002
- }
3003
- @media only screen and (min-device-width: 32em) {
3004
- .RichTitle-module_desktop__2ixSQ {
3005
- display: block
3006
- }
3007
- }
3008
-
3009
- /* Colors */
3010
- /* Fonts */
3011
- /* Gap */
3012
- /* Media */
3013
- /* 512 */
3014
- /* 650 */
3015
- /* 768 */
3016
- /* 1024 */
3017
- /* 1010 */
3018
- /* 1200 */
3019
- /* 511 */
3020
- /* 1023 */
3021
- /* Zindex */
3022
- .RelatedBlock-module_root__IKcQq {
3023
- margin: 16px 0;
3024
-
3025
- border-radius: 8px;
3026
- background-color: #f5f5f5;
3027
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1), inset 0 4px 0 0 #b78b5c
3028
- }
3029
- @media only screen and (min-device-width: 48em) {
3030
- .RelatedBlock-module_root__IKcQq {
3031
- margin: 25px 0
3032
- }
3033
- }
3034
- .RelatedBlock-module_root__IKcQq:last-child {
3035
- margin-bottom: 0;
3036
- }
3037
- .RelatedBlock-module_root__IKcQq:first-child {
3038
- margin-top: 0;
3039
- }
3040
- .RelatedBlock-module_root__IKcQq a {
3041
- display: block;
3042
-
3043
- padding: 12px 12px 13px;
3044
-
3045
- transition: color 0.15s;
3046
- text-decoration: none;
3047
-
3048
- color: #000;
3049
- box-shadow: none;
3050
-
3051
- font-size: 17px;
3052
- line-height: 20px
3053
- }
3054
- @media only screen and (min-device-width: 48em) {
3055
- .RelatedBlock-module_root__IKcQq a {
3056
- padding: 15px 20px 17px;
3057
-
3058
- font-size: 19px;
3059
- line-height: 23px
3060
- }
3061
- }
3062
- .RelatedBlock-module_root__IKcQq a:hover {
3063
- color: #5c5c5c;
3064
- }
3065
- .RelatedBlock-module_header__2SuWP {
3066
- margin: 0;
3067
- padding: 14px 12px 3px;
3068
-
3069
- letter-spacing: 1px;
3070
- text-transform: uppercase;
3071
-
3072
- color: #7F7F7F;
3073
-
3074
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
3075
- font-size: 12px;
3076
- font-weight: 600;
3077
- line-height: 17px
2849
+ color: #7F7F7F;
2850
+
2851
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2852
+ font-size: 12px;
2853
+ font-weight: 600;
2854
+ line-height: 17px
3078
2855
  }
3079
2856
  @media only screen and (min-device-width: 48em) {
3080
2857
  .RelatedBlock-module_header__2SuWP {
@@ -3149,66 +2926,22 @@
3149
2926
  /* 511 */
3150
2927
  /* 1023 */
3151
2928
  /* Zindex */
3152
- .SimpleTitle-module_root__2jVQN {
3153
- margin: 0 0 18px;
2929
+ /* stylelint-disable declaration-empty-line-before */
2930
+ span[data-body] {
2931
+ position: relative;
3154
2932
 
3155
- font-family: 'PF Regal', 'PF Regal Text Pro', 'Georgia', serif;
3156
- font-size: 20px;
3157
- font-weight: normal;
3158
- line-height: 23px
2933
+ padding: 0 4px;
2934
+
2935
+ cursor: pointer;
2936
+ white-space: pre-wrap;
2937
+
2938
+ border-radius: 4px;
2939
+ background: #F8F8F8;
2940
+ box-shadow: inset 1px 0 #b3b3b3, inset 0 1px #b3b3b3, inset -1px 0 #b3b3b3, inset 0 -1px #b3b3b3
3159
2941
  }
3160
2942
  @media only screen and (min-device-width: 48em) {
3161
- .SimpleTitle-module_root__2jVQN {
3162
- margin-bottom: 15px;
3163
-
3164
- font-size: 36px;
3165
- line-height: 40px
3166
- }
3167
- }
3168
- /* VISIBILITY */
3169
- @media only screen and (min-device-width: 32em) {
3170
- .SimpleTitle-module_mobile__11gBz {
3171
- display: none
3172
- }
3173
- }
3174
- .SimpleTitle-module_desktop__3yXgy {
3175
- display: none
3176
- }
3177
- @media only screen and (min-device-width: 32em) {
3178
- .SimpleTitle-module_desktop__3yXgy {
3179
- display: block
3180
- }
3181
- }
3182
-
3183
- /* Colors */
3184
- /* Fonts */
3185
- /* Gap */
3186
- /* Media */
3187
- /* 512 */
3188
- /* 650 */
3189
- /* 768 */
3190
- /* 1024 */
3191
- /* 1010 */
3192
- /* 1200 */
3193
- /* 511 */
3194
- /* 1023 */
3195
- /* Zindex */
3196
- /* stylelint-disable declaration-empty-line-before */
3197
- span[data-body] {
3198
- position: relative;
3199
-
3200
- padding: 0 4px;
3201
-
3202
- cursor: pointer;
3203
- white-space: pre-wrap;
3204
-
3205
- border-radius: 4px;
3206
- background: #F8F8F8;
3207
- box-shadow: inset 1px 0 #b3b3b3, inset 0 1px #b3b3b3, inset -1px 0 #b3b3b3, inset 0 -1px #b3b3b3
3208
- }
3209
- @media only screen and (min-device-width: 48em) {
3210
- span[data-body] {
3211
- padding-bottom: 1px
2943
+ span[data-body] {
2944
+ padding-bottom: 1px
3212
2945
  }
3213
2946
  }
3214
2947
  span[data-body]:hover {
@@ -3223,6 +2956,12 @@ span[data-body]:hover {
3223
2956
  background-color: #5B5B5B;
3224
2957
  box-shadow: inset 1px 0 #747474, inset 0 1px #747474, inset -1px 0 #747474, inset 0 -1px #747474;
3225
2958
  }
2959
+ span[data-highlight='true'],
2960
+ span[data-highlight='true']:hover {
2961
+ background-color: #f4efe9;
2962
+ box-shadow: inset 1px 0 #b88b58, inset 0 1px #b88b58, inset -1px 0 #b88b58,
2963
+ inset 0 -1px #b88b58;
2964
+ }
3226
2965
  .SimpleBlock-module_p__Q3azD {
3227
2966
  margin: 0 0 14px;
3228
2967
 
@@ -3582,15 +3321,426 @@ a mark {
3582
3321
  }
3583
3322
  /* VISIBILITY */
3584
3323
  @media only screen and (min-device-width: 32em) {
3585
- .SimpleBlock-module_mobile__Ckgek {
3324
+ .SimpleBlock-module_mobile__Ckgek {
3325
+ display: none
3326
+ }
3327
+ }
3328
+ .SimpleBlock-module_desktop__2se2o {
3329
+ display: none
3330
+ }
3331
+ @media only screen and (min-device-width: 32em) {
3332
+ .SimpleBlock-module_desktop__2se2o {
3333
+ display: block
3334
+ }
3335
+ }
3336
+
3337
+ /* Colors */
3338
+ /* Fonts */
3339
+ /* Gap */
3340
+ /* Media */
3341
+ /* 512 */
3342
+ /* 650 */
3343
+ /* 768 */
3344
+ /* 1024 */
3345
+ /* 1010 */
3346
+ /* 1200 */
3347
+ /* 511 */
3348
+ /* 1023 */
3349
+ /* Zindex */
3350
+ .SimpleTitle-module_root__2jVQN {
3351
+ margin: 0 0 18px;
3352
+
3353
+ font-family: 'PF Regal', 'PF Regal Text Pro', 'Georgia', serif;
3354
+ font-size: 20px;
3355
+ font-weight: normal;
3356
+ line-height: 23px
3357
+ }
3358
+ @media only screen and (min-device-width: 48em) {
3359
+ .SimpleTitle-module_root__2jVQN {
3360
+ margin-bottom: 15px;
3361
+
3362
+ font-size: 36px;
3363
+ line-height: 40px
3364
+ }
3365
+ }
3366
+ /* VISIBILITY */
3367
+ @media only screen and (min-device-width: 32em) {
3368
+ .SimpleTitle-module_mobile__11gBz {
3369
+ display: none
3370
+ }
3371
+ }
3372
+ .SimpleTitle-module_desktop__3yXgy {
3373
+ display: none
3374
+ }
3375
+ @media only screen and (min-device-width: 32em) {
3376
+ .SimpleTitle-module_desktop__3yXgy {
3377
+ display: block
3378
+ }
3379
+ }
3380
+
3381
+ /* Colors */
3382
+ /* Fonts */
3383
+ /* Gap */
3384
+ /* Media */
3385
+ /* 512 */
3386
+ /* 650 */
3387
+ /* 768 */
3388
+ /* 1024 */
3389
+ /* 1010 */
3390
+ /* 1200 */
3391
+ /* 511 */
3392
+ /* 1023 */
3393
+ /* Zindex */
3394
+ .ListBlock-module_root__3Q3Ga {
3395
+ margin: 15px 0;
3396
+ padding: 0;
3397
+
3398
+ list-style: none;
3399
+
3400
+ font-family: 'PF Regal', 'PF Regal Text Pro', 'Georgia', serif;
3401
+ font-size: 18px;
3402
+ line-height: 24px
3403
+ }
3404
+ @media only screen and (min-device-width: 32em) {
3405
+ .ListBlock-module_root__3Q3Ga {
3406
+ font-size: 20px;
3407
+ line-height: 28px
3408
+ }
3409
+ }
3410
+ @media only screen and (min-device-width: 48em) {
3411
+ .ListBlock-module_root__3Q3Ga {
3412
+ margin: 20px 0
3413
+ }
3414
+ }
3415
+ .ListBlock-module_root__3Q3Ga:first-child {
3416
+ margin-top: 0;
3417
+ }
3418
+ .ListBlock-module_root__3Q3Ga:last-child {
3419
+ margin-bottom: 0;
3420
+ }
3421
+ .ListBlock-module_root__3Q3Ga a {
3422
+ color: inherit;
3423
+ box-shadow: inset 0 -1px #b88b59;
3424
+ }
3425
+ .ListBlock-module_root__3Q3Ga a:hover {
3426
+ color: #b88b59;
3427
+ }
3428
+ .ListBlock-module_root__3Q3Ga li {
3429
+ position: relative;
3430
+
3431
+ margin-bottom: 6px;
3432
+ }
3433
+ .ListBlock-module_root__3Q3Ga mark {
3434
+ position: relative;
3435
+
3436
+ white-space: pre-wrap;
3437
+
3438
+ background-color: #fff3bc;
3439
+
3440
+ font-weight: inherit;
3441
+ font-style: inherit
3442
+ }
3443
+ @media only screen and (min-device-width: 32em) {
3444
+ .ListBlock-module_root__3Q3Ga mark {
3445
+ padding-bottom: 1px
3446
+ }
3447
+ }
3448
+ .ListBlock-module_root__3Q3Ga a mark {
3449
+ color: inherit;
3450
+ box-shadow: inset 0 -1px #b88b59;
3451
+ }
3452
+ .ListBlock-module_ol__21CgV {
3453
+ counter-reset: list 0;
3454
+ }
3455
+ .ListBlock-module_ol__21CgV li {
3456
+ padding: 0 0 0 33px;
3457
+ }
3458
+ .ListBlock-module_ol__21CgV li::before {
3459
+ position: absolute;
3460
+ left: 0;
3461
+
3462
+ width: 23px;
3463
+
3464
+ content: counter(list) '. ';
3465
+ counter-increment: list;
3466
+ text-align: right;
3467
+ white-space: nowrap;
3468
+ }
3469
+ .ListBlock-module_ul__2MRrS li {
3470
+ padding: 0 0 0 23px
3471
+ }
3472
+ @media only screen and (min-device-width: 48em) {
3473
+ .ListBlock-module_ul__2MRrS li {
3474
+ padding: 0 0 0 38px
3475
+ }
3476
+ }
3477
+ .ListBlock-module_ul__2MRrS li:last-child {
3478
+ margin-bottom: 0;
3479
+ }
3480
+ .ListBlock-module_ul__2MRrS li::before {
3481
+ position: absolute;
3482
+ top: 0;
3483
+ left: 5px;
3484
+
3485
+ width: 8px;
3486
+
3487
+ content: '\2022';
3488
+ text-align: center;
3489
+
3490
+ color: #b88b59;
3491
+
3492
+ font-size: 18px;
3493
+ line-height: inherit
3494
+ }
3495
+ @media only screen and (min-device-width: 48em) {
3496
+ .ListBlock-module_ul__2MRrS li::before {
3497
+ left: 0;
3498
+
3499
+ width: 36px;
3500
+
3501
+ text-align: center;
3502
+
3503
+ font-size: 20px
3504
+ }
3505
+ }
3506
+ .ListBlock-module_center__tdIwd {
3507
+ max-width: 650px;
3508
+ margin-right: auto;
3509
+ margin-left: auto;
3510
+ }
3511
+ .ListBlock-module_isInImportantLead__UP0ic {
3512
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
3513
+ font-size: 16px;
3514
+ line-height: 20px
3515
+ }
3516
+ @media only screen and (min-device-width: 48em) {
3517
+ .ListBlock-module_isInImportantLead__UP0ic {
3518
+ font-size: 17px;
3519
+ line-height: 24px
3520
+ }
3521
+ }
3522
+ .ListBlock-module_dark__3E3tV a {
3523
+ color: inherit;
3524
+ }
3525
+ .ListBlock-module_dark__3E3tV a:hover {
3526
+ color: #b88b59;
3527
+ }
3528
+ /* VISIBILITY */
3529
+ @media only screen and (min-device-width: 32em) {
3530
+ .ListBlock-module_mobile__2-nuV {
3531
+ display: none
3532
+ }
3533
+ }
3534
+ .ListBlock-module_desktop__1EE0g {
3535
+ display: none
3536
+ }
3537
+ @media only screen and (min-device-width: 32em) {
3538
+ .ListBlock-module_desktop__1EE0g {
3539
+ display: block
3540
+ }
3541
+ }
3542
+
3543
+ /* Colors */
3544
+ /* Fonts */
3545
+ /* Gap */
3546
+ /* Media */
3547
+ /* 512 */
3548
+ /* 650 */
3549
+ /* 768 */
3550
+ /* 1024 */
3551
+ /* 1010 */
3552
+ /* 1200 */
3553
+ /* 511 */
3554
+ /* 1023 */
3555
+ /* Zindex */
3556
+ .RichTitle-module_root__BK_WT {
3557
+ margin: 0 0 18px;
3558
+
3559
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
3560
+ font-size: 19px;
3561
+ font-weight: 700;
3562
+ line-height: 23px
3563
+ }
3564
+ @media only screen and (min-device-width: 48em) {
3565
+ .RichTitle-module_root__BK_WT {
3566
+ margin-bottom: 15px;
3567
+
3568
+ font-size: 37px;
3569
+ line-height: 42px
3570
+ }
3571
+ }
3572
+ .RichTitle-module_root__BK_WT:last-child {
3573
+ margin-bottom: 0;
3574
+ }
3575
+ .RichTitle-module_root__BK_WT span {
3576
+ font-family: 'PF Regal', 'PF Regal Text Pro', 'Georgia', serif;
3577
+ font-size: 20px;
3578
+ font-weight: normal
3579
+ }
3580
+ @media only screen and (min-device-width: 48em) {
3581
+ .RichTitle-module_root__BK_WT span {
3582
+ font-size: 38px
3583
+ }
3584
+ }
3585
+ @media only screen and (min-device-width: 32em) {
3586
+ .RichTitle-module_slide__1A-gB,
3587
+ .RichTitle-module_game__1g8Bn {
3588
+ text-align: center
3589
+ }
3590
+ }
3591
+ @media only screen and (min-device-width: 64em) {
3592
+ .RichTitle-module_half__10GRI {
3593
+ font-size: 33px;
3594
+ line-height: 36px
3595
+ }
3596
+ }
3597
+ @media only screen and (min-device-width: 64em) {
3598
+ .RichTitle-module_half__10GRI span {
3599
+ font-size: 34px
3600
+ }
3601
+ }
3602
+ .RichTitle-module_game__1g8Bn:first-child {
3603
+ padding-top: 9px;
3604
+ }
3605
+ .RichTitle-module_featured__wJfaQ {
3606
+ letter-spacing: 0.3px;
3607
+
3608
+ font-size: 28px;
3609
+ line-height: 30px;
3610
+ }
3611
+ .RichTitle-module_featured__wJfaQ span {
3612
+ display: block;
3613
+
3614
+ padding-top: 2px;
3615
+
3616
+ font-size: 18px;
3617
+ line-height: 24px;
3618
+ }
3619
+ @media only screen and (min-device-width: 32em) {
3620
+ .RichTitle-module_mobile__1Cb6E {
3621
+ display: none
3622
+ }
3623
+ }
3624
+ .RichTitle-module_desktop__2ixSQ {
3625
+ display: none
3626
+ }
3627
+ @media only screen and (min-device-width: 32em) {
3628
+ .RichTitle-module_desktop__2ixSQ {
3629
+ display: block
3630
+ }
3631
+ }
3632
+
3633
+ /* Colors */
3634
+ /* Fonts */
3635
+ /* Gap */
3636
+ /* Media */
3637
+ /* 512 */
3638
+ /* 650 */
3639
+ /* 768 */
3640
+ /* 1024 */
3641
+ /* 1010 */
3642
+ /* 1200 */
3643
+ /* 511 */
3644
+ /* 1023 */
3645
+ /* Zindex */
3646
+ .SourceBlock-module_root__1P3XD {
3647
+ display: block;
3648
+
3649
+ margin: 18px 0 15px;
3650
+ padding: 12px 11px 13px;
3651
+
3652
+ color: #000;
3653
+ border-left: 4px solid #b88b59;
3654
+ border-radius: 2px 8px 8px 2px;
3655
+ background-color: #f5f5f5;
3656
+
3657
+ font-size: 16px;
3658
+ line-height: 20px
3659
+ }
3660
+ @media only screen and (min-device-width: 48em) {
3661
+ .SourceBlock-module_root__1P3XD {
3662
+ margin-top: 25px;
3663
+ margin-bottom: 25px;
3664
+ padding: 18px 16px 12px
3665
+ }
3666
+ }
3667
+ .SourceBlock-module_root__1P3XD:hover,
3668
+ .SourceBlock-module_root__1P3XD:visited {
3669
+ background-color: #ededed;
3670
+ }
3671
+ .SourceBlock-module_root__1P3XD blockquote {
3672
+ margin: 0;
3673
+ }
3674
+ .SourceBlock-module_root__1P3XD a {
3675
+ text-decoration: none;
3676
+
3677
+ color: inherit;
3678
+ }
3679
+ .SourceBlock-module_text__Si4vm {
3680
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
3681
+ }
3682
+ .SourceBlock-module_text__Si4vm p {
3683
+ margin: 0;
3684
+
3685
+ font-size: 16px;
3686
+ line-height: 22px
3687
+ }
3688
+ @media only screen and (min-device-width: 48em) {
3689
+ .SourceBlock-module_text__Si4vm p {
3690
+ font-size: 18px;
3691
+ line-height: 26px
3692
+ }
3693
+ }
3694
+ .SourceBlock-module_root__1P3XD p + p {
3695
+ margin-top: 12px;
3696
+ }
3697
+ .SourceBlock-module_root__1P3XD footer {
3698
+ margin-top: 12px;
3699
+ padding-top: 10px;
3700
+
3701
+ border-top: 1px solid #d6d6d6
3702
+ }
3703
+ @media only screen and (min-device-width: 48em) {
3704
+ .SourceBlock-module_root__1P3XD footer {
3705
+ margin-top: 18px;
3706
+ padding-top: 12px
3707
+ }
3708
+ }
3709
+ .SourceBlock-module_origin__l3JbO {
3710
+ letter-spacing: 1px;
3711
+ text-transform: uppercase;
3712
+ pointer-events: none;
3713
+
3714
+ color: #292929;
3715
+
3716
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
3717
+ font-size: 16px;
3718
+ font-weight: bold;
3719
+ font-style: normal;
3720
+ line-height: 22px
3721
+ }
3722
+ @media only screen and (min-device-width: 48em) {
3723
+ .SourceBlock-module_origin__l3JbO {
3724
+ font-size: 18px;
3725
+ line-height: 26px
3726
+ }
3727
+ }
3728
+ .SourceBlock-module_center__3P93B {
3729
+ max-width: 650px;
3730
+ margin-right: auto;
3731
+ margin-left: auto;
3732
+ }
3733
+ /* VISIBILITY */
3734
+ @media only screen and (min-device-width: 32em) {
3735
+ .SourceBlock-module_mobile__2gw4S {
3586
3736
  display: none
3587
3737
  }
3588
3738
  }
3589
- .SimpleBlock-module_desktop__2se2o {
3739
+ .SourceBlock-module_desktop__DecT6 {
3590
3740
  display: none
3591
3741
  }
3592
3742
  @media only screen and (min-device-width: 32em) {
3593
- .SimpleBlock-module_desktop__2se2o {
3743
+ .SourceBlock-module_desktop__DecT6 {
3594
3744
  display: block
3595
3745
  }
3596
3746
  }
@@ -3811,107 +3961,94 @@ a mark {
3811
3961
  /* 511 */
3812
3962
  /* 1023 */
3813
3963
  /* Zindex */
3814
- .SourceBlock-module_root__1P3XD {
3815
- display: block;
3964
+ .MetaItem-module_root__2VQom {
3965
+ display: inline;
3816
3966
 
3817
- margin: 18px 0 15px;
3818
- padding: 12px 11px 13px;
3967
+ margin-right: 15px;
3968
+ }
3969
+ .MetaItem-module_root__2VQom > svg {
3970
+ display: inline-block;
3819
3971
 
3820
- color: #000;
3821
- border-left: 4px solid #b88b59;
3822
- border-radius: 2px 8px 8px 2px;
3823
- background-color: #f5f5f5;
3972
+ margin-right: 1px;
3824
3973
 
3825
- font-size: 16px;
3826
- line-height: 20px
3827
- }
3828
- @media only screen and (min-device-width: 48em) {
3829
- .SourceBlock-module_root__1P3XD {
3830
- margin-top: 25px;
3831
- margin-bottom: 25px;
3832
- padding: 18px 16px 12px
3833
- }
3834
- }
3835
- .SourceBlock-module_root__1P3XD:hover,
3836
- .SourceBlock-module_root__1P3XD:visited {
3837
- background-color: #ededed;
3838
- }
3839
- .SourceBlock-module_root__1P3XD blockquote {
3840
- margin: 0;
3841
- }
3842
- .SourceBlock-module_root__1P3XD a {
3843
- text-decoration: none;
3974
+ vertical-align: top;
3844
3975
 
3845
3976
  color: inherit;
3977
+
3978
+ fill: currentColor;
3846
3979
  }
3847
- .SourceBlock-module_text__Si4vm {
3848
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
3849
- }
3850
- .SourceBlock-module_text__Si4vm p {
3851
- margin: 0;
3980
+ .MetaItem-module_root__2VQom a {
3981
+ display: inline;
3852
3982
 
3853
- font-size: 16px;
3854
- line-height: 22px
3983
+ text-decoration: underline;
3984
+
3985
+ color: inherit;
3986
+
3987
+ -webkit-text-decoration-skip: auto;
3855
3988
  }
3856
- @media only screen and (min-device-width: 48em) {
3857
- .SourceBlock-module_text__Si4vm p {
3858
- font-size: 18px;
3859
- line-height: 26px
3989
+ .MetaItem-module_root__2VQom a:hover {
3990
+ color: #b88b59;
3860
3991
  }
3861
- }
3862
- .SourceBlock-module_root__1P3XD p + p {
3863
- margin-top: 12px;
3992
+ .MetaItem-module_hasBullets__CkQPI {
3993
+ margin-right: 0;
3864
3994
  }
3865
- .SourceBlock-module_root__1P3XD footer {
3866
- margin-top: 12px;
3867
- padding-top: 10px;
3995
+ .MetaItem-module_hasBullets__CkQPI:nth-child(n + 2)::before {
3996
+ display: inline-block;
3868
3997
 
3869
- border-top: 1px solid #d6d6d6
3998
+ padding-right: 0.4em;
3999
+ padding-left: 0.4em;
4000
+
4001
+ content: '\B7';
3870
4002
  }
3871
- @media only screen and (min-device-width: 48em) {
3872
- .SourceBlock-module_root__1P3XD footer {
3873
- margin-top: 18px;
3874
- padding-top: 12px
4003
+ @media only screen and (max-device-width: 32.1875em) {
4004
+ .MetaItem-module_hasSource__1DmCI {
4005
+ width: 100%;
4006
+ margin-top: 3px;
4007
+ margin-bottom: 3px
3875
4008
  }
3876
4009
  }
3877
- .SourceBlock-module_origin__l3JbO {
3878
- letter-spacing: 1px;
3879
- text-transform: uppercase;
3880
- pointer-events: none;
3881
-
3882
- color: #292929;
3883
-
3884
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
3885
- font-size: 16px;
3886
- font-weight: bold;
3887
- font-style: normal;
3888
- line-height: 22px
3889
- }
3890
- @media only screen and (min-device-width: 48em) {
3891
- .SourceBlock-module_origin__l3JbO {
3892
- font-size: 18px;
3893
- line-height: 26px
4010
+ @media only screen and (max-device-width: 32.1875em) {
4011
+ .MetaItem-module_hasSource__1DmCI:first-child {
4012
+ margin-top: 0
3894
4013
  }
3895
4014
  }
3896
- .SourceBlock-module_center__3P93B {
3897
- max-width: 650px;
3898
- margin-right: auto;
3899
- margin-left: auto;
4015
+ .MetaItem-module_hasSource__1DmCI:last-child {
4016
+ margin-bottom: 0;
3900
4017
  }
3901
- /* VISIBILITY */
3902
- @media only screen and (min-device-width: 32em) {
3903
- .SourceBlock-module_mobile__2gw4S {
4018
+ @media only screen and (max-device-width: 32.1875em) {
4019
+ .MetaItem-module_hasSource__1DmCI:nth-child(n + 2)::before {
3904
4020
  display: none
3905
4021
  }
3906
4022
  }
3907
- .SourceBlock-module_desktop__DecT6 {
3908
- display: none
4023
+ @media only screen and (max-device-width: 32.1875em) {
4024
+ .MetaItem-module_hasSource__1DmCI.MetaItem-module_listened__lwvAO::before,
4025
+ .MetaItem-module_hasSource__1DmCI.MetaItem-module_read__5eAIG::before {
4026
+ display: inline-block
3909
4027
  }
3910
- @media only screen and (min-device-width: 32em) {
3911
- .SourceBlock-module_desktop__DecT6 {
3912
- display: block
4028
+ }
4029
+ @media only screen and (max-device-width: 32.1875em) {
4030
+ .MetaItem-module_datetime__3tOWm,
4031
+ .MetaItem-module_listened__lwvAO,
4032
+ .MetaItem-module_read__5eAIG {
4033
+ width: auto
4034
+ }
4035
+ }
4036
+ @media only screen and (max-device-width: 32.1875em) {
4037
+ .MetaItem-module_hasSource__1DmCI.MetaItem-module_datetime__3tOWm:first-child {
4038
+ order: -2
4039
+ }
4040
+ }
4041
+ @media only screen and (max-device-width: 32.1875em) {
4042
+ .MetaItem-module_hasSource__1DmCI.MetaItem-module_listened__lwvAO,
4043
+ .MetaItem-module_hasSource__1DmCI.MetaItem-module_read__5eAIG {
4044
+ order: -1;
4045
+
4046
+ margin-top: 0
3913
4047
  }
3914
4048
  }
4049
+ .MetaItem-module_read__5eAIG svg {
4050
+ margin-top: -1px;
4051
+ }
3915
4052
 
3916
4053
  /* stylelint-disable declaration-empty-line-before */
3917
4054
  /* Colors */
@@ -4236,94 +4373,64 @@ a mark {
4236
4373
  /* 511 */
4237
4374
  /* 1023 */
4238
4375
  /* Zindex */
4239
- .MetaItem-module_root__2VQom {
4240
- display: inline;
4241
-
4242
- margin-right: 15px;
4243
- }
4244
- .MetaItem-module_root__2VQom > svg {
4245
- display: inline-block;
4246
-
4247
- margin-right: 1px;
4248
-
4249
- vertical-align: top;
4250
-
4251
- color: inherit;
4252
-
4253
- fill: currentColor;
4254
- }
4255
- .MetaItem-module_root__2VQom a {
4256
- display: inline;
4257
-
4258
- text-decoration: underline;
4376
+ .Footnote-module_root__2a0-B {
4377
+ position: relative;
4259
4378
 
4260
- color: inherit;
4379
+ width: 320px;
4380
+ padding: 20px;
4261
4381
 
4262
- -webkit-text-decoration-skip: auto;
4263
- }
4264
- .MetaItem-module_root__2VQom a:hover {
4265
- color: #b88b59;
4382
+ border-radius: 8px;
4383
+ background-color: #fff;
4384
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 5px 20px rgba(0, 0, 0, 0.2);
4266
4385
  }
4267
- .MetaItem-module_hasBullets__CkQPI {
4268
- margin-right: 0;
4386
+ .Footnote-module_body__259Ly {
4387
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
4388
+ font-size: 16px;
4389
+ line-height: 22px;
4269
4390
  }
4270
- .MetaItem-module_hasBullets__CkQPI:nth-child(n + 2)::before {
4271
- display: inline-block;
4391
+ .Footnote-module_body__259Ly h3 {
4392
+ margin: 0 0 16px;
4272
4393
 
4273
- padding-right: 0.4em;
4274
- padding-left: 0.4em;
4275
-
4276
- content: '\B7';
4394
+ font-size: inherit;
4395
+ font-weight: 600;
4396
+ line-height: inherit;
4277
4397
  }
4278
- @media only screen and (max-device-width: 32.1875em) {
4279
- .MetaItem-module_hasSource__1DmCI {
4280
- width: 100%;
4281
- margin-top: 3px;
4282
- margin-bottom: 3px
4398
+ .Footnote-module_body__259Ly p {
4399
+ margin: 0;
4283
4400
  }
4284
- }
4285
- @media only screen and (max-device-width: 32.1875em) {
4286
- .MetaItem-module_hasSource__1DmCI:first-child {
4287
- margin-top: 0
4401
+ .Footnote-module_body__259Ly p + p {
4402
+ margin-top: 6px;
4288
4403
  }
4289
- }
4290
- .MetaItem-module_hasSource__1DmCI:last-child {
4291
- margin-bottom: 0;
4404
+ .Footnote-module_body__259Ly a {
4405
+ color: inherit;
4406
+ box-shadow: inset 0 -1px #b88b59;
4292
4407
  }
4293
- @media only screen and (max-device-width: 32.1875em) {
4294
- .MetaItem-module_hasSource__1DmCI:nth-child(n + 2)::before {
4295
- display: none
4408
+ .Footnote-module_body__259Ly a:hover {
4409
+ color: #b88b59;
4296
4410
  }
4297
- }
4298
- @media only screen and (max-device-width: 32.1875em) {
4299
- .MetaItem-module_hasSource__1DmCI.MetaItem-module_listened__lwvAO::before,
4300
- .MetaItem-module_hasSource__1DmCI.MetaItem-module_read__5eAIG::before {
4301
- display: inline-block
4411
+ .Footnote-module_dismiss__1HKG5 {
4412
+ position: absolute;
4413
+ top: 0;
4414
+ right: 0;
4415
+
4416
+ margin: 0;
4417
+ padding: 6px 9px 10px;
4418
+
4419
+ cursor: pointer;
4420
+
4421
+ color: #b3b3b3;
4422
+ border-width: 0;
4423
+ outline: none;
4424
+ background-color: transparent;
4302
4425
  }
4303
- }
4304
- @media only screen and (max-device-width: 32.1875em) {
4305
- .MetaItem-module_datetime__3tOWm,
4306
- .MetaItem-module_listened__lwvAO,
4307
- .MetaItem-module_read__5eAIG {
4308
- width: auto
4426
+ .Footnote-module_dismiss__1HKG5:hover {
4427
+ color: #757575;
4309
4428
  }
4310
- }
4311
- @media only screen and (max-device-width: 32.1875em) {
4312
- .MetaItem-module_hasSource__1DmCI.MetaItem-module_datetime__3tOWm:first-child {
4313
- order: -2
4429
+ .Footnote-module_dismiss__1HKG5 svg {
4430
+ width: 12px;
4431
+ height: 12px;
4314
4432
  }
4315
- }
4316
- @media only screen and (max-device-width: 32.1875em) {
4317
- .MetaItem-module_hasSource__1DmCI.MetaItem-module_listened__lwvAO,
4318
- .MetaItem-module_hasSource__1DmCI.MetaItem-module_read__5eAIG {
4319
- order: -1;
4320
4433
 
4321
- margin-top: 0
4322
- }
4323
- }
4324
- .MetaItem-module_read__5eAIG svg {
4325
- margin-top: -1px;
4326
- }
4327
4434
 
4328
4435
  /* Colors */
4329
4436
  /* Fonts */
@@ -4511,7 +4618,7 @@ a mark {
4511
4618
  display: none
4512
4619
  }
4513
4620
  }
4514
- .EmbedBlock-module_mobile__1P-eo .EmbedBlock-module_figure__vAvcN {
4621
+ .EmbedBlock-module_mobile__1P-eo:first-child .EmbedBlock-module_figure__vAvcN {
4515
4622
  overflow: hidden;
4516
4623
 
4517
4624
  border-radius: 8px 8px 0 0;