@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.
- package/.babelrc +12 -0
- package/.circleci/config.yml +42 -0
- package/.eslintrc.json +25 -0
- package/.prettierrc +6 -0
- package/.storybook/addons.js +5 -0
- package/.storybook/config.js +13 -0
- package/.storybook/webpack.config.js +8 -0
- package/.stylelintrc +10 -0
- package/.vscode/extensions.json +16 -0
- package/.vscode/settings.json +12 -0
- package/CHANGELOG.md +1362 -0
- package/README.md +10 -0
- package/__mocks__/fileMock.js +1 -0
- package/__mocks__/styleMock.js +1 -0
- package/{app.scss → assets/stylesheets/app.scss} +154 -1
- package/assets/stylesheets/mixins.scss +27 -0
- package/assets/stylesheets/reset.scss +148 -0
- package/assets/stylesheets/viewports.m.css +3 -0
- package/bin-dev-scripts/prepublish.sh +11 -0
- package/bin-dev-scripts/sync-to.sh +13 -0
- package/jest.config.json +14 -0
- package/package.json +131 -1
- package/publish +24 -0
- package/rollup.js +202 -0
- package/setupTests.js +3 -0
- package/src/components/Atoms/AdPlaceholder/ads.m.css +13 -0
- package/src/components/Atoms/AdPlaceholder/index.js +25 -0
- package/src/components/Atoms/Author/README.md +19 -0
- package/src/components/Atoms/Author/author.m.css +65 -0
- package/src/components/Atoms/Author/index.js +98 -0
- package/src/components/Atoms/Author/stories.js +23 -0
- package/src/components/Atoms/AuthorCard/README.md +47 -0
- package/src/components/Atoms/AuthorCard/author-card.m.css +174 -0
- package/src/components/Atoms/AuthorCard/author-card.test.js +72 -0
- package/src/components/Atoms/AuthorCard/index.js +115 -0
- package/src/components/Atoms/AuthorCard/stories.js +69 -0
- package/src/components/Atoms/AuthorImage/README.md +31 -0
- package/src/components/Atoms/AuthorImage/author-image.m.css +53 -0
- package/src/components/Atoms/AuthorImage/index.js +55 -0
- package/src/components/Atoms/AuthorImage/stories.js +20 -0
- package/src/components/Atoms/AuthorWithTimestamp/README.md +11 -0
- package/src/components/Atoms/AuthorWithTimestamp/author-with-timestamp.m.css +42 -0
- package/src/components/Atoms/AuthorWithTimestamp/index.js +79 -0
- package/src/components/Atoms/AuthorWithTimestamp/stories.js +21 -0
- package/src/components/Atoms/BulletPoint/README.md +9 -0
- package/src/components/Atoms/BulletPoint/bullet-point.m.css +14 -0
- package/src/components/Atoms/BulletPoint/index.js +19 -0
- package/src/components/Atoms/BulletPoint/stories.js +6 -0
- package/src/components/Atoms/CaptionAttribution/README.md +15 -0
- package/src/components/Atoms/CaptionAttribution/caption-attribution.m.css +40 -0
- package/src/components/Atoms/CaptionAttribution/caption-attribution.test.js +29 -0
- package/src/components/Atoms/CaptionAttribution/index.js +40 -0
- package/src/components/Atoms/CaptionAttribution/stories.js +40 -0
- package/src/components/Atoms/CollectionName/README.md +11 -0
- package/src/components/Atoms/CollectionName/collection-name.m.css +94 -0
- package/src/components/Atoms/CollectionName/index.js +143 -0
- package/src/components/Atoms/CollectionName/stories.js +52 -0
- package/src/components/Atoms/Divider/__snapshots__/divider.test.js.snap +18 -0
- package/src/components/Atoms/Divider/divider.m.css +6 -0
- package/src/components/Atoms/Divider/divider.test.js +10 -0
- package/src/components/Atoms/Divider/index.js +20 -0
- package/src/components/Atoms/Dot/dot.js +20 -0
- package/src/components/Atoms/Dot/dot.m.css +6 -0
- package/src/components/Atoms/ExtendedLoadMore/README.md +9 -0
- package/src/components/Atoms/ExtendedLoadMore/__snapshots__/extended-load-more.test.js.snap +11 -0
- package/src/components/Atoms/ExtendedLoadMore/extended-load-more.test.js +19 -0
- package/src/components/Atoms/ExtendedLoadMore/index.js +112 -0
- package/src/components/Atoms/FallbackImage/fallback.m.css +33 -0
- package/src/components/Atoms/FallbackImage/index.js +30 -0
- package/src/components/Atoms/Headline/README.md +7 -0
- package/src/components/Atoms/Headline/headline.m.css +26 -0
- package/src/components/Atoms/Headline/index.js +76 -0
- package/src/components/Atoms/Headline/stories.js +52 -0
- package/src/components/Atoms/HeroImage/README.md +13 -0
- package/src/components/Atoms/HeroImage/hero-image.m.css +71 -0
- package/src/components/Atoms/HeroImage/index.js +165 -0
- package/src/components/Atoms/HeroImage/stories.js +22 -0
- package/src/components/Atoms/LoadMoreTarget/index.js +24 -0
- package/src/components/Atoms/Loadmore/README.md +0 -0
- package/src/components/Atoms/Loadmore/__snapshots__/load-more.test.js.snap +25 -0
- package/src/components/Atoms/Loadmore/index.js +41 -0
- package/src/components/Atoms/Loadmore/load-more.m.css +23 -0
- package/src/components/Atoms/Loadmore/load-more.test.js +30 -0
- package/src/components/Atoms/Loadmore/stories.js +17 -0
- package/src/components/Atoms/MagazineCoverImage/README.md +21 -0
- package/src/components/Atoms/MagazineCoverImage/index.js +61 -0
- package/src/components/Atoms/MagazineCoverImage/magazine-cover-image.m.css +24 -0
- package/src/components/Atoms/MagazineCoverImage/stories.js +21 -0
- package/src/components/Atoms/PremiumStoryIcon/index.js +27 -0
- package/src/components/Atoms/PublishDetail/README.md +15 -0
- package/src/components/Atoms/PublishDetail/index.js +63 -0
- package/src/components/Atoms/PublishDetail/publish-details.m.css +47 -0
- package/src/components/Atoms/PublishDetail/publish-details.test.js +22 -0
- package/src/components/Atoms/PublishDetail/stories.js +21 -0
- package/src/components/Atoms/ReadTime/README.md +13 -0
- package/src/components/Atoms/ReadTime/index.js +44 -0
- package/src/components/Atoms/ReadTime/read-time.m.css +25 -0
- package/src/components/Atoms/ReadTime/read-time.test.js +18 -0
- package/src/components/Atoms/ReadTime/stories.js +19 -0
- package/src/components/Atoms/ScrollSnap/SliderArrow/index.js +57 -0
- package/src/components/Atoms/ScrollSnap/SliderArrow/slider-arrow.m.css +45 -0
- package/src/components/Atoms/ScrollSnap/SliderIndicator/index.js +41 -0
- package/src/components/Atoms/ScrollSnap/SliderIndicator/slider-indicator.m.css +71 -0
- package/src/components/Atoms/ScrollSnap/index.js +136 -0
- package/src/components/Atoms/ScrollSnap/scroll-snap.m.css +27 -0
- package/src/components/Atoms/SectionTag/README.md +11 -0
- package/src/components/Atoms/SectionTag/index.js +61 -0
- package/src/components/Atoms/SectionTag/section.m.css +53 -0
- package/src/components/Atoms/SectionTag/stories.js +26 -0
- package/src/components/Atoms/SocialSharePopup/README.md +25 -0
- package/src/components/Atoms/SocialSharePopup/__snapshots__/social-share-popup.test.js.snap +653 -0
- package/src/components/Atoms/SocialSharePopup/index.js +61 -0
- package/src/components/Atoms/SocialSharePopup/social-share-popup.m.css +109 -0
- package/src/components/Atoms/SocialSharePopup/social-share-popup.test.js +93 -0
- package/src/components/Atoms/SocialSharePopup/stories.js +19 -0
- package/src/components/Atoms/StoryElements/AlsoRead/README.md +49 -0
- package/src/components/Atoms/StoryElements/AlsoRead/also-read.m.css +135 -0
- package/src/components/Atoms/StoryElements/AlsoRead/also-read.test.js +83 -0
- package/src/components/Atoms/StoryElements/AlsoRead/index.js +117 -0
- package/src/components/Atoms/StoryElements/AlsoRead/stories.js +40 -0
- package/src/components/Atoms/StoryElements/Attachment/README.md +21 -0
- package/src/components/Atoms/StoryElements/Attachment/__snapshots__/attachment.test.js.snap +47 -0
- package/src/components/Atoms/StoryElements/Attachment/attachment.m.css +125 -0
- package/src/components/Atoms/StoryElements/Attachment/attachment.test.js +39 -0
- package/src/components/Atoms/StoryElements/Attachment/index.js +62 -0
- package/src/components/Atoms/StoryElements/Attachment/stories.js +48 -0
- package/src/components/Atoms/StoryElements/BigFact/README.md +9 -0
- package/src/components/Atoms/StoryElements/BigFact/big-fact.m.css +41 -0
- package/src/components/Atoms/StoryElements/BigFact/big-fact.test.js +21 -0
- package/src/components/Atoms/StoryElements/BigFact/index.js +33 -0
- package/src/components/Atoms/StoryElements/BigFact/stories.js +9 -0
- package/src/components/Atoms/StoryElements/BlockQuote/README.md +49 -0
- package/src/components/Atoms/StoryElements/BlockQuote/Svg/curve.js +26 -0
- package/src/components/Atoms/StoryElements/BlockQuote/Svg/edge.js +26 -0
- package/src/components/Atoms/StoryElements/BlockQuote/Svg/icon.m.css +4 -0
- package/src/components/Atoms/StoryElements/BlockQuote/block-quote.m.css +161 -0
- package/src/components/Atoms/StoryElements/BlockQuote/block-quote.test.js +48 -0
- package/src/components/Atoms/StoryElements/BlockQuote/index.js +82 -0
- package/src/components/Atoms/StoryElements/BlockQuote/stories.js +35 -0
- package/src/components/Atoms/StoryElements/Blurb/README.md +43 -0
- package/src/components/Atoms/StoryElements/Blurb/blurb.m.css +55 -0
- package/src/components/Atoms/StoryElements/Blurb/blurb.test.js +46 -0
- package/src/components/Atoms/StoryElements/Blurb/index.js +53 -0
- package/src/components/Atoms/StoryElements/Blurb/stories.js +28 -0
- package/src/components/Atoms/StoryElements/Image/README.md +13 -0
- package/src/components/Atoms/StoryElements/Image/image.m.css +17 -0
- package/src/components/Atoms/StoryElements/Image/image.test.js +20 -0
- package/src/components/Atoms/StoryElements/Image/index.js +57 -0
- package/src/components/Atoms/StoryElements/Image/stories.js +25 -0
- package/src/components/Atoms/StoryElements/ImageSlideshow/README.md +13 -0
- package/src/components/Atoms/StoryElements/ImageSlideshow/image-slideshow.m.css +49 -0
- package/src/components/Atoms/StoryElements/ImageSlideshow/index.js +63 -0
- package/src/components/Atoms/StoryElements/ImageSlideshow/stories.js +34 -0
- package/src/components/Atoms/StoryElements/QuestionAnswer/README.md +56 -0
- package/src/components/Atoms/StoryElements/QuestionAnswer/index.js +134 -0
- package/src/components/Atoms/StoryElements/QuestionAnswer/question-answer.m.css +106 -0
- package/src/components/Atoms/StoryElements/QuestionAnswer/question-answer.test.js +74 -0
- package/src/components/Atoms/StoryElements/QuestionAnswer/stories.js +79 -0
- package/src/components/Atoms/StoryElements/Quote/README.md +41 -0
- package/src/components/Atoms/StoryElements/Quote/index.js +44 -0
- package/src/components/Atoms/StoryElements/Quote/quote.m.css +111 -0
- package/src/components/Atoms/StoryElements/Quote/quote.test.js +39 -0
- package/src/components/Atoms/StoryElements/Quote/stories.js +28 -0
- package/src/components/Atoms/StoryElements/Reference/README.md +9 -0
- package/src/components/Atoms/StoryElements/Reference/index.js +52 -0
- package/src/components/Atoms/StoryElements/Reference/reference.m.css +42 -0
- package/src/components/Atoms/StoryElements/Reference/reference.test.js +28 -0
- package/src/components/Atoms/StoryElements/Reference/stories.js +18 -0
- package/src/components/Atoms/StoryElements/StoryElement/README.md +10 -0
- package/src/components/Atoms/StoryElements/StoryElement/index.js +21 -0
- package/src/components/Atoms/StoryElements/StoryElement/stories.js +20 -0
- package/src/components/Atoms/StoryElements/StoryElement/storyelement.test.js +13 -0
- package/src/components/Atoms/StoryElements/Summary/README.md +56 -0
- package/src/components/Atoms/StoryElements/Summary/index.js +68 -0
- package/src/components/Atoms/StoryElements/Summary/stories.js +33 -0
- package/src/components/Atoms/StoryElements/Summary/summary.m.css +121 -0
- package/src/components/Atoms/StoryElements/Summary/summary.test.js +50 -0
- package/src/components/Atoms/StoryElements/Text/README.md +32 -0
- package/src/components/Atoms/StoryElements/Text/index.js +41 -0
- package/src/components/Atoms/StoryElements/Text/stories.js +32 -0
- package/src/components/Atoms/StoryElements/Text/text.m.css +48 -0
- package/src/components/Atoms/StoryElements/Text/text.test.js +42 -0
- package/src/components/Atoms/StoryElements/Video/README.md +9 -0
- package/src/components/Atoms/StoryElements/Video/index.js +23 -0
- package/src/components/Atoms/StoryElements/Video/stories.js +24 -0
- package/src/components/Atoms/StoryElements/Video/video.m.css +3 -0
- package/src/components/Atoms/StoryElements/Video/video.test.js +13 -0
- package/src/components/Atoms/StoryElements/imageGallery/README.md +18 -0
- package/src/components/Atoms/StoryElements/imageGallery/image-gallery.m.css +48 -0
- package/src/components/Atoms/StoryElements/imageGallery/image-gallery.test.js +19 -0
- package/src/components/Atoms/StoryElements/imageGallery/index.js +74 -0
- package/src/components/Atoms/StoryElements/imageGallery/stories.js +23 -0
- package/src/components/Atoms/StoryElements/withElementWrapper.js +13 -0
- package/src/components/Atoms/StoryElements/withElementWrapper.test.js +31 -0
- package/src/components/Atoms/StoryHeadline/index.js +36 -0
- package/src/components/Atoms/StoryHeadline/story-headline.m.css +36 -0
- package/src/components/Atoms/StoryTags/README.md +9 -0
- package/src/components/Atoms/StoryTags/index.js +33 -0
- package/src/components/Atoms/StoryTags/stories.js +25 -0
- package/src/components/Atoms/StoryTags/story-tags.test.js +18 -0
- package/src/components/Atoms/StoryTags/tags.m.css +34 -0
- package/src/components/Atoms/Subheadline/README.md +17 -0
- package/src/components/Atoms/Subheadline/index.js +54 -0
- package/src/components/Atoms/Subheadline/stories.js +12 -0
- package/src/components/Atoms/Subheadline/subheadline.m.css +17 -0
- package/src/components/Atoms/TimeStamp/README.md +9 -0
- package/src/components/Atoms/TimeStamp/index.js +37 -0
- package/src/components/Atoms/TimeStamp/stories.js +9 -0
- package/src/components/Atoms/TimeStamp/timestamp.m.css +22 -0
- package/src/components/Fixture/config.json +2703 -0
- package/src/components/Fixture/dummy-collection.js +2787 -0
- package/src/components/Fixture/dummyStory.js +2148 -0
- package/src/components/Fixture/index.js +424 -0
- package/src/components/Fixture/slot-config.js +29 -0
- package/src/components/Molecules/FullScreenImages/fullscreenimages.scss +48 -0
- package/src/components/Molecules/FullScreenImages/index.js +86 -0
- package/src/components/Molecules/KeyEvents/README.md +21 -0
- package/src/components/Molecules/KeyEvents/index.js +109 -0
- package/src/components/Molecules/KeyEvents/key-events.m.css +89 -0
- package/src/components/Molecules/KeyEvents/stories.js +28 -0
- package/src/components/Molecules/PageIntroductionCard/README.md +25 -0
- package/src/components/Molecules/PageIntroductionCard/index.js +50 -0
- package/src/components/Molecules/PageIntroductionCard/page-intro-card.m.css +61 -0
- package/src/components/Molecules/PageIntroductionCard/stories.js +16 -0
- package/src/components/Molecules/SliderHorizontalCard/README.md +14 -0
- package/src/components/Molecules/SliderHorizontalCard/index.js +45 -0
- package/src/components/Molecules/SliderHorizontalCard/slider-horizontal-card.m.css +42 -0
- package/src/components/Molecules/SliderHorizontalCard/stories.js +30 -0
- package/src/components/Molecules/SocialShareTemplate/README.md +118 -0
- package/src/components/Molecules/SocialShareTemplate/__snapshots__/social-share-template.test.js.snap +738 -0
- package/src/components/Molecules/SocialShareTemplate/index.js +119 -0
- package/src/components/Molecules/SocialShareTemplate/social-share-data.js +66 -0
- package/src/components/Molecules/SocialShareTemplate/social-share-template.m.css +174 -0
- package/src/components/Molecules/SocialShareTemplate/social-share-template.test.js +116 -0
- package/src/components/Molecules/SocialShareTemplate/stories.js +40 -0
- package/src/components/Molecules/StoryCard/README.md +75 -0
- package/src/components/Molecules/StoryCard/READMEBGIMAGE.md +25 -0
- package/src/components/Molecules/StoryCard/READMEBORDER.md +61 -0
- package/src/components/Molecules/StoryCard/index.js +173 -0
- package/src/components/Molecules/StoryCard/stories.js +223 -0
- package/src/components/Molecules/StoryCard/storycard.m.css +158 -0
- package/src/components/Molecules/StoryCardWithBulletPoint/README.md +9 -0
- package/src/components/Molecules/StoryCardWithBulletPoint/index.js +32 -0
- package/src/components/Molecules/StoryCardWithBulletPoint/stories.js +31 -0
- package/src/components/Molecules/StoryCardWithBulletPoint/story-card-with-bullet-point.m.css +7 -0
- package/src/components/Molecules/StoryElementCard/README.md +9 -0
- package/src/components/Molecules/StoryElementCard/index.js +358 -0
- package/src/components/Molecules/StoryElementCard/stories.js +27 -0
- package/src/components/Molecules/StoryElementCard/story-element-card.m.css +78 -0
- package/src/components/Molecules/StorycardContent/README.md +34 -0
- package/src/components/Molecules/StorycardContent/index.js +76 -0
- package/src/components/Molecules/StorycardContent/stories.js +39 -0
- package/src/components/Molecules/StorycardContent/storycardContent.m.css +21 -0
- package/src/components/Rows/AlternateCollectionFilter/README.md +38 -0
- package/src/components/Rows/AlternateCollectionFilter/alternate-collection-filter.m.css +254 -0
- package/src/components/Rows/AlternateCollectionFilter/index.js +179 -0
- package/src/components/Rows/AlternateCollectionFilter/stories.js +74 -0
- package/src/components/Rows/AsideCollection/README.md +27 -0
- package/src/components/Rows/AsideCollection/aside-collection.m.css +103 -0
- package/src/components/Rows/AsideCollection/aside-collection.test.js +34 -0
- package/src/components/Rows/AsideCollection/index.js +175 -0
- package/src/components/Rows/AsideCollection/stories.js +52 -0
- package/src/components/Rows/AuthorIntroductionCard/README.md +43 -0
- package/src/components/Rows/AuthorIntroductionCard/author-intro.m.css +278 -0
- package/src/components/Rows/AuthorIntroductionCard/author-intro.test.js +106 -0
- package/src/components/Rows/AuthorIntroductionCard/index.js +120 -0
- package/src/components/Rows/AuthorIntroductionCard/stories.js +43 -0
- package/src/components/Rows/AuthorsList/README.md +24 -0
- package/src/components/Rows/AuthorsList/author-list.test.js +50 -0
- package/src/components/Rows/AuthorsList/authors-list.m.css +22 -0
- package/src/components/Rows/AuthorsList/index.js +50 -0
- package/src/components/Rows/AuthorsList/stories.js +61 -0
- package/src/components/Rows/CollectionFilter/README.md +39 -0
- package/src/components/Rows/CollectionFilter/collection-filter.m.css +213 -0
- package/src/components/Rows/CollectionFilter/index.js +232 -0
- package/src/components/Rows/CollectionFilter/stories.js +77 -0
- package/src/components/Rows/ElevenStories/11-stories.m.css +85 -0
- package/src/components/Rows/ElevenStories/README.md +39 -0
- package/src/components/Rows/ElevenStories/index.js +332 -0
- package/src/components/Rows/ElevenStories/stories.js +70 -0
- package/src/components/Rows/FourColFiveStories/README.md +37 -0
- package/src/components/Rows/FourColFiveStories/four-col-five-stories.m.css +56 -0
- package/src/components/Rows/FourColFiveStories/index.js +159 -0
- package/src/components/Rows/FourColFiveStories/stories.js +67 -0
- package/src/components/Rows/FourColGrid/README.md +38 -0
- package/src/components/Rows/FourColGrid/four-col.m.css +50 -0
- package/src/components/Rows/FourColGrid/index.js +137 -0
- package/src/components/Rows/FourColGrid/stories.js +65 -0
- package/src/components/Rows/FourColSixteenStories/README.md +35 -0
- package/src/components/Rows/FourColSixteenStories/four-col-sixteen-stories.m.css +104 -0
- package/src/components/Rows/FourColSixteenStories/index.js +103 -0
- package/src/components/Rows/FourColSixteenStories/stories.js +46 -0
- package/src/components/Rows/FourColTwelveStory/README.md +39 -0
- package/src/components/Rows/FourColTwelveStory/four-col-twelve-story.m.css +71 -0
- package/src/components/Rows/FourColTwelveStory/index.js +176 -0
- package/src/components/Rows/FourColTwelveStory/stories.js +117 -0
- package/src/components/Rows/FourStorySlider/README.md +45 -0
- package/src/components/Rows/FourStorySlider/four-story-slider.m.css +45 -0
- package/src/components/Rows/FourStorySlider/index.js +127 -0
- package/src/components/Rows/FourStorySlider/stories.js +117 -0
- package/src/components/Rows/FourTabbedBigStorySlider/README.md +39 -0
- package/src/components/Rows/FourTabbedBigStorySlider/four-tabbed-big-story-slider.m.css +221 -0
- package/src/components/Rows/FourTabbedBigStorySlider/index.js +161 -0
- package/src/components/Rows/FourTabbedBigStorySlider/stories.js +63 -0
- package/src/components/Rows/FullScreenSlider/README.md +46 -0
- package/src/components/Rows/FullScreenSlider/full-screen-slider.m.css +110 -0
- package/src/components/Rows/FullScreenSlider/index.js +114 -0
- package/src/components/Rows/FullScreenSlider/stories.js +115 -0
- package/src/components/Rows/HalfScreenSlider/README.md +43 -0
- package/src/components/Rows/HalfScreenSlider/half-screen-slider.m.css +35 -0
- package/src/components/Rows/HalfScreenSlider/index.js +104 -0
- package/src/components/Rows/HalfScreenSlider/stories.js +115 -0
- package/src/components/Rows/ListComponent/README.md +48 -0
- package/src/components/Rows/ListComponent/index.js +150 -0
- package/src/components/Rows/ListComponent/list-component.m.css +65 -0
- package/src/components/Rows/ListComponent/stories.js +63 -0
- package/src/components/Rows/MagazineEditions/README.md +21 -0
- package/src/components/Rows/MagazineEditions/index.js +91 -0
- package/src/components/Rows/MagazineEditions/magazine-editions.m.css +50 -0
- package/src/components/Rows/MagazineEditions/magazine-editions.test.js +33 -0
- package/src/components/Rows/MagazineEditions/stories.js +45 -0
- package/src/components/Rows/MagazineHeaderCard/README.md +21 -0
- package/src/components/Rows/MagazineHeaderCard/index.js +72 -0
- package/src/components/Rows/MagazineHeaderCard/magazine-cards.m.css +106 -0
- package/src/components/Rows/MagazineHeaderCard/stories.js +36 -0
- package/src/components/Rows/MagazineWidget/README.md +21 -0
- package/src/components/Rows/MagazineWidget/index.js +127 -0
- package/src/components/Rows/MagazineWidget/stories.js +43 -0
- package/src/components/Rows/OneColStoryList/README.md +48 -0
- package/src/components/Rows/OneColStoryList/index.js +196 -0
- package/src/components/Rows/OneColStoryList/one-col-story-list.m.css +81 -0
- package/src/components/Rows/OneColStoryList/stories.js +61 -0
- package/src/components/Rows/OpinionCollection/README.md +34 -0
- package/src/components/Rows/OpinionCollection/index.js +124 -0
- package/src/components/Rows/OpinionCollection/opinion-collection.m.css +118 -0
- package/src/components/Rows/OpinionCollection/stories.js +48 -0
- package/src/components/Rows/SixColSixStories/README.md +37 -0
- package/src/components/Rows/SixColSixStories/index.js +134 -0
- package/src/components/Rows/SixColSixStories/six-col-six-stories.m.css +75 -0
- package/src/components/Rows/SixColSixStories/stories.js +73 -0
- package/src/components/Rows/StoryTemplates/ListicleStoryTemplates/README.md +19 -0
- package/src/components/Rows/StoryTemplates/ListicleStoryTemplates/__snapshots__/listicle-story.test.js.snap +837 -0
- package/src/components/Rows/StoryTemplates/ListicleStoryTemplates/index.js +287 -0
- package/src/components/Rows/StoryTemplates/ListicleStoryTemplates/listicle-story.m.css +229 -0
- package/src/components/Rows/StoryTemplates/ListicleStoryTemplates/listicle-story.test.js +47 -0
- package/src/components/Rows/StoryTemplates/ListicleStoryTemplates/stories.js +117 -0
- package/src/components/Rows/StoryTemplates/LiveBlogStoryTemplates/README.md +25 -0
- package/src/components/Rows/StoryTemplates/LiveBlogStoryTemplates/index.js +51 -0
- package/src/components/Rows/StoryTemplates/LiveBlogStoryTemplates/live-blog.m.css +326 -0
- package/src/components/Rows/StoryTemplates/LiveBlogStoryTemplates/stories.js +120 -0
- package/src/components/Rows/StoryTemplates/LiveBlogStoryTemplates/templates.js +376 -0
- package/src/components/Rows/StoryTemplates/PhotoStoryTemplates/index.js +246 -0
- package/src/components/Rows/StoryTemplates/PhotoStoryTemplates/photo-story.test.js +144 -0
- package/src/components/Rows/StoryTemplates/PhotoStoryTemplates/photo.m.css +175 -0
- package/src/components/Rows/StoryTemplates/PhotoStoryTemplates/stories.js +123 -0
- package/src/components/Rows/StoryTemplates/TextStoryTemplates/README.md +49 -0
- package/src/components/Rows/StoryTemplates/TextStoryTemplates/index.js +69 -0
- package/src/components/Rows/StoryTemplates/TextStoryTemplates/stories.js +125 -0
- package/src/components/Rows/StoryTemplates/TextStoryTemplates/templates.js +272 -0
- package/src/components/Rows/StoryTemplates/TextStoryTemplates/text-story.m.css +449 -0
- package/src/components/Rows/StoryTemplates/TextStoryTemplates/text-story.test.js +222 -0
- package/src/components/Rows/StoryTemplates/VideoStoryTemplates/README.md +31 -0
- package/src/components/Rows/StoryTemplates/VideoStoryTemplates/index.js +234 -0
- package/src/components/Rows/StoryTemplates/VideoStoryTemplates/stories.js +204 -0
- package/src/components/Rows/StoryTemplates/VideoStoryTemplates/video-story.m.css +195 -0
- package/src/components/Rows/TagIntroductionCard/README.md +11 -0
- package/src/components/Rows/TagIntroductionCard/index.js +26 -0
- package/src/components/Rows/TagIntroductionCard/stories.js +21 -0
- package/src/components/Rows/TagIntroductionCard/tag-intro-card.module.css +30 -0
- package/src/components/Rows/ThreeColFlexStories/README.md +38 -0
- package/src/components/Rows/ThreeColFlexStories/index.js +180 -0
- package/src/components/Rows/ThreeColFlexStories/stories.js +73 -0
- package/src/components/Rows/ThreeColFlexStories/three-col-flex-stories.m.css +60 -0
- package/src/components/Rows/ThreeColFourteenStory/README.md +28 -0
- package/src/components/Rows/ThreeColFourteenStory/index.js +135 -0
- package/src/components/Rows/ThreeColFourteenStory/stories.js +60 -0
- package/src/components/Rows/ThreeColFourteenStory/three-col-fourteen-story.m.css +51 -0
- package/src/components/Rows/ThreeColGrid/README.md +36 -0
- package/src/components/Rows/ThreeColGrid/index.js +141 -0
- package/src/components/Rows/ThreeColGrid/stories.js +70 -0
- package/src/components/Rows/ThreeColGrid/three-col.m.css +43 -0
- package/src/components/Rows/ThreeColSevenStory/README.md +36 -0
- package/src/components/Rows/ThreeColSevenStory/index.js +172 -0
- package/src/components/Rows/ThreeColSevenStory/stories.js +71 -0
- package/src/components/Rows/ThreeColSevenStory/three-col-seven-story.m.css +44 -0
- package/src/components/Rows/ThreeColSixStories/README.md +40 -0
- package/src/components/Rows/ThreeColSixStories/index.js +161 -0
- package/src/components/Rows/ThreeColSixStories/stories.js +73 -0
- package/src/components/Rows/ThreeColSixStories/three-col-six-stories.m.css +32 -0
- package/src/components/Rows/ThreeColTwelveStories/README.md +41 -0
- package/src/components/Rows/ThreeColTwelveStories/index.js +123 -0
- package/src/components/Rows/ThreeColTwelveStories/stories.js +51 -0
- package/src/components/Rows/ThreeColTwelveStories/three-col-twelve-stories.m.css +83 -0
- package/src/components/Rows/TwoColFourStory/README.md +33 -0
- package/src/components/Rows/TwoColFourStory/index.js +151 -0
- package/src/components/Rows/TwoColFourStory/stories.js +68 -0
- package/src/components/Rows/TwoColFourStory/two-col-four-story.m.css +56 -0
- package/src/components/Rows/TwoColFourStoryHighlight/README.md +35 -0
- package/src/components/Rows/TwoColFourStoryHighlight/index.js +122 -0
- package/src/components/Rows/TwoColFourStoryHighlight/stories.js +48 -0
- package/src/components/Rows/TwoColFourStoryHighlight/two-col-four-story-highlight.m.css +116 -0
- package/src/components/Rows/TwoColSixStories/README.md +36 -0
- package/src/components/Rows/TwoColSixStories/index.js +117 -0
- package/src/components/Rows/TwoColSixStories/stories.js +67 -0
- package/src/components/Rows/TwoColSixStories/two-col-six-stories.m.css +79 -0
- package/src/components/Rows/TwoColTenStoriesSidebar/README.md +34 -0
- package/src/components/Rows/TwoColTenStoriesSidebar/index.js +168 -0
- package/src/components/Rows/TwoColTenStoriesSidebar/stories.js +45 -0
- package/src/components/Rows/TwoColTenStoriesSidebar/two-col-ten-stories-sidebar.m.css +52 -0
- package/src/components/Rows/TwoColThreeStory/README.md +36 -0
- package/src/components/Rows/TwoColThreeStory/index.js +137 -0
- package/src/components/Rows/TwoColThreeStory/stories.js +68 -0
- package/src/components/Rows/TwoColThreeStory/two-col-three-story.m.css +36 -0
- package/src/components/SharedContext.js +13 -0
- package/src/components/Svgs/Loading/loading.js +133 -0
- package/src/components/Svgs/Loading/loading.m.css +5 -0
- package/src/components/Svgs/SocialIcons/facebook.js +15 -0
- package/src/components/Svgs/SocialIcons/instagram.js +24 -0
- package/src/components/Svgs/SocialIcons/linkedin.js +15 -0
- package/src/components/Svgs/SocialIcons/pinterest.js +12 -0
- package/src/components/Svgs/SocialIcons/twitter.js +15 -0
- package/src/components/Svgs/SocialIcons/whatsapp.js +17 -0
- package/src/components/Svgs/SocialIcons/youtube.js +17 -0
- package/src/components/Svgs/caret-right.svg +3 -0
- package/src/components/Svgs/clock-icon.js +17 -0
- package/src/components/Svgs/close-icon.js +15 -0
- package/src/components/Svgs/crown.js +31 -0
- package/src/components/Svgs/fallbackImage.js +42 -0
- package/src/components/Svgs/key.js +33 -0
- package/src/components/Svgs/left-arrow.js +17 -0
- package/src/components/Svgs/liveicon.js +13 -0
- package/src/components/Svgs/lock.js +31 -0
- package/src/components/Svgs/right-arrow.js +17 -0
- package/src/components/Svgs/share-icon.js +17 -0
- package/src/components/Svgs/star.js +28 -0
- package/src/components/Svgs/user-fallback-icon.js +19 -0
- package/src/components/Typography/README.md +7 -0
- package/src/components/Typography/index.js +47 -0
- package/src/components/Typography/stories.js +10 -0
- package/src/components/Typography/style.m.css +11 -0
- package/src/entry-points.js +337 -0
- package/src/guide/stories.js +18 -0
- package/src/hydration-component/index.js +37 -0
- package/src/hydration-component/useNearScreen.js +56 -0
- package/src/index.js +85 -0
- package/src/utils/testing-utils.js +8 -0
- package/src/utils/utils.js +280 -0
- package/src/utils/utils.test.js +55 -0
- package/storybook/index.js +83 -0
- package/AlsoRead/styles.arrow.css +0 -1
- package/AsideCollection/styles.arrow.css +0 -1
- package/Attachment/styles.arrow.css +0 -1
- package/Author/styles.arrow.css +0 -1
- package/AuthorIntroductionCard/styles.arrow.css +0 -1
- package/AuthorPageIntroductionCard/styles.arrow.css +0 -1
- package/AuthorWithTime/styles.arrow.css +0 -1
- package/AuthorsList/styles.arrow.css +0 -1
- package/BigFact/styles.arrow.css +0 -1
- package/BlockQuote/styles.arrow.css +0 -1
- package/Blurb/styles.arrow.css +0 -1
- package/CollectionFilter/styles.arrow.css +0 -1
- package/CollectionName/styles.arrow.css +0 -1
- package/ElevenStories/styles.arrow.css +0 -1
- package/FourColGrid/styles.arrow.css +0 -1
- package/FourColTwelveStories/styles.arrow.css +0 -1
- package/FourStorySlider/styles.arrow.css +0 -1
- package/FullScreenSlider/styles.arrow.css +0 -1
- package/HalfScreenSlider/styles.arrow.css +0 -1
- package/Headline/styles.arrow.css +0 -1
- package/HeroImage/styles.arrow.css +0 -1
- package/Image/styles.arrow.css +0 -1
- package/ImageGallery/styles.arrow.css +0 -1
- package/ImageSlideshow/styles.arrow.css +0 -1
- package/ListComponent/styles.arrow.css +0 -1
- package/ListicleStoryTemplate/styles.arrow.css +0 -1
- package/LiveBlogStoryTemplate/styles.arrow.css +0 -1
- package/LoadmoreButton/styles.arrow.css +0 -1
- package/MagazineEditions/styles.arrow.css +0 -1
- package/MagazineHeaderCard/styles.arrow.css +0 -1
- package/MagazineWidget/styles.arrow.css +0 -1
- package/OneColStoryList/styles.arrow.css +0 -1
- package/PhotoStoryTemplate/styles.arrow.css +0 -1
- package/QuestionAnswer/styles.arrow.css +0 -1
- package/Quote/styles.arrow.css +0 -1
- package/Reference/styles.arrow.css +0 -1
- package/SectionTag/styles.arrow.css +0 -1
- package/StoryCard/styles.arrow.css +0 -1
- package/StoryElementCard/styles.arrow.css +0 -1
- package/StorycardContent/styles.arrow.css +0 -1
- package/Subheadline/styles.arrow.css +0 -1
- package/Summary/styles.arrow.css +0 -1
- package/TagIntroductionCard/styles.arrow.css +0 -1
- package/Text/styles.arrow.css +0 -1
- package/TextStoryTemplate/styles.arrow.css +0 -1
- package/ThreeColFourteenStories/styles.arrow.css +0 -1
- package/ThreeColGrid/styles.arrow.css +0 -1
- package/ThreeColSevenStory/styles.arrow.css +0 -1
- package/ThreeColSixStories/styles.arrow.css +0 -1
- package/TimeStamp/styles.arrow.css +0 -1
- package/TwoColFourStories/styles.arrow.css +0 -1
- package/TwoColThreeStories/styles.arrow.css +0 -1
- package/Video/styles.arrow.css +0 -1
- package/VideoStoryTemplate/styles.arrow.css +0 -1
- package/cjs/index.js +0 -1
- 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)}
|
package/Author/styles.arrow.css
DELETED
|
@@ -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}
|
package/BigFact/styles.arrow.css
DELETED
|
@@ -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)}
|
package/Blurb/styles.arrow.css
DELETED
|
@@ -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)}
|