@quintype/arrow 3.0.0-spike-skeleton-layout.21 → 3.0.0

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 (505) hide show
  1. package/.babelrc +12 -0
  2. package/.circleci/config.yml +42 -0
  3. package/.eslintrc.json +25 -0
  4. package/.prettierrc +6 -0
  5. package/.storybook/addons.js +5 -0
  6. package/.storybook/config.js +13 -0
  7. package/.storybook/webpack.config.js +8 -0
  8. package/.stylelintrc +10 -0
  9. package/.vscode/extensions.json +16 -0
  10. package/.vscode/settings.json +12 -0
  11. package/CHANGELOG.md +1362 -0
  12. package/README.md +10 -0
  13. package/__mocks__/fileMock.js +1 -0
  14. package/__mocks__/styleMock.js +1 -0
  15. package/{app.scss → assets/stylesheets/app.scss} +154 -1
  16. package/assets/stylesheets/mixins.scss +27 -0
  17. package/assets/stylesheets/reset.scss +148 -0
  18. package/assets/stylesheets/viewports.m.css +3 -0
  19. package/bin-dev-scripts/prepublish.sh +11 -0
  20. package/bin-dev-scripts/sync-to.sh +13 -0
  21. package/jest.config.json +14 -0
  22. package/package.json +131 -1
  23. package/publish +24 -0
  24. package/rollup.js +202 -0
  25. package/setupTests.js +3 -0
  26. package/src/components/Atoms/AdPlaceholder/ads.m.css +13 -0
  27. package/src/components/Atoms/AdPlaceholder/index.js +25 -0
  28. package/src/components/Atoms/Author/README.md +19 -0
  29. package/src/components/Atoms/Author/author.m.css +65 -0
  30. package/src/components/Atoms/Author/index.js +98 -0
  31. package/src/components/Atoms/Author/stories.js +23 -0
  32. package/src/components/Atoms/AuthorCard/README.md +47 -0
  33. package/src/components/Atoms/AuthorCard/author-card.m.css +174 -0
  34. package/src/components/Atoms/AuthorCard/author-card.test.js +72 -0
  35. package/src/components/Atoms/AuthorCard/index.js +115 -0
  36. package/src/components/Atoms/AuthorCard/stories.js +69 -0
  37. package/src/components/Atoms/AuthorImage/README.md +31 -0
  38. package/src/components/Atoms/AuthorImage/author-image.m.css +53 -0
  39. package/src/components/Atoms/AuthorImage/index.js +55 -0
  40. package/src/components/Atoms/AuthorImage/stories.js +20 -0
  41. package/src/components/Atoms/AuthorWithTimestamp/README.md +11 -0
  42. package/src/components/Atoms/AuthorWithTimestamp/author-with-timestamp.m.css +42 -0
  43. package/src/components/Atoms/AuthorWithTimestamp/index.js +79 -0
  44. package/src/components/Atoms/AuthorWithTimestamp/stories.js +21 -0
  45. package/src/components/Atoms/BulletPoint/README.md +9 -0
  46. package/src/components/Atoms/BulletPoint/bullet-point.m.css +14 -0
  47. package/src/components/Atoms/BulletPoint/index.js +19 -0
  48. package/src/components/Atoms/BulletPoint/stories.js +6 -0
  49. package/src/components/Atoms/CaptionAttribution/README.md +15 -0
  50. package/src/components/Atoms/CaptionAttribution/caption-attribution.m.css +40 -0
  51. package/src/components/Atoms/CaptionAttribution/caption-attribution.test.js +29 -0
  52. package/src/components/Atoms/CaptionAttribution/index.js +40 -0
  53. package/src/components/Atoms/CaptionAttribution/stories.js +40 -0
  54. package/src/components/Atoms/CollectionName/README.md +11 -0
  55. package/src/components/Atoms/CollectionName/collection-name.m.css +94 -0
  56. package/src/components/Atoms/CollectionName/index.js +143 -0
  57. package/src/components/Atoms/CollectionName/stories.js +52 -0
  58. package/src/components/Atoms/Divider/__snapshots__/divider.test.js.snap +18 -0
  59. package/src/components/Atoms/Divider/divider.m.css +6 -0
  60. package/src/components/Atoms/Divider/divider.test.js +10 -0
  61. package/src/components/Atoms/Divider/index.js +20 -0
  62. package/src/components/Atoms/Dot/dot.js +20 -0
  63. package/src/components/Atoms/Dot/dot.m.css +6 -0
  64. package/src/components/Atoms/ExtendedLoadMore/README.md +9 -0
  65. package/src/components/Atoms/ExtendedLoadMore/__snapshots__/extended-load-more.test.js.snap +11 -0
  66. package/src/components/Atoms/ExtendedLoadMore/extended-load-more.test.js +19 -0
  67. package/src/components/Atoms/ExtendedLoadMore/index.js +112 -0
  68. package/src/components/Atoms/FallbackImage/fallback.m.css +33 -0
  69. package/src/components/Atoms/FallbackImage/index.js +30 -0
  70. package/src/components/Atoms/Headline/README.md +7 -0
  71. package/src/components/Atoms/Headline/headline.m.css +26 -0
  72. package/src/components/Atoms/Headline/index.js +76 -0
  73. package/src/components/Atoms/Headline/stories.js +52 -0
  74. package/src/components/Atoms/HeroImage/README.md +13 -0
  75. package/src/components/Atoms/HeroImage/hero-image.m.css +71 -0
  76. package/src/components/Atoms/HeroImage/index.js +165 -0
  77. package/src/components/Atoms/HeroImage/stories.js +22 -0
  78. package/src/components/Atoms/LoadMoreTarget/index.js +24 -0
  79. package/src/components/Atoms/Loadmore/README.md +0 -0
  80. package/src/components/Atoms/Loadmore/__snapshots__/load-more.test.js.snap +25 -0
  81. package/src/components/Atoms/Loadmore/index.js +41 -0
  82. package/src/components/Atoms/Loadmore/load-more.m.css +23 -0
  83. package/src/components/Atoms/Loadmore/load-more.test.js +30 -0
  84. package/src/components/Atoms/Loadmore/stories.js +17 -0
  85. package/src/components/Atoms/MagazineCoverImage/README.md +21 -0
  86. package/src/components/Atoms/MagazineCoverImage/index.js +61 -0
  87. package/src/components/Atoms/MagazineCoverImage/magazine-cover-image.m.css +24 -0
  88. package/src/components/Atoms/MagazineCoverImage/stories.js +21 -0
  89. package/src/components/Atoms/PremiumStoryIcon/index.js +27 -0
  90. package/src/components/Atoms/PublishDetail/README.md +15 -0
  91. package/src/components/Atoms/PublishDetail/index.js +63 -0
  92. package/src/components/Atoms/PublishDetail/publish-details.m.css +47 -0
  93. package/src/components/Atoms/PublishDetail/publish-details.test.js +22 -0
  94. package/src/components/Atoms/PublishDetail/stories.js +21 -0
  95. package/src/components/Atoms/ReadTime/README.md +13 -0
  96. package/src/components/Atoms/ReadTime/index.js +44 -0
  97. package/src/components/Atoms/ReadTime/read-time.m.css +25 -0
  98. package/src/components/Atoms/ReadTime/read-time.test.js +18 -0
  99. package/src/components/Atoms/ReadTime/stories.js +19 -0
  100. package/src/components/Atoms/ScrollSnap/SliderArrow/index.js +57 -0
  101. package/src/components/Atoms/ScrollSnap/SliderArrow/slider-arrow.m.css +45 -0
  102. package/src/components/Atoms/ScrollSnap/SliderIndicator/index.js +41 -0
  103. package/src/components/Atoms/ScrollSnap/SliderIndicator/slider-indicator.m.css +71 -0
  104. package/src/components/Atoms/ScrollSnap/index.js +136 -0
  105. package/src/components/Atoms/ScrollSnap/scroll-snap.m.css +27 -0
  106. package/src/components/Atoms/SectionTag/README.md +11 -0
  107. package/src/components/Atoms/SectionTag/index.js +61 -0
  108. package/src/components/Atoms/SectionTag/section.m.css +53 -0
  109. package/src/components/Atoms/SectionTag/stories.js +26 -0
  110. package/src/components/Atoms/SocialSharePopup/README.md +25 -0
  111. package/src/components/Atoms/SocialSharePopup/__snapshots__/social-share-popup.test.js.snap +653 -0
  112. package/src/components/Atoms/SocialSharePopup/index.js +61 -0
  113. package/src/components/Atoms/SocialSharePopup/social-share-popup.m.css +109 -0
  114. package/src/components/Atoms/SocialSharePopup/social-share-popup.test.js +93 -0
  115. package/src/components/Atoms/SocialSharePopup/stories.js +19 -0
  116. package/src/components/Atoms/StoryElements/AlsoRead/README.md +49 -0
  117. package/src/components/Atoms/StoryElements/AlsoRead/also-read.m.css +135 -0
  118. package/src/components/Atoms/StoryElements/AlsoRead/also-read.test.js +83 -0
  119. package/src/components/Atoms/StoryElements/AlsoRead/index.js +117 -0
  120. package/src/components/Atoms/StoryElements/AlsoRead/stories.js +40 -0
  121. package/src/components/Atoms/StoryElements/Attachment/README.md +21 -0
  122. package/src/components/Atoms/StoryElements/Attachment/__snapshots__/attachment.test.js.snap +47 -0
  123. package/src/components/Atoms/StoryElements/Attachment/attachment.m.css +125 -0
  124. package/src/components/Atoms/StoryElements/Attachment/attachment.test.js +39 -0
  125. package/src/components/Atoms/StoryElements/Attachment/index.js +62 -0
  126. package/src/components/Atoms/StoryElements/Attachment/stories.js +48 -0
  127. package/src/components/Atoms/StoryElements/BigFact/README.md +9 -0
  128. package/src/components/Atoms/StoryElements/BigFact/big-fact.m.css +41 -0
  129. package/src/components/Atoms/StoryElements/BigFact/big-fact.test.js +21 -0
  130. package/src/components/Atoms/StoryElements/BigFact/index.js +33 -0
  131. package/src/components/Atoms/StoryElements/BigFact/stories.js +9 -0
  132. package/src/components/Atoms/StoryElements/BlockQuote/README.md +49 -0
  133. package/src/components/Atoms/StoryElements/BlockQuote/Svg/curve.js +26 -0
  134. package/src/components/Atoms/StoryElements/BlockQuote/Svg/edge.js +26 -0
  135. package/src/components/Atoms/StoryElements/BlockQuote/Svg/icon.m.css +4 -0
  136. package/src/components/Atoms/StoryElements/BlockQuote/block-quote.m.css +161 -0
  137. package/src/components/Atoms/StoryElements/BlockQuote/block-quote.test.js +48 -0
  138. package/src/components/Atoms/StoryElements/BlockQuote/index.js +82 -0
  139. package/src/components/Atoms/StoryElements/BlockQuote/stories.js +35 -0
  140. package/src/components/Atoms/StoryElements/Blurb/README.md +43 -0
  141. package/src/components/Atoms/StoryElements/Blurb/blurb.m.css +55 -0
  142. package/src/components/Atoms/StoryElements/Blurb/blurb.test.js +46 -0
  143. package/src/components/Atoms/StoryElements/Blurb/index.js +53 -0
  144. package/src/components/Atoms/StoryElements/Blurb/stories.js +28 -0
  145. package/src/components/Atoms/StoryElements/Image/README.md +13 -0
  146. package/src/components/Atoms/StoryElements/Image/image.m.css +17 -0
  147. package/src/components/Atoms/StoryElements/Image/image.test.js +20 -0
  148. package/src/components/Atoms/StoryElements/Image/index.js +57 -0
  149. package/src/components/Atoms/StoryElements/Image/stories.js +25 -0
  150. package/src/components/Atoms/StoryElements/ImageSlideshow/README.md +13 -0
  151. package/src/components/Atoms/StoryElements/ImageSlideshow/image-slideshow.m.css +49 -0
  152. package/src/components/Atoms/StoryElements/ImageSlideshow/index.js +63 -0
  153. package/src/components/Atoms/StoryElements/ImageSlideshow/stories.js +34 -0
  154. package/src/components/Atoms/StoryElements/QuestionAnswer/README.md +56 -0
  155. package/src/components/Atoms/StoryElements/QuestionAnswer/index.js +134 -0
  156. package/src/components/Atoms/StoryElements/QuestionAnswer/question-answer.m.css +106 -0
  157. package/src/components/Atoms/StoryElements/QuestionAnswer/question-answer.test.js +74 -0
  158. package/src/components/Atoms/StoryElements/QuestionAnswer/stories.js +79 -0
  159. package/src/components/Atoms/StoryElements/Quote/README.md +41 -0
  160. package/src/components/Atoms/StoryElements/Quote/index.js +44 -0
  161. package/src/components/Atoms/StoryElements/Quote/quote.m.css +111 -0
  162. package/src/components/Atoms/StoryElements/Quote/quote.test.js +39 -0
  163. package/src/components/Atoms/StoryElements/Quote/stories.js +28 -0
  164. package/src/components/Atoms/StoryElements/Reference/README.md +9 -0
  165. package/src/components/Atoms/StoryElements/Reference/index.js +52 -0
  166. package/src/components/Atoms/StoryElements/Reference/reference.m.css +42 -0
  167. package/src/components/Atoms/StoryElements/Reference/reference.test.js +28 -0
  168. package/src/components/Atoms/StoryElements/Reference/stories.js +18 -0
  169. package/src/components/Atoms/StoryElements/StoryElement/README.md +10 -0
  170. package/src/components/Atoms/StoryElements/StoryElement/index.js +21 -0
  171. package/src/components/Atoms/StoryElements/StoryElement/stories.js +20 -0
  172. package/src/components/Atoms/StoryElements/StoryElement/storyelement.test.js +13 -0
  173. package/src/components/Atoms/StoryElements/Summary/README.md +56 -0
  174. package/src/components/Atoms/StoryElements/Summary/index.js +68 -0
  175. package/src/components/Atoms/StoryElements/Summary/stories.js +33 -0
  176. package/src/components/Atoms/StoryElements/Summary/summary.m.css +121 -0
  177. package/src/components/Atoms/StoryElements/Summary/summary.test.js +50 -0
  178. package/src/components/Atoms/StoryElements/Text/README.md +32 -0
  179. package/src/components/Atoms/StoryElements/Text/index.js +41 -0
  180. package/src/components/Atoms/StoryElements/Text/stories.js +32 -0
  181. package/src/components/Atoms/StoryElements/Text/text.m.css +48 -0
  182. package/src/components/Atoms/StoryElements/Text/text.test.js +42 -0
  183. package/src/components/Atoms/StoryElements/Video/README.md +9 -0
  184. package/src/components/Atoms/StoryElements/Video/index.js +23 -0
  185. package/src/components/Atoms/StoryElements/Video/stories.js +24 -0
  186. package/src/components/Atoms/StoryElements/Video/video.m.css +3 -0
  187. package/src/components/Atoms/StoryElements/Video/video.test.js +13 -0
  188. package/src/components/Atoms/StoryElements/imageGallery/README.md +18 -0
  189. package/src/components/Atoms/StoryElements/imageGallery/image-gallery.m.css +48 -0
  190. package/src/components/Atoms/StoryElements/imageGallery/image-gallery.test.js +19 -0
  191. package/src/components/Atoms/StoryElements/imageGallery/index.js +74 -0
  192. package/src/components/Atoms/StoryElements/imageGallery/stories.js +23 -0
  193. package/src/components/Atoms/StoryElements/withElementWrapper.js +13 -0
  194. package/src/components/Atoms/StoryElements/withElementWrapper.test.js +31 -0
  195. package/src/components/Atoms/StoryHeadline/index.js +36 -0
  196. package/src/components/Atoms/StoryHeadline/story-headline.m.css +36 -0
  197. package/src/components/Atoms/StoryTags/README.md +9 -0
  198. package/src/components/Atoms/StoryTags/index.js +33 -0
  199. package/src/components/Atoms/StoryTags/stories.js +25 -0
  200. package/src/components/Atoms/StoryTags/story-tags.test.js +18 -0
  201. package/src/components/Atoms/StoryTags/tags.m.css +34 -0
  202. package/src/components/Atoms/Subheadline/README.md +17 -0
  203. package/src/components/Atoms/Subheadline/index.js +54 -0
  204. package/src/components/Atoms/Subheadline/stories.js +12 -0
  205. package/src/components/Atoms/Subheadline/subheadline.m.css +17 -0
  206. package/src/components/Atoms/TimeStamp/README.md +9 -0
  207. package/src/components/Atoms/TimeStamp/index.js +37 -0
  208. package/src/components/Atoms/TimeStamp/stories.js +9 -0
  209. package/src/components/Atoms/TimeStamp/timestamp.m.css +22 -0
  210. package/src/components/Fixture/config.json +2703 -0
  211. package/src/components/Fixture/dummy-collection.js +2787 -0
  212. package/src/components/Fixture/dummyStory.js +2148 -0
  213. package/src/components/Fixture/index.js +424 -0
  214. package/src/components/Fixture/slot-config.js +29 -0
  215. package/src/components/Molecules/FullScreenImages/fullscreenimages.scss +48 -0
  216. package/src/components/Molecules/FullScreenImages/index.js +86 -0
  217. package/src/components/Molecules/KeyEvents/README.md +21 -0
  218. package/src/components/Molecules/KeyEvents/index.js +109 -0
  219. package/src/components/Molecules/KeyEvents/key-events.m.css +89 -0
  220. package/src/components/Molecules/KeyEvents/stories.js +28 -0
  221. package/src/components/Molecules/PageIntroductionCard/README.md +25 -0
  222. package/src/components/Molecules/PageIntroductionCard/index.js +50 -0
  223. package/src/components/Molecules/PageIntroductionCard/page-intro-card.m.css +61 -0
  224. package/src/components/Molecules/PageIntroductionCard/stories.js +16 -0
  225. package/src/components/Molecules/SliderHorizontalCard/README.md +14 -0
  226. package/src/components/Molecules/SliderHorizontalCard/index.js +45 -0
  227. package/src/components/Molecules/SliderHorizontalCard/slider-horizontal-card.m.css +42 -0
  228. package/src/components/Molecules/SliderHorizontalCard/stories.js +30 -0
  229. package/src/components/Molecules/SocialShareTemplate/README.md +118 -0
  230. package/src/components/Molecules/SocialShareTemplate/__snapshots__/social-share-template.test.js.snap +738 -0
  231. package/src/components/Molecules/SocialShareTemplate/index.js +119 -0
  232. package/src/components/Molecules/SocialShareTemplate/social-share-data.js +66 -0
  233. package/src/components/Molecules/SocialShareTemplate/social-share-template.m.css +174 -0
  234. package/src/components/Molecules/SocialShareTemplate/social-share-template.test.js +116 -0
  235. package/src/components/Molecules/SocialShareTemplate/stories.js +40 -0
  236. package/src/components/Molecules/StoryCard/README.md +75 -0
  237. package/src/components/Molecules/StoryCard/READMEBGIMAGE.md +25 -0
  238. package/src/components/Molecules/StoryCard/READMEBORDER.md +61 -0
  239. package/src/components/Molecules/StoryCard/index.js +173 -0
  240. package/src/components/Molecules/StoryCard/stories.js +223 -0
  241. package/src/components/Molecules/StoryCard/storycard.m.css +158 -0
  242. package/src/components/Molecules/StoryCardWithBulletPoint/README.md +9 -0
  243. package/src/components/Molecules/StoryCardWithBulletPoint/index.js +32 -0
  244. package/src/components/Molecules/StoryCardWithBulletPoint/stories.js +31 -0
  245. package/src/components/Molecules/StoryCardWithBulletPoint/story-card-with-bullet-point.m.css +7 -0
  246. package/src/components/Molecules/StoryElementCard/README.md +9 -0
  247. package/src/components/Molecules/StoryElementCard/index.js +358 -0
  248. package/src/components/Molecules/StoryElementCard/stories.js +27 -0
  249. package/src/components/Molecules/StoryElementCard/story-element-card.m.css +78 -0
  250. package/src/components/Molecules/StorycardContent/README.md +34 -0
  251. package/src/components/Molecules/StorycardContent/index.js +76 -0
  252. package/src/components/Molecules/StorycardContent/stories.js +39 -0
  253. package/src/components/Molecules/StorycardContent/storycardContent.m.css +21 -0
  254. package/src/components/Rows/AlternateCollectionFilter/README.md +38 -0
  255. package/src/components/Rows/AlternateCollectionFilter/alternate-collection-filter.m.css +254 -0
  256. package/src/components/Rows/AlternateCollectionFilter/index.js +179 -0
  257. package/src/components/Rows/AlternateCollectionFilter/stories.js +74 -0
  258. package/src/components/Rows/AsideCollection/README.md +27 -0
  259. package/src/components/Rows/AsideCollection/aside-collection.m.css +103 -0
  260. package/src/components/Rows/AsideCollection/aside-collection.test.js +34 -0
  261. package/src/components/Rows/AsideCollection/index.js +175 -0
  262. package/src/components/Rows/AsideCollection/stories.js +52 -0
  263. package/src/components/Rows/AuthorIntroductionCard/README.md +43 -0
  264. package/src/components/Rows/AuthorIntroductionCard/author-intro.m.css +278 -0
  265. package/src/components/Rows/AuthorIntroductionCard/author-intro.test.js +106 -0
  266. package/src/components/Rows/AuthorIntroductionCard/index.js +120 -0
  267. package/src/components/Rows/AuthorIntroductionCard/stories.js +43 -0
  268. package/src/components/Rows/AuthorsList/README.md +24 -0
  269. package/src/components/Rows/AuthorsList/author-list.test.js +50 -0
  270. package/src/components/Rows/AuthorsList/authors-list.m.css +22 -0
  271. package/src/components/Rows/AuthorsList/index.js +50 -0
  272. package/src/components/Rows/AuthorsList/stories.js +61 -0
  273. package/src/components/Rows/CollectionFilter/README.md +39 -0
  274. package/src/components/Rows/CollectionFilter/collection-filter.m.css +213 -0
  275. package/src/components/Rows/CollectionFilter/index.js +232 -0
  276. package/src/components/Rows/CollectionFilter/stories.js +77 -0
  277. package/src/components/Rows/ElevenStories/11-stories.m.css +85 -0
  278. package/src/components/Rows/ElevenStories/README.md +39 -0
  279. package/src/components/Rows/ElevenStories/index.js +332 -0
  280. package/src/components/Rows/ElevenStories/stories.js +70 -0
  281. package/src/components/Rows/FourColFiveStories/README.md +37 -0
  282. package/src/components/Rows/FourColFiveStories/four-col-five-stories.m.css +56 -0
  283. package/src/components/Rows/FourColFiveStories/index.js +159 -0
  284. package/src/components/Rows/FourColFiveStories/stories.js +67 -0
  285. package/src/components/Rows/FourColGrid/README.md +38 -0
  286. package/src/components/Rows/FourColGrid/four-col.m.css +50 -0
  287. package/src/components/Rows/FourColGrid/index.js +137 -0
  288. package/src/components/Rows/FourColGrid/stories.js +65 -0
  289. package/src/components/Rows/FourColSixteenStories/README.md +35 -0
  290. package/src/components/Rows/FourColSixteenStories/four-col-sixteen-stories.m.css +104 -0
  291. package/src/components/Rows/FourColSixteenStories/index.js +103 -0
  292. package/src/components/Rows/FourColSixteenStories/stories.js +46 -0
  293. package/src/components/Rows/FourColTwelveStory/README.md +39 -0
  294. package/src/components/Rows/FourColTwelveStory/four-col-twelve-story.m.css +71 -0
  295. package/src/components/Rows/FourColTwelveStory/index.js +176 -0
  296. package/src/components/Rows/FourColTwelveStory/stories.js +117 -0
  297. package/src/components/Rows/FourStorySlider/README.md +45 -0
  298. package/src/components/Rows/FourStorySlider/four-story-slider.m.css +45 -0
  299. package/src/components/Rows/FourStorySlider/index.js +127 -0
  300. package/src/components/Rows/FourStorySlider/stories.js +117 -0
  301. package/src/components/Rows/FourTabbedBigStorySlider/README.md +39 -0
  302. package/src/components/Rows/FourTabbedBigStorySlider/four-tabbed-big-story-slider.m.css +221 -0
  303. package/src/components/Rows/FourTabbedBigStorySlider/index.js +161 -0
  304. package/src/components/Rows/FourTabbedBigStorySlider/stories.js +63 -0
  305. package/src/components/Rows/FullScreenSlider/README.md +46 -0
  306. package/src/components/Rows/FullScreenSlider/full-screen-slider.m.css +110 -0
  307. package/src/components/Rows/FullScreenSlider/index.js +114 -0
  308. package/src/components/Rows/FullScreenSlider/stories.js +115 -0
  309. package/src/components/Rows/HalfScreenSlider/README.md +43 -0
  310. package/src/components/Rows/HalfScreenSlider/half-screen-slider.m.css +35 -0
  311. package/src/components/Rows/HalfScreenSlider/index.js +104 -0
  312. package/src/components/Rows/HalfScreenSlider/stories.js +115 -0
  313. package/src/components/Rows/ListComponent/README.md +48 -0
  314. package/src/components/Rows/ListComponent/index.js +150 -0
  315. package/src/components/Rows/ListComponent/list-component.m.css +65 -0
  316. package/src/components/Rows/ListComponent/stories.js +63 -0
  317. package/src/components/Rows/MagazineEditions/README.md +21 -0
  318. package/src/components/Rows/MagazineEditions/index.js +91 -0
  319. package/src/components/Rows/MagazineEditions/magazine-editions.m.css +50 -0
  320. package/src/components/Rows/MagazineEditions/magazine-editions.test.js +33 -0
  321. package/src/components/Rows/MagazineEditions/stories.js +45 -0
  322. package/src/components/Rows/MagazineHeaderCard/README.md +21 -0
  323. package/src/components/Rows/MagazineHeaderCard/index.js +72 -0
  324. package/src/components/Rows/MagazineHeaderCard/magazine-cards.m.css +106 -0
  325. package/src/components/Rows/MagazineHeaderCard/stories.js +36 -0
  326. package/src/components/Rows/MagazineWidget/README.md +21 -0
  327. package/src/components/Rows/MagazineWidget/index.js +127 -0
  328. package/src/components/Rows/MagazineWidget/stories.js +43 -0
  329. package/src/components/Rows/OneColStoryList/README.md +48 -0
  330. package/src/components/Rows/OneColStoryList/index.js +196 -0
  331. package/src/components/Rows/OneColStoryList/one-col-story-list.m.css +81 -0
  332. package/src/components/Rows/OneColStoryList/stories.js +61 -0
  333. package/src/components/Rows/OpinionCollection/README.md +34 -0
  334. package/src/components/Rows/OpinionCollection/index.js +124 -0
  335. package/src/components/Rows/OpinionCollection/opinion-collection.m.css +118 -0
  336. package/src/components/Rows/OpinionCollection/stories.js +48 -0
  337. package/src/components/Rows/SixColSixStories/README.md +37 -0
  338. package/src/components/Rows/SixColSixStories/index.js +134 -0
  339. package/src/components/Rows/SixColSixStories/six-col-six-stories.m.css +75 -0
  340. package/src/components/Rows/SixColSixStories/stories.js +73 -0
  341. package/src/components/Rows/StoryTemplates/ListicleStoryTemplates/README.md +19 -0
  342. package/src/components/Rows/StoryTemplates/ListicleStoryTemplates/__snapshots__/listicle-story.test.js.snap +837 -0
  343. package/src/components/Rows/StoryTemplates/ListicleStoryTemplates/index.js +287 -0
  344. package/src/components/Rows/StoryTemplates/ListicleStoryTemplates/listicle-story.m.css +229 -0
  345. package/src/components/Rows/StoryTemplates/ListicleStoryTemplates/listicle-story.test.js +47 -0
  346. package/src/components/Rows/StoryTemplates/ListicleStoryTemplates/stories.js +117 -0
  347. package/src/components/Rows/StoryTemplates/LiveBlogStoryTemplates/README.md +25 -0
  348. package/src/components/Rows/StoryTemplates/LiveBlogStoryTemplates/index.js +51 -0
  349. package/src/components/Rows/StoryTemplates/LiveBlogStoryTemplates/live-blog.m.css +326 -0
  350. package/src/components/Rows/StoryTemplates/LiveBlogStoryTemplates/stories.js +120 -0
  351. package/src/components/Rows/StoryTemplates/LiveBlogStoryTemplates/templates.js +376 -0
  352. package/src/components/Rows/StoryTemplates/PhotoStoryTemplates/index.js +246 -0
  353. package/src/components/Rows/StoryTemplates/PhotoStoryTemplates/photo-story.test.js +144 -0
  354. package/src/components/Rows/StoryTemplates/PhotoStoryTemplates/photo.m.css +175 -0
  355. package/src/components/Rows/StoryTemplates/PhotoStoryTemplates/stories.js +123 -0
  356. package/src/components/Rows/StoryTemplates/TextStoryTemplates/README.md +49 -0
  357. package/src/components/Rows/StoryTemplates/TextStoryTemplates/index.js +69 -0
  358. package/src/components/Rows/StoryTemplates/TextStoryTemplates/stories.js +125 -0
  359. package/src/components/Rows/StoryTemplates/TextStoryTemplates/templates.js +272 -0
  360. package/src/components/Rows/StoryTemplates/TextStoryTemplates/text-story.m.css +449 -0
  361. package/src/components/Rows/StoryTemplates/TextStoryTemplates/text-story.test.js +222 -0
  362. package/src/components/Rows/StoryTemplates/VideoStoryTemplates/README.md +31 -0
  363. package/src/components/Rows/StoryTemplates/VideoStoryTemplates/index.js +234 -0
  364. package/src/components/Rows/StoryTemplates/VideoStoryTemplates/stories.js +204 -0
  365. package/src/components/Rows/StoryTemplates/VideoStoryTemplates/video-story.m.css +195 -0
  366. package/src/components/Rows/TagIntroductionCard/README.md +11 -0
  367. package/src/components/Rows/TagIntroductionCard/index.js +26 -0
  368. package/src/components/Rows/TagIntroductionCard/stories.js +21 -0
  369. package/src/components/Rows/TagIntroductionCard/tag-intro-card.module.css +30 -0
  370. package/src/components/Rows/ThreeColFlexStories/README.md +38 -0
  371. package/src/components/Rows/ThreeColFlexStories/index.js +180 -0
  372. package/src/components/Rows/ThreeColFlexStories/stories.js +73 -0
  373. package/src/components/Rows/ThreeColFlexStories/three-col-flex-stories.m.css +60 -0
  374. package/src/components/Rows/ThreeColFourteenStory/README.md +28 -0
  375. package/src/components/Rows/ThreeColFourteenStory/index.js +135 -0
  376. package/src/components/Rows/ThreeColFourteenStory/stories.js +60 -0
  377. package/src/components/Rows/ThreeColFourteenStory/three-col-fourteen-story.m.css +51 -0
  378. package/src/components/Rows/ThreeColGrid/README.md +36 -0
  379. package/src/components/Rows/ThreeColGrid/index.js +141 -0
  380. package/src/components/Rows/ThreeColGrid/stories.js +70 -0
  381. package/src/components/Rows/ThreeColGrid/three-col.m.css +43 -0
  382. package/src/components/Rows/ThreeColSevenStory/README.md +36 -0
  383. package/src/components/Rows/ThreeColSevenStory/index.js +172 -0
  384. package/src/components/Rows/ThreeColSevenStory/stories.js +71 -0
  385. package/src/components/Rows/ThreeColSevenStory/three-col-seven-story.m.css +44 -0
  386. package/src/components/Rows/ThreeColSixStories/README.md +40 -0
  387. package/src/components/Rows/ThreeColSixStories/index.js +161 -0
  388. package/src/components/Rows/ThreeColSixStories/stories.js +73 -0
  389. package/src/components/Rows/ThreeColSixStories/three-col-six-stories.m.css +32 -0
  390. package/src/components/Rows/ThreeColTwelveStories/README.md +41 -0
  391. package/src/components/Rows/ThreeColTwelveStories/index.js +123 -0
  392. package/src/components/Rows/ThreeColTwelveStories/stories.js +51 -0
  393. package/src/components/Rows/ThreeColTwelveStories/three-col-twelve-stories.m.css +83 -0
  394. package/src/components/Rows/TwoColFourStory/README.md +33 -0
  395. package/src/components/Rows/TwoColFourStory/index.js +151 -0
  396. package/src/components/Rows/TwoColFourStory/stories.js +68 -0
  397. package/src/components/Rows/TwoColFourStory/two-col-four-story.m.css +56 -0
  398. package/src/components/Rows/TwoColFourStoryHighlight/README.md +35 -0
  399. package/src/components/Rows/TwoColFourStoryHighlight/index.js +122 -0
  400. package/src/components/Rows/TwoColFourStoryHighlight/stories.js +48 -0
  401. package/src/components/Rows/TwoColFourStoryHighlight/two-col-four-story-highlight.m.css +116 -0
  402. package/src/components/Rows/TwoColSixStories/README.md +36 -0
  403. package/src/components/Rows/TwoColSixStories/index.js +117 -0
  404. package/src/components/Rows/TwoColSixStories/stories.js +67 -0
  405. package/src/components/Rows/TwoColSixStories/two-col-six-stories.m.css +79 -0
  406. package/src/components/Rows/TwoColTenStoriesSidebar/README.md +34 -0
  407. package/src/components/Rows/TwoColTenStoriesSidebar/index.js +168 -0
  408. package/src/components/Rows/TwoColTenStoriesSidebar/stories.js +45 -0
  409. package/src/components/Rows/TwoColTenStoriesSidebar/two-col-ten-stories-sidebar.m.css +52 -0
  410. package/src/components/Rows/TwoColThreeStory/README.md +36 -0
  411. package/src/components/Rows/TwoColThreeStory/index.js +137 -0
  412. package/src/components/Rows/TwoColThreeStory/stories.js +68 -0
  413. package/src/components/Rows/TwoColThreeStory/two-col-three-story.m.css +36 -0
  414. package/src/components/SharedContext.js +13 -0
  415. package/src/components/Svgs/Loading/loading.js +133 -0
  416. package/src/components/Svgs/Loading/loading.m.css +5 -0
  417. package/src/components/Svgs/SocialIcons/facebook.js +15 -0
  418. package/src/components/Svgs/SocialIcons/instagram.js +24 -0
  419. package/src/components/Svgs/SocialIcons/linkedin.js +15 -0
  420. package/src/components/Svgs/SocialIcons/pinterest.js +12 -0
  421. package/src/components/Svgs/SocialIcons/twitter.js +15 -0
  422. package/src/components/Svgs/SocialIcons/whatsapp.js +17 -0
  423. package/src/components/Svgs/SocialIcons/youtube.js +17 -0
  424. package/src/components/Svgs/caret-right.svg +3 -0
  425. package/src/components/Svgs/clock-icon.js +17 -0
  426. package/src/components/Svgs/close-icon.js +15 -0
  427. package/src/components/Svgs/crown.js +31 -0
  428. package/src/components/Svgs/fallbackImage.js +42 -0
  429. package/src/components/Svgs/key.js +33 -0
  430. package/src/components/Svgs/left-arrow.js +17 -0
  431. package/src/components/Svgs/liveicon.js +13 -0
  432. package/src/components/Svgs/lock.js +31 -0
  433. package/src/components/Svgs/right-arrow.js +17 -0
  434. package/src/components/Svgs/share-icon.js +17 -0
  435. package/src/components/Svgs/star.js +28 -0
  436. package/src/components/Svgs/user-fallback-icon.js +19 -0
  437. package/src/components/Typography/README.md +7 -0
  438. package/src/components/Typography/index.js +47 -0
  439. package/src/components/Typography/stories.js +10 -0
  440. package/src/components/Typography/style.m.css +11 -0
  441. package/src/entry-points.js +337 -0
  442. package/src/guide/stories.js +18 -0
  443. package/src/hydration-component/index.js +37 -0
  444. package/src/hydration-component/useNearScreen.js +56 -0
  445. package/src/index.js +85 -0
  446. package/src/utils/testing-utils.js +8 -0
  447. package/src/utils/utils.js +280 -0
  448. package/src/utils/utils.test.js +55 -0
  449. package/storybook/index.js +83 -0
  450. package/AlsoRead/styles.arrow.css +0 -1
  451. package/AsideCollection/styles.arrow.css +0 -1
  452. package/Attachment/styles.arrow.css +0 -1
  453. package/Author/styles.arrow.css +0 -1
  454. package/AuthorIntroductionCard/styles.arrow.css +0 -1
  455. package/AuthorPageIntroductionCard/styles.arrow.css +0 -1
  456. package/AuthorWithTime/styles.arrow.css +0 -1
  457. package/AuthorsList/styles.arrow.css +0 -1
  458. package/BigFact/styles.arrow.css +0 -1
  459. package/BlockQuote/styles.arrow.css +0 -1
  460. package/Blurb/styles.arrow.css +0 -1
  461. package/CollectionFilter/styles.arrow.css +0 -1
  462. package/CollectionName/styles.arrow.css +0 -1
  463. package/ElevenStories/styles.arrow.css +0 -1
  464. package/FourColGrid/styles.arrow.css +0 -1
  465. package/FourColTwelveStories/styles.arrow.css +0 -1
  466. package/FourStorySlider/styles.arrow.css +0 -1
  467. package/FullScreenSlider/styles.arrow.css +0 -1
  468. package/HalfScreenSlider/styles.arrow.css +0 -1
  469. package/Headline/styles.arrow.css +0 -1
  470. package/HeroImage/styles.arrow.css +0 -1
  471. package/Image/styles.arrow.css +0 -1
  472. package/ImageGallery/styles.arrow.css +0 -1
  473. package/ImageSlideshow/styles.arrow.css +0 -1
  474. package/ListComponent/styles.arrow.css +0 -1
  475. package/ListicleStoryTemplate/styles.arrow.css +0 -1
  476. package/LiveBlogStoryTemplate/styles.arrow.css +0 -1
  477. package/LoadmoreButton/styles.arrow.css +0 -1
  478. package/MagazineEditions/styles.arrow.css +0 -1
  479. package/MagazineHeaderCard/styles.arrow.css +0 -1
  480. package/MagazineWidget/styles.arrow.css +0 -1
  481. package/OneColStoryList/styles.arrow.css +0 -1
  482. package/PhotoStoryTemplate/styles.arrow.css +0 -1
  483. package/QuestionAnswer/styles.arrow.css +0 -1
  484. package/Quote/styles.arrow.css +0 -1
  485. package/Reference/styles.arrow.css +0 -1
  486. package/SectionTag/styles.arrow.css +0 -1
  487. package/StoryCard/styles.arrow.css +0 -1
  488. package/StoryElementCard/styles.arrow.css +0 -1
  489. package/StorycardContent/styles.arrow.css +0 -1
  490. package/Subheadline/styles.arrow.css +0 -1
  491. package/Summary/styles.arrow.css +0 -1
  492. package/TagIntroductionCard/styles.arrow.css +0 -1
  493. package/Text/styles.arrow.css +0 -1
  494. package/TextStoryTemplate/styles.arrow.css +0 -1
  495. package/ThreeColFourteenStories/styles.arrow.css +0 -1
  496. package/ThreeColGrid/styles.arrow.css +0 -1
  497. package/ThreeColSevenStory/styles.arrow.css +0 -1
  498. package/ThreeColSixStories/styles.arrow.css +0 -1
  499. package/TimeStamp/styles.arrow.css +0 -1
  500. package/TwoColFourStories/styles.arrow.css +0 -1
  501. package/TwoColThreeStories/styles.arrow.css +0 -1
  502. package/Video/styles.arrow.css +0 -1
  503. package/VideoStoryTemplate/styles.arrow.css +0 -1
  504. package/cjs/index.js +0 -1
  505. package/esm/index.js +0 -1
@@ -0,0 +1,280 @@
1
+ import get from "lodash/get";
2
+ import PropTypes from "prop-types";
3
+ import upperCase from "lodash/upperCase";
4
+ import Timeago from "react-timeago";
5
+ import React from "react";
6
+ import lowerCase from "lodash/lowerCase";
7
+
8
+ const canUseDOM = !!(typeof window !== "undefined" && window.document && window.document.createElement);
9
+
10
+ export const sharePageUrl = canUseDOM && window.location.href;
11
+
12
+ export function truncate(string = "", limit = 60, ellipsis = true) {
13
+ const putEllipsis = ellipsis ? " ..." : "";
14
+ return typeof string === "string" && string.length > limit ? string.substring(0, limit) + putEllipsis : string;
15
+ }
16
+
17
+ export const timestampToFormat = (value, unit, suffix, timestamp, config = {}) => {
18
+ const { showTime = false, isTimeFirst = false, isUpperCase = false, disableMeridiem = false } = config;
19
+ const monthList = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
20
+ const dateTime = new Date(timestamp);
21
+ const date = dateTime
22
+ .getDate()
23
+ .toString()
24
+ .padStart(2, 0);
25
+
26
+ const month = monthList[dateTime.getMonth()];
27
+ let localizedMonth = month;
28
+ if (isUpperCase) {
29
+ localizedMonth = upperCase(month);
30
+ }
31
+
32
+ const year = dateTime.getFullYear();
33
+ const { localizedMeridiem, localizedMonths, direction = "ltr" } = config;
34
+ const time = formatAMPM(timestamp);
35
+ let timeWithLocalizedMeridiem = time;
36
+ let timetoShow;
37
+
38
+ if (localizedMonths) {
39
+ localizedMonth = get(localizedMonths, [lowerCase(month)]) || month;
40
+ }
41
+
42
+ if (localizedMeridiem) {
43
+ const isAm = time.includes("am");
44
+ const { am = "am", pm = "pm" } = localizedMeridiem;
45
+ timeWithLocalizedMeridiem = (isAm ? time.replace("am", am) : time.replace("pm", pm)) || time;
46
+ }
47
+
48
+ if (direction === "rtl") {
49
+ timetoShow = showTime ? `${timeWithLocalizedMeridiem}` : "";
50
+ return `${date} ${localizedMonth}, ${year} ${timetoShow} `;
51
+ } else {
52
+ if (disableMeridiem) {
53
+ return `${localizedMonth} ${date}, ${year}`;
54
+ } else if (isTimeFirst) {
55
+ return `${timeWithLocalizedMeridiem}, ${date} ${localizedMonth} ${year}`;
56
+ } else {
57
+ timetoShow = showTime ? `, ${timeWithLocalizedMeridiem}` : "";
58
+ return `${date} ${localizedMonth}, ${year}${timetoShow}`;
59
+ }
60
+ }
61
+ };
62
+
63
+ export function formatter(value, unit, suffix, date, config) {
64
+ const showDateForUnits = ["day", "week", "month", "year"];
65
+ // suffix here refers to ago
66
+ // unit here refers to seconds, minute, minutes,...
67
+ const localizedSuffix = get(config, ["localizedPublishTime", suffix]) || suffix;
68
+ let localizedUnitOfTime;
69
+
70
+ if ((unit === "hour" && value > 23) || showDateForUnits.indexOf(unit) !== -1) {
71
+ return timestampToFormat(value, unit, suffix, date, config);
72
+ } else if (value > 1) {
73
+ localizedUnitOfTime = get(config, ["localizedPublishTime", `${unit}s`]) || `${unit}s`;
74
+ return `${value} ${localizedUnitOfTime} ${localizedSuffix}`;
75
+ }
76
+ localizedUnitOfTime = get(config, ["localizedPublishTime", unit]) || unit;
77
+ return `${value} ${localizedUnitOfTime} ${localizedSuffix} `;
78
+ }
79
+
80
+ function formatAMPM(timestamp) {
81
+ const dateTime = new Date(timestamp);
82
+ let hours = dateTime.getHours();
83
+ let minutes = dateTime.getMinutes();
84
+ const ampm = hours >= 12 ? "pm" : "am";
85
+ hours = hours % 12;
86
+ hours = hours || 12;
87
+ minutes = minutes < 10 ? "0" + minutes : minutes;
88
+ const strTime = hours + ":" + minutes + " " + ampm;
89
+ return strTime;
90
+ }
91
+
92
+ export const hexToRGB = (hex) => {
93
+ const r = parseInt(hex.slice(1, 3), 16);
94
+ const g = parseInt(hex.slice(3, 5), 16);
95
+ const b = parseInt(hex.slice(5, 7), 16);
96
+ return { r, g, b };
97
+ };
98
+
99
+ export const getLuminanceOfColor = (hex) => {
100
+ const { r, g, b } = hexToRGB(hex);
101
+ return r * 0.299 + g * 0.587 + b * 0.114;
102
+ };
103
+
104
+ export const rgbToHex = (color = "rgba(255, 255, 255, 0)") => {
105
+ let rgba = color.match(/^rgba?[\s+]?\([\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?/i);
106
+ return rgba && rgba.length === 4
107
+ ? "#" +
108
+ ("0" + parseInt(rgba[1], 10).toString(16)).slice(-2) +
109
+ ("0" + parseInt(rgba[2], 10).toString(16)).slice(-2) +
110
+ ("0" + parseInt(rgba[3], 10).toString(16)).slice(-2)
111
+ : color;
112
+ };
113
+
114
+ const clientWidths = {
115
+ mobile: 767,
116
+ tablet: 1024
117
+ };
118
+
119
+ export const clientWidth = (device) => {
120
+ const foundDeviceWidth = get(clientWidths, device);
121
+ if (foundDeviceWidth) {
122
+ return get(global, "document.documentElement.clientWidth") <= foundDeviceWidth;
123
+ }
124
+ return false;
125
+ };
126
+
127
+ export const getTextColor = (theme = "rgb(255,255,255)") => {
128
+ const isRegexCheck = /^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/.test(theme);
129
+ const getHexValue = !isRegexCheck ? rgbToHex(theme) : theme;
130
+ const textColor = getLuminanceOfColor(getHexValue) < 155 ? "light" : "dark";
131
+ return textColor;
132
+ };
133
+
134
+ export function getNumberOfStoriesToShow(numberOfStoriesToShow) {
135
+ return numberOfStoriesToShow ? parseInt(numberOfStoriesToShow) : 1;
136
+ }
137
+
138
+ export const getSlot = (type, component, storyCallback, collectionCallback) => {
139
+ switch (type) {
140
+ case "story":
141
+ return storyCallback();
142
+ case "collection":
143
+ return collectionCallback();
144
+ default:
145
+ return component ? component() : null;
146
+ }
147
+ };
148
+
149
+ export const getSlug = (collection, config = {}) => {
150
+ const { magazineSlug = "", isArchivePage = false } = config;
151
+ if (isArchivePage) {
152
+ return `/magazine/archive/${magazineSlug}`;
153
+ }
154
+ if (magazineSlug) {
155
+ return `/magazine/${magazineSlug}/${collection.slug}`;
156
+ }
157
+ const isSection = collection.template === "section";
158
+ if (isSection) {
159
+ const sectionId = get(collection, ["metadata", "section", "0", "id"], "");
160
+ const { sections } = config;
161
+ const section = sections && sections.find((section) => section.id === sectionId);
162
+ return section ? section["section-url"] : "/";
163
+ }
164
+ return `/collection/${collection.slug}`;
165
+ };
166
+
167
+ export function isExternalStory(story = {}) {
168
+ const { "story-template": storyTemplate = "", metadata = {} } = story;
169
+ return storyTemplate === "news-elsewhere" ? get(metadata, ["reference-url"], "") : "";
170
+ }
171
+
172
+ // Adds target='_blank' attribute to anchor tags if not present
173
+ export const updateContentLinks = (content) => {
174
+ let updatedContent = content;
175
+ const anchorTagsList = content.match(/(<a).*?(>)/g);
176
+ anchorTagsList &&
177
+ anchorTagsList.forEach((anchorTag) => {
178
+ const isTargetPresent = /target=/g.test(anchorTag);
179
+ if (!isTargetPresent) {
180
+ updatedContent = updatedContent.replace(
181
+ anchorTag,
182
+ `<a aria-label='content' target='_blank'${anchorTag.substring(2)}`
183
+ );
184
+ }
185
+ });
186
+ return updatedContent;
187
+ };
188
+
189
+ export const isEmpty = (value) => {
190
+ return (
191
+ value == null || // From standard.js: Always use === - but value == null is allowed to check null || undefined
192
+ (typeof value === "object" && Object.entries(value).length === 0 && value.constructor === Object) ||
193
+ (typeof value === "string" && value.trim().length === 0)
194
+ );
195
+ };
196
+
197
+ export const shapeConfig = PropTypes.shape({
198
+ "sketches-host": PropTypes.string,
199
+ "cdn-name": PropTypes.string,
200
+ "cdn-image": PropTypes.string
201
+ });
202
+
203
+ export const shapeStory = PropTypes.shape({
204
+ headline: PropTypes.string,
205
+ "last-published-at": PropTypes.number,
206
+ subheadline: PropTypes.string
207
+ });
208
+
209
+ export const getStoryUrl = (story, defaultValue = "") => {
210
+ return get(story, ["story-template"]) === "news-elsewhere"
211
+ ? get(story, ["metadata", "reference-url"], "")
212
+ : story.url || defaultValue;
213
+ };
214
+
215
+ export const detectComponent = (component, adComponent, widgetComp) => {
216
+ const { type } = component;
217
+ switch (type) {
218
+ case "ad":
219
+ return adComponent(component);
220
+ case "widget":
221
+ return widgetComp(component);
222
+ default:
223
+ return null;
224
+ }
225
+ };
226
+
227
+ export const facebookMobileVideoResizeFix = () => {
228
+ if (typeof window !== "undefined" && window.matchMedia && window.matchMedia("(max-width: 767px)").matches) {
229
+ const applyFixAfterTime = 3000;
230
+ const aspectRatioAdjustmentFactor = 0.7;
231
+ setTimeout(() => {
232
+ document
233
+ .querySelectorAll(".story-element-jsembed.story-element-jsembed-facebook-post span")
234
+ .forEach((element) => {
235
+ if (!element.classList.contains("fixed-mobile-fb-video")) {
236
+ element.style.height = `${Math.ceil(element.offsetHeight * aspectRatioAdjustmentFactor)}px`;
237
+ element.classList.add("fixed-mobile-fb-video");
238
+ }
239
+ });
240
+ }, applyFixAfterTime);
241
+ }
242
+ };
243
+
244
+ export const navigateTo = (dispatch, url = "") => {
245
+ global.app.navigateToPage(dispatch, url);
246
+ };
247
+
248
+ export const generateNavigateSlug = (collection = {}, config = {}, customUrlPath) => {
249
+ if (customUrlPath) {
250
+ return customUrlPath;
251
+ }
252
+ const { magazineSlug = "", isArchivePage = false } = config;
253
+ if (isArchivePage) {
254
+ return `/magazine/archive/${magazineSlug}`;
255
+ }
256
+ if (magazineSlug) {
257
+ return `/magazine/${magazineSlug}/${collection.slug}`;
258
+ }
259
+ if (collection) {
260
+ return getSlug(collection, config);
261
+ }
262
+ return "/";
263
+ };
264
+
265
+ export const getCollectionData = async (collectionSlug, mountAtPrefix = "") => {
266
+ try {
267
+ const result = await (await fetch(
268
+ `${mountAtPrefix}/api/v1/collections/${collectionSlug}?item-type=story&limit=6`
269
+ )).json();
270
+ return result;
271
+ } catch (err) {
272
+ console.error(err);
273
+ }
274
+ };
275
+
276
+ export const getTimeStamp = (date, formatter, config = {}) => {
277
+ return (
278
+ <Timeago date={date} formatter={(value, unit, suffix, date) => formatter(value, unit, suffix, date, config)} />
279
+ );
280
+ };
@@ -0,0 +1,55 @@
1
+ import { updateContentLinks, isEmpty, sharePageUrl } from "./utils";
2
+
3
+ describe("updateContentLinks", () => {
4
+ it("should add target='_blank' to anchor tags if target attribute not present", () => {
5
+ const content =
6
+ "<p>Coronavirus in India News Live Updates: <a target='_parent'>India</a> has recorded the <a href='#'>highest</a> single-day spike in fresh cases of novel <a>coronavirus</a> with the number crossing 1,300.";
7
+ const updatedContent = updateContentLinks(content);
8
+ expect(updatedContent).toBe(
9
+ "<p>Coronavirus in India News Live Updates: <a target='_parent'>India</a> has recorded the <a aria-label='content' target='_blank' href='#'>highest</a> single-day spike in fresh cases of novel <a aria-label='content' target='_blank'>coronavirus</a> with the number crossing 1,300."
10
+ );
11
+ });
12
+ });
13
+
14
+ describe("isEmpty", () => {
15
+ it("should return true if the value is null/ undefined", () => {
16
+ const value = null;
17
+ const result = isEmpty(value);
18
+ expect(result).toBe(true);
19
+ });
20
+
21
+ it("should return true if the value is an empty string", () => {
22
+ const value = "";
23
+ const result = isEmpty(value);
24
+ expect(result).toBe(true);
25
+ });
26
+
27
+ it("should return true if the value is an empty object", () => {
28
+ const value = {};
29
+ const result = isEmpty(value);
30
+ expect(result).toBe(true);
31
+ });
32
+
33
+ it("should return false if the value is not null/ undefined", () => {
34
+ const value = 6;
35
+ const result = isEmpty(value);
36
+ expect(result).toBe(false);
37
+ });
38
+
39
+ it("should return false if the value is not an empty string", () => {
40
+ const value = "value";
41
+ const result = isEmpty(value);
42
+ expect(result).toBe(false);
43
+ });
44
+
45
+ it("should return false if the value is not an empty object", () => {
46
+ const value = { data: "read" };
47
+ const result = isEmpty(value);
48
+ expect(result).toBe(false);
49
+ });
50
+
51
+ it("should return window if the page url is defined", () => {
52
+ const result = sharePageUrl;
53
+ expect(result).toBe(window.location["href"]);
54
+ });
55
+ });
@@ -0,0 +1,83 @@
1
+ import React from "react";
2
+ import { Provider } from "react-redux";
3
+ import * as storybook from "@storybook/react";
4
+ import { withKnobs, select } from "@storybook/addon-knobs";
5
+ import { action } from "@storybook/addon-actions";
6
+ import { addReadme } from "storybook-readme";
7
+
8
+ import "../assets/stylesheets/reset.scss";
9
+ import "../assets/stylesheets/app.scss";
10
+
11
+ export function optionalSelect() {
12
+ return select.apply(null, arguments) || undefined;
13
+ }
14
+
15
+ const storiesOf = (componentName) => {
16
+ return storybook
17
+ .storiesOf(componentName, module)
18
+ .addParameters({
19
+ options: {
20
+ theme: {
21
+ base: "light",
22
+ brandTitle: "Quintype",
23
+ brandUrl: "https://quintype.com",
24
+ brandImage:
25
+ // eslint-disable-next-line max-len
26
+ "https://images.assettype.com/quintype-website/2018-10/013e8cbe-92b4-435f-bbbb-3e101efbc99a/quintype_logo.png"
27
+ }
28
+ }
29
+ })
30
+ .addDecorator(addReadme)
31
+ .addDecorator(withKnobs)
32
+ .addDecorator((story) => (
33
+ <React.Fragment>
34
+ <style>
35
+ {
36
+ // eslint-disable-next-line max-len
37
+ "@font-face{font-family:'PT Serif';font-style:normal;font-weight:400;font-display:swap;src:local('PT Serif'),local('PTSerif-Regular'),url(https://fonts.gstatic.com/s/ptserif/v10/EJRVQgYoZZY2vCFuvAFWzrk.woff) format('woff')}@font-face{font-family:'PT Serif';font-style:normal;font-weight:700;font-display:swap;src:local('PT Serif Bold'),local('PTSerif-Bold'),url(https://fonts.gstatic.com/s/ptserif/v10/EJRSQgYoZZY2vCFuvAnt66qSVy0.woff) format('woff')}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:local('Roboto'),local('Roboto-Regular'),url(https://fonts.gstatic.com/s/roboto/v19/KFOmCnqEu92Fr1Mu4mxM.woff) format('woff')}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:local('Roboto Bold'),local('Roboto-Bold'),url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmWUlfBBc-.woff) format('woff')}"
38
+ }
39
+ {`:root {--sansTypeface: 'Roboto', sans-serif;--serifTypeface: PT Serif, sans-serif;}`}
40
+ </style>
41
+ {story()}
42
+ </React.Fragment>
43
+ ));
44
+ };
45
+
46
+ export function withStore(componentName, state, readme) {
47
+ const store = {
48
+ getState: () => state || { qt: { config: { iconSpritePath: "/sprite.svg" } } },
49
+ subscribe: () => 0,
50
+ dispatch: action("some action")
51
+ };
52
+
53
+ return storiesOf(componentName)
54
+ .addDecorator((story) => <Provider store={store}>{story()}</Provider>)
55
+ .addParameters({
56
+ options: {
57
+ showPanel: true,
58
+ panelPosition: "right"
59
+ },
60
+ readme: {
61
+ sidebar: readme,
62
+ codeTheme: "a11y-dark"
63
+ }
64
+ });
65
+ }
66
+
67
+ export const sectionTagTemplates = {
68
+ default: "",
69
+ solid: "solid",
70
+ borderBottomSml: "borderBottomSml",
71
+ borderLeft: "borderLeft"
72
+ };
73
+
74
+ export const collectionNameTemplates = {
75
+ default: "",
76
+ borderLeft: "borderLeft",
77
+ borderBottom: "borderBottom",
78
+ crossLine: "crossLine",
79
+ borderBottomFull: "borderBottomFull"
80
+ };
81
+ export const footerButton = {
82
+ NavigateToPage: "NavigateToPage"
83
+ };
@@ -1 +0,0 @@
1
- .also-read-m_card-image__3CwAv img{position:absolute;top:0;height:100%}.also-read-m_default-text__hp2dp{font-family:var(--arrow-typeface-secondary)}.also-read-m_alsoread-imageRightAlign__1bsF3 .also-read-m_default-text__hp2dp,.also-read-m_alsoread-textLeftAlign__S0Dxe .also-read-m_default-text__hp2dp{font-size:var(--arrow-fs-xs);font-weight:var(--arrow-fw-bold);line-height:var(--arrow-lh-3)}@media (min-width:768px){.also-read-m_alsoread-imageRightAlign__1bsF3 .also-read-m_default-text__hp2dp,.also-read-m_alsoread-textLeftAlign__S0Dxe .also-read-m_default-text__hp2dp{font-size:var(--arrow-fs-s)}}.also-read-m_headline__VzF-c{line-height:var(--arrow-lh-3);font-weight:var(--arrow-fw-bold);font-family:var(--arrow-typeface-primary)}.also-read-m_alsoread-default__3cYER .also-read-m_headline__VzF-c{padding-top:var(--arrow-spacing-xs);font-size:var(--arrow-fs-s);color:var(--arrow-c-dark)}@media (min-width:768px){.also-read-m_alsoread-default__3cYER .also-read-m_headline__VzF-c{padding-top:0;font-size:var(--arrow-fs-l)}}.also-read-m_alsoread-textLeftAlign__S0Dxe .also-read-m_headline__VzF-c{margin-top:var(--arrow-spacing-xs);font-size:var(--arrow-fs-m);color:var(--arrow-c-brand1)}@media (min-width:768px){.also-read-m_alsoread-textLeftAlign__S0Dxe .also-read-m_headline__VzF-c{font-size:var(--arrow-fs-l)}}.also-read-m_alsoread-imageRightAlign__1bsF3 .also-read-m_headline__VzF-c{font-size:var(--arrow-fs-m);margin-right:var(--arrow-spacing-m);color:var(--arrow-c-dark)}@media (min-width:768px){.also-read-m_alsoread-imageRightAlign__1bsF3 .also-read-m_headline__VzF-c{font-size:var(--arrow-fs-l)}}.also-read-m_card-image-wrapper__3GFzu{position:relative}@media (min-width:768px){.also-read-m_alsoread-default__3cYER .also-read-m_card-image-wrapper__3GFzu{flex-basis:30%;margin-right:var(--arrow-spacing-m)}}.also-read-m_card-image__3CwAv{display:block;position:relative}.also-read-m_alsoread-imageRightAlign__1bsF3 .also-read-m_card-image-wrapper__3GFzu .also-read-m_image__2jdRP,.also-read-m_alsoread-imageRightAlign__1bsF3 .also-read-m_card-image__3CwAv{padding-top:75%}@media (min-width:768px){.also-read-m_alsoread-imageRightAlign__1bsF3 .also-read-m_card-image-wrapper__3GFzu .also-read-m_image__2jdRP,.also-read-m_alsoread-imageRightAlign__1bsF3 .also-read-m_card-image__3CwAv{padding-top:56.25%}}.also-read-m_alsoread-default__3cYER{border:1px solid var(--arrow-c-mono5);display:block;padding:var(--arrow-spacing-m)}@media (min-width:768px){.also-read-m_alsoread-default__3cYER{display:flex}}.also-read-m_alsoread-imageRightAlign__1bsF3 .also-read-m_content-wrapper__26AZX{display:flex;margin-top:var(--arrow-spacing-xs)}@media (min-width:768px){.also-read-m_alsoread-default__3cYER .also-read-m_content-wrapper__26AZX{flex-basis:70%}}.also-read-m_alsoread-default__3cYER .also-read-m_card-image-wrapper__3GFzu .also-read-m_image__2jdRP,.also-read-m_alsoread-default__3cYER .also-read-m_card-image__3CwAv,.also-read-m_alsoread__1crOV .also-read-m_card-image-wrapper__3GFzu .also-read-m_image__2jdRP{padding-top:56.25%}.also-read-m_card-image-wrapper__3GFzu .also-read-m_image__2jdRP div{background:var(--arrow-c-mono6)}.also-read-m_alsoread-imageRightAlign__1bsF3 .also-read-m_card-image-wrapper__3GFzu .also-read-m_card-image__3CwAv,.also-read-m_alsoread-imageRightAlign__1bsF3 .also-read-m_card-image-wrapper__3GFzu .also-read-m_image__2jdRP,.also-read-m_alsoread-imageRightAlign__1bsF3 .also-read-m_card-image-wrapper__3GFzu .also-read-m_image__2jdRP .arr--fallback-image{width:100px;height:75px}@media (min-width:768px){.also-read-m_alsoread-imageRightAlign__1bsF3 .also-read-m_card-image-wrapper__3GFzu .also-read-m_card-image__3CwAv,.also-read-m_alsoread-imageRightAlign__1bsF3 .also-read-m_card-image-wrapper__3GFzu .also-read-m_image__2jdRP,.also-read-m_alsoread-imageRightAlign__1bsF3 .also-read-m_card-image-wrapper__3GFzu .also-read-m_image__2jdRP .arr--fallback-image{width:160px;height:90px}}html[dir=rtl] .also-read-m_content-wrapper__26AZX{margin-right:var(--arrow-spacing-m)}html[dir=rtl] .also-read-m_card-image-wrapper__3GFzu{margin-right:0}.also-read-m_dark__1pUib{color:var(--arrow-c-mono1)}.also-read-m_light__bTCze{color:var(--arrow-c-invert-mono1)}.fallback-m_image-position__3KddP{position:absolute;top:0;right:0;left:0;bottom:0}.fallback-m_image__1GYCJ{background:var(--fallback-img)}.fallback-m_image__1GYCJ:after{content:"";position:absolute;top:0;right:0;left:0;bottom:0}.fallback-m_fallback-svg__tK9fL svg{-o-object-fit:cover;object-fit:cover;position:absolute;top:0;right:0;bottom:0;left:50%;transform:translateX(-50%);height:100%}
@@ -1 +0,0 @@
1
- .aside-collection-m_stories__9wfUs{margin-top:var(--arrow-spacing-m)}.aside-collection-m_story__17Jdm,.aside-collection-m_wrapper__2TJi5 .arr--collection-name{margin-bottom:var(--arrow-spacing-m)}.aside-collection-m_story__17Jdm{display:flex}.aside-collection-m_story-hero-image__13nFY{min-width:82px;max-width:82px;margin-right:var(--arrow-spacing-xs)}.aside-collection-m_story-byline__37KRG{display:flex;flex-wrap:wrap;margin-top:var(--arrow-spacing-xs)}.aside-collection-m_info__3p4zt{text-align:center}.aside-collection-m_dark__2ElwM,.aside-collection-m_light__2lEO2{color:var(--arrow-c-mono4)}.aside-collection-m_wrapper__2TJi5 h3{font-size:var(--arrow-fs-m)}.aside-collection-m_ad-slot__28nE2{padding:var(--arrow-spacing-l) 0}@media (min-width:768px){.aside-collection-m_ad-slot__28nE2{padding:var(--arrow-spacing-xl) 0}}@media (min-width:768px){.aside-collection-m_horizontal-wrapper__3-KW0 .aside-collection-m_stories__9wfUs{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--arrow-spacing-l)}}@media (min-width:768px){.aside-collection-m_horizontal-wrapper__3-KW0 .arr--story-card{flex-direction:column}}@media (min-width:768px){.aside-collection-m_horizontal-wrapper__3-KW0 .aside-collection-m_story-hero-image__13nFY{min-width:100%;margin-bottom:8px;margin-right:var(--arrow-spacing-xs)}}@media (min-width:768px){.aside-collection-m_horizontal-wrapper__3-KW0 .aside-collection-m_story-byline__37KRG{margin-top:0}}@media (min-width:768px){.aside-collection-m_horizontal-wrapper__3-KW0 .aside-collection-m_story__17Jdm{display:block}}html[dir=rtl] .aside-collection-m_story-hero-image__13nFY{margin-right:0;margin-left:var(--arrow-spacing-xs)}@media (min-width:768px){.aside-collection-m_wrapper__2TJi5{height:100%}}@media (min-width:768px){.aside-collection-m_sticky__AZXBP>:last-child{position:-webkit-sticky;position:sticky;top:125px;margin-bottom:64px}}.author-with-timestamp-m_author-time-wrapper__G7_eI{display:flex;flex-wrap:wrap;align-items:center;color:var(--arrow-c-mono2)}.author-with-timestamp-m_author-image__24xrD{border-radius:100%;width:var(--arrow-spacing-l);height:var(--arrow-spacing-l);margin-right:var(--arrow-spacing-xs)}.author-with-timestamp-m_dot__1LHXD{position:relative;margin-right:var(--arrow-spacing-xs);top:-6px}.author-with-timestamp-m_bottom-fix__1rWGv{margin-top:auto}.author-with-timestamp-m_dash__2L5XC{position:relative;margin-right:var(--arrow-spacing-xs);top:-1px}@media (min-width:768px){.author-with-timestamp-m_dash__2L5XC{top:-3px}}html[dir=rtl] .author-with-timestamp-m_dot__1LHXD{margin-left:var(--arrow-spacing-xs)}html[dir=rtl] .author-with-timestamp-m_dash__2L5XC{padding-left:var(--arrow-spacing-xs)}.collection-name-m_collection__JD6sx{font-size:var(--arrow-fs-m);margin-bottom:var(--arrow-spacing-m);font-weight:var(--arrow-fw-bold)}@media (min-width:768px){.collection-name-m_collection__JD6sx{font-size:var(--arrow-fs-l);margin-bottom:var(--arrow-spacing-l)}}.collection-name-m_collection-borderLeft__3Dznk{display:flex;align-items:baseline}.collection-name-m_collection-borderLeft__3Dznk .collection-name-m_border-left__3_pYw{margin-right:var(--arrow-spacing-xs);min-width:5px;width:5px;overflow:hidden}.collection-name-m_collection-borderLeft__3Dznk .collection-name-m_border-left__3_pYw:before{content:"I";font-family:var(--arrow-sans-serif)}.collection-name-m_collection-borderBottomFull__Dkq3K{display:inline-block}.collection-name-m_collection-borderBottom__2rdQM{display:block}.collection-name-m_collection-crossLine__1sIpN{display:flex;align-items:center}.collection-name-m_collection-crossLine__1sIpN:before{content:" ";position:relative;flex:1 1 auto;border-top:1px solid var(--arrow-c-mono5);margin-right:var(--arrow-spacing-l)}.collection-name-m_collection-crossLine__1sIpN:after{content:" ";position:relative;flex:1 1 auto;border-top:1px solid var(--arrow-c-mono5);margin-left:var(--arrow-spacing-l)}html[dir=rtl] .collection-name-m_collection-borderLeft__3Dznk .collection-name-m_border-left__3_pYw{margin-right:0;margin-left:var(--arrow-spacing-xs)}html[dir=rtl] .collection-name-m_collection-crossLine__1sIpN:before{margin-right:0;margin-left:var(--arrow-spacing-l)}html[dir=rtl] .collection-name-m_collection-crossLine__1sIpN:after{margin-left:0;margin-right:var(--arrow-spacing-l)}.collection-name-m_border-bottom__1MnlV{width:20px;height:4px;margin-top:var(--arrow-spacing-xxs)}.collection-name-m_collection-crossLine__1sIpN .collection-name-m_border-bottom__1MnlV{visibility:hidden}.collection-name-m_dark__nMe5H a,.collection-name-m_dark__nMe5H h3,.collection-name-m_dark__nMe5H h5{color:var(--arrow-c-mono2)}.collection-name-m_light__1vFDN a,.collection-name-m_light__1vFDN h3,.collection-name-m_light__1vFDN h5{color:var(--arrow-c-invert-mono2)}.headline-m_wrapper__3nUmh{margin-bottom:6px}.headline-m_headline__3_NhV{margin-bottom:var(--arrow-spacing-xxs);color:var(--arrow-c-mono2);font-weight:var(--arrow-fw-semi-bold)}@media (min-width:768px){.headline-m_headline__3_NhV{margin-bottom:var(--arrow-spacing-xs)}}.headline-m_wrapper__3nUmh .headline-m_headline__3_NhV{display:inline;margin-bottom:var(--arrow-spacing-xs)}.headline-m_dark__en3hW{color:var(--arrow-c-mono2)}.headline-m_light__3lKJB{color:var(--arrow-c-invert-mono2)}.storycard-m_author-timestamp-wrapper__20yjp{display:flex;align-items:center}.storycard-m_default-card__1-POn{display:flex;flex-direction:column}.storycard-m_horizontal-card___7afz{display:flex;flex-direction:row}@media (min-width:768px){.storycard-m_backgroung-img__1FMJT>a>figure:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,rgba(0,0,0,.7),transparent 50%,transparent)}}@media (min-width:768px){.storycard-m_backgroung-img__1FMJT>div:nth-child(2){padding:var(--arrow-spacing-m) var(--arrow-spacing-m) 48px;position:absolute;bottom:0;left:15%;right:15%}}.storycard-m_backgroung-img__1FMJT img{position:absolute;bottom:0}@media (min-width:768px){.storycard-m_content-overlap__1yNHR>div:nth-child(2){margin:0 var(--arrow-spacing-m);width:calc(100% - 32px);background-color:var(--arrow-c-light);padding:var(--arrow-spacing-m);position:absolute;bottom:0}}@media (min-width:768px){.storycard-m_content-overlap__1yNHR img{position:absolute;bottom:0}}.storycard-m_horizontal-card___7afz>div:first-child{flex-basis:30%}.storycard-m_horizontal-card___7afz>div:nth-child(2){flex-basis:70%}.storycard-m_border-full__1nhy7.storycard-m_light__3EhXN{border:1px solid var(--light-border)}.storycard-m_border-full__1nhy7.storycard-m_dark__2wCTq{border:1px solid var(--dark-border)}.storycard-m_border-bottom__2_E-I.storycard-m_light__3EhXN{border-bottom:1px solid var(--light-border);padding-bottom:var(--arrow-spacing-m)}.storycard-m_border-bottom__2_E-I.storycard-m_dark__2wCTq{border-bottom:1px solid var(--dark-border);padding-bottom:var(--arrow-spacing-m)}.storycard-m_border-boxShadow__2-k3Z{box-shadow:0 2px 10px 0 rgba(0,0,0,.1)}.storycard-m_center-align__1Sn8-{display:flex;flex-direction:column;align-items:left}@media (min-width:768px){.storycard-m_center-align__1Sn8-{align-items:center;text-align:center}}.storycard-m_content-boxShadow__2IAWZ,.storycard-m_content-full__2zJmU{padding:var(--arrow-spacing-xs) var(--arrow-spacing-m)}.storycard-m_backgroung-img__1FMJT,.storycard-m_content-overlap__1yNHR{position:relative}.storycard-m_hero-image__1H3MB{margin-bottom:var(--arrow-spacing-xs);padding-right:0}.storycard-m_right-padding__12-lQ{padding-bottom:0;padding-right:var(--arrow-spacing-xs)}.storycard-m_horizontal-mob__17JG2{display:flex;flex-direction:row}@media (min-width:768px){.storycard-m_horizontal-mob__17JG2{flex-direction:column}}.storycard-m_horizontal-mob__17JG2 .storycard-m_hero-image__1H3MB{flex-basis:30%}@media (min-width:768px){.storycard-m_horizontal-mob__17JG2 .storycard-m_hero-image__1H3MB{flex-basis:100%}}.storycard-m_horizontal-mob__17JG2 .storycard-m_content__1Q9vq{flex-basis:70%}@media (min-width:768px){.storycard-m_horizontal-mob__17JG2 .storycard-m_content__1Q9vq{flex-basis:100%}}.storycard-m_border-default__PEZ1x{border:none;height:100%}.storycard-m_card__KJwRa{height:100%}.key-events-m_container__1slhR{border-bottom:1px solid var(--arrow-c-mono5)}.key-events-m_event-title__u9bt3>h3{font-size:var(--arrow-fs-xs)}.key-events-m_container__1slhR.arrow-component>h3{font-size:var(--arrow-fs-m);padding:var(--arrow-spacing-xs)}.key-events-m_cards-wrapper__3f8aB{margin-top:var(--arrow-spacing-s)}.key-events-m_time-wrapper__2poXn{display:flex;align-items:center;font-size:var(--arrow-fs-tiny)}.key-events-m_time-wrapper__2poXn svg{margin-right:var(--arrow-spacing-xxs)}.key-events-m_event-title__u9bt3{position:relative;padding:0 14px 28px;margin-left:var(--arrow-spacing-s)}.key-events-m_event-title__u9bt3.key-events-m_dark__hrnAr{border-left:1px solid var(--arrow-c-mono5)}.key-events-m_event-title__u9bt3.key-events-m_light__2gE0a{border-left:1px solid var(--arrow-c-invert-mono5)}.key-events-m_dark__hrnAr{color:var(--arrow-c-mono2)}.key-events-m_light__2gE0a{color:var(--arrow-c-invert-mono2)}.key-events-m_dark__hrnAr.key-events-m_borderNone__2tNUK,.key-events-m_light__2gE0a.key-events-m_borderNone__2tNUK{border-left:none}.key-events-m_fade-out__11jv_{position:absolute;top:-20px;height:100%;width:100%;background-image:inherit;pointer-events:none}.key-events-m_container__1slhR.key-events-m_light__2gE0a{border-bottom:1px solid var(--arrow-c-invert-mono5)}html[dir=rtl] .key-events-m_time-wrapper__2poXn{direction:ltr;flex-direction:row-reverse}html[dir=rtl] .key-events-m_time-wrapper__2poXn svg{margin-right:0;margin-left:var(--arrow-spacing-xxs)}html[dir=rtl] .key-events-m_event-title__u9bt3.key-events-m_dark__hrnAr,html[dir=rtl] .key-events-m_event-title__u9bt3.key-events-m_light__2gE0a{border-right:1px solid var(--arrow-c-mono5);border-left:none;margin-left:0;margin-right:var(--arrow-spacing-s)}html[dir=rtl] .key-events-m_dark__hrnAr.key-events-m_borderNone__2tNUK,html[dir=rtl] .key-events-m_light__2gE0a.key-events-m_borderNone__2tNUK{border-right:none}.hero-image-m_hero-image__3lraV{margin-bottom:var(--arrow-spacing-xs);padding-right:0;flex-grow:1}.hero-image-m_right-padding-mob__3-uOU,.hero-image-m_right-padding__1LkCe{margin-bottom:0;padding-right:var(--arrow-spacing-s);flex-grow:1}.hero-image-m_right-padding-mob__3-uOU{flex-basis:30%}@media (min-width:768px){.hero-image-m_right-padding-mob__3-uOU{padding-right:0;margin-bottom:var(--arrow-spacing-xs)}}.hero-image-m_placeholder__1omCm{background-color:#d3d3d3}html[dir=rtl] .hero-image-m_right-padding-mob__3-uOU,html[dir=rtl] .hero-image-m_right-padding__1LkCe{padding-right:0;padding-left:var(--arrow-spacing-s)}@media (min-width:768px){html[dir=rtl] .hero-image-m_right-padding-mob__3-uOU{padding-left:0}}.hero-image-m_hero-image-mob__13JJp{margin-bottom:var(--arrow-spacing-xs);padding-right:0;flex-grow:1}.hero-image-m_with-padding__324G_{padding:16px 16px 0}.hero-image-m_image__1mz0U{position:relative}.hero-image-m_image__1mz0U img{position:absolute;top:0;bottom:0;left:0;right:0;height:100%}.section-m_section__2N4S3{margin-bottom:var(--arrow-spacing-xxs)}@media (min-width:768px){.section-m_section__2N4S3{margin-bottom:var(--arrow-spacing-xs)}}.section-m_section-borderBottomSml__2GNbo .section-m_border-bottom__3cRoD{width:20px;height:2px;margin-top:var(--arrow-spacing-xxs)}.section-m_section-borderLeft__3hKVj{display:flex;align-items:baseline}.section-m_section-borderLeft__3hKVj .section-m_border-left__2oUyp{margin-right:var(--arrow-spacing-xs);min-width:3px;max-width:3px;overflow:hidden}.section-m_section-borderLeft__3hKVj .section-m_border-left__2oUyp:before{content:"I";font-family:var(--arrow-sans-serif)}html[dir=rtl] .section-m_border-left__2oUyp{margin-left:var(--arrow-spacing-xs);margin-right:0}.section-m_section-solid__1vB1Q{color:var(--arrow-c-light);align-self:self-start;display:inline-flex;padding:var(--arrow-spacing-xxs) var(--arrow-spacing-s)}@media (min-width:768px){.section-m_section-solid__1vB1Q{padding:var(--arrow-spacing-xs) var(--arrow-spacing-m)}}.section-m_dark__1r3C4{color:var(--arrow-c-mono2)}.section-m_light__306hW{color:var(--arrow-c-invert-mono2)}.dot-m_dark__1Njxl{fill:var(--arrow-c-mono4)}.dot-m_light__27IA3{fill:var(--arrow-c-invert-mono4)}.subheadline-m_subheadline__3fd7z{margin-bottom:var(--arrow-spacing-xxs);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}@media (min-width:768px){.subheadline-m_subheadline__3fd7z{margin-bottom:var(--arrow-spacing-xs)}}.subheadline-m_dark__28u00{color:var(--arrow-c-mono4)}.subheadline-m_light__2YUOe{color:var(--arrow-c-invert-mono4)}.divider-m_dark__26FRi{fill:var(--arrow-c-mono4)}.divider-m_light__w-7sy{fill:var(--arrow-c-invert-mono4)}.author-m_author__WRuLm{display:flex;align-items:center;color:var(--arrow-c-mono4);margin-bottom:var(--arrow-spacing-xs)}.author-m_author-image__3q2oc{border-radius:100%;width:var(--arrow-spacing-l);height:var(--arrow-spacing-l);margin-right:var(--arrow-spacing-xs);overflow:hidden}.author-m_author-image__3q2oc figure,.author-m_author-image__3q2oc img{height:100%;width:100%}.author-m_author-name__3WP-O{margin:auto var(--arrow-spacing-xs) auto 0}.author-m_bottom-fix__223TT{margin-top:auto}.author-m_prefix__YSInK{margin:auto var(--arrow-spacing-xxs) auto 0}.author-m_rtl-image__2nglD{display:none}html[dir=rtl] .author-m_author-name__3WP-O{margin-right:0}html[dir=rtl] .author-m_prefix__YSInK{margin-right:0;margin-left:var(--arrow-spacing-xxs)}html[dir=rtl] .author-m_ltr-image__3bc0L{display:none}html[dir=rtl] .author-m_rtl-image__2nglD{display:block}.author-m_dark__2TTlp{color:var(--arrow-c-mono4)}.author-m_light__3y8_x{color:var(--arrow-c-invert-mono4)}.timestamp-m_time__2v46i{display:flex;margin-bottom:2px}.timestamp-m_time-wrapper__3O2lM{margin-bottom:var(--arrow-spacing-xxs)}.timestamp-m_bottom-fix__1Zh8r{margin-top:auto}.timestamp-m_dark__2lk9E{color:var(--arrow-c-mono4)}.timestamp-m_light__2QlrI{color:var(--arrow-c-invert-mono4)}.read-time-m_read-time-wrapper__3GyC_{display:flex;font-size:var(--arrow-fs-tiny);line-height:var(--arrow-lh-2)}.read-time-m_dot-indicator__3Sqh2{padding:0 var(--arrow-spacing-xs) var(--arrow-spacing-xs)}.read-time-m_dark__3yRaK{color:var(--arrow-c-mono4)}.read-time-m_light__1GAZu{color:var(--arrow-c-invert-mono4)}html[dir=rtl] .read-time-m_read-time-wrapper__3GyC_{margin-right:var(--arrow-spacing-xs)}.load-more-m_button__1mmf1{padding:var(--arrow-spacing-xs) var(--arrow-spacing-l);border:1px solid;display:flex;margin:var(--arrow-spacing-l) auto;font-size:var(--arrow-fs-xs);border-radius:var(--arrow-spacing-xxs);background-color:transparent;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;cursor:pointer}.load-more-m_default__2_k4V{display:block}.load-more-m_dark__3dfzb{color:var(--arrow-c-mono2)}.load-more-m_light__ePZQI{color:var(--arrow-c-invert-mono2)}.fallback-m_image-position__3KddP{position:absolute;top:0;right:0;left:0;bottom:0}.fallback-m_image__1GYCJ{background:var(--fallback-img)}.fallback-m_image__1GYCJ:after{content:"";position:absolute;top:0;right:0;left:0;bottom:0}.fallback-m_fallback-svg__tK9fL svg{-o-object-fit:cover;object-fit:cover;position:absolute;top:0;right:0;bottom:0;left:50%;transform:translateX(-50%);height:100%}
@@ -1 +0,0 @@
1
- .attachment-m_headline__kP7Hs{font-size:var(--arrow-fs-s);font-weight:var(--arrow-fw-bold);line-height:var(--arrow-lh-3);padding-bottom:var(--arrow-spacing-xs)}@media (min-width:768px){.attachment-m_headline__kP7Hs{font-size:var(--arrow-fs-l);padding-bottom:var(--arrow-spacing-s)}}@media (min-width:768px) and (min-width:992px){.attachment-m_headline__kP7Hs{padding-bottom:var(--arrow-spacing-m)}}.attachment-m_button-wrapper__2fajK{border-radius:3px;font-size:var(--arrow-fs-tiny);line-height:var(--arrow-lh-4);text-align:center;padding:6px var(--arrow-spacing-m)}@media (min-width:992px){.attachment-m_button-wrapper__2fajK{margin-left:var(--arrow-spacing-m)}}.attachment-m_file-name__1LU9q{font-size:var(--arrow-fs-s);line-height:var(--arrow-lh-5);margin-bottom:var(--arrow-spacing-m);word-break:break-word}@media (min-width:768px){.attachment-m_file-name__1LU9q{font-size:var(--arrow-fs-m);line-height:var(--arrow-lh-3)}}@media (min-width:768px) and (min-width:992px){.attachment-m_file-name__1LU9q{margin-bottom:unset}}.attachment-m_dark__3ixF7 .attachment-m_button-wrapper__2fajK,.attachment-m_dark__3ixF7 .attachment-m_file-name__1LU9q,.attachment-m_dark__3ixF7 .attachment-m_headline__kP7Hs{color:var(--arrow-c-mono2)}.attachment-m_light__1kcpj .attachment-m_button-wrapper__2fajK,.attachment-m_light__1kcpj .attachment-m_file-name__1LU9q,.attachment-m_light__1kcpj .attachment-m_headline__kP7Hs{color:var(--arrow-c-invert-mono2)}.attachment-m_pdf__3i_bR{width:35px;height:35px;font-size:var(--arrow-fs-tiny);font-weight:var(--arrow-fw-bold);color:var(--arrow-c-light);border-radius:6px;background-color:#db5449;display:flex;align-items:center;justify-content:center;margin-right:var(--arrow-spacing-m)}@media (min-width:768px){.attachment-m_pdf__3i_bR{width:45px;height:45px;border-radius:var(--arrow-spacing-xs)}}.attachment-m_doc__6vUVo{background-color:#007bd8}.attachment-m_wrapper__3gMwN{display:flex;padding:var(--arrow-spacing-m);border-radius:var(--arrow-spacing-xxs)}@media (min-width:992px){.attachment-m_wrapper__3gMwN{padding:var(--arrow-spacing-l)}}.attachment-m_dark__3ixF7 .attachment-m_wrapper__3gMwN{border:1px solid var(--arrow-c-mono7);background-color:var(--arrow-c-mono7)}.attachment-m_light__1kcpj .attachment-m_wrapper__3gMwN{border:1px solid var(--arrow-c-invert-mono7);background-color:var(--arrow-c-invert-mono7)}.attachment-m_dark__3ixF7 .attachment-m_button-wrapper__2fajK{border:1px solid var(--arrow-c-mono2)}.attachment-m_light__1kcpj .attachment-m_button-wrapper__2fajK{border:1px solid var(--arrow-c-invert-mono2)}@media (min-width:992px){.attachment-m_content-wrapper__3Yu0B{width:100%;display:flex;align-items:center;justify-content:space-between}}html[dir=rtl] .attachment-m_doc__6vUVo,html[dir=rtl] .attachment-m_headline__kP7Hs,html[dir=rtl] .attachment-m_pdf__3i_bR{margin-right:0}html[dir=rtl] .attachment-m_content-wrapper__3Yu0B{margin-right:var(--arrow-spacing-m)}
@@ -1 +0,0 @@
1
- .author-m_author__WRuLm{display:flex;align-items:center;color:var(--arrow-c-mono4);margin-bottom:var(--arrow-spacing-xs)}.author-m_author-image__3q2oc{border-radius:100%;width:var(--arrow-spacing-l);height:var(--arrow-spacing-l);margin-right:var(--arrow-spacing-xs);overflow:hidden}.author-m_author-image__3q2oc figure,.author-m_author-image__3q2oc img{height:100%;width:100%}.author-m_author-name__3WP-O{margin:auto var(--arrow-spacing-xs) auto 0}.author-m_bottom-fix__223TT{margin-top:auto}.author-m_prefix__YSInK{margin:auto var(--arrow-spacing-xxs) auto 0}.author-m_rtl-image__2nglD{display:none}html[dir=rtl] .author-m_author-name__3WP-O{margin-right:0}html[dir=rtl] .author-m_prefix__YSInK{margin-right:0;margin-left:var(--arrow-spacing-xxs)}html[dir=rtl] .author-m_ltr-image__3bc0L{display:none}html[dir=rtl] .author-m_rtl-image__2nglD{display:block}.author-m_dark__2TTlp{color:var(--arrow-c-mono4)}.author-m_light__3y8_x{color:var(--arrow-c-invert-mono4)}
@@ -1 +0,0 @@
1
- .author-intro-m_connect__15zIX{font-size:var(--arrow-spacing-m);line-height:var(--arrow-lh-5);color:var(--arrow-c-mono4);align-self:center;margin-bottom:var(--arrow-spacing-xxs)}.author-intro-m_social-share__f5EpE{flex:1;padding:var(--arrow-spacing-xs)}.author-intro-m_share-icon__3gke5{display:flex;align-items:flex-end;margin-right:var(--arrow-spacing-l)}.author-intro-m_default__1rQ_v .author-intro-m_author-image__2jRxy{align-self:center}@media (min-width:768px){.author-intro-m_default__1rQ_v .author-intro-m_author-image__2jRxy{grid-column:8/12}}.author-intro-m_default__1rQ_v .author-intro-m_author-name__1L60a{color:var(--arrow-c-mono2);font-weight:var(--arrow-fw-bold);line-height:var(--arrow-lh-5);align-self:center;margin:var(--arrow-spacing-xs) 0 var(--arrow-spacing-xxs)}@media (min-width:768px){.author-intro-m_default__1rQ_v .author-intro-m_author-name__1L60a{line-height:var(--arrow-lh-2);align-self:flex-start}}.author-intro-m_default__1rQ_v .author-intro-m_author-description__2CTEw{margin:var(--arrow-spacing-s) 0;color:var(--arrow-c-mono4);font-size:var(--arrow-spacing-m);line-height:var(--arrow-lh-5);white-space:pre-line}.author-intro-m_default__1rQ_v .author-intro-m_wrapper__2Bi-s{display:flex;flex-direction:column-reverse;padding:0 var(--arrow-spacing-s) var(--arrow-spacing-m) var(--arrow-spacing-s)}@media (min-width:768px){.author-intro-m_default__1rQ_v .author-intro-m_wrapper__2Bi-s{display:grid;grid-gap:var(--arrow-fs-l);grid-template-columns:repeat(12,1fr);padding:0 0 var(--arrow-fs-xxl) 0}}.author-intro-m_default__1rQ_v .author-intro-m_introduction-card__1kdGt{display:flex;flex:1;justify-content:center;flex-direction:column}@media (min-width:768px){.author-intro-m_default__1rQ_v .author-intro-m_introduction-card__1kdGt{grid-column:2/8}}@media (min-width:992px){.author-intro-m_default__1rQ_v .author-intro-m_introduction-card__1kdGt{grid-column:2/7}}.author-intro-m_default__1rQ_v .author-intro-m_social-wrapper__1F9jD{margin-top:var(--arrow-spacing-xs);display:flex;justify-content:space-between}@media (min-width:768px){.author-intro-m_default__1rQ_v .author-intro-m_social-wrapper__1F9jD{align-items:center}}@media (min-width:992px){.author-intro-m_default__1rQ_v .author-intro-m_social-wrapper__1F9jD{margin-top:unset;position:relative;align-items:unset}}@media (min-width:992px){.author-intro-m_default__1rQ_v .author-intro-m_connect__15zIX{margin-bottom:var(--arrow-spacing-xs)}}.author-intro-m_default__1rQ_v .author-intro-m_linkWrapper__Au0nU{display:flex}@media (min-width:768px){.author-intro-m_default__1rQ_v .author-intro-m_social-connect-wrapper__2B0QA{display:flex}}@media (min-width:992px){.author-intro-m_default__1rQ_v .author-intro-m_social-connect-wrapper__2B0QA{margin-top:var(--arrow-spacing-xs);display:block}}@media (min-width:992px){.author-intro-m_default__1rQ_v .desktop-share-wrapper{position:absolute;right:0;max-width:42px}}.author-intro-m_default__1rQ_v .author-intro-m_social-wrapper__1F9jD>:nth-child(2){margin-top:var(--arrow-spacing-xxs)}@media (min-width:768px){.author-intro-m_default__1rQ_v .author-intro-m_social-wrapper__1F9jD>:nth-child(2){margin-top:unset}}.author-intro-m_default__1rQ_v .author-intro-m_social-connect-wrapper__2B0QA>:nth-child(2){margin-left:unset}@media (min-width:768px){.author-intro-m_default__1rQ_v .author-intro-m_social-connect-wrapper__2B0QA>:nth-child(2){margin-left:var(--arrow-spacing-xs)}}@media (min-width:992px){.author-intro-m_default__1rQ_v .author-intro-m_social-connect-wrapper__2B0QA>:nth-child(2){margin-left:unset}}.author-intro-m_default__1rQ_v .author-intro-m_wrapper__2Bi-s.author-intro-m_dark__ALdDb{border-bottom:1px solid var(--dark-border)}.author-intro-m_default__1rQ_v .author-intro-m_wrapper__2Bi-s.author-intro-m_light__2SfeE{border-bottom:1px solid var(--light-border)}@media (min-width:768px){.author-intro-m_small-circle__jyG1s{padding:var(--arrow-spacing-l) var(--arrow-spacing-s);height:100%}}@media (min-width:768px) and (min-width:992px){.author-intro-m_small-circle__jyG1s{padding:var(--arrow-spacing-xl)}}.author-intro-m_small-circle__jyG1s.author-intro-m_border__3Tii9{border-radius:3px;padding:var(--arrow-spacing-m)}@media (min-width:768px){.author-intro-m_small-circle__jyG1s.author-intro-m_border__3Tii9{padding:var(--arrow-spacing-l) var(--arrow-spacing-s)}}@media (min-width:992px){.author-intro-m_small-circle__jyG1s.author-intro-m_border__3Tii9{padding:var(--arrow-spacing-xl)}}.author-intro-m_small-circle__jyG1s.author-intro-m_border__3Tii9.author-intro-m_dark__ALdDb{border:1px solid var(--dark-border)}.author-intro-m_small-circle__jyG1s.author-intro-m_border__3Tii9.author-intro-m_light__2SfeE{border:1px solid var(--light-border)}.author-intro-m_small-circle__jyG1s .author-intro-m_wrapper__2Bi-s{display:flex;flex-direction:column-reverse}@media (min-width:768px){.author-intro-m_small-circle__jyG1s .author-intro-m_introduction-card__1kdGt{text-align:center}}.author-intro-m_small-circle__jyG1s .author-intro-m_author-image__2jRxy{display:flex;align-items:center}@media (min-width:768px){.author-intro-m_small-circle__jyG1s .author-intro-m_author-image__2jRxy{justify-content:center;align-items:unset}}@media (min-width:768px){.author-intro-m_small-circle__jyG1s .author-intro-m_social-wrapper__1F9jD{justify-content:center}}.author-intro-m_small-circle__jyG1s .author-intro-m_author-name__1L60a{color:var(--arrow-c-mono2);font-size:var(--arrow-fs-s);line-height:var(--arrow-lh-3);font-weight:var(--arrow-fw-bold)}@media (min-width:768px){.author-intro-m_small-circle__jyG1s .author-intro-m_author-name__1L60a{font-size:var(--arrow-fs-m);margin-top:var(--arrow-spacing-m)}}.author-intro-m_small-circle__jyG1s .author-intro-m_author-image__2jRxy>div{margin-right:var(--arrow-spacing-m)}@media (min-width:768px){.author-intro-m_small-circle__jyG1s .author-intro-m_author-image__2jRxy>div{margin-right:unset}}.author-intro-m_small-circle__jyG1s .author-intro-m_author-description__2CTEw,.author-intro-m_small-circle__jyG1s .author-intro-m_connect__15zIX{font-size:var(--arrow-fs-tiny);line-height:var(--arrow-lh-5);color:var(--arrow-c-mono4)}@media (min-width:768px){.author-intro-m_small-circle__jyG1s .author-intro-m_author-description__2CTEw,.author-intro-m_small-circle__jyG1s .author-intro-m_connect__15zIX{font-size:var(--arrow-fs-tiny)}}.author-intro-m_small-circle__jyG1s .author-intro-m_author-description__2CTEw{position:relative;max-height:63px;overflow:hidden;margin-top:var(--arrow-spacing-xs)}.author-intro-m_small-circle__jyG1s .author-intro-m_fade-out__1EBqd{position:absolute;bottom:0;right:0;width:90%;height:21px;background-image:inherit}.author-intro-m_small-circle__jyG1s .author-intro-m_social-connect-wrapper__2B0QA{margin-top:var(--arrow-spacing-xxs)}@media (min-width:768px){.author-intro-m_small-circle__jyG1s .author-intro-m_social-connect-wrapper__2B0QA{margin-top:var(--arrow-spacing-xs)}}.author-intro-m_small-circle__jyG1s.author-intro-m_border__3Tii9 .author-intro-m_social-connect-wrapper__2B0QA{margin-top:var(--arrow-spacing-xs)}.author-intro-m_default__1rQ_v .author-intro-m_dark__ALdDb,.author-intro-m_small-circle__jyG1s .author-intro-m_dark__ALdDb{color:var(--arrow-c-mono2)}.author-intro-m_default__1rQ_v .author-intro-m_light__2SfeE,.author-intro-m_small-circle__jyG1s .author-intro-m_light__2SfeE{color:var(--arrow-c-invert-mono2)}.author-intro-m_default__1rQ_v .author-intro-m_social-connect-wrapper__2B0QA>:nth-child(2),.author-intro-m_small-circle__jyG1s .author-intro-m_social-connect-wrapper__2B0QA>:first-child{padding-left:unset}.author-intro-m_small-circle__jyG1s .author-intro-m_social-share__f5EpE{padding:var(--arrow-spacing-m) var(--arrow-spacing-xs) var(--arrow-spacing-xs)}@media (min-width:992px){html[dir=rtl] .author-intro-m_default__1rQ_v .desktop-share-wrapper{position:static}}.social-share-template-m_desktop-view__3TmkO{display:none}@media (min-width:1025px){.social-share-template-m_desktop-view__3TmkO{display:flex}}@media (min-width:1025px){.social-share-template-m_tablet-view__kATzi{display:none}}.social-share-template-m_wrapper__1wXin{list-style:none;align-items:center;transition:all .3s;z-index:var(--z-index-1);flex-direction:row-reverse;overflow:hidden}.social-share-template-m_horizontal__1c9Kt .social-share-template-m_wrapper__1wXin{display:flex;max-width:var(--arrow-fs-big)}@media (min-width:1025px){.social-share-template-m_horizontal__1c9Kt .social-share-template-m_wrapper__1wXin{max-width:120px}}.social-share-template-m_vertical__VU5JY .social-share-template-m_wrapper__1wXin{flex-direction:column;border-radius:50%;max-height:var(--arrow-fs-big)}@media (min-width:1025px){.social-share-template-m_vertical__VU5JY .social-share-template-m_wrapper__1wXin{position:inherit;right:var(--arrow-spacing-l);border-radius:unset;max-height:132px}}.social-share-template-m_light__3-V_k.social-share-template-m_vertical__VU5JY .social-share-template-m_wrapper__1wXin{background-color:var(--arrow-c-dark);box-shadow:0 0 4px 0 hsla(0,0%,100%,.17)}@media (min-width:1025px){.social-share-template-m_light__3-V_k.social-share-template-m_vertical__VU5JY .social-share-template-m_wrapper__1wXin{background-color:inherit;box-shadow:unset}}.social-share-template-m_dark__1lmTM.social-share-template-m_vertical__VU5JY .social-share-template-m_wrapper__1wXin{background-color:var(--arrow-c-light);box-shadow:0 0 4px 0 rgba(0,0,0,.17)}@media (min-width:1025px){.social-share-template-m_dark__1lmTM.social-share-template-m_vertical__VU5JY .social-share-template-m_wrapper__1wXin{background-color:inherit;box-shadow:unset}}.social-share-template-m_icon__1Mnu5{padding:var(--arrow-spacing-xs)}@media (min-width:1025px){.social-share-template-m_wrapper__1wXin.social-share-template-m_open__3xObA{border-radius:var(--arrow-spacing-xxs)}}@media (min-width:1025px){.social-share-template-m_light__3-V_k .social-share-template-m_wrapper__1wXin.social-share-template-m_open__3xObA{border:.6px solid var(--arrow-c-invert-mono7)}}@media (min-width:1025px){.social-share-template-m_dark__1lmTM .social-share-template-m_wrapper__1wXin.social-share-template-m_open__3xObA{border:.6px solid var(--arrow-c-mono7)}}@media (min-width:1025px){.social-share-template-m_horizontal__1c9Kt .social-share-template-m_wrapper__1wXin.social-share-template-m_open__3xObA{max-width:240px}}@media (min-width:1025px){.social-share-template-m_vertical__VU5JY .social-share-template-m_wrapper__1wXin.social-share-template-m_open__3xObA{max-height:240px}}@media (min-width:768px){.social-share-template-m_icon__1Mnu5:hover{background-color:var(--arrow-c-mono7);border-radius:50%}}.social-share-template-m_popup-wrapper__1Zv3e{position:fixed;bottom:0;right:0;left:0;width:100%}@media (min-width:768px){.social-share-template-m_popup-wrapper__1Zv3e{position:absolute;width:328px}}@media (max-width:767px){.social-share-template-m_popup-wrapper__1Zv3e.social-share-template-m_popup-open__21UNo{transition:transform .6s}}@media (min-width:768px){.social-share-template-m_popup-wrapper__1Zv3e.social-share-template-m_popup-open__21UNo{top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translateX(-50%) translateY(-50%);-webkit-transform:translate(-50%,-50%)}}@media (min-width:768px){html[dir=rtl] .social-share-template-m_popup-wrapper__1Zv3e.social-share-template-m_popup-open__21UNo{right:50%;transform:translate(50%,-50%);-ms-transform:translateX(50%) translateY(-50%);-webkit-transform:translate(50%,-50%)}}.social-share-template-m_overlay__1nBp-{left:0;top:0;right:0;bottom:0;z-index:1100;overflow-y:scroll;position:fixed}@media (min-width:1025px){.social-share-template-m_overlay__1nBp-{position:static}}.social-share-template-m_light__3-V_k .social-share-template-m_overlay__1nBp-{background-color:rgba(13,13,13,.77)}.social-share-template-m_dark__1lmTM .social-share-template-m_overlay__1nBp-{background-color:hsla(0,0%,100%,.77)}.social-share-template-m_tablet-view-popup__1hXU9.arr--share{position:sticky;position:-webkit-sticky;bottom:56px;height:0;text-align:center}@media (min-width:768px){.social-share-template-m_tablet-view-popup__1hXU9.arr--share{right:24px}}@media (min-width:768px) and (min-width:1025px){.social-share-template-m_tablet-view-popup__1hXU9.arr--share{bottom:unset;height:unset;text-align:unset}}.author-image-m_author-image__D8GMB .author-image-m_wrapper-comp__16UFl,.author-image-m_wrapper-comp__16UFl svg{width:160px;height:160px}@media (min-width:768px){.author-image-m_author-image__D8GMB .author-image-m_wrapper-comp__16UFl,.author-image-m_wrapper-comp__16UFl svg{position:relative;width:224px;height:224px}}@media (min-width:768px) and (min-width:992px){.author-image-m_author-image__D8GMB .author-image-m_wrapper-comp__16UFl,.author-image-m_wrapper-comp__16UFl svg{width:364px;height:364px}}.author-image-m_author-image__D8GMB img{border-radius:50%;height:100%}@media (min-width:768px){.author-image-m_author-image__D8GMB img{position:absolute}}.author-image-m_square__bjK7M img{border-radius:0}.author-image-m_small-circle__DbQMN.author-image-m_author-image__D8GMB .author-image-m_wrapper-comp__16UFl,.author-image-m_small-circle__DbQMN.author-image-m_author-image__D8GMB .author-image-m_wrapper-comp__16UFl svg{width:40px;height:40px}@media (min-width:768px){.author-image-m_small-circle__DbQMN.author-image-m_author-image__D8GMB .author-image-m_wrapper-comp__16UFl,.author-image-m_small-circle__DbQMN.author-image-m_author-image__D8GMB .author-image-m_wrapper-comp__16UFl svg{width:88px;height:88px}}@media (min-width:992px){.author-image-m_small-circle__DbQMN.author-image-m_author-image__D8GMB .author-image-m_wrapper-comp__16UFl,.author-image-m_small-circle__DbQMN.author-image-m_author-image__D8GMB .author-image-m_wrapper-comp__16UFl svg{width:120px;height:120px}}.author-image-m_small-circle__DbQMN .author-image-m_author-image__D8GMB img{border-radius:133.5px}.social-share-popup-m_share-popup-wrapper__GEJqD{z-index:var(--zIndex-social-popup)}.social-share-popup-m_light__gQmxf.social-share-popup-m_share-popup-wrapper__GEJqD{background-color:var(--arrow-c-dark)}.social-share-popup-m_dark__26Igp.social-share-popup-m_share-popup-wrapper__GEJqD{background-color:var(--arrow-c-light)}.social-share-popup-m_share-popup__QRt3l{padding:var(--arrow-spacing-l)}.social-share-popup-m_social-wrapper__1lPzr{display:flex;flex-direction:row;padding:var(--arrow-fs-tiny) 0;align-items:center}.social-share-popup-m_dark__26Igp .social-share-popup-m_social-icon-wrapper__36jyV{border-bottom:1px solid var(--arrow-c-mono7)}.social-share-popup-m_light__gQmxf .social-share-popup-m_social-icon-wrapper__36jyV{border-bottom:1px solid var(--arrow-c-invert-mono7)}.social-share-popup-m_wrapper__3Ytce{list-style:none}.social-share-popup-m_dark__26Igp .social-share-popup-m_wrapper__3Ytce>:last-child,.social-share-popup-m_light__gQmxf .social-share-popup-m_wrapper__3Ytce>:last-child{border-bottom:unset}@media (min-width:768px){.social-share-popup-m_light__gQmxf .social-share-popup-m_share-popup__QRt3l{border:1px solid var(--arrow-c-invert-mono7)}}@media (min-width:768px){.social-share-popup-m_dark__26Igp .social-share-popup-m_share-popup__QRt3l{border:1px solid var(--arrow-c-mono7)}}.social-share-popup-m_top-bar__174Um{display:flex;flex-direction:row;justify-content:space-between}.social-share-popup-m_share-text__19E-F{font-size:var(--arrow-fs-xs);font-weight:var(--arrow-fw-bold);line-height:var(--arrow-lh-2);margin-bottom:var(--arrow-spacing-s)}.social-share-popup-m_close__3k-Hj{position:absolute;top:var(--arrow-spacing-m);right:var(--arrow-spacing-m)}.social-share-popup-m_social-icon__2a4nT{border-radius:50%;width:var(--arrow-fs-xl);height:var(--arrow-fs-xl);padding:var(--arrow-spacing-xxs)}.social-share-popup-m_social-text__1QPXb{padding-left:var(--arrow-fs-xs);font-size:var(--arrow-fs-s);font-weight:var(--arrow-fw-bold);line-height:var(--arrow-lh-2);color:var(--arrow-c-mono2)}.social-share-popup-m_light__gQmxf .social-share-popup-m_share-text__19E-F,.social-share-popup-m_light__gQmxf .social-share-popup-m_social-text__1QPXb{color:var(--arrow-c-invert-mono2)}.social-share-popup-m_dark__26Igp .social-share-popup-m_share-text__19E-F,.social-share-popup-m_dark__26Igp .social-share-popup-m_social-text__1QPXb{color:var(--arrow-c-mono2)}html[dir=rtl] .social-share-popup-m_social-text__1QPXb{padding-left:0;padding-right:var(--arrow-fs-xs)}html[dir=rtl] .social-share-popup-m_close__3k-Hj{left:var(--arrow-spacing-m);right:auto}
@@ -1 +0,0 @@
1
- .author-page-intro-card-m_author-page-wrapper__2vckr.arrow-component.full-width-with-padding{text-align:center;padding:40px 0 32px}@media (min-width:768px){.author-page-intro-card-m_author-page-wrapper__2vckr.arrow-component.full-width-with-padding{padding:48px 0 78px}}@media (min-width:768px) and (min-width:992px){.author-page-intro-card-m_author-page-wrapper__2vckr.arrow-component.full-width-with-padding{padding:60px 0 78px}}.author-page-intro-card-m_pageTitle__stAh4{font-size:var(--arrow-fs-l);color:var(--arrow-c-mono2);padding-bottom:var(--arrow-spacing-xs)}@media (min-width:768px){.author-page-intro-card-m_pageTitle__stAh4{font-size:var(--arrow-fs-huge)}}.author-page-intro-card-m_pageDescription__3s3xr{font-size:var(--arrow-fs-xs);line-height:var(--arrow-lh-5);color:var(--arrow-c-mono2)}@media (min-width:768px){.author-page-intro-card-m_pageDescription__3s3xr{font-size:var(--arrow-fs-s)}}.author-page-intro-card-m_dark__BGPxT{color:var(--arrow-c-mono2)}.author-page-intro-card-m_light__QEkaX{color:var(--arrow-c-invert-mono2)}
@@ -1 +0,0 @@
1
- .author-with-timestamp-m_author-time-wrapper__G7_eI{display:flex;flex-wrap:wrap;align-items:center;color:var(--arrow-c-mono2)}.author-with-timestamp-m_author-image__24xrD{border-radius:100%;width:var(--arrow-spacing-l);height:var(--arrow-spacing-l);margin-right:var(--arrow-spacing-xs)}.author-with-timestamp-m_dot__1LHXD{position:relative;margin-right:var(--arrow-spacing-xs);top:-6px}.author-with-timestamp-m_bottom-fix__1rWGv{margin-top:auto}.author-with-timestamp-m_dash__2L5XC{position:relative;margin-right:var(--arrow-spacing-xs);top:-1px}@media (min-width:768px){.author-with-timestamp-m_dash__2L5XC{top:-3px}}html[dir=rtl] .author-with-timestamp-m_dot__1LHXD{margin-left:var(--arrow-spacing-xs)}html[dir=rtl] .author-with-timestamp-m_dash__2L5XC{padding-left:var(--arrow-spacing-xs)}.dot-m_dark__1Njxl{fill:var(--arrow-c-mono4)}.dot-m_light__27IA3{fill:var(--arrow-c-invert-mono4)}.author-m_author__WRuLm{display:flex;align-items:center;color:var(--arrow-c-mono4);margin-bottom:var(--arrow-spacing-xs)}.author-m_author-image__3q2oc{border-radius:100%;width:var(--arrow-spacing-l);height:var(--arrow-spacing-l);margin-right:var(--arrow-spacing-xs);overflow:hidden}.author-m_author-image__3q2oc figure,.author-m_author-image__3q2oc img{height:100%;width:100%}.author-m_author-name__3WP-O{margin:auto var(--arrow-spacing-xs) auto 0}.author-m_bottom-fix__223TT{margin-top:auto}.author-m_prefix__YSInK{margin:auto var(--arrow-spacing-xxs) auto 0}.author-m_rtl-image__2nglD{display:none}html[dir=rtl] .author-m_author-name__3WP-O{margin-right:0}html[dir=rtl] .author-m_prefix__YSInK{margin-right:0;margin-left:var(--arrow-spacing-xxs)}html[dir=rtl] .author-m_ltr-image__3bc0L{display:none}html[dir=rtl] .author-m_rtl-image__2nglD{display:block}.author-m_dark__2TTlp{color:var(--arrow-c-mono4)}.author-m_light__3y8_x{color:var(--arrow-c-invert-mono4)}.timestamp-m_time__2v46i{display:flex;margin-bottom:2px}.timestamp-m_time-wrapper__3O2lM{margin-bottom:var(--arrow-spacing-xxs)}.timestamp-m_bottom-fix__1Zh8r{margin-top:auto}.timestamp-m_dark__2lk9E{color:var(--arrow-c-mono4)}.timestamp-m_light__2QlrI{color:var(--arrow-c-invert-mono4)}.divider-m_dark__26FRi{fill:var(--arrow-c-mono4)}.divider-m_light__w-7sy{fill:var(--arrow-c-invert-mono4)}.read-time-m_read-time-wrapper__3GyC_{display:flex;font-size:var(--arrow-fs-tiny);line-height:var(--arrow-lh-2)}.read-time-m_dot-indicator__3Sqh2{padding:0 var(--arrow-spacing-xs) var(--arrow-spacing-xs)}.read-time-m_dark__3yRaK{color:var(--arrow-c-mono4)}.read-time-m_light__1GAZu{color:var(--arrow-c-invert-mono4)}html[dir=rtl] .read-time-m_read-time-wrapper__3GyC_{margin-right:var(--arrow-spacing-xs)}
@@ -1 +0,0 @@
1
- .authors-list-m_wrapper__6y3He{margin:0 var(--arrow-spacing-s)}@media (min-width:768px){.authors-list-m_wrapper__6y3He{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--arrow-spacing-l);margin:0 var(--arrow-spacing-l)}}@media (min-width:tablet){.authors-list-m_wrapper__6y3He{margin:0}}.authors-list-m_linkWrapper__1ZhOs .arr--author-intro-card{margin-bottom:var(--arrow-spacing-m)}@media (min-width:768px){.authors-list-m_linkWrapper__1ZhOs .arr--author-intro-card{margin-bottom:unset}}.load-more-m_button__1mmf1{padding:var(--arrow-spacing-xs) var(--arrow-spacing-l);border:1px solid;display:flex;margin:var(--arrow-spacing-l) auto;font-size:var(--arrow-fs-xs);border-radius:var(--arrow-spacing-xxs);background-color:transparent;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;cursor:pointer}.load-more-m_default__2_k4V{display:block}.load-more-m_dark__3dfzb{color:var(--arrow-c-mono2)}.load-more-m_light__ePZQI{color:var(--arrow-c-invert-mono2)}.author-intro-m_connect__15zIX{font-size:var(--arrow-spacing-m);line-height:var(--arrow-lh-5);color:var(--arrow-c-mono4);align-self:center;margin-bottom:var(--arrow-spacing-xxs)}.author-intro-m_social-share__f5EpE{flex:1;padding:var(--arrow-spacing-xs)}.author-intro-m_share-icon__3gke5{display:flex;align-items:flex-end;margin-right:var(--arrow-spacing-l)}.author-intro-m_default__1rQ_v .author-intro-m_author-image__2jRxy{align-self:center}@media (min-width:768px){.author-intro-m_default__1rQ_v .author-intro-m_author-image__2jRxy{grid-column:8/12}}.author-intro-m_default__1rQ_v .author-intro-m_author-name__1L60a{color:var(--arrow-c-mono2);font-weight:var(--arrow-fw-bold);line-height:var(--arrow-lh-5);align-self:center;margin:var(--arrow-spacing-xs) 0 var(--arrow-spacing-xxs)}@media (min-width:768px){.author-intro-m_default__1rQ_v .author-intro-m_author-name__1L60a{line-height:var(--arrow-lh-2);align-self:flex-start}}.author-intro-m_default__1rQ_v .author-intro-m_author-description__2CTEw{margin:var(--arrow-spacing-s) 0;color:var(--arrow-c-mono4);font-size:var(--arrow-spacing-m);line-height:var(--arrow-lh-5);white-space:pre-line}.author-intro-m_default__1rQ_v .author-intro-m_wrapper__2Bi-s{display:flex;flex-direction:column-reverse;padding:0 var(--arrow-spacing-s) var(--arrow-spacing-m) var(--arrow-spacing-s)}@media (min-width:768px){.author-intro-m_default__1rQ_v .author-intro-m_wrapper__2Bi-s{display:grid;grid-gap:var(--arrow-fs-l);grid-template-columns:repeat(12,1fr);padding:0 0 var(--arrow-fs-xxl) 0}}.author-intro-m_default__1rQ_v .author-intro-m_introduction-card__1kdGt{display:flex;flex:1;justify-content:center;flex-direction:column}@media (min-width:768px){.author-intro-m_default__1rQ_v .author-intro-m_introduction-card__1kdGt{grid-column:2/8}}@media (min-width:992px){.author-intro-m_default__1rQ_v .author-intro-m_introduction-card__1kdGt{grid-column:2/7}}.author-intro-m_default__1rQ_v .author-intro-m_social-wrapper__1F9jD{margin-top:var(--arrow-spacing-xs);display:flex;justify-content:space-between}@media (min-width:768px){.author-intro-m_default__1rQ_v .author-intro-m_social-wrapper__1F9jD{align-items:center}}@media (min-width:992px){.author-intro-m_default__1rQ_v .author-intro-m_social-wrapper__1F9jD{margin-top:unset;position:relative;align-items:unset}}@media (min-width:992px){.author-intro-m_default__1rQ_v .author-intro-m_connect__15zIX{margin-bottom:var(--arrow-spacing-xs)}}.author-intro-m_default__1rQ_v .author-intro-m_linkWrapper__Au0nU{display:flex}@media (min-width:768px){.author-intro-m_default__1rQ_v .author-intro-m_social-connect-wrapper__2B0QA{display:flex}}@media (min-width:992px){.author-intro-m_default__1rQ_v .author-intro-m_social-connect-wrapper__2B0QA{margin-top:var(--arrow-spacing-xs);display:block}}@media (min-width:992px){.author-intro-m_default__1rQ_v .desktop-share-wrapper{position:absolute;right:0;max-width:42px}}.author-intro-m_default__1rQ_v .author-intro-m_social-wrapper__1F9jD>:nth-child(2){margin-top:var(--arrow-spacing-xxs)}@media (min-width:768px){.author-intro-m_default__1rQ_v .author-intro-m_social-wrapper__1F9jD>:nth-child(2){margin-top:unset}}.author-intro-m_default__1rQ_v .author-intro-m_social-connect-wrapper__2B0QA>:nth-child(2){margin-left:unset}@media (min-width:768px){.author-intro-m_default__1rQ_v .author-intro-m_social-connect-wrapper__2B0QA>:nth-child(2){margin-left:var(--arrow-spacing-xs)}}@media (min-width:992px){.author-intro-m_default__1rQ_v .author-intro-m_social-connect-wrapper__2B0QA>:nth-child(2){margin-left:unset}}.author-intro-m_default__1rQ_v .author-intro-m_wrapper__2Bi-s.author-intro-m_dark__ALdDb{border-bottom:1px solid var(--dark-border)}.author-intro-m_default__1rQ_v .author-intro-m_wrapper__2Bi-s.author-intro-m_light__2SfeE{border-bottom:1px solid var(--light-border)}@media (min-width:768px){.author-intro-m_small-circle__jyG1s{padding:var(--arrow-spacing-l) var(--arrow-spacing-s);height:100%}}@media (min-width:768px) and (min-width:992px){.author-intro-m_small-circle__jyG1s{padding:var(--arrow-spacing-xl)}}.author-intro-m_small-circle__jyG1s.author-intro-m_border__3Tii9{border-radius:3px;padding:var(--arrow-spacing-m)}@media (min-width:768px){.author-intro-m_small-circle__jyG1s.author-intro-m_border__3Tii9{padding:var(--arrow-spacing-l) var(--arrow-spacing-s)}}@media (min-width:992px){.author-intro-m_small-circle__jyG1s.author-intro-m_border__3Tii9{padding:var(--arrow-spacing-xl)}}.author-intro-m_small-circle__jyG1s.author-intro-m_border__3Tii9.author-intro-m_dark__ALdDb{border:1px solid var(--dark-border)}.author-intro-m_small-circle__jyG1s.author-intro-m_border__3Tii9.author-intro-m_light__2SfeE{border:1px solid var(--light-border)}.author-intro-m_small-circle__jyG1s .author-intro-m_wrapper__2Bi-s{display:flex;flex-direction:column-reverse}@media (min-width:768px){.author-intro-m_small-circle__jyG1s .author-intro-m_introduction-card__1kdGt{text-align:center}}.author-intro-m_small-circle__jyG1s .author-intro-m_author-image__2jRxy{display:flex;align-items:center}@media (min-width:768px){.author-intro-m_small-circle__jyG1s .author-intro-m_author-image__2jRxy{justify-content:center;align-items:unset}}@media (min-width:768px){.author-intro-m_small-circle__jyG1s .author-intro-m_social-wrapper__1F9jD{justify-content:center}}.author-intro-m_small-circle__jyG1s .author-intro-m_author-name__1L60a{color:var(--arrow-c-mono2);font-size:var(--arrow-fs-s);line-height:var(--arrow-lh-3);font-weight:var(--arrow-fw-bold)}@media (min-width:768px){.author-intro-m_small-circle__jyG1s .author-intro-m_author-name__1L60a{font-size:var(--arrow-fs-m);margin-top:var(--arrow-spacing-m)}}.author-intro-m_small-circle__jyG1s .author-intro-m_author-image__2jRxy>div{margin-right:var(--arrow-spacing-m)}@media (min-width:768px){.author-intro-m_small-circle__jyG1s .author-intro-m_author-image__2jRxy>div{margin-right:unset}}.author-intro-m_small-circle__jyG1s .author-intro-m_author-description__2CTEw,.author-intro-m_small-circle__jyG1s .author-intro-m_connect__15zIX{font-size:var(--arrow-fs-tiny);line-height:var(--arrow-lh-5);color:var(--arrow-c-mono4)}@media (min-width:768px){.author-intro-m_small-circle__jyG1s .author-intro-m_author-description__2CTEw,.author-intro-m_small-circle__jyG1s .author-intro-m_connect__15zIX{font-size:var(--arrow-fs-tiny)}}.author-intro-m_small-circle__jyG1s .author-intro-m_author-description__2CTEw{position:relative;max-height:63px;overflow:hidden;margin-top:var(--arrow-spacing-xs)}.author-intro-m_small-circle__jyG1s .author-intro-m_fade-out__1EBqd{position:absolute;bottom:0;right:0;width:90%;height:21px;background-image:inherit}.author-intro-m_small-circle__jyG1s .author-intro-m_social-connect-wrapper__2B0QA{margin-top:var(--arrow-spacing-xxs)}@media (min-width:768px){.author-intro-m_small-circle__jyG1s .author-intro-m_social-connect-wrapper__2B0QA{margin-top:var(--arrow-spacing-xs)}}.author-intro-m_small-circle__jyG1s.author-intro-m_border__3Tii9 .author-intro-m_social-connect-wrapper__2B0QA{margin-top:var(--arrow-spacing-xs)}.author-intro-m_default__1rQ_v .author-intro-m_dark__ALdDb,.author-intro-m_small-circle__jyG1s .author-intro-m_dark__ALdDb{color:var(--arrow-c-mono2)}.author-intro-m_default__1rQ_v .author-intro-m_light__2SfeE,.author-intro-m_small-circle__jyG1s .author-intro-m_light__2SfeE{color:var(--arrow-c-invert-mono2)}.author-intro-m_default__1rQ_v .author-intro-m_social-connect-wrapper__2B0QA>:nth-child(2),.author-intro-m_small-circle__jyG1s .author-intro-m_social-connect-wrapper__2B0QA>:first-child{padding-left:unset}.author-intro-m_small-circle__jyG1s .author-intro-m_social-share__f5EpE{padding:var(--arrow-spacing-m) var(--arrow-spacing-xs) var(--arrow-spacing-xs)}@media (min-width:992px){html[dir=rtl] .author-intro-m_default__1rQ_v .desktop-share-wrapper{position:static}}.social-share-template-m_desktop-view__3TmkO{display:none}@media (min-width:1025px){.social-share-template-m_desktop-view__3TmkO{display:flex}}@media (min-width:1025px){.social-share-template-m_tablet-view__kATzi{display:none}}.social-share-template-m_wrapper__1wXin{list-style:none;align-items:center;transition:all .3s;z-index:var(--z-index-1);flex-direction:row-reverse;overflow:hidden}.social-share-template-m_horizontal__1c9Kt .social-share-template-m_wrapper__1wXin{display:flex;max-width:var(--arrow-fs-big)}@media (min-width:1025px){.social-share-template-m_horizontal__1c9Kt .social-share-template-m_wrapper__1wXin{max-width:120px}}.social-share-template-m_vertical__VU5JY .social-share-template-m_wrapper__1wXin{flex-direction:column;border-radius:50%;max-height:var(--arrow-fs-big)}@media (min-width:1025px){.social-share-template-m_vertical__VU5JY .social-share-template-m_wrapper__1wXin{position:inherit;right:var(--arrow-spacing-l);border-radius:unset;max-height:132px}}.social-share-template-m_light__3-V_k.social-share-template-m_vertical__VU5JY .social-share-template-m_wrapper__1wXin{background-color:var(--arrow-c-dark);box-shadow:0 0 4px 0 hsla(0,0%,100%,.17)}@media (min-width:1025px){.social-share-template-m_light__3-V_k.social-share-template-m_vertical__VU5JY .social-share-template-m_wrapper__1wXin{background-color:inherit;box-shadow:unset}}.social-share-template-m_dark__1lmTM.social-share-template-m_vertical__VU5JY .social-share-template-m_wrapper__1wXin{background-color:var(--arrow-c-light);box-shadow:0 0 4px 0 rgba(0,0,0,.17)}@media (min-width:1025px){.social-share-template-m_dark__1lmTM.social-share-template-m_vertical__VU5JY .social-share-template-m_wrapper__1wXin{background-color:inherit;box-shadow:unset}}.social-share-template-m_icon__1Mnu5{padding:var(--arrow-spacing-xs)}@media (min-width:1025px){.social-share-template-m_wrapper__1wXin.social-share-template-m_open__3xObA{border-radius:var(--arrow-spacing-xxs)}}@media (min-width:1025px){.social-share-template-m_light__3-V_k .social-share-template-m_wrapper__1wXin.social-share-template-m_open__3xObA{border:.6px solid var(--arrow-c-invert-mono7)}}@media (min-width:1025px){.social-share-template-m_dark__1lmTM .social-share-template-m_wrapper__1wXin.social-share-template-m_open__3xObA{border:.6px solid var(--arrow-c-mono7)}}@media (min-width:1025px){.social-share-template-m_horizontal__1c9Kt .social-share-template-m_wrapper__1wXin.social-share-template-m_open__3xObA{max-width:240px}}@media (min-width:1025px){.social-share-template-m_vertical__VU5JY .social-share-template-m_wrapper__1wXin.social-share-template-m_open__3xObA{max-height:240px}}@media (min-width:768px){.social-share-template-m_icon__1Mnu5:hover{background-color:var(--arrow-c-mono7);border-radius:50%}}.social-share-template-m_popup-wrapper__1Zv3e{position:fixed;bottom:0;right:0;left:0;width:100%}@media (min-width:768px){.social-share-template-m_popup-wrapper__1Zv3e{position:absolute;width:328px}}@media (max-width:767px){.social-share-template-m_popup-wrapper__1Zv3e.social-share-template-m_popup-open__21UNo{transition:transform .6s}}@media (min-width:768px){.social-share-template-m_popup-wrapper__1Zv3e.social-share-template-m_popup-open__21UNo{top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translateX(-50%) translateY(-50%);-webkit-transform:translate(-50%,-50%)}}@media (min-width:768px){html[dir=rtl] .social-share-template-m_popup-wrapper__1Zv3e.social-share-template-m_popup-open__21UNo{right:50%;transform:translate(50%,-50%);-ms-transform:translateX(50%) translateY(-50%);-webkit-transform:translate(50%,-50%)}}.social-share-template-m_overlay__1nBp-{left:0;top:0;right:0;bottom:0;z-index:1100;overflow-y:scroll;position:fixed}@media (min-width:1025px){.social-share-template-m_overlay__1nBp-{position:static}}.social-share-template-m_light__3-V_k .social-share-template-m_overlay__1nBp-{background-color:rgba(13,13,13,.77)}.social-share-template-m_dark__1lmTM .social-share-template-m_overlay__1nBp-{background-color:hsla(0,0%,100%,.77)}.social-share-template-m_tablet-view-popup__1hXU9.arr--share{position:sticky;position:-webkit-sticky;bottom:56px;height:0;text-align:center}@media (min-width:768px){.social-share-template-m_tablet-view-popup__1hXU9.arr--share{right:24px}}@media (min-width:768px) and (min-width:1025px){.social-share-template-m_tablet-view-popup__1hXU9.arr--share{bottom:unset;height:unset;text-align:unset}}.author-image-m_author-image__D8GMB .author-image-m_wrapper-comp__16UFl,.author-image-m_wrapper-comp__16UFl svg{width:160px;height:160px}@media (min-width:768px){.author-image-m_author-image__D8GMB .author-image-m_wrapper-comp__16UFl,.author-image-m_wrapper-comp__16UFl svg{position:relative;width:224px;height:224px}}@media (min-width:768px) and (min-width:992px){.author-image-m_author-image__D8GMB .author-image-m_wrapper-comp__16UFl,.author-image-m_wrapper-comp__16UFl svg{width:364px;height:364px}}.author-image-m_author-image__D8GMB img{border-radius:50%;height:100%}@media (min-width:768px){.author-image-m_author-image__D8GMB img{position:absolute}}.author-image-m_square__bjK7M img{border-radius:0}.author-image-m_small-circle__DbQMN.author-image-m_author-image__D8GMB .author-image-m_wrapper-comp__16UFl,.author-image-m_small-circle__DbQMN.author-image-m_author-image__D8GMB .author-image-m_wrapper-comp__16UFl svg{width:40px;height:40px}@media (min-width:768px){.author-image-m_small-circle__DbQMN.author-image-m_author-image__D8GMB .author-image-m_wrapper-comp__16UFl,.author-image-m_small-circle__DbQMN.author-image-m_author-image__D8GMB .author-image-m_wrapper-comp__16UFl svg{width:88px;height:88px}}@media (min-width:992px){.author-image-m_small-circle__DbQMN.author-image-m_author-image__D8GMB .author-image-m_wrapper-comp__16UFl,.author-image-m_small-circle__DbQMN.author-image-m_author-image__D8GMB .author-image-m_wrapper-comp__16UFl svg{width:120px;height:120px}}.author-image-m_small-circle__DbQMN .author-image-m_author-image__D8GMB img{border-radius:133.5px}.social-share-popup-m_share-popup-wrapper__GEJqD{z-index:var(--zIndex-social-popup)}.social-share-popup-m_light__gQmxf.social-share-popup-m_share-popup-wrapper__GEJqD{background-color:var(--arrow-c-dark)}.social-share-popup-m_dark__26Igp.social-share-popup-m_share-popup-wrapper__GEJqD{background-color:var(--arrow-c-light)}.social-share-popup-m_share-popup__QRt3l{padding:var(--arrow-spacing-l)}.social-share-popup-m_social-wrapper__1lPzr{display:flex;flex-direction:row;padding:var(--arrow-fs-tiny) 0;align-items:center}.social-share-popup-m_dark__26Igp .social-share-popup-m_social-icon-wrapper__36jyV{border-bottom:1px solid var(--arrow-c-mono7)}.social-share-popup-m_light__gQmxf .social-share-popup-m_social-icon-wrapper__36jyV{border-bottom:1px solid var(--arrow-c-invert-mono7)}.social-share-popup-m_wrapper__3Ytce{list-style:none}.social-share-popup-m_dark__26Igp .social-share-popup-m_wrapper__3Ytce>:last-child,.social-share-popup-m_light__gQmxf .social-share-popup-m_wrapper__3Ytce>:last-child{border-bottom:unset}@media (min-width:768px){.social-share-popup-m_light__gQmxf .social-share-popup-m_share-popup__QRt3l{border:1px solid var(--arrow-c-invert-mono7)}}@media (min-width:768px){.social-share-popup-m_dark__26Igp .social-share-popup-m_share-popup__QRt3l{border:1px solid var(--arrow-c-mono7)}}.social-share-popup-m_top-bar__174Um{display:flex;flex-direction:row;justify-content:space-between}.social-share-popup-m_share-text__19E-F{font-size:var(--arrow-fs-xs);font-weight:var(--arrow-fw-bold);line-height:var(--arrow-lh-2);margin-bottom:var(--arrow-spacing-s)}.social-share-popup-m_close__3k-Hj{position:absolute;top:var(--arrow-spacing-m);right:var(--arrow-spacing-m)}.social-share-popup-m_social-icon__2a4nT{border-radius:50%;width:var(--arrow-fs-xl);height:var(--arrow-fs-xl);padding:var(--arrow-spacing-xxs)}.social-share-popup-m_social-text__1QPXb{padding-left:var(--arrow-fs-xs);font-size:var(--arrow-fs-s);font-weight:var(--arrow-fw-bold);line-height:var(--arrow-lh-2);color:var(--arrow-c-mono2)}.social-share-popup-m_light__gQmxf .social-share-popup-m_share-text__19E-F,.social-share-popup-m_light__gQmxf .social-share-popup-m_social-text__1QPXb{color:var(--arrow-c-invert-mono2)}.social-share-popup-m_dark__26Igp .social-share-popup-m_share-text__19E-F,.social-share-popup-m_dark__26Igp .social-share-popup-m_social-text__1QPXb{color:var(--arrow-c-mono2)}html[dir=rtl] .social-share-popup-m_social-text__1QPXb{padding-left:0;padding-right:var(--arrow-fs-xs)}html[dir=rtl] .social-share-popup-m_close__3k-Hj{left:var(--arrow-spacing-m);right:auto}
@@ -1 +0,0 @@
1
- .big-fact-m_bigfact-element__3uAwv{border-bottom:1px solid var(--arrow-c-mono5);border-top:1px solid var(--arrow-c-mono5)}.big-fact-m_bigfact-element__3uAwv.big-fact-m_light__ha49M{border-bottom:1px solid var(--arrow-c-invert-mono5);border-top:1px solid var(--arrow-c-invert-mono5)}.big-fact-m_content__1u2Ul{font-size:var(--arrow-fs-huge);font-weight:var(--arrow-fw-bold);color:var(--arrow-c-brand1);padding:var(--arrow-spacing-m) 0 var(--arrow-spacing-xxs) 0}@media (min-width:768px){.big-fact-m_content__1u2Ul{font-size:48px;padding:var(--arrow-spacing-m) 0 var(--arrow-spacing-xs) 0;line-height:var(--arrow-lh-3)}}.big-fact-m_attribution__3XK_P{font-size:var(--arrow-fs-s);font-style:italic;line-height:var(--arrow-lh-5);padding-bottom:var(--arrow-spacing-m)}@media (min-width:768px){.big-fact-m_attribution__3XK_P{font-size:var(--arrow-fs-m)}}.big-fact-m_dark__7a_KC{color:var(--arrow-c-mono1)}.big-fact-m_light__ha49M{color:var(--arrow-c-invert-mono1)}
@@ -1 +0,0 @@
1
- @media (min-width:768px){.block-quote-m_blockquote-withBackground__1yW-u:before{content:"";padding-top:56.25%}}.block-quote-m_icon__m-EIZ{width:48px;height:48px}@media (min-width:768px){.block-quote-m_icon__m-EIZ{width:64px;height:64px}}.block-quote-m_icon-border__2xQQY{display:flex;margin-bottom:var(--arrow-spacing-s)}@media (min-width:768px){.block-quote-m_icon-border__2xQQY{margin-bottom:var(--arrow-spacing-m)}}.block-quote-m_blockquote-default__fZ8a1 .block-quote-m_icon__m-EIZ,.block-quote-m_blockquote__HPVh0 .block-quote-m_icon__m-EIZ{margin-bottom:var(--arrow-spacing-s)}@media (min-width:768px){.block-quote-m_blockquote-default__fZ8a1 .block-quote-m_icon__m-EIZ,.block-quote-m_blockquote__HPVh0 .block-quote-m_icon__m-EIZ{margin-bottom:unset;margin-right:var(--arrow-spacing-l)}}.block-quote-m_blockquote-withBorder__1GVQL .block-quote-m_icon__m-EIZ{margin-right:var(--arrow-spacing-m)}@media (min-width:768px){.block-quote-m_blockquote-withBorder__1GVQL .block-quote-m_icon__m-EIZ{margin-right:var(--arrow-spacing-l)}}.block-quote-m_blockquote-withBackground__1yW-u .block-quote-m_icon__m-EIZ{margin-bottom:var(--arrow-spacing-s)}@media (min-width:768px){.block-quote-m_blockquote-withBackground__1yW-u .block-quote-m_icon__m-EIZ{margin-bottom:var(--arrow-spacing-m)}}.block-quote-m_blockquote-withBorder__1GVQL .block-quote-m_border__1ZTPR{width:100%;height:2px;background-color:var(--arrow-c-brand1);margin-top:36px}.block-quote-m_blockquote-default__fZ8a1 .block-quote-m_content__xpMqX,.block-quote-m_blockquote-withBackground__1yW-u .block-quote-m_content__xpMqX,.block-quote-m_blockquote-withBorder__1GVQL .block-quote-m_content__xpMqX,.block-quote-m_blockquote__HPVh0 .block-quote-m_content__xpMqX{font-family:var(--arrow-typeface-primary);font-size:var(--arrow-fs-l);font-weight:var(--arrow-fw-bold);margin-bottom:var(--arrow-spacing-s);line-height:var(--arrow-lh-3)}@media (min-width:768px){.block-quote-m_blockquote-default__fZ8a1 .block-quote-m_content__xpMqX,.block-quote-m_blockquote-withBackground__1yW-u .block-quote-m_content__xpMqX,.block-quote-m_blockquote-withBorder__1GVQL .block-quote-m_content__xpMqX,.block-quote-m_blockquote__HPVh0 .block-quote-m_content__xpMqX{font-size:var(--arrow-fs-huge)}}@media (min-width:768px){.block-quote-m_blockquote-default__fZ8a1 .block-quote-m_content__xpMqX,.block-quote-m_blockquote__HPVh0 .block-quote-m_content__xpMqX{margin-bottom:var(--arrow-spacing-xs)}}.block-quote-m_blockquote-withBorder__1GVQL .block-quote-m_content__xpMqX{margin-bottom:var(--arrow-spacing-xs)}.block-quote-m_blockquote-withBorder__1GVQL .block-quote-m_wrapper__2KEhw{border-bottom:2px solid var(--arrow-c-brand1)}.block-quote-m_blockquote-default__fZ8a1 .block-quote-m_attribution__2m4s2,.block-quote-m_blockquote-withBackground__1yW-u .block-quote-m_attribution__2m4s2,.block-quote-m_blockquote-withBorder__1GVQL .block-quote-m_attribution__2m4s2,.block-quote-m_blockquote__HPVh0 .block-quote-m_attribution__2m4s2{font-family:var(--arrow-typeface-secondary);font-size:var(--arrow-fs-m);font-weight:var(--arrow-fw-bold);font-style:italic;line-height:var(--arrow-lh-5)}@media (min-width:768px){.block-quote-m_blockquote-default__fZ8a1 .block-quote-m_attribution__2m4s2,.block-quote-m_blockquote-withBackground__1yW-u .block-quote-m_attribution__2m4s2,.block-quote-m_blockquote-withBorder__1GVQL .block-quote-m_attribution__2m4s2,.block-quote-m_blockquote__HPVh0 .block-quote-m_attribution__2m4s2{font-size:var(--arrow-fs-l)}}.block-quote-m_blockquote-withBorder__1GVQL .block-quote-m_attribution__2m4s2{margin-bottom:var(--arrow-spacing-l)}.block-quote-m_blockquote-withBackground__1yW-u .block-quote-m_attribution__2m4s2{display:flex;justify-content:flex-end}.block-quote-m_blockquote-withBackground__1yW-u{background-color:var(--arrow-c-brand1);display:flex;justify-content:center;align-items:center}.block-quote-m_blockquote-withBorder__1GVQL{display:block}.block-quote-m_blockquote-withBackground__1yW-u .block-quote-m_attribution__2m4s2:before{content:"\2013";color:inherit;margin-right:var(--arrow-spacing-xs)}@media (min-width:768px){.block-quote-m_blockquote-withBackground__1yW-u .block-quote-m_attribution__2m4s2:before{margin-right:var(--arrow-spacing-s)}}.block-quote-m_blockquote-withBackground__1yW-u .block-quote-m_quote-wrapper__83bEy{padding:48px}@media (min-width:768px){.block-quote-m_blockquote-withBackground__1yW-u .block-quote-m_quote-wrapper__83bEy{padding:96px}}@media (min-width:768px){.block-quote-m_blockquote-default__fZ8a1 .block-quote-m_quote-wrapper__83bEy,.block-quote-m_blockquote__HPVh0 .block-quote-m_quote-wrapper__83bEy{display:flex}}html[dir=rtl] .block-quote-m_wrapper__2KEhw{margin-right:var(--arrow-spacing-l)}.block-quote-m_attribution__2m4s2.block-quote-m_dark__HaZuG{color:var(--arrow-c-mono4)}.block-quote-m_attribution__2m4s2.block-quote-m_light__1QrNc{color:var(--arrow-c-invert-mono4)}.block-quote-m_content__xpMqX.block-quote-m_dark__HaZuG{color:var(--arrow-c-mono2)}.block-quote-m_content__xpMqX.block-quote-m_light__1QrNc{color:var(--arrow-c-invert-mono2)}.icon-m_curve-wrapper__3-sLV,.icon-m_edge-wrapper__xUOdp{fill:var(--arrow-c-brand1)}
@@ -1 +0,0 @@
1
- .blurb-m_blurb-default__JR86y blockquote,.blurb-m_blurb-withBorder__SjW-- blockquote,.blurb-m_blurb__3pXi5 blockquote{font-family:var(--arrow-typeface-secondary);font-size:var(--arrow-fs-s);line-height:var(--arrow-lh-5)}@media (min-width:768px){.blurb-m_blurb-default__JR86y blockquote,.blurb-m_blurb-withBorder__SjW-- blockquote,.blurb-m_blurb__3pXi5 blockquote{font-size:var(--arrow-fs-m)}}.blurb-m_blurb-default__JR86y blockquote,.blurb-m_blurb__3pXi5 blockquote{font-style:italic;padding-left:var(--arrow-spacing-m)}@media (min-width:768px){.blurb-m_blurb-default__JR86y blockquote,.blurb-m_blurb__3pXi5 blockquote{padding-left:var(--arrow-spacing-l)}}.blurb-m_blurb-withBorder__SjW-- blockquote{padding:var(--arrow-spacing-s) var(--arrow-spacing-m)}@media (min-width:768px){.blurb-m_blurb-withBorder__SjW-- blockquote{padding:var(--arrow-spacing-m) var(--arrow-spacing-l)}}html[dir=rtl] .blurb-m_blurb-default__JR86y blockquote,html[dir=rtl] .blurb-m_blurb__3pXi5 blockquote{padding-left:0;padding-right:var(--arrow-spacing-m)}@media (min-width:768px){html[dir=rtl] .blurb-m_blurb-default__JR86y blockquote,html[dir=rtl] .blurb-m_blurb__3pXi5 blockquote{padding-right:var(--arrow-spacing-l)}}.blurb-m_dark__1eErz{color:var(--arrow-c-mono1)}.blurb-m_dark__1eErz a{color:var(--arrow-c-mono2);border-bottom:1px solid var(--arrow-c-mono2)}.blurb-m_light__OBWiH{color:var(--arrow-c-invert-mono1)}.blurb-m_light__OBWiH a{color:var(--arrow-c-invert-mono2);border-bottom:1px solid var(--arrow-c-invert-mono2)}
@@ -1 +0,0 @@
1
- .collection-filter-m_navigator__3MDUp{visibility:hidden;position:relative}@media (min-width:768px){.collection-filter-m_navigator__3MDUp{width:18px}}.collection-filter-m_wrapper__3Nx_h{padding:0 12px}@media (min-width:768px){.collection-filter-m_wrapper__3Nx_h{padding:unset}}.collection-filter-m_collection-filter__3At2n{margin:var(--arrow-spacing-xs) 0}@media (min-width:768px){.collection-filter-m_collection-filter__3At2n{display:grid;grid-template-columns:2fr 1px 10fr;grid-column-gap:var(--arrow-spacing-l);margin:var(--arrow-spacing-m) 0}}@media (min-width:768px){.collection-filter-m_divider__3Nm-k.collection-filter-m_dark__2LMGY{border-left:1px solid var(--dark-border)}}@media (min-width:768px){.collection-filter-m_divider__3Nm-k.collection-filter-m_light__1wyGa{border-left:1px solid var(--light-border)}}.collection-filter-m_subCollection-wrapper__14azF{position:relative;min-height:100px}@media (min-width:768px){.collection-filter-m_subCollection-stories__2RDkI{display:flex;align-items:flex-start}}.collection-filter-m_cards__1Co_7{display:block}@media (min-width:768px){.collection-filter-m_cards__1Co_7{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--arrow-spacing-l);flex-basis:66%}}.collection-filter-m_last-column__UP63_{display:block}@media (min-width:768px){.collection-filter-m_last-column__UP63_{display:flex;flex-direction:column;margin-left:var(--arrow-spacing-l);flex-basis:34%}}.collection-filter-m_cards__1Co_7 .collection-filter-m_card__2IOTX,.collection-filter-m_last-column__UP63_ .collection-filter-m_card__2IOTX{margin-bottom:var(--arrow-spacing-l)}@media (min-width:768px){.collection-filter-m_cards__1Co_7 .collection-filter-m_card__2IOTX{margin-bottom:unset}}@media (min-width:768px){.collection-filter-m_card-wrapper__qzzWB{display:flex;align-items:flex-start}}.collection-filter-m_child-collections__2-FiJ{display:flex;font-size:var(--arrow-fs-xs);margin-bottom:16px;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;overflow:scroll;scrollbar-width:none}@media (min-width:768px){.collection-filter-m_child-collections__2-FiJ{display:block;font-size:var(--arrow-fs-s);line-height:var(--arrow-lh-2);overflow:none}}.collection-filter-m_child-collections__2-FiJ::-webkit-scrollbar{width:0;height:0}.collection-filter-m_child-collection__1YB-F.collection-filter-m_dark__2LMGY{color:var(--arrow-c-mono4)}.collection-filter-m_child-collection__1YB-F.collection-filter-m_light__1wyGa{color:var(--arrow-c-invert-mono4)}.collection-filter-m_child-collection__1YB-F{margin:0 11px 12px;cursor:pointer;font-size:var(--arrow-fs-xs);font-weight:var(--arrow-fw-bold)}@media (min-width:768px){.collection-filter-m_child-collection__1YB-F{font-size:var(--arrow-fs-s);margin:0 0 var(--arrow-spacing-l) 0}}.collection-filter-m_child-collection-wrapper__2ezSh{display:flex;scroll-snap-align:start}.collection-filter-m_child-collection__1YB-F.collection-filter-m_dark__2LMGY:hover,.collection-filter-m_open-subchild__koie_>.collection-filter-m_child-collection__1YB-F.collection-filter-m_dark__2LMGY{color:var(--arrow-c-mono2)}.collection-filter-m_child-collection__1YB-F.collection-filter-m_light__1wyGa:hover,.collection-filter-m_open-subchild__koie_>.collection-filter-m_child-collection__1YB-F.collection-filter-m_light__1wyGa{color:var(--arrow-c-invert-mono2)}.collection-filter-m_open-subchild__koie_{border-bottom:2px solid var(--arrow-c-brand1)}@media (min-width:768px){.collection-filter-m_open-subchild__koie_{border-bottom:unset}}@media (min-width:768px){.collection-filter-m_open-subchild__koie_>.collection-filter-m_navigator__3MDUp{visibility:visible;width:24px;transition:width .35s ease-in-out;-webkit-animation:collection-filter-m_fadein__Dxs8G 2s;animation:collection-filter-m_fadein__Dxs8G 2s}}@-webkit-keyframes collection-filter-m_fadein__Dxs8G{0%{opacity:0}to{opacity:1}}@keyframes collection-filter-m_fadein__Dxs8G{0%{opacity:0}to{opacity:1}}@media (min-width:768px){.collection-filter-m_navigator__3MDUp:before{content:"";border:4px solid transparent;border-left:8px solid var(--arrow-c-mono2);position:absolute;right:0;top:8px}}@media (min-width:768px){.collection-filter-m_navigator__3MDUp.collection-filter-m_dark__2LMGY:before{border-left-color:var(--arrow-c-mono2);border-bottom-color:transparent;border-right-color:transparent;border-top-color:transparent}}@media (min-width:768px){.collection-filter-m_navigator__3MDUp.collection-filter-m_light__1wyGa:before{border-left-color:var(--arrow-c-invert-mono2);border-bottom-color:transparent;border-right-color:transparent;border-top-color:transparent}}.collection-filter-m_collection-filter__3At2n .collection-filter-m_subCollection-stories__2RDkI{-webkit-animation-name:collection-filter-m_fadeIn__1AtGp;animation-name:collection-filter-m_fadeIn__1AtGp;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay:1s;animation-delay:1s}@media (min-width:768px){html[dir=rtl] .collection-filter-m_last-column__UP63_{margin-right:var(--arrow-spacing-l);margin-left:0}}html[dir=rtl] .collection-filter-m_open-subchild__koie_>.collection-filter-m_navigator__3MDUp{height:var(--arrow-spacing-l);transform:rotate(-180deg)}@-webkit-keyframes collection-filter-m_fadeIn__1AtGp{0%{opacity:0}to{opacity:1}}@keyframes collection-filter-m_fadeIn__1AtGp{0%{opacity:0}to{opacity:1}}.loading-m_loading-indicator__2Dlst{position:absolute;top:50%;left:calc(50% - 20px)}.storycardContent-m_wrapper__TEmfA{flex-basis:70%}@media (min-width:768px){.storycardContent-m_wrapper__TEmfA{flex-basis:100%}}.storycardContent-m_horizontal-content-wrapper__NgpuC.storycardContent-m_border-full__2km37{padding:16px 16px 16px 0}@media (min-width:768px){.storycardContent-m_horizontal-content-wrapper__NgpuC.storycardContent-m_border-full__2km37{padding:0 16px 16px}}.storycardContent-m_border-full__2km37{padding:12px 0 0}@media (min-width:768px){.storycardContent-m_border-full__2km37{padding:0 16px 16px}}.load-more-m_button__1mmf1{padding:var(--arrow-spacing-xs) var(--arrow-spacing-l);border:1px solid;display:flex;margin:var(--arrow-spacing-l) auto;font-size:var(--arrow-fs-xs);border-radius:var(--arrow-spacing-xxs);background-color:transparent;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;cursor:pointer}.load-more-m_default__2_k4V{display:block}.load-more-m_dark__3dfzb{color:var(--arrow-c-mono2)}.load-more-m_light__ePZQI{color:var(--arrow-c-invert-mono2)}.storycard-m_author-timestamp-wrapper__20yjp{display:flex;align-items:center}.storycard-m_default-card__1-POn{display:flex;flex-direction:column}.storycard-m_horizontal-card___7afz{display:flex;flex-direction:row}@media (min-width:768px){.storycard-m_backgroung-img__1FMJT>a>figure:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,rgba(0,0,0,.7),transparent 50%,transparent)}}@media (min-width:768px){.storycard-m_backgroung-img__1FMJT>div:nth-child(2){padding:var(--arrow-spacing-m) var(--arrow-spacing-m) 48px;position:absolute;bottom:0;left:15%;right:15%}}.storycard-m_backgroung-img__1FMJT img{position:absolute;bottom:0}@media (min-width:768px){.storycard-m_content-overlap__1yNHR>div:nth-child(2){margin:0 var(--arrow-spacing-m);width:calc(100% - 32px);background-color:var(--arrow-c-light);padding:var(--arrow-spacing-m);position:absolute;bottom:0}}@media (min-width:768px){.storycard-m_content-overlap__1yNHR img{position:absolute;bottom:0}}.storycard-m_horizontal-card___7afz>div:first-child{flex-basis:30%}.storycard-m_horizontal-card___7afz>div:nth-child(2){flex-basis:70%}.storycard-m_border-full__1nhy7.storycard-m_light__3EhXN{border:1px solid var(--light-border)}.storycard-m_border-full__1nhy7.storycard-m_dark__2wCTq{border:1px solid var(--dark-border)}.storycard-m_border-bottom__2_E-I.storycard-m_light__3EhXN{border-bottom:1px solid var(--light-border);padding-bottom:var(--arrow-spacing-m)}.storycard-m_border-bottom__2_E-I.storycard-m_dark__2wCTq{border-bottom:1px solid var(--dark-border);padding-bottom:var(--arrow-spacing-m)}.storycard-m_border-boxShadow__2-k3Z{box-shadow:0 2px 10px 0 rgba(0,0,0,.1)}.storycard-m_center-align__1Sn8-{display:flex;flex-direction:column;align-items:left}@media (min-width:768px){.storycard-m_center-align__1Sn8-{align-items:center;text-align:center}}.storycard-m_content-boxShadow__2IAWZ,.storycard-m_content-full__2zJmU{padding:var(--arrow-spacing-xs) var(--arrow-spacing-m)}.storycard-m_backgroung-img__1FMJT,.storycard-m_content-overlap__1yNHR{position:relative}.storycard-m_hero-image__1H3MB{margin-bottom:var(--arrow-spacing-xs);padding-right:0}.storycard-m_right-padding__12-lQ{padding-bottom:0;padding-right:var(--arrow-spacing-xs)}.storycard-m_horizontal-mob__17JG2{display:flex;flex-direction:row}@media (min-width:768px){.storycard-m_horizontal-mob__17JG2{flex-direction:column}}.storycard-m_horizontal-mob__17JG2 .storycard-m_hero-image__1H3MB{flex-basis:30%}@media (min-width:768px){.storycard-m_horizontal-mob__17JG2 .storycard-m_hero-image__1H3MB{flex-basis:100%}}.storycard-m_horizontal-mob__17JG2 .storycard-m_content__1Q9vq{flex-basis:70%}@media (min-width:768px){.storycard-m_horizontal-mob__17JG2 .storycard-m_content__1Q9vq{flex-basis:100%}}.storycard-m_border-default__PEZ1x{border:none;height:100%}.storycard-m_card__KJwRa{height:100%}.hero-image-m_hero-image__3lraV{margin-bottom:var(--arrow-spacing-xs);padding-right:0;flex-grow:1}.hero-image-m_right-padding-mob__3-uOU,.hero-image-m_right-padding__1LkCe{margin-bottom:0;padding-right:var(--arrow-spacing-s);flex-grow:1}.hero-image-m_right-padding-mob__3-uOU{flex-basis:30%}@media (min-width:768px){.hero-image-m_right-padding-mob__3-uOU{padding-right:0;margin-bottom:var(--arrow-spacing-xs)}}.hero-image-m_placeholder__1omCm{background-color:#d3d3d3}html[dir=rtl] .hero-image-m_right-padding-mob__3-uOU,html[dir=rtl] .hero-image-m_right-padding__1LkCe{padding-right:0;padding-left:var(--arrow-spacing-s)}@media (min-width:768px){html[dir=rtl] .hero-image-m_right-padding-mob__3-uOU{padding-left:0}}.hero-image-m_hero-image-mob__13JJp{margin-bottom:var(--arrow-spacing-xs);padding-right:0;flex-grow:1}.hero-image-m_with-padding__324G_{padding:16px 16px 0}.hero-image-m_image__1mz0U{position:relative}.hero-image-m_image__1mz0U img{position:absolute;top:0;bottom:0;left:0;right:0;height:100%}.collection-name-m_collection__JD6sx{font-size:var(--arrow-fs-m);margin-bottom:var(--arrow-spacing-m);font-weight:var(--arrow-fw-bold)}@media (min-width:768px){.collection-name-m_collection__JD6sx{font-size:var(--arrow-fs-l);margin-bottom:var(--arrow-spacing-l)}}.collection-name-m_collection-borderLeft__3Dznk{display:flex;align-items:baseline}.collection-name-m_collection-borderLeft__3Dznk .collection-name-m_border-left__3_pYw{margin-right:var(--arrow-spacing-xs);min-width:5px;width:5px;overflow:hidden}.collection-name-m_collection-borderLeft__3Dznk .collection-name-m_border-left__3_pYw:before{content:"I";font-family:var(--arrow-sans-serif)}.collection-name-m_collection-borderBottomFull__Dkq3K{display:inline-block}.collection-name-m_collection-borderBottom__2rdQM{display:block}.collection-name-m_collection-crossLine__1sIpN{display:flex;align-items:center}.collection-name-m_collection-crossLine__1sIpN:before{content:" ";position:relative;flex:1 1 auto;border-top:1px solid var(--arrow-c-mono5);margin-right:var(--arrow-spacing-l)}.collection-name-m_collection-crossLine__1sIpN:after{content:" ";position:relative;flex:1 1 auto;border-top:1px solid var(--arrow-c-mono5);margin-left:var(--arrow-spacing-l)}html[dir=rtl] .collection-name-m_collection-borderLeft__3Dznk .collection-name-m_border-left__3_pYw{margin-right:0;margin-left:var(--arrow-spacing-xs)}html[dir=rtl] .collection-name-m_collection-crossLine__1sIpN:before{margin-right:0;margin-left:var(--arrow-spacing-l)}html[dir=rtl] .collection-name-m_collection-crossLine__1sIpN:after{margin-left:0;margin-right:var(--arrow-spacing-l)}.collection-name-m_border-bottom__1MnlV{width:20px;height:4px;margin-top:var(--arrow-spacing-xxs)}.collection-name-m_collection-crossLine__1sIpN .collection-name-m_border-bottom__1MnlV{visibility:hidden}.collection-name-m_dark__nMe5H a,.collection-name-m_dark__nMe5H h3,.collection-name-m_dark__nMe5H h5{color:var(--arrow-c-mono2)}.collection-name-m_light__1vFDN a,.collection-name-m_light__1vFDN h3,.collection-name-m_light__1vFDN h5{color:var(--arrow-c-invert-mono2)}.subheadline-m_subheadline__3fd7z{margin-bottom:var(--arrow-spacing-xxs);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}@media (min-width:768px){.subheadline-m_subheadline__3fd7z{margin-bottom:var(--arrow-spacing-xs)}}.subheadline-m_dark__28u00{color:var(--arrow-c-mono4)}.subheadline-m_light__2YUOe{color:var(--arrow-c-invert-mono4)}.headline-m_wrapper__3nUmh{margin-bottom:6px}.headline-m_headline__3_NhV{margin-bottom:var(--arrow-spacing-xxs);color:var(--arrow-c-mono2);font-weight:var(--arrow-fw-semi-bold)}@media (min-width:768px){.headline-m_headline__3_NhV{margin-bottom:var(--arrow-spacing-xs)}}.headline-m_wrapper__3nUmh .headline-m_headline__3_NhV{display:inline;margin-bottom:var(--arrow-spacing-xs)}.headline-m_dark__en3hW{color:var(--arrow-c-mono2)}.headline-m_light__3lKJB{color:var(--arrow-c-invert-mono2)}.section-m_section__2N4S3{margin-bottom:var(--arrow-spacing-xxs)}@media (min-width:768px){.section-m_section__2N4S3{margin-bottom:var(--arrow-spacing-xs)}}.section-m_section-borderBottomSml__2GNbo .section-m_border-bottom__3cRoD{width:20px;height:2px;margin-top:var(--arrow-spacing-xxs)}.section-m_section-borderLeft__3hKVj{display:flex;align-items:baseline}.section-m_section-borderLeft__3hKVj .section-m_border-left__2oUyp{margin-right:var(--arrow-spacing-xs);min-width:3px;max-width:3px;overflow:hidden}.section-m_section-borderLeft__3hKVj .section-m_border-left__2oUyp:before{content:"I";font-family:var(--arrow-sans-serif)}html[dir=rtl] .section-m_border-left__2oUyp{margin-left:var(--arrow-spacing-xs);margin-right:0}.section-m_section-solid__1vB1Q{color:var(--arrow-c-light);align-self:self-start;display:inline-flex;padding:var(--arrow-spacing-xxs) var(--arrow-spacing-s)}@media (min-width:768px){.section-m_section-solid__1vB1Q{padding:var(--arrow-spacing-xs) var(--arrow-spacing-m)}}.section-m_dark__1r3C4{color:var(--arrow-c-mono2)}.section-m_light__306hW{color:var(--arrow-c-invert-mono2)}.author-with-timestamp-m_author-time-wrapper__G7_eI{display:flex;flex-wrap:wrap;align-items:center;color:var(--arrow-c-mono2)}.author-with-timestamp-m_author-image__24xrD{border-radius:100%;width:var(--arrow-spacing-l);height:var(--arrow-spacing-l);margin-right:var(--arrow-spacing-xs)}.author-with-timestamp-m_dot__1LHXD{position:relative;margin-right:var(--arrow-spacing-xs);top:-6px}.author-with-timestamp-m_bottom-fix__1rWGv{margin-top:auto}.author-with-timestamp-m_dash__2L5XC{position:relative;margin-right:var(--arrow-spacing-xs);top:-1px}@media (min-width:768px){.author-with-timestamp-m_dash__2L5XC{top:-3px}}html[dir=rtl] .author-with-timestamp-m_dot__1LHXD{margin-left:var(--arrow-spacing-xs)}html[dir=rtl] .author-with-timestamp-m_dash__2L5XC{padding-left:var(--arrow-spacing-xs)}.fallback-m_image-position__3KddP{position:absolute;top:0;right:0;left:0;bottom:0}.fallback-m_image__1GYCJ{background:var(--fallback-img)}.fallback-m_image__1GYCJ:after{content:"";position:absolute;top:0;right:0;left:0;bottom:0}.fallback-m_fallback-svg__tK9fL svg{-o-object-fit:cover;object-fit:cover;position:absolute;top:0;right:0;bottom:0;left:50%;transform:translateX(-50%);height:100%}.dot-m_dark__1Njxl{fill:var(--arrow-c-mono4)}.dot-m_light__27IA3{fill:var(--arrow-c-invert-mono4)}.timestamp-m_time__2v46i{display:flex;margin-bottom:2px}.timestamp-m_time-wrapper__3O2lM{margin-bottom:var(--arrow-spacing-xxs)}.timestamp-m_bottom-fix__1Zh8r{margin-top:auto}.timestamp-m_dark__2lk9E{color:var(--arrow-c-mono4)}.timestamp-m_light__2QlrI{color:var(--arrow-c-invert-mono4)}.read-time-m_read-time-wrapper__3GyC_{display:flex;font-size:var(--arrow-fs-tiny);line-height:var(--arrow-lh-2)}.read-time-m_dot-indicator__3Sqh2{padding:0 var(--arrow-spacing-xs) var(--arrow-spacing-xs)}.read-time-m_dark__3yRaK{color:var(--arrow-c-mono4)}.read-time-m_light__1GAZu{color:var(--arrow-c-invert-mono4)}html[dir=rtl] .read-time-m_read-time-wrapper__3GyC_{margin-right:var(--arrow-spacing-xs)}.divider-m_dark__26FRi{fill:var(--arrow-c-mono4)}.divider-m_light__w-7sy{fill:var(--arrow-c-invert-mono4)}.author-m_author__WRuLm{display:flex;align-items:center;color:var(--arrow-c-mono4);margin-bottom:var(--arrow-spacing-xs)}.author-m_author-image__3q2oc{border-radius:100%;width:var(--arrow-spacing-l);height:var(--arrow-spacing-l);margin-right:var(--arrow-spacing-xs);overflow:hidden}.author-m_author-image__3q2oc figure,.author-m_author-image__3q2oc img{height:100%;width:100%}.author-m_author-name__3WP-O{margin:auto var(--arrow-spacing-xs) auto 0}.author-m_bottom-fix__223TT{margin-top:auto}.author-m_prefix__YSInK{margin:auto var(--arrow-spacing-xxs) auto 0}.author-m_rtl-image__2nglD{display:none}html[dir=rtl] .author-m_author-name__3WP-O{margin-right:0}html[dir=rtl] .author-m_prefix__YSInK{margin-right:0;margin-left:var(--arrow-spacing-xxs)}html[dir=rtl] .author-m_ltr-image__3bc0L{display:none}html[dir=rtl] .author-m_rtl-image__2nglD{display:block}.author-m_dark__2TTlp{color:var(--arrow-c-mono4)}.author-m_light__3y8_x{color:var(--arrow-c-invert-mono4)}