@quintype/arrow 3.15.1-perf.3 → 3.15.1-perf.7
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/cjs/index.js +14589 -0
- package/esm/components/Atoms/AdPlaceholder/ads.m.css +13 -0
- package/esm/components/Atoms/AdPlaceholder/index.js +28 -0
- package/esm/components/Atoms/Author/README.md +19 -0
- package/esm/components/Atoms/Author/author.m.css +65 -0
- package/esm/components/Atoms/Author/index.js +109 -0
- package/esm/components/Atoms/Author/stories.js +28 -0
- package/esm/components/Atoms/AuthorCard/README.md +47 -0
- package/esm/components/Atoms/AuthorCard/author-card.m.css +174 -0
- package/esm/components/Atoms/AuthorCard/author-card.test.js +93 -0
- package/esm/components/Atoms/AuthorCard/index.js +133 -0
- package/esm/components/Atoms/AuthorCard/stories.js +68 -0
- package/esm/components/Atoms/AuthorImage/README.md +31 -0
- package/esm/components/Atoms/AuthorImage/author-image.m.css +53 -0
- package/esm/components/Atoms/AuthorImage/index.js +69 -0
- package/esm/components/Atoms/AuthorImage/stories.js +26 -0
- package/esm/components/Atoms/AuthorWithTimestamp/README.md +12 -0
- package/esm/components/Atoms/AuthorWithTimestamp/author-with-timestamp.m.css +42 -0
- package/esm/components/Atoms/AuthorWithTimestamp/index.js +95 -0
- package/esm/components/Atoms/AuthorWithTimestamp/stories.js +22 -0
- package/esm/components/Atoms/BulletPoint/README.md +9 -0
- package/esm/components/Atoms/BulletPoint/bullet-point.m.css +14 -0
- package/esm/components/Atoms/BulletPoint/index.js +27 -0
- package/esm/components/Atoms/BulletPoint/stories.js +9 -0
- package/esm/components/Atoms/CaptionAttribution/README.md +15 -0
- package/esm/components/Atoms/CaptionAttribution/caption-attribution.m.css +40 -0
- package/esm/components/Atoms/CaptionAttribution/caption-attribution.test.js +50 -0
- package/esm/components/Atoms/CaptionAttribution/index.js +66 -0
- package/esm/components/Atoms/CaptionAttribution/stories.js +47 -0
- package/esm/components/Atoms/CollectionName/README.md +11 -0
- package/esm/components/Atoms/CollectionName/collection-name.m.css +94 -0
- package/esm/components/Atoms/CollectionName/index.js +152 -0
- package/esm/components/Atoms/CollectionName/stories.js +41 -0
- package/esm/components/Atoms/Divider/__snapshots__/divider.test.js.snap +18 -0
- package/esm/components/Atoms/Divider/divider.m.css +6 -0
- package/esm/components/Atoms/Divider/divider.test.js +9 -0
- package/esm/components/Atoms/Divider/index.js +34 -0
- package/esm/components/Atoms/Dot/dot.js +39 -0
- package/esm/components/Atoms/Dot/dot.m.css +6 -0
- package/esm/components/Atoms/ExtendedLoadMore/README.md +9 -0
- package/esm/components/Atoms/ExtendedLoadMore/__snapshots__/extended-load-more.test.js.snap +11 -0
- package/esm/components/Atoms/ExtendedLoadMore/extended-load-more.test.js +14 -0
- package/esm/components/Atoms/ExtendedLoadMore/index.js +183 -0
- package/esm/components/Atoms/FallbackImage/fallback.m.css +33 -0
- package/esm/components/Atoms/FallbackImage/index.js +29 -0
- package/esm/components/Atoms/Headline/README.md +7 -0
- package/esm/components/Atoms/Headline/headline.m.css +26 -0
- package/esm/components/Atoms/Headline/index.js +97 -0
- package/esm/components/Atoms/Headline/stories.js +39 -0
- package/esm/components/Atoms/HeroImage/README.md +13 -0
- package/esm/components/Atoms/HeroImage/hero-image.m.css +72 -0
- package/esm/components/Atoms/HeroImage/index.js +175 -0
- package/esm/components/Atoms/HeroImage/stories.js +23 -0
- package/esm/components/Atoms/Hyperlink/hyperlink.m.css +10 -0
- package/esm/components/Atoms/Hyperlink/index.js +20 -0
- package/esm/components/Atoms/LoadMoreTarget/index.js +24 -0
- package/esm/components/Atoms/Loadmore/README.md +0 -0
- package/esm/components/Atoms/Loadmore/__snapshots__/load-more.test.js.snap +25 -0
- package/esm/components/Atoms/Loadmore/index.js +61 -0
- package/esm/components/Atoms/Loadmore/load-more.m.css +23 -0
- package/esm/components/Atoms/Loadmore/load-more.test.js +26 -0
- package/esm/components/Atoms/Loadmore/stories.js +17 -0
- package/esm/components/Atoms/MagazineCoverImage/README.md +21 -0
- package/esm/components/Atoms/MagazineCoverImage/index.js +58 -0
- package/esm/components/Atoms/MagazineCoverImage/magazine-cover-image.m.css +24 -0
- package/esm/components/Atoms/MagazineCoverImage/stories.js +22 -0
- package/esm/components/Atoms/PremiumStoryIcon/index.js +54 -0
- package/esm/components/Atoms/PublishDetail/README.md +15 -0
- package/esm/components/Atoms/PublishDetail/index.js +104 -0
- package/esm/components/Atoms/PublishDetail/publish-details.m.css +47 -0
- package/esm/components/Atoms/PublishDetail/publish-details.test.js +38 -0
- package/esm/components/Atoms/PublishDetail/stories.js +20 -0
- package/esm/components/Atoms/ReadTime/README.md +13 -0
- package/esm/components/Atoms/ReadTime/index.js +46 -0
- package/esm/components/Atoms/ReadTime/read-time.m.css +25 -0
- package/esm/components/Atoms/ReadTime/read-time.test.js +29 -0
- package/esm/components/Atoms/ReadTime/stories.js +15 -0
- package/esm/components/Atoms/ScrollSnap/SliderArrow/index.js +64 -0
- package/esm/components/Atoms/ScrollSnap/SliderArrow/slider-arrow.m.css +45 -0
- package/esm/components/Atoms/ScrollSnap/SliderIndicator/index.js +53 -0
- package/esm/components/Atoms/ScrollSnap/SliderIndicator/slider-indicator.m.css +71 -0
- package/esm/components/Atoms/ScrollSnap/index.js +165 -0
- package/esm/components/Atoms/ScrollSnap/scroll-snap.m.css +27 -0
- package/esm/components/Atoms/SectionTag/README.md +11 -0
- package/esm/components/Atoms/SectionTag/index.js +79 -0
- package/esm/components/Atoms/SectionTag/section.m.css +53 -0
- package/esm/components/Atoms/SectionTag/stories.js +22 -0
- package/esm/components/Atoms/SocialSharePopup/README.md +25 -0
- package/esm/components/Atoms/SocialSharePopup/__snapshots__/social-share-popup.test.js.snap +653 -0
- package/esm/components/Atoms/SocialSharePopup/index.js +100 -0
- package/esm/components/Atoms/SocialSharePopup/social-share-popup.m.css +109 -0
- package/esm/components/Atoms/SocialSharePopup/social-share-popup.test.js +87 -0
- package/esm/components/Atoms/SocialSharePopup/stories.js +18 -0
- package/esm/components/Atoms/StoryElements/AlsoRead/README.md +49 -0
- package/esm/components/Atoms/StoryElements/AlsoRead/also-read.m.css +135 -0
- package/esm/components/Atoms/StoryElements/AlsoRead/also-read.test.js +97 -0
- package/esm/components/Atoms/StoryElements/AlsoRead/index.js +156 -0
- package/esm/components/Atoms/StoryElements/AlsoRead/stories.js +47 -0
- package/esm/components/Atoms/StoryElements/Attachment/README.md +21 -0
- package/esm/components/Atoms/StoryElements/Attachment/__snapshots__/attachment.test.js.snap +47 -0
- package/esm/components/Atoms/StoryElements/Attachment/attachment.m.css +125 -0
- package/esm/components/Atoms/StoryElements/Attachment/attachment.test.js +66 -0
- package/esm/components/Atoms/StoryElements/Attachment/index.js +86 -0
- package/esm/components/Atoms/StoryElements/Attachment/stories.js +62 -0
- package/esm/components/Atoms/StoryElements/BigFact/README.md +9 -0
- package/esm/components/Atoms/StoryElements/BigFact/big-fact.m.css +41 -0
- package/esm/components/Atoms/StoryElements/BigFact/big-fact.test.js +28 -0
- package/esm/components/Atoms/StoryElements/BigFact/index.js +56 -0
- package/esm/components/Atoms/StoryElements/BigFact/stories.js +11 -0
- package/esm/components/Atoms/StoryElements/BlockQuote/README.md +49 -0
- package/esm/components/Atoms/StoryElements/BlockQuote/Svg/curve.js +32 -0
- package/esm/components/Atoms/StoryElements/BlockQuote/Svg/edge.js +32 -0
- package/esm/components/Atoms/StoryElements/BlockQuote/Svg/icon.m.css +4 -0
- package/esm/components/Atoms/StoryElements/BlockQuote/block-quote.m.css +161 -0
- package/esm/components/Atoms/StoryElements/BlockQuote/block-quote.test.js +71 -0
- package/esm/components/Atoms/StoryElements/BlockQuote/index.js +154 -0
- package/esm/components/Atoms/StoryElements/BlockQuote/stories.js +42 -0
- package/esm/components/Atoms/StoryElements/Blurb/README.md +43 -0
- package/esm/components/Atoms/StoryElements/Blurb/blurb.m.css +55 -0
- package/esm/components/Atoms/StoryElements/Blurb/blurb.test.js +76 -0
- package/esm/components/Atoms/StoryElements/Blurb/index.js +96 -0
- package/esm/components/Atoms/StoryElements/Blurb/stories.js +38 -0
- package/esm/components/Atoms/StoryElements/Image/README.md +13 -0
- package/esm/components/Atoms/StoryElements/Image/image.m.css +21 -0
- package/esm/components/Atoms/StoryElements/Image/image.test.js +19 -0
- package/esm/components/Atoms/StoryElements/Image/index.js +87 -0
- package/esm/components/Atoms/StoryElements/Image/stories.js +28 -0
- package/esm/components/Atoms/StoryElements/ImageSlideshow/README.md +13 -0
- package/esm/components/Atoms/StoryElements/ImageSlideshow/image-slideshow.m.css +49 -0
- package/esm/components/Atoms/StoryElements/ImageSlideshow/index.js +82 -0
- package/esm/components/Atoms/StoryElements/ImageSlideshow/stories.js +31 -0
- package/esm/components/Atoms/StoryElements/QuestionAnswer/README.md +56 -0
- package/esm/components/Atoms/StoryElements/QuestionAnswer/index.js +176 -0
- package/esm/components/Atoms/StoryElements/QuestionAnswer/question-answer.m.css +106 -0
- package/esm/components/Atoms/StoryElements/QuestionAnswer/question-answer.test.js +130 -0
- package/esm/components/Atoms/StoryElements/QuestionAnswer/stories.js +102 -0
- package/esm/components/Atoms/StoryElements/Quote/README.md +41 -0
- package/esm/components/Atoms/StoryElements/Quote/index.js +87 -0
- package/esm/components/Atoms/StoryElements/Quote/quote.m.css +111 -0
- package/esm/components/Atoms/StoryElements/Quote/quote.test.js +61 -0
- package/esm/components/Atoms/StoryElements/Quote/stories.js +39 -0
- package/esm/components/Atoms/StoryElements/Reference/README.md +9 -0
- package/esm/components/Atoms/StoryElements/Reference/index.js +80 -0
- package/esm/components/Atoms/StoryElements/Reference/reference.m.css +42 -0
- package/esm/components/Atoms/StoryElements/Reference/reference.test.js +38 -0
- package/esm/components/Atoms/StoryElements/Reference/stories.js +16 -0
- package/esm/components/Atoms/StoryElements/StoryElement/README.md +10 -0
- package/esm/components/Atoms/StoryElements/StoryElement/index.js +30 -0
- package/esm/components/Atoms/StoryElements/StoryElement/stories.js +17 -0
- package/esm/components/Atoms/StoryElements/StoryElement/storyelement.test.js +14 -0
- package/esm/components/Atoms/StoryElements/Summary/README.md +56 -0
- package/esm/components/Atoms/StoryElements/Summary/index.js +98 -0
- package/esm/components/Atoms/StoryElements/Summary/stories.js +41 -0
- package/esm/components/Atoms/StoryElements/Summary/summary.m.css +121 -0
- package/esm/components/Atoms/StoryElements/Summary/summary.test.js +83 -0
- package/esm/components/Atoms/StoryElements/Text/README.md +32 -0
- package/esm/components/Atoms/StoryElements/Text/index.js +74 -0
- package/esm/components/Atoms/StoryElements/Text/stories.js +56 -0
- package/esm/components/Atoms/StoryElements/Text/text.m.css +78 -0
- package/esm/components/Atoms/StoryElements/Text/text.test.js +70 -0
- package/esm/components/Atoms/StoryElements/Video/README.md +9 -0
- package/esm/components/Atoms/StoryElements/Video/index.js +37 -0
- package/esm/components/Atoms/StoryElements/Video/stories.js +29 -0
- package/esm/components/Atoms/StoryElements/Video/video.m.css +89 -0
- package/esm/components/Atoms/StoryElements/Video/video.test.js +14 -0
- package/esm/components/Atoms/StoryElements/imageGallery/README.md +18 -0
- package/esm/components/Atoms/StoryElements/imageGallery/image-gallery.m.css +52 -0
- package/esm/components/Atoms/StoryElements/imageGallery/image-gallery.test.js +17 -0
- package/esm/components/Atoms/StoryElements/imageGallery/index.js +112 -0
- package/esm/components/Atoms/StoryElements/imageGallery/stories.js +22 -0
- package/esm/components/Atoms/StoryElements/withElementWrapper.js +21 -0
- package/esm/components/Atoms/StoryElements/withElementWrapper.test.js +49 -0
- package/esm/components/Atoms/StoryHeadline/index.js +57 -0
- package/esm/components/Atoms/StoryHeadline/story-headline.m.css +36 -0
- package/esm/components/Atoms/StoryTags/README.md +9 -0
- package/esm/components/Atoms/StoryTags/index.js +47 -0
- package/esm/components/Atoms/StoryTags/stories.js +23 -0
- package/esm/components/Atoms/StoryTags/story-tags.test.js +16 -0
- package/esm/components/Atoms/StoryTags/tags.m.css +34 -0
- package/esm/components/Atoms/Subheadline/README.md +17 -0
- package/esm/components/Atoms/Subheadline/index.js +52 -0
- package/esm/components/Atoms/Subheadline/stories.js +21 -0
- package/esm/components/Atoms/Subheadline/subheadline.m.css +17 -0
- package/esm/components/Atoms/TimeStamp/README.md +9 -0
- package/esm/components/Atoms/TimeStamp/index.js +39 -0
- package/esm/components/Atoms/TimeStamp/stories.js +11 -0
- package/esm/components/Atoms/TimeStamp/timestamp.m.css +22 -0
- package/esm/components/Fixture/config.json +2703 -0
- package/esm/components/Fixture/dummy-collection.js +2547 -0
- package/esm/components/Fixture/dummyStory.js +2089 -0
- package/esm/components/Fixture/index.js +433 -0
- package/esm/components/Fixture/slot-config.js +26 -0
- package/esm/components/Molecules/FullScreenImages/fullscreenimages.scss +56 -0
- package/esm/components/Molecules/FullScreenImages/index.js +119 -0
- package/esm/components/Molecules/KeyEvents/README.md +21 -0
- package/esm/components/Molecules/KeyEvents/index.js +152 -0
- package/esm/components/Molecules/KeyEvents/key-events.m.css +89 -0
- package/esm/components/Molecules/KeyEvents/stories.js +25 -0
- package/esm/components/Molecules/PageIntroductionCard/README.md +25 -0
- package/esm/components/Molecules/PageIntroductionCard/index.js +77 -0
- package/esm/components/Molecules/PageIntroductionCard/page-intro-card.m.css +61 -0
- package/esm/components/Molecules/PageIntroductionCard/stories.js +17 -0
- package/esm/components/Molecules/PortraitStoryCard/README.md +10 -0
- package/esm/components/Molecules/PortraitStoryCard/index.js +52 -0
- package/esm/components/Molecules/PortraitStoryCard/portrait-story-card.m.css +38 -0
- package/esm/components/Molecules/PortraitStoryCard/stories.js +24 -0
- package/esm/components/Molecules/SliderHorizontalCard/README.md +14 -0
- package/esm/components/Molecules/SliderHorizontalCard/index.js +69 -0
- package/esm/components/Molecules/SliderHorizontalCard/slider-horizontal-card.m.css +42 -0
- package/esm/components/Molecules/SliderHorizontalCard/stories.js +27 -0
- package/esm/components/Molecules/SocialShareTemplate/README.md +118 -0
- package/esm/components/Molecules/SocialShareTemplate/__snapshots__/social-share-template.test.js.snap +738 -0
- package/esm/components/Molecules/SocialShareTemplate/index.js +164 -0
- package/esm/components/Molecules/SocialShareTemplate/social-share-data.js +90 -0
- package/esm/components/Molecules/SocialShareTemplate/social-share-template.m.css +174 -0
- package/esm/components/Molecules/SocialShareTemplate/social-share-template.test.js +108 -0
- package/esm/components/Molecules/SocialShareTemplate/stories.js +38 -0
- package/esm/components/Molecules/StoryCard/README.md +75 -0
- package/esm/components/Molecules/StoryCard/READMEBGIMAGE.md +25 -0
- package/esm/components/Molecules/StoryCard/READMEBORDER.md +61 -0
- package/esm/components/Molecules/StoryCard/index.js +200 -0
- package/esm/components/Molecules/StoryCard/stories.js +274 -0
- package/esm/components/Molecules/StoryCard/storycard.m.css +158 -0
- package/esm/components/Molecules/StoryCardWithBulletPoint/README.md +9 -0
- package/esm/components/Molecules/StoryCardWithBulletPoint/index.js +43 -0
- package/esm/components/Molecules/StoryCardWithBulletPoint/stories.js +28 -0
- package/esm/components/Molecules/StoryCardWithBulletPoint/story-card-with-bullet-point.m.css +7 -0
- package/esm/components/Molecules/StoryElementCard/README.md +9 -0
- package/esm/components/Molecules/StoryElementCard/index.js +494 -0
- package/esm/components/Molecules/StoryElementCard/stories.js +25 -0
- package/esm/components/Molecules/StoryElementCard/story-element-card.m.css +78 -0
- package/esm/components/Molecules/StorycardContent/README.md +34 -0
- package/esm/components/Molecules/StorycardContent/index.js +86 -0
- package/esm/components/Molecules/StorycardContent/stories.js +45 -0
- package/esm/components/Molecules/StorycardContent/storycardContent.m.css +21 -0
- package/esm/components/Rows/AlternateCollectionFilter/README.md +38 -0
- package/esm/components/Rows/AlternateCollectionFilter/alternate-collection-filter.m.css +254 -0
- package/esm/components/Rows/AlternateCollectionFilter/index.js +288 -0
- package/esm/components/Rows/AlternateCollectionFilter/stories.js +68 -0
- package/esm/components/Rows/AsideCollection/README.md +27 -0
- package/esm/components/Rows/AsideCollection/aside-collection.m.css +103 -0
- package/esm/components/Rows/AsideCollection/aside-collection.test.js +32 -0
- package/esm/components/Rows/AsideCollection/index.js +253 -0
- package/esm/components/Rows/AsideCollection/stories.js +48 -0
- package/esm/components/Rows/AstrologyCollection/README.md +40 -0
- package/esm/components/Rows/AstrologyCollection/astrology-collection.m.css +165 -0
- package/esm/components/Rows/AstrologyCollection/index.js +272 -0
- package/esm/components/Rows/AstrologyCollection/stories.js +61 -0
- package/esm/components/Rows/AuthorIntroductionCard/README.md +43 -0
- package/esm/components/Rows/AuthorIntroductionCard/author-intro.m.css +278 -0
- package/esm/components/Rows/AuthorIntroductionCard/author-intro.test.js +148 -0
- package/esm/components/Rows/AuthorIntroductionCard/index.js +157 -0
- package/esm/components/Rows/AuthorIntroductionCard/stories.js +46 -0
- package/esm/components/Rows/AuthorsList/README.md +24 -0
- package/esm/components/Rows/AuthorsList/author-list.test.js +66 -0
- package/esm/components/Rows/AuthorsList/authors-list.m.css +22 -0
- package/esm/components/Rows/AuthorsList/index.js +64 -0
- package/esm/components/Rows/AuthorsList/stories.js +62 -0
- package/esm/components/Rows/CollectionFilter/README.md +39 -0
- package/esm/components/Rows/CollectionFilter/collection-filter.m.css +213 -0
- package/esm/components/Rows/CollectionFilter/index.js +366 -0
- package/esm/components/Rows/CollectionFilter/stories.js +78 -0
- package/esm/components/Rows/ElevenStories/11-stories.m.css +85 -0
- package/esm/components/Rows/ElevenStories/README.md +39 -0
- package/esm/components/Rows/ElevenStories/index.js +418 -0
- package/esm/components/Rows/ElevenStories/stories.js +71 -0
- package/esm/components/Rows/FourColFiveStories/README.md +37 -0
- package/esm/components/Rows/FourColFiveStories/four-col-five-stories.m.css +112 -0
- package/{atoms/ExtendedLoadMore/index-3976fac4.js → esm/components/Rows/FourColFiveStories/index.js} +54 -64
- package/esm/components/Rows/FourColFiveStories/stories.js +67 -0
- package/esm/components/Rows/FourColGrid/README.md +39 -0
- package/esm/components/Rows/FourColGrid/four-col.m.css +50 -0
- package/{atoms/ExtendedLoadMore/index-bc129cb8.js → esm/components/Rows/FourColGrid/index.js} +52 -59
- package/esm/components/Rows/FourColGrid/stories.js +68 -0
- package/esm/components/Rows/FourColPortraitStories/README.md +38 -0
- package/esm/components/Rows/FourColPortraitStories/four-col-portrait-stories.m.css +45 -0
- package/esm/components/Rows/FourColPortraitStories/index.js +153 -0
- package/esm/components/Rows/FourColPortraitStories/stories.js +68 -0
- package/esm/components/Rows/FourColSixteenStories/README.md +35 -0
- package/esm/components/Rows/FourColSixteenStories/four-col-sixteen-stories.m.css +141 -0
- package/esm/components/Rows/FourColSixteenStories/index.js +157 -0
- package/esm/components/Rows/FourColSixteenStories/stories.js +43 -0
- package/esm/components/Rows/FourColTwelveStory/README.md +39 -0
- package/esm/components/Rows/FourColTwelveStory/four-col-twelve-story.m.css +71 -0
- package/esm/components/Rows/FourColTwelveStory/index.js +219 -0
- package/esm/components/Rows/FourColTwelveStory/stories.js +107 -0
- package/esm/components/Rows/FourStorySlider/README.md +45 -0
- package/esm/components/Rows/FourStorySlider/four-story-slider.m.css +78 -0
- package/esm/components/Rows/FourStorySlider/index.js +145 -0
- package/esm/components/Rows/FourStorySlider/stories.js +125 -0
- package/esm/components/Rows/FourStorySliderPortrait/README.md +45 -0
- package/esm/components/Rows/FourStorySliderPortrait/four-story-slider-portrait.m.css +221 -0
- package/esm/components/Rows/FourStorySliderPortrait/index.js +148 -0
- package/esm/components/Rows/FourStorySliderPortrait/stories.js +125 -0
- package/esm/components/Rows/FourTabbedBigStorySlider/README.md +39 -0
- package/esm/components/Rows/FourTabbedBigStorySlider/four-tabbed-big-story-slider.m.css +265 -0
- package/esm/components/Rows/FourTabbedBigStorySlider/index.js +221 -0
- package/esm/components/Rows/FourTabbedBigStorySlider/stories.js +59 -0
- package/esm/components/Rows/FullScreenSlider/README.md +46 -0
- package/esm/components/Rows/FullScreenSlider/full-screen-slider.m.css +155 -0
- package/esm/components/Rows/FullScreenSlider/index.js +140 -0
- package/esm/components/Rows/FullScreenSlider/stories.js +113 -0
- package/esm/components/Rows/HalfScreenSlider/README.md +43 -0
- package/esm/components/Rows/HalfScreenSlider/half-screen-slider.m.css +80 -0
- package/esm/components/Rows/HalfScreenSlider/index.js +124 -0
- package/esm/components/Rows/HalfScreenSlider/stories.js +118 -0
- package/esm/components/Rows/ListComponent/README.md +48 -0
- package/esm/components/Rows/ListComponent/index.js +176 -0
- package/esm/components/Rows/ListComponent/list-component.m.css +65 -0
- package/esm/components/Rows/ListComponent/stories.js +65 -0
- package/esm/components/Rows/Listicles/README.md +32 -0
- package/esm/components/Rows/Listicles/index.js +240 -0
- package/esm/components/Rows/Listicles/listicles.m.css +149 -0
- package/esm/components/Rows/Listicles/stories.js +53 -0
- package/esm/components/Rows/MagazineEditions/README.md +21 -0
- package/esm/components/Rows/MagazineEditions/index.js +123 -0
- package/esm/components/Rows/MagazineEditions/magazine-editions.m.css +50 -0
- package/esm/components/Rows/MagazineEditions/magazine-editions.test.js +30 -0
- package/esm/components/Rows/MagazineEditions/stories.js +41 -0
- package/esm/components/Rows/MagazineHeaderCard/README.md +21 -0
- package/esm/components/Rows/MagazineHeaderCard/index.js +117 -0
- package/esm/components/Rows/MagazineHeaderCard/magazine-cards.m.css +106 -0
- package/esm/components/Rows/MagazineHeaderCard/stories.js +34 -0
- package/esm/components/Rows/MagazineWidget/README.md +21 -0
- package/esm/components/Rows/MagazineWidget/index.js +177 -0
- package/esm/components/Rows/MagazineWidget/stories.js +40 -0
- package/esm/components/Rows/OneColStoryList/README.md +48 -0
- package/{atoms/ExtendedLoadMore/index-a5c95f84.js → esm/components/Rows/OneColStoryList/index.js} +69 -72
- package/esm/components/Rows/OneColStoryList/one-col-story-list.m.css +81 -0
- package/esm/components/Rows/OneColStoryList/stories.js +78 -0
- package/esm/components/Rows/OpinionCollection/README.md +36 -0
- package/esm/components/Rows/OpinionCollection/index.js +205 -0
- package/esm/components/Rows/OpinionCollection/opinion-collection.m.css +226 -0
- package/esm/components/Rows/OpinionCollection/stories.js +92 -0
- package/esm/components/Rows/SixColSixStories/README.md +37 -0
- package/{atoms/ExtendedLoadMore/index-6ecceae4.js → esm/components/Rows/SixColSixStories/index.js} +57 -61
- package/esm/components/Rows/SixColSixStories/six-col-six-stories.m.css +75 -0
- package/esm/components/Rows/SixColSixStories/stories.js +74 -0
- package/esm/components/Rows/StoryTemplates/ListicleStoryTemplates/README.md +19 -0
- package/esm/components/Rows/StoryTemplates/ListicleStoryTemplates/__snapshots__/listicle-story.test.js.snap +841 -0
- package/esm/components/Rows/StoryTemplates/ListicleStoryTemplates/index.js +330 -0
- package/esm/components/Rows/StoryTemplates/ListicleStoryTemplates/listicle-story.m.css +249 -0
- package/esm/components/Rows/StoryTemplates/ListicleStoryTemplates/listicle-story.test.js +46 -0
- package/esm/components/Rows/StoryTemplates/ListicleStoryTemplates/stories.js +119 -0
- package/esm/components/Rows/StoryTemplates/LiveBlogStoryTemplates/README.md +25 -0
- package/esm/components/Rows/StoryTemplates/LiveBlogStoryTemplates/index.js +97 -0
- package/esm/components/Rows/StoryTemplates/LiveBlogStoryTemplates/live-blog.m.css +326 -0
- package/esm/components/Rows/StoryTemplates/LiveBlogStoryTemplates/stories.js +118 -0
- package/esm/components/Rows/StoryTemplates/LiveBlogStoryTemplates/templates.js +418 -0
- package/esm/components/Rows/StoryTemplates/PhotoStoryTemplates/index.js +294 -0
- package/esm/components/Rows/StoryTemplates/PhotoStoryTemplates/photo-story.test.js +163 -0
- package/esm/components/Rows/StoryTemplates/PhotoStoryTemplates/photo.m.css +175 -0
- package/esm/components/Rows/StoryTemplates/PhotoStoryTemplates/stories.js +124 -0
- package/esm/components/Rows/StoryTemplates/TextStoryTemplates/README.md +49 -0
- package/esm/components/Rows/StoryTemplates/TextStoryTemplates/index.js +100 -0
- package/esm/components/Rows/StoryTemplates/TextStoryTemplates/stories.js +124 -0
- package/esm/components/Rows/StoryTemplates/TextStoryTemplates/templates.js +285 -0
- package/esm/components/Rows/StoryTemplates/TextStoryTemplates/text-story.m.css +449 -0
- package/esm/components/Rows/StoryTemplates/TextStoryTemplates/text-story.test.js +242 -0
- package/esm/components/Rows/StoryTemplates/VideoStoryTemplates/README.md +31 -0
- package/esm/components/Rows/StoryTemplates/VideoStoryTemplates/index.js +239 -0
- package/esm/components/Rows/StoryTemplates/VideoStoryTemplates/stories.js +214 -0
- package/esm/components/Rows/StoryTemplates/VideoStoryTemplates/video-story.m.css +195 -0
- package/esm/components/Rows/TagIntroductionCard/README.md +11 -0
- package/esm/components/Rows/TagIntroductionCard/index.js +45 -0
- package/esm/components/Rows/TagIntroductionCard/stories.js +20 -0
- package/esm/components/Rows/TagIntroductionCard/tag-intro-card.module.css +25 -0
- package/esm/components/Rows/ThreeColFlexStories/README.md +38 -0
- package/{atoms/ExtendedLoadMore/index-b5936059.js → esm/components/Rows/ThreeColFlexStories/index.js} +70 -74
- package/esm/components/Rows/ThreeColFlexStories/stories.js +74 -0
- package/esm/components/Rows/ThreeColFlexStories/three-col-flex-stories.m.css +60 -0
- package/esm/components/Rows/ThreeColFourteenStory/README.md +28 -0
- package/esm/components/Rows/ThreeColFourteenStory/index.js +154 -0
- package/esm/components/Rows/ThreeColFourteenStory/stories.js +65 -0
- package/esm/components/Rows/ThreeColFourteenStory/three-col-fourteen-story.m.css +51 -0
- package/esm/components/Rows/ThreeColGrid/README.md +36 -0
- package/{atoms/ExtendedLoadMore/index-6e083738.js → esm/components/Rows/ThreeColGrid/index.js} +55 -62
- package/esm/components/Rows/ThreeColGrid/stories.js +78 -0
- package/esm/components/Rows/ThreeColGrid/three-col.m.css +43 -0
- package/esm/components/Rows/ThreeColSevenStory/README.md +36 -0
- package/esm/components/Rows/ThreeColSevenStory/index.js +201 -0
- package/esm/components/Rows/ThreeColSevenStory/stories.js +74 -0
- package/esm/components/Rows/ThreeColSevenStory/three-col-seven-story.m.css +44 -0
- package/esm/components/Rows/ThreeColSixStories/README.md +40 -0
- package/esm/components/Rows/ThreeColSixStories/index.js +183 -0
- package/esm/components/Rows/ThreeColSixStories/stories.js +74 -0
- package/esm/components/Rows/ThreeColSixStories/three-col-six-stories.m.css +32 -0
- package/esm/components/Rows/ThreeColTwelveStories/README.md +41 -0
- package/esm/components/Rows/ThreeColTwelveStories/index.js +165 -0
- package/esm/components/Rows/ThreeColTwelveStories/stories.js +53 -0
- package/esm/components/Rows/ThreeColTwelveStories/three-col-twelve-stories.m.css +83 -0
- package/esm/components/Rows/TwoColFourStory/README.md +33 -0
- package/esm/components/Rows/TwoColFourStory/index.js +174 -0
- package/esm/components/Rows/TwoColFourStory/stories.js +63 -0
- package/esm/components/Rows/TwoColFourStory/two-col-four-story.m.css +64 -0
- package/esm/components/Rows/TwoColFourStoryHighlight/README.md +35 -0
- package/esm/components/Rows/TwoColFourStoryHighlight/index.js +164 -0
- package/esm/components/Rows/TwoColFourStoryHighlight/stories.js +50 -0
- package/esm/components/Rows/TwoColFourStoryHighlight/two-col-four-story-highlight.m.css +116 -0
- package/esm/components/Rows/TwoColSevenStories/README.md +37 -0
- package/esm/components/Rows/TwoColSevenStories/index.js +193 -0
- package/esm/components/Rows/TwoColSevenStories/stories.js +102 -0
- package/esm/components/Rows/TwoColSevenStories/two-col-seven-stories.m.css +175 -0
- package/esm/components/Rows/TwoColSixStories/README.md +36 -0
- package/esm/components/Rows/TwoColSixStories/index.js +185 -0
- package/esm/components/Rows/TwoColSixStories/stories.js +67 -0
- package/esm/components/Rows/TwoColSixStories/two-col-six-stories.m.css +135 -0
- package/esm/components/Rows/TwoColTenStoriesSidebar/README.md +34 -0
- package/esm/components/Rows/TwoColTenStoriesSidebar/index.js +191 -0
- package/esm/components/Rows/TwoColTenStoriesSidebar/stories.js +53 -0
- package/esm/components/Rows/TwoColTenStoriesSidebar/two-col-ten-stories-sidebar.m.css +52 -0
- package/esm/components/Rows/TwoColThreeStory/README.md +40 -0
- package/esm/components/Rows/TwoColThreeStory/index.js +146 -0
- package/esm/components/Rows/TwoColThreeStory/stories.js +63 -0
- package/esm/components/Rows/TwoColThreeStory/two-col-three-story.m.css +36 -0
- package/esm/components/SharedContext.js +17 -0
- package/esm/components/Svgs/Loading/loading.js +140 -0
- package/esm/components/Svgs/Loading/loading.m.css +5 -0
- package/esm/components/Svgs/SocialIcons/facebook.js +18 -0
- package/esm/components/Svgs/SocialIcons/instagram.js +33 -0
- package/esm/components/Svgs/SocialIcons/linkedin.js +18 -0
- package/esm/components/Svgs/SocialIcons/pinterest.js +12 -0
- package/esm/components/Svgs/SocialIcons/twitter.js +18 -0
- package/esm/components/Svgs/SocialIcons/whatsapp.js +19 -0
- package/esm/components/Svgs/SocialIcons/youtube.js +19 -0
- package/esm/components/Svgs/caret-right.svg +3 -0
- package/esm/components/Svgs/clock-icon.js +19 -0
- package/esm/components/Svgs/close-icon.js +22 -0
- package/esm/components/Svgs/crown.js +40 -0
- package/esm/components/Svgs/fallbackImage.js +45 -0
- package/esm/components/Svgs/hyperlink.js +22 -0
- package/esm/components/Svgs/key.js +39 -0
- package/esm/components/Svgs/left-arrow.js +24 -0
- package/esm/components/Svgs/liveicon.js +16 -0
- package/esm/components/Svgs/lock.js +40 -0
- package/esm/components/Svgs/right-arrow.js +24 -0
- package/esm/components/Svgs/share-icon.js +19 -0
- package/esm/components/Svgs/star.js +34 -0
- package/esm/components/Svgs/user-fallback-icon.js +22 -0
- package/esm/components/Typography/README.md +7 -0
- package/esm/components/Typography/index.js +33 -0
- package/esm/components/Typography/stories.js +15 -0
- package/esm/components/Typography/style.m.css +11 -0
- package/esm/entry-points.js +291 -0
- package/esm/guide/stories.js +22 -0
- package/esm/hydration-component/index.js +41 -0
- package/esm/hydration-component/useNearScreen.js +71 -0
- package/esm/index.js +88 -0
- package/esm/rows.js +40 -0
- package/esm/utils/testing-utils.js +8 -0
- package/esm/utils/utils.js +363 -0
- package/esm/utils/utils.test.js +46 -0
- package/package.json +1 -1
- package/atoms/Author/index.js +0 -2259
- package/atoms/Author/styles.arrow.css +0 -1
- package/atoms/AuthorWithTime/index.js +0 -2964
- package/atoms/AuthorWithTime/styles.arrow.css +0 -1
- package/atoms/CollectionName/index.js +0 -2344
- package/atoms/CollectionName/styles.arrow.css +0 -1
- package/atoms/ExtendedLoadMore/index-3c4ac692.js +0 -1025
- package/atoms/ExtendedLoadMore/index-4ddfe28d.js +0 -93
- package/atoms/ExtendedLoadMore/index-5c8eda4a.js +0 -358
- package/atoms/ExtendedLoadMore/index-9e0d32b7.js +0 -290
- package/atoms/ExtendedLoadMore/index-b22f1843.js +0 -251
- package/atoms/ExtendedLoadMore/index-e7cde739.js +0 -3051
- package/atoms/ExtendedLoadMore/index-fee73a14.js +0 -207
- package/atoms/ExtendedLoadMore/index.js +0 -13
- package/atoms/ExtendedLoadMore/styles.arrow.css +0 -1
- package/atoms/Headline/index.js +0 -2468
- package/atoms/Headline/styles.arrow.css +0 -1
- package/atoms/HeroImage/index.js +0 -2484
- package/atoms/HeroImage/styles.arrow.css +0 -1
- package/atoms/LoadmoreButton/index.js +0 -2277
- package/atoms/LoadmoreButton/styles.arrow.css +0 -1
- package/atoms/ScrollSnap/index.js +0 -2540
- package/atoms/ScrollSnap/styles.arrow.css +0 -1
- package/atoms/SectionTag/index.js +0 -2229
- package/atoms/SectionTag/styles.arrow.css +0 -1
- package/atoms/Subheadline/index.js +0 -2209
- package/atoms/Subheadline/styles.arrow.css +0 -1
- package/atoms/TimeStamp/index.js +0 -2671
- package/atoms/TimeStamp/styles.arrow.css +0 -1
- package/molecules/KeyEvents/index.js +0 -2979
- package/molecules/KeyEvents/styles.arrow.css +0 -1
- package/molecules/PageIntroductionCard/index.js +0 -2685
- package/molecules/PageIntroductionCard/styles.arrow.css +0 -1
- package/molecules/SocialShareTemplate/index.js +0 -3102
- package/molecules/SocialShareTemplate/styles.arrow.css +0 -1
- package/molecules/StoryCard/index.js +0 -3948
- package/molecules/StoryCard/styles.arrow.css +0 -1
- package/molecules/StoryElementCard/index.js +0 -5861
- package/molecules/StoryElementCard/styles.arrow.css +0 -1
- package/molecules/StorycardContent/index.js +0 -3426
- package/molecules/StorycardContent/styles.arrow.css +0 -1
- package/rows/AlternateCollectionFilter/index.js +0 -4756
- package/rows/AlternateCollectionFilter/styles.arrow.css +0 -1
- package/rows/AsideCollection/index.js +0 -4702
- package/rows/AsideCollection/styles.arrow.css +0 -1
- package/rows/AstrologyCollection/index.js +0 -4673
- package/rows/AstrologyCollection/styles.arrow.css +0 -1
- package/rows/AuthorIntroductionCard/index.js +0 -3529
- package/rows/AuthorIntroductionCard/styles.arrow.css +0 -1
- package/rows/AuthorsList/index.js +0 -3725
- package/rows/AuthorsList/styles.arrow.css +0 -1
- package/rows/CollectionFilter/index.js +0 -4846
- package/rows/CollectionFilter/styles.arrow.css +0 -1
- package/rows/ElevenStories/index.js +0 -4649
- package/rows/ElevenStories/styles.arrow.css +0 -1
- package/rows/FourColFiveStories/index.js +0 -4389
- package/rows/FourColFiveStories/styles.arrow.css +0 -1
- package/rows/FourColGrid/index.js +0 -4614
- package/rows/FourColGrid/styles.arrow.css +0 -1
- package/rows/FourColPortraitStories/index.js +0 -4647
- package/rows/FourColPortraitStories/styles.arrow.css +0 -1
- package/rows/FourColSixteenStories/index.js +0 -4386
- package/rows/FourColSixteenStories/styles.arrow.css +0 -1
- package/rows/FourColTwelveStories/index.js +0 -4346
- package/rows/FourColTwelveStories/styles.arrow.css +0 -1
- package/rows/FourStorySlider/index.js +0 -4754
- package/rows/FourStorySlider/styles.arrow.css +0 -1
- package/rows/FourStorySliderPortrait/index.js +0 -4757
- package/rows/FourStorySliderPortrait/styles.arrow.css +0 -1
- package/rows/FourTabbedBigStorySlider/index.js +0 -4516
- package/rows/FourTabbedBigStorySlider/styles.arrow.css +0 -1
- package/rows/FullScreenSlider/index.js +0 -4672
- package/rows/FullScreenSlider/styles.arrow.css +0 -1
- package/rows/HalfScreenSlider/index.js +0 -4525
- package/rows/HalfScreenSlider/styles.arrow.css +0 -1
- package/rows/ListComponent/index.js +0 -4473
- package/rows/ListComponent/styles.arrow.css +0 -1
- package/rows/Listicles/index.js +0 -3142
- package/rows/Listicles/styles.arrow.css +0 -1
- package/rows/MagazineEditions/index.js +0 -3153
- package/rows/MagazineEditions/styles.arrow.css +0 -1
- package/rows/MagazineHeaderCard/index.js +0 -3147
- package/rows/MagazineHeaderCard/styles.arrow.css +0 -1
- package/rows/MagazineWidget/index.js +0 -4525
- package/rows/MagazineWidget/styles.arrow.css +0 -1
- package/rows/OneColStoryList/index.js +0 -4700
- package/rows/OneColStoryList/styles.arrow.css +0 -1
- package/rows/OpinionCollection/index.js +0 -4067
- package/rows/OpinionCollection/styles.arrow.css +0 -1
- package/rows/SixColSixStories/index.js +0 -4545
- package/rows/SixColSixStories/styles.arrow.css +0 -1
- package/rows/StoryCollection/index.js +0 -4702
- package/rows/StoryCollection/styles.arrow.css +0 -1
- package/rows/TagIntroductionCard/index.js +0 -1910
- package/rows/TagIntroductionCard/styles.arrow.css +0 -1
- package/rows/ThreeColFlexStories/index.js +0 -4605
- package/rows/ThreeColFlexStories/styles.arrow.css +0 -1
- package/rows/ThreeColFourteenStories/index.js +0 -4294
- package/rows/ThreeColFourteenStories/styles.arrow.css +0 -1
- package/rows/ThreeColGrid/index.js +0 -4635
- package/rows/ThreeColGrid/styles.arrow.css +0 -1
- package/rows/ThreeColSevenStory/index.js +0 -4513
- package/rows/ThreeColSevenStory/styles.arrow.css +0 -1
- package/rows/ThreeColSixStories/index.js +0 -4496
- package/rows/ThreeColSixStories/styles.arrow.css +0 -1
- package/rows/ThreeColTwelveStories/index.js +0 -4391
- package/rows/ThreeColTwelveStories/styles.arrow.css +0 -1
- package/rows/TwoColFourStories/index.js +0 -4474
- package/rows/TwoColFourStories/styles.arrow.css +0 -1
- package/rows/TwoColFourStoryHighlight/index.js +0 -4467
- package/rows/TwoColFourStoryHighlight/styles.arrow.css +0 -1
- package/rows/TwoColSevenStories/index.js +0 -4501
- package/rows/TwoColSevenStories/styles.arrow.css +0 -1
- package/rows/TwoColSixStories/index.js +0 -4500
- package/rows/TwoColSixStories/styles.arrow.css +0 -1
- package/rows/TwoColTenStoriesSidebar/index.js +0 -4560
- package/rows/TwoColTenStoriesSidebar/styles.arrow.css +0 -1
- package/rows/TwoColThreeStories/index.js +0 -4447
- package/rows/TwoColThreeStories/styles.arrow.css +0 -1
- package/story-elements/AlsoRead/index.js +0 -2466
- package/story-elements/AlsoRead/styles.arrow.css +0 -1
- package/story-elements/Attachment/index.js +0 -2022
- package/story-elements/Attachment/styles.arrow.css +0 -1
- package/story-elements/BigFact/index.js +0 -1992
- package/story-elements/BigFact/styles.arrow.css +0 -1
- package/story-elements/BlockQuote/index.js +0 -2441
- package/story-elements/BlockQuote/styles.arrow.css +0 -1
- package/story-elements/Blurb/index.js +0 -2103
- package/story-elements/Blurb/styles.arrow.css +0 -1
- package/story-elements/Image/index.js +0 -2738
- package/story-elements/Image/styles.arrow.css +0 -1
- package/story-elements/ImageGallery/index.js +0 -2671
- package/story-elements/ImageGallery/styles.arrow.css +0 -1
- package/story-elements/ImageSlideshow/index.js +0 -2982
- package/story-elements/ImageSlideshow/styles.arrow.css +0 -1
- package/story-elements/QuestionAnswer/index.js +0 -2404
- package/story-elements/QuestionAnswer/styles.arrow.css +0 -1
- package/story-elements/Quote/index.js +0 -2021
- package/story-elements/Quote/styles.arrow.css +0 -1
- package/story-elements/Reference/index.js +0 -2015
- package/story-elements/Reference/styles.arrow.css +0 -1
- package/story-elements/StoryElement/index.js +0 -1788
- package/story-elements/Summary/index.js +0 -2045
- package/story-elements/Summary/styles.arrow.css +0 -1
- package/story-elements/Text/index.js +0 -2302
- package/story-elements/Text/styles.arrow.css +0 -1
- package/story-elements/Video/index.js +0 -1794
- package/story-elements/Video/styles.arrow.css +0 -1
- package/story-templates/ListicleStoryTemplate/index.js +0 -8471
- package/story-templates/ListicleStoryTemplate/styles.arrow.css +0 -1
- package/story-templates/LiveBlogStoryTemplate/index.js +0 -8647
- package/story-templates/LiveBlogStoryTemplate/styles.arrow.css +0 -1
- package/story-templates/PhotoStoryTemplate/index.js +0 -8449
- package/story-templates/PhotoStoryTemplate/styles.arrow.css +0 -1
- package/story-templates/TextStoryTemplate/index.js +0 -8522
- package/story-templates/TextStoryTemplate/styles.arrow.css +0 -1
- package/story-templates/VideoStoryTemplate/index.js +0 -8381
- package/story-templates/VideoStoryTemplate/styles.arrow.css +0 -1
|
@@ -1,207 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var React = require('react');
|
|
4
|
-
var reactRedux = require('react-redux');
|
|
5
|
-
var index$1 = require('./index-e7cde739.js');
|
|
6
|
-
var PropTypes = require('prop-types');
|
|
7
|
-
var components = require('@quintype/components');
|
|
8
|
-
var index = require('./index-3c4ac692.js');
|
|
9
|
-
var index$2 = require('./index-b22f1843.js');
|
|
10
|
-
var index$4 = require('./index-4ddfe28d.js');
|
|
11
|
-
var index$3 = require('./index-5c8eda4a.js');
|
|
12
|
-
require('react-timeago');
|
|
13
|
-
require('date-fns-tz');
|
|
14
|
-
require('react-dom');
|
|
15
|
-
|
|
16
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
17
|
-
|
|
18
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
19
|
-
var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
|
|
20
|
-
|
|
21
|
-
var PortraitStoryCardBase = function PortraitStoryCardBase(_ref) {
|
|
22
|
-
var story = _ref.story,
|
|
23
|
-
_ref$border = _ref.border,
|
|
24
|
-
border = _ref$border === void 0 ? "" : _ref$border,
|
|
25
|
-
_ref$theme = _ref.theme,
|
|
26
|
-
theme = _ref$theme === void 0 ? "" : _ref$theme,
|
|
27
|
-
_ref$headerLevel = _ref.headerLevel,
|
|
28
|
-
headerLevel = _ref$headerLevel === void 0 ? "6" : _ref$headerLevel,
|
|
29
|
-
_ref$separator = _ref.separator,
|
|
30
|
-
separator = _ref$separator === void 0 ? "" : _ref$separator,
|
|
31
|
-
_ref$config = _ref.config,
|
|
32
|
-
config = _ref$config === void 0 ? {} : _ref$config,
|
|
33
|
-
_ref$borderColor = _ref.borderColor,
|
|
34
|
-
borderColor = _ref$borderColor === void 0 ? "" : _ref$borderColor;
|
|
35
|
-
if (index$1.isEmpty(story)) return null;
|
|
36
|
-
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
37
|
-
className: "portrait-story-card-m_wrapper__3nche"
|
|
38
|
-
}, /*#__PURE__*/React__default["default"].createElement(index$2.StoryCard, {
|
|
39
|
-
story: story,
|
|
40
|
-
border: border,
|
|
41
|
-
theme: theme,
|
|
42
|
-
config: config,
|
|
43
|
-
useImageAsBackground: true
|
|
44
|
-
}, /*#__PURE__*/React__default["default"].createElement(index$3.HeroImage, {
|
|
45
|
-
story: story,
|
|
46
|
-
aspectRatio: [[9, 16]]
|
|
47
|
-
}), /*#__PURE__*/React__default["default"].createElement(index$4.StorycardContent, {
|
|
48
|
-
story: story,
|
|
49
|
-
config: config,
|
|
50
|
-
separator: separator,
|
|
51
|
-
borderColor: borderColor,
|
|
52
|
-
headerLevel: headerLevel
|
|
53
|
-
})));
|
|
54
|
-
};
|
|
55
|
-
PortraitStoryCardBase.propTypes = {
|
|
56
|
-
border: PropTypes__default["default"].string,
|
|
57
|
-
theme: PropTypes__default["default"].string,
|
|
58
|
-
headerLevel: PropTypes__default["default"].string,
|
|
59
|
-
separator: PropTypes__default["default"].string,
|
|
60
|
-
borderColor: PropTypes__default["default"].string,
|
|
61
|
-
config: PropTypes__default["default"].object,
|
|
62
|
-
story: PropTypes__default["default"].object
|
|
63
|
-
};
|
|
64
|
-
var PortraitStoryCard = index.StateProvider(PortraitStoryCardBase);
|
|
65
|
-
|
|
66
|
-
var loadMore = function loadMore(_ref) {
|
|
67
|
-
var isLoading = _ref.isLoading,
|
|
68
|
-
storyItems = _ref.storyItems,
|
|
69
|
-
getMoreStories = _ref.getMoreStories,
|
|
70
|
-
_ref$subsequentLoadCo = _ref.subsequentLoadCount,
|
|
71
|
-
subsequentLoadCount = _ref$subsequentLoadCo === void 0 ? 4 : _ref$subsequentLoadCo;
|
|
72
|
-
if (isLoading) return; // prevent multiple clicks/calls
|
|
73
|
-
|
|
74
|
-
var limit = subsequentLoadCount;
|
|
75
|
-
var offset = storyItems.length;
|
|
76
|
-
getMoreStories(offset, limit);
|
|
77
|
-
};
|
|
78
|
-
|
|
79
|
-
var FourColPortraitStoriesBase = function FourColPortraitStoriesBase(_ref2) {
|
|
80
|
-
var collection = _ref2.collection,
|
|
81
|
-
_ref2$config = _ref2.config,
|
|
82
|
-
config = _ref2$config === void 0 ? {} : _ref2$config,
|
|
83
|
-
getMoreStories = _ref2.getMoreStories,
|
|
84
|
-
isLoadMoreVisible = _ref2.isLoadMoreVisible,
|
|
85
|
-
isLoading = _ref2.isLoading,
|
|
86
|
-
isolatedLoadMore = _ref2.isolatedLoadMore;
|
|
87
|
-
var storyItems = components.collectionToStories(collection);
|
|
88
|
-
if (!storyItems.length) return null;
|
|
89
|
-
var _config$collectionNam = config.collectionNameBorderColor,
|
|
90
|
-
collectionNameBorderColor = _config$collectionNam === void 0 ? "" : _config$collectionNam,
|
|
91
|
-
_config$borderColor = config.borderColor,
|
|
92
|
-
borderColor = _config$borderColor === void 0 ? "" : _config$borderColor,
|
|
93
|
-
_config$theme = config.theme,
|
|
94
|
-
theme = _config$theme === void 0 ? "" : _config$theme,
|
|
95
|
-
_config$border = config.border,
|
|
96
|
-
border = _config$border === void 0 ? "" : _config$border,
|
|
97
|
-
_config$collectionNam2 = config.collectionNameTemplate,
|
|
98
|
-
collectionNameTemplate = _config$collectionNam2 === void 0 ? "" : _config$collectionNam2,
|
|
99
|
-
_config$footerSlotCon = config.footerSlotConfig,
|
|
100
|
-
footerSlotConfig = _config$footerSlotCon === void 0 ? {} : _config$footerSlotCon,
|
|
101
|
-
_config$footerButton = config.footerButton,
|
|
102
|
-
footerButton = _config$footerButton === void 0 ? "" : _config$footerButton,
|
|
103
|
-
customCollectionName = config.customCollectionName,
|
|
104
|
-
_config$navigate = config.navigate,
|
|
105
|
-
navigate = _config$navigate === void 0 ? true : _config$navigate,
|
|
106
|
-
_config$subsequentLoa = config.subsequentLoadCount,
|
|
107
|
-
subsequentLoadCount = _config$subsequentLoa === void 0 ? 4 : _config$subsequentLoa;
|
|
108
|
-
var footerSlot = footerSlotConfig.footerSlot;
|
|
109
|
-
var footerSlotComp = typeof footerSlot === "function" ? footerSlot() : null;
|
|
110
|
-
var textColor = index$1.getTextColor(theme);
|
|
111
|
-
var dispatch = reactRedux.useDispatch();
|
|
112
|
-
var qtConfig = reactRedux.useSelector(function (state) {
|
|
113
|
-
return index$1.get_1(state, ["qt", "config"], {});
|
|
114
|
-
});
|
|
115
|
-
|
|
116
|
-
var getLoadMore = function getLoadMore(opts) {
|
|
117
|
-
if (!isLoadMoreVisible) return null;
|
|
118
|
-
|
|
119
|
-
if (isolatedLoadMore) {
|
|
120
|
-
return /*#__PURE__*/React__default["default"].createElement(index.LoadMoreTarget, {
|
|
121
|
-
collection: collection,
|
|
122
|
-
componentName: "FourColPortraitStories",
|
|
123
|
-
offset: storyItems.length,
|
|
124
|
-
limit: subsequentLoadCount
|
|
125
|
-
});
|
|
126
|
-
}
|
|
127
|
-
|
|
128
|
-
var url = index$1.generateNavigateSlug(collection, qtConfig);
|
|
129
|
-
return /*#__PURE__*/React__default["default"].createElement(index.ProgressiveHydration, null, /*#__PURE__*/React__default["default"].createElement(index.LoadmoreButton, {
|
|
130
|
-
config: config,
|
|
131
|
-
collection: collection,
|
|
132
|
-
template: footerButton,
|
|
133
|
-
onClick: function onClick() {
|
|
134
|
-
return loadMore(opts);
|
|
135
|
-
},
|
|
136
|
-
navigate: function navigate() {
|
|
137
|
-
return index$1.navigateTo(dispatch, url);
|
|
138
|
-
},
|
|
139
|
-
qtConfig: qtConfig
|
|
140
|
-
}));
|
|
141
|
-
};
|
|
142
|
-
|
|
143
|
-
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
144
|
-
className: "full-width-with-padding arrow-component",
|
|
145
|
-
"data-test-id": "four-col-portrait-stories",
|
|
146
|
-
style: {
|
|
147
|
-
backgroundColor: theme,
|
|
148
|
-
color: textColor
|
|
149
|
-
}
|
|
150
|
-
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
151
|
-
className: "four-col-portrait-stories-m_four-col-portrait__AtWub"
|
|
152
|
-
}, /*#__PURE__*/React__default["default"].createElement(index.CollectionName, {
|
|
153
|
-
collection: collection,
|
|
154
|
-
collectionNameTemplate: collectionNameTemplate,
|
|
155
|
-
collectionNameBorderColor: collectionNameBorderColor,
|
|
156
|
-
customCollectionName: customCollectionName,
|
|
157
|
-
navigate: navigate
|
|
158
|
-
}), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
159
|
-
className: "four-col-portrait-stories-m_wrapper__1BX02"
|
|
160
|
-
}, storyItems.map(function (story, index) {
|
|
161
|
-
return /*#__PURE__*/React__default["default"].createElement(PortraitStoryCard, {
|
|
162
|
-
story: story,
|
|
163
|
-
border: border,
|
|
164
|
-
theme: theme,
|
|
165
|
-
config: Object.assign({
|
|
166
|
-
showSection: false,
|
|
167
|
-
showAuthor: false,
|
|
168
|
-
showReadTime: false
|
|
169
|
-
}, config),
|
|
170
|
-
borderColor: borderColor,
|
|
171
|
-
key: "story-card-".concat(index)
|
|
172
|
-
});
|
|
173
|
-
})), getLoadMore({
|
|
174
|
-
isLoading: isLoading,
|
|
175
|
-
storyItems: storyItems,
|
|
176
|
-
getMoreStories: getMoreStories,
|
|
177
|
-
subsequentLoadCount: subsequentLoadCount
|
|
178
|
-
}), footerSlotComp));
|
|
179
|
-
};
|
|
180
|
-
FourColPortraitStoriesBase.propTypes = {
|
|
181
|
-
/** collection is the array of objects which is returning by API */
|
|
182
|
-
collection: PropTypes__default["default"].object.isRequired,
|
|
183
|
-
|
|
184
|
-
/** The config for the Row */
|
|
185
|
-
config: PropTypes__default["default"].shape({
|
|
186
|
-
borderColor: PropTypes__default["default"].string,
|
|
187
|
-
theme: PropTypes__default["default"].string,
|
|
188
|
-
border: PropTypes__default["default"].bool,
|
|
189
|
-
collectionNameTemplate: PropTypes__default["default"].string,
|
|
190
|
-
footerButton: PropTypes__default["default"].string,
|
|
191
|
-
collectionNameBorderColor: PropTypes__default["default"].string,
|
|
192
|
-
subsequentLoadCount: PropTypes__default["default"].number
|
|
193
|
-
}),
|
|
194
|
-
getMoreStories: PropTypes__default["default"].func,
|
|
195
|
-
isLoadMoreVisible: PropTypes__default["default"].bool,
|
|
196
|
-
isLoading: PropTypes__default["default"].bool,
|
|
197
|
-
isolatedLoadMore: PropTypes__default["default"].bool
|
|
198
|
-
};
|
|
199
|
-
FourColPortraitStoriesBase.defaultProps = {
|
|
200
|
-
getMoreStories: function getMoreStories() {},
|
|
201
|
-
isLoadMoreVisible: true,
|
|
202
|
-
isLoading: false
|
|
203
|
-
};
|
|
204
|
-
var FourColPortraitStories = index.StateProvider(FourColPortraitStoriesBase);
|
|
205
|
-
|
|
206
|
-
exports.FourColPortraitStories = FourColPortraitStories;
|
|
207
|
-
exports.FourColPortraitStoriesBase = FourColPortraitStoriesBase;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var index = require('./index-e7cde739.js');
|
|
6
|
-
require('prop-types');
|
|
7
|
-
require('react');
|
|
8
|
-
require('react-timeago');
|
|
9
|
-
require('date-fns-tz');
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
exports.ExtendedLoadMore = index.ExtendedLoadMore;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.three-col-m_three-col-grid__y7rZK{padding:0 var(--arrow-spacing-s)}@media (min-width:768px){.three-col-m_three-col-grid__y7rZK{padding:0}}.three-col-m_wrapper__20m5m{display:flex;flex-direction:column;margin:var(--arrow-spacing-xs) 0 0}@media (min-width:768px){.three-col-m_wrapper__20m5m{grid-gap:var(--arrow-spacing-l);display:grid;grid-template-columns:repeat(3,1fr);margin:var(--arrow-spacing-m) 0}}.three-col-m_ad__ypDAA{margin-bottom:var(--arrow-fs-xs)}.three-col-m_cards__2HyyK{margin-bottom:var(--arrow-spacing-m)}@media (min-width:768px){.three-col-m_cards__2HyyK{margin-bottom:0}}.three-col-m_ad__ypDAA,.three-col-m_wrapper__20m5m>:first-child{order:-1}@media (min-width:768px){.three-col-m_ad__ypDAA,.three-col-m_wrapper__20m5m>:first-child{order:0}}.three-col-m_three-col-grid__y7rZK .arr--story-card .arr--hero-image{flex-basis:40%}.three-col-m_three-col-grid__y7rZK .arr--story-card .arr--content-wrapper{flex-basis:60%}.one-col-story-list-m_one-col-story-list-wrapper__ICvTq{padding:0 var(--arrow-spacing-s)}@media (min-width:768px){.one-col-story-list-m_one-col-story-list-wrapper__ICvTq{padding:0}}.one-col-story-list-m_wrapper__38qTp{display:flex;flex-direction:column}@media (min-width:768px){.one-col-story-list-m_wrapper__38qTp{grid-column-gap:44px;display:grid;grid-template-columns:repeat(3,1fr)}}.one-col-story-list-m_one-col-first-story__1aC6i{grid-column:1/3;grid-row:1/2;order:-1}.one-col-story-list-m_one-col-border-full__3PSl0{margin-bottom:var(--arrow-spacing-m)}@media (min-width:768px){.one-col-story-list-m_one-col-border-full__3PSl0{margin-bottom:var(--arrow-spacing-l)}}.one-col-story-list-m_one-col-border-bottom__13nPb{padding-top:var(--arrow-spacing-m)}.one-col-story-list-m_one-col-border-default__2BDg7{margin-bottom:var(--arrow-spacing-m)}@media (min-width:768px){.one-col-story-list-m_one-col-border-default__2BDg7{margin-bottom:var(--arrow-spacing-l)}}.one-col-story-list-m_one-col-story-list__3d6Bp{grid-column:1/3;grid-row:2/3}.one-col-story-list-m_one-col-ads__UN_hF{grid-row:1/9;order:-1;padding-bottom:var(--arrow-spacing-m)}@media (min-width:768px){.one-col-story-list-m_footer-ad-wrapper__NGgvp{display:grid;grid-template-columns:repeat(3,1fr)}}.one-col-story-list-m_footer-wrapper__2WpgU{grid-column:1/3;grid-row:1/2}.one-col-story-list-m_ad-wrapper__3_cNc{grid-column:1/4;grid-row:2/3}.one-col-story-list-m_ad-wrapper__3_cNc .arr--ad-wrapper{justify-content:left}.one-col-story-list-m_story-card-content-wrapper__1baqS{padding:12px 8px 12px 0}@media (min-width:768px){.one-col-story-list-m_story-card-content-wrapper__1baqS{padding:16px 16px 16px 0}}@media (max-width:767px){.one-col-story-list-m_one-col-story-list-wrapper__ICvTq .arr--sub-headline{display:none}}.one-col-story-list-m_one-col-story-list-wrapper__ICvTq .arr--button{margin:0 auto var(--arrow-spacing-xs) auto}.four-col-portrait-stories-m_four-col-portrait__AtWub{padding:0 var(--arrow-spacing-s)}@media (min-width:1025px){.four-col-portrait-stories-m_four-col-portrait__AtWub{padding:0}}.four-col-portrait-stories-m_wrapper__1BX02{grid-gap:var(--arrow-spacing-s);display:grid;grid-template-columns:repeat(2,1fr);margin:var(--arrow-spacing-xs) 0 0}@media (min-width:1025px){.four-col-portrait-stories-m_wrapper__1BX02{grid-gap:var(--arrow-spacing-l);grid-template-columns:repeat(4,1fr);margin:var(--arrow-spacing-m) 0}}.four-col-portrait-stories-m_wrapper__1BX02 .arr--headline>a>h6{font-size:var(--arrow-fs-tiny)}@media (min-width:1025px){.four-col-portrait-stories-m_wrapper__1BX02 .arr--headline>a>h6{font-size:var(--arrow-fs-xs)}}.four-col-portrait-stories-m_wrapper__1BX02 .arr--content-wrapper time,.four-col-portrait-stories-m_wrapper__1BX02 .arr--read-time,.four-col-portrait-stories-m_wrapper__1BX02 .author-name{font-size:12px}@media (min-width:1025px){.four-col-portrait-stories-m_wrapper__1BX02 .arr--content-wrapper time,.four-col-portrait-stories-m_wrapper__1BX02 .arr--read-time,.four-col-portrait-stories-m_wrapper__1BX02 .author-name{font-size:var(--arrow-fs-tiny)}}@media (max-width:1024px) and (min-width:768px){.four-col-portrait-stories-m_wrapper__1BX02 .arr--headline>a>h6{font-size:var(--arrow-fs-l)}}.four-col-m_four-col-grid__1EiO7{padding:0 var(--arrow-spacing-s)}@media (min-width:768px){.four-col-m_four-col-grid__1EiO7{padding:0}}.four-col-m_wrapper__1vOV7{display:flex;flex-direction:column;margin:var(--arrow-spacing-xs) 0 0}@media (min-width:768px){.four-col-m_wrapper__1vOV7{grid-gap:var(--arrow-spacing-l);display:grid;grid-template-columns:repeat(4,1fr);margin:var(--arrow-spacing-m) 0}}.four-col-m_story-card-wrapper__1e8p0{margin-bottom:var(--arrow-spacing-m)}@media (min-width:768px){.four-col-m_story-card-wrapper__1e8p0{margin-bottom:0}}.four-col-m_ad__5cArX,.four-col-m_wrapper__1vOV7>:first-child{order:-1}@media (min-width:768px){.four-col-m_ad__5cArX,.four-col-m_wrapper__1vOV7>:first-child{order:0}}.four-col-m_ad__5cArX{margin-bottom:16px}.four-col-m_content-wrapper__3Tqne{display:flex;flex-basis:70%;flex-direction:column}@media (min-width:768px){.four-col-m_content-wrapper__3Tqne{flex-basis:100%}}.four-col-m_four-col-grid__1EiO7 .arr--story-card .arr--hero-image{flex-basis:40%}.four-col-m_four-col-grid__1EiO7 .arr--story-card .arr--content-wrapper{flex-basis:60%}.six-col-six-stories-m_wrapper__2k2bf{padding:0 var(--arrow-spacing-s)}@media (min-width:1025px){.six-col-six-stories-m_wrapper__2k2bf{padding:0}}.six-col-six-stories-m_row-wrapper__2YNUO{grid-column-gap:var(--arrow-spacing-l);display:grid;grid-template-columns:repeat(2,1fr)}@media (min-width:768px){.six-col-six-stories-m_row-wrapper__2YNUO{grid-column-gap:var(--arrow-spacing-28);grid-template-columns:repeat(3,1fr)}}@media (min-width:1025px){.six-col-six-stories-m_row-wrapper__2YNUO{grid-column-gap:var(--arrow-spacing-28);grid-template-columns:repeat(6,1fr)}}.six-col-six-stories-m_card-wrapper__1B5FM{margin-bottom:var(--arrow-spacing-m)}.six-col-six-stories-m_card-wrapper__1B5FM.six-col-six-stories-m_vertical-border__3iwon{position:relative}.six-col-six-stories-m_card-wrapper__1B5FM.six-col-six-stories-m_vertical-border__3iwon:after{content:"";height:100%;position:absolute;right:-13px;top:0;width:1px}.six-col-six-stories-m_card-wrapper__1B5FM.six-col-six-stories-m_vertical-border__3iwon.six-col-six-stories-m_light__2wu4e:after{background-color:var(--light-border)}.six-col-six-stories-m_card-wrapper__1B5FM.six-col-six-stories-m_vertical-border__3iwon.six-col-six-stories-m_dark__2y_No:after{background-color:var(--dark-border)}.six-col-six-stories-m_card-wrapper__1B5FM.six-col-six-stories-m_vertical-border__3iwon:nth-child(2n):after{content:none}@media (min-width:768px){.six-col-six-stories-m_card-wrapper__1B5FM.six-col-six-stories-m_vertical-border__3iwon:nth-child(2n):after{content:""}.six-col-six-stories-m_card-wrapper__1B5FM.six-col-six-stories-m_vertical-border__3iwon:nth-child(3n):after{content:none}}@media (min-width:1025px){.six-col-six-stories-m_card-wrapper__1B5FM.six-col-six-stories-m_vertical-border__3iwon:nth-child(3n):after{content:""}.six-col-six-stories-m_card-wrapper__1B5FM.six-col-six-stories-m_vertical-border__3iwon:nth-child(6n):after{content:none}}.six-col-six-stories-m_content-wrapper__3n5nT{height:100%}.four-col-five-stories-m_four-col-five-stories__16ja_{padding:0 var(--arrow-spacing-s)}@media (min-width:1025px){.four-col-five-stories-m_four-col-five-stories__16ja_{padding:0}}.four-col-five-stories-m_wrapper__31KAU{margin:var(--arrow-spacing-xs) 0}@media (min-width:1025px){.four-col-five-stories-m_wrapper__31KAU{margin:var(--arrow-spacing-m) 0}}.four-col-five-stories-m_first-card__3dXVH{grid-gap:var(--arrow-spacing-xs);display:flex;flex-direction:column;gap:var(--arrow-spacing-xs);margin-bottom:var(--arrow-spacing-m)}@media (min-width:768px){.four-col-five-stories-m_first-card__3dXVH .arrow-component h6{font-size:var(--arrow-spacing-l)}.four-col-five-stories-m_first-card__3dXVH{margin-bottom:var(--arrow-spacing-l)}}@media (min-width:1025px){.four-col-five-stories-m_first-card__3dXVH{grid-gap:var(--arrow-spacing-l);align-items:center;flex-direction:row;gap:var(--arrow-spacing-l);margin-bottom:var(--arrow-spacing-l)}}.four-col-five-stories-m_first-card__3dXVH .arr--fallback-hero-image .story-icon,.four-col-five-stories-m_first-card__3dXVH .arr--responsive-hero-image .story-icon{bottom:10px;height:64px;left:10px;position:absolute;width:64px;z-index:var(--z-index-1)}@media (max-width:767px){.four-col-five-stories-m_first-card__3dXVH .arr--fallback-hero-image .story-icon,.four-col-five-stories-m_first-card__3dXVH .arr--responsive-hero-image .story-icon{height:24px;width:24px}}.four-col-five-stories-m_first-card__3dXVH .arr--fallback-hero-image .story-icon .live-icon,.four-col-five-stories-m_first-card__3dXVH .arr--responsive-hero-image .story-icon .live-icon{-webkit-animation:blink 1.5s linear infinite;animation:blink 1.5s linear infinite;height:24px;vertical-align:middle;width:24px}.four-col-five-stories-m_other-cards__1P4k5 .arr--fallback-hero-image .story-icon,.four-col-five-stories-m_other-cards__1P4k5 .arr--responsive-hero-image .story-icon{bottom:var(--arrow-spacing-xs);height:24px;left:var(--arrow-spacing-xs);position:absolute;width:24px;z-index:var(--z-index-1)}.four-col-five-stories-m_other-cards__1P4k5 .live-icon{-webkit-animation:blink 1.5s linear infinite;animation:blink 1.5s linear infinite;height:24px;vertical-align:middle;width:24px}@-webkit-keyframes four-col-five-stories-m_blink__WIF2d{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes four-col-five-stories-m_blink__WIF2d{0%{opacity:0}50%{opacity:1}to{opacity:0}}.four-col-five-stories-m_first-card__3dXVH>*{flex:1}.four-col-five-stories-m_other-cards__1P4k5{grid-row-gap:var(--arrow-spacing-m);display:grid}@media (min-width:768px){.four-col-five-stories-m_other-cards__1P4k5{grid-column-gap:var(--arrow-spacing-l);grid-row-gap:var(--arrow-spacing-l);grid-template-columns:repeat(2,1fr)}}@media (min-width:1025px){.four-col-five-stories-m_other-cards__1P4k5{grid-template-columns:repeat(4,1fr)}}.four-col-five-stories-m_card__2lzhH>div>:last-child{margin-top:var(--arrow-spacing-xs)}.three-col-flex-stories-m_wrapper__3SQMq{padding:0 var(--arrow-spacing-s)}@media (min-width:1025px){.three-col-flex-stories-m_wrapper__3SQMq{padding:0}}@media (min-width:768px){.three-col-flex-stories-m_card-row__3WMb3{grid-column-gap:var(--arrow-spacing-m);display:grid;grid-template-columns:repeat(2,1fr);margin-top:var(--arrow-spacing-m)}}@media (min-width:1025px){.three-col-flex-stories-m_card-row__3WMb3{grid-template-columns:repeat(3,1fr)}}@media (min-width:768px){.three-col-flex-stories-m_row-with-ad__1gPPN{grid-column-gap:var(--arrow-spacing-m);display:grid;grid-template-columns:1fr 1fr;margin-bottom:var(--arrow-spacing-m)}}@media (min-width:1025px){.three-col-flex-stories-m_row-with-ad__1gPPN{grid-template-columns:2fr 1fr}.three-col-flex-stories-m_card-with-ad__32z5M{grid-column-gap:var(--arrow-spacing-m);align-self:center;display:grid;grid-template-columns:repeat(2,1fr)}}.three-col-flex-stories-m_card__2uZ3Q{margin-bottom:var(--arrow-spacing-m)}@media (min-width:1025px){.three-col-flex-stories-m_card__2uZ3Q{margin-bottom:var(--arrow-spacing-l)}}.three-col-flex-stories-m_card__2uZ3Q .three-col-flex-stories-m_card-content__1z9nt{margin-left:var(--arrow-spacing-s)}.three-col-flex-stories-m_ad-wrapper__3dmfM{align-self:center;margin-bottom:var(--arrow-spacing-m)}@media (min-width:768px){.three-col-flex-stories-m_ad-wrapper__3dmfM{margin-bottom:0}}.opinion-collection-m_opinion-collection__1Bc7h{padding:0 var(--arrow-spacing-s)}@media (min-width:1025px){.opinion-collection-m_opinion-collection__1Bc7h{padding:0}}@media (min-width:768px){.opinion-collection-m_content-wrapper__y32PE{grid-column-gap:var(--arrow-spacing-s);display:grid;grid-template-columns:repeat(2,1fr)}}@media (min-width:1025px){.opinion-collection-m_content-wrapper__y32PE{grid-column-gap:var(--arrow-spacing-l);grid-template-columns:repeat(3,1fr)}}@media (min-width:768px){.opinion-collection-m_custom-grid__33uRh{grid-template-columns:1fr}}@media (min-width:1025px){.opinion-collection-m_custom-grid__33uRh{align-items:center;grid-template-columns:2fr 1fr}}@media (min-width:768px){.opinion-collection-m_wrapper-with-ads__2daVe{grid-column-gap:var(--arrow-spacing-s);display:grid;grid-template-columns:1fr 1fr}}@media (min-width:1025px){.opinion-collection-m_wrapper-with-ads__2daVe{grid-column-gap:var(--arrow-spacing-l)}}@media only screen and (max-width:1025px){.opinion-collection-m_ad-slot__2ZpaC{margin:var(--arrow-spacing-l) 0}}.opinion-collection-m_headline-author__2H6Tv{display:flex}.opinion-collection-m_headline-author__2H6Tv :last-child{margin-left:auto}.opinion-collection-m_headline-author__2H6Tv .arr--headline{flex-basis:80%}.opinion-collection-m_content-wrapper__y32PE>div,.opinion-collection-m_wrapper-with-ads__2daVe>div{padding:0 0 8px}@media (min-width:1025px){.opinion-collection-m_content-wrapper__y32PE>div,.opinion-collection-m_wrapper-with-ads__2daVe>div{padding:0 var(--arrow-spacing-l) var(--arrow-spacing-m) 0}}.opinion-collection-m_custom-grid__33uRh>div{padding:0}@media (min-width:768px){.opinion-collection-m_content-wrapper__y32PE.opinion-collection-m_border__38tun.opinion-collection-m_light__2Hent .opinion-collection-m_wrapper-with-ads__2daVe>div,.opinion-collection-m_content-wrapper__y32PE.opinion-collection-m_border__38tun.opinion-collection-m_light__2Hent>div{border-right:1px solid var(--light-border)}.opinion-collection-m_content-wrapper__y32PE.opinion-collection-m_border__38tun.opinion-collection-m_dark__WMRNF .opinion-collection-m_wrapper-with-ads__2daVe>div,.opinion-collection-m_content-wrapper__y32PE.opinion-collection-m_border__38tun.opinion-collection-m_dark__WMRNF>div{border-right:1px solid var(--dark-border)}}.opinion-collection-m_custom-grid__33uRh.opinion-collection-m_border__38tun.opinion-collection-m_dark__WMRNF>div,.opinion-collection-m_custom-grid__33uRh.opinion-collection-m_border__38tun.opinion-collection-m_light__2Hent>div{border-right:none}.opinion-collection-m_content-wrapper__y32PE .author-name{color:var(--arrow-c-brand1);font-size:var(--arrow-spacing-m)}.opinion-collection-m_content-wrapper__y32PE.opinion-collection-m_border__38tun.opinion-collection-m_light__2Hent .arr--author-time,.opinion-collection-m_content-wrapper__y32PE.opinion-collection-m_border__38tun.opinion-collection-m_light__2Hent .opinion-collection-m_wrapper-with-ads__2daVe .arr--author-time{border-bottom:1px solid var(--light-border);padding-bottom:var(--arrow-spacing-m)}.opinion-collection-m_content-wrapper__y32PE.opinion-collection-m_border__38tun.opinion-collection-m_dark__WMRNF .arr--author-time,.opinion-collection-m_content-wrapper__y32PE.opinion-collection-m_border__38tun.opinion-collection-m_dark__WMRNF .opinion-collection-m_wrapper-with-ads__2daVe .arr--author-time{border-bottom:1px solid var(--dark-border);padding-bottom:var(--arrow-spacing-m)}.opinion-collection-m_content-wrapper__y32PE.opinion-collection-m_border__38tun .opinion-collection-m_wrapper-with-ads__2daVe div:nth-last-child(-n+1) .arr--author-time,.opinion-collection-m_content-wrapper__y32PE.opinion-collection-m_border__38tun div:nth-last-child(-n+1) .arr--author-time{border-bottom:none}@media (min-width:768px){.opinion-collection-m_content-wrapper__y32PE.opinion-collection-m_border__38tun .opinion-collection-m_wrapper-with-ads__2daVe div:nth-last-child(-n+2) .arr--author-time,.opinion-collection-m_content-wrapper__y32PE.opinion-collection-m_border__38tun div:nth-last-child(-n+2) .arr--author-time{border-bottom:none}}@media (min-width:1025px){.opinion-collection-m_content-wrapper__y32PE.opinion-collection-m_border__38tun .opinion-collection-m_wrapper-with-ads__2daVe div:nth-last-child(-n+3) .arr--author-time,.opinion-collection-m_content-wrapper__y32PE.opinion-collection-m_border__38tun div:nth-last-child(-n+3) .arr--author-time{border-bottom:none}.opinion-collection-m_content-wrapper__y32PE.opinion-collection-m_border__38tun.opinion-collection-m_light__2Hent .opinion-collection-m_count-3__3cQUB div:nth-last-child(-n+3) .arr--author-time{border-bottom:1px solid var(--light-border)}.opinion-collection-m_content-wrapper__y32PE.opinion-collection-m_border__38tun.opinion-collection-m_dark__WMRNF .opinion-collection-m_count-3__3cQUB div:first-child .arr--author-time{border-bottom:1px solid var(--dark-border)}.opinion-collection-m_content-wrapper__y32PE.opinion-collection-m_border__38tun.opinion-collection-m_light__2Hent .opinion-collection-m_wrapper-with-ads__2daVe div:nth-child(2) .arr--author-time{border-bottom:1px solid var(--light-border)}.opinion-collection-m_content-wrapper__y32PE.opinion-collection-m_border__38tun.opinion-collection-m_dark__WMRNF .opinion-collection-m_wrapper-with-ads__2daVe div:nth-child(2) .arr--author-time{border-bottom:1px solid var(--dark-border)}.opinion-collection-m_content-wrapper__y32PE.opinion-collection-m_border__38tun.opinion-collection-m_dark__WMRNF .opinion-collection-m_count-2__2e7g_ div:nth-child(2) .arr--author-time,.opinion-collection-m_content-wrapper__y32PE.opinion-collection-m_border__38tun.opinion-collection-m_dark__WMRNF .opinion-collection-m_count-3__3cQUB div:nth-child(2) .arr--author-time,.opinion-collection-m_content-wrapper__y32PE.opinion-collection-m_custom-grid__33uRh.opinion-collection-m_border__38tun.opinion-collection-m_dark__WMRNF .opinion-collection-m_count-2__2e7g_ div:nth-child(2) .arr--author-time,.opinion-collection-m_content-wrapper__y32PE.opinion-collection-m_custom-grid__33uRh.opinion-collection-m_border__38tun.opinion-collection-m_dark__WMRNF .opinion-collection-m_count-3__3cQUB div:nth-child(2) .arr--author-time{border-bottom:none}}@media (min-width:768px){.opinion-collection-m_content-wrapper__y32PE.opinion-collection-m_border__38tun.opinion-collection-m_light__2Hent .opinion-collection-m_wrapper-with-ads__2daVe>div:nth-child(2n),.opinion-collection-m_content-wrapper__y32PE.opinion-collection-m_border__38tun.opinion-collection-m_light__2Hent>div:nth-child(2n){border-right:none}}@media (min-width:1025px){.opinion-collection-m_content-wrapper__y32PE.opinion-collection-m_border__38tun.opinion-collection-m_light__2Hent .opinion-collection-m_wrapper-with-ads__2daVe>div:nth-child(2n),.opinion-collection-m_content-wrapper__y32PE.opinion-collection-m_border__38tun.opinion-collection-m_light__2Hent>div:nth-child(2n){border-right:1px solid var(--light-border)}}@media (min-width:768px){.opinion-collection-m_content-wrapper__y32PE.opinion-collection-m_border__38tun.opinion-collection-m_dark__WMRNF .opinion-collection-m_wrapper-with-ads__2daVe>div:nth-child(2n),.opinion-collection-m_content-wrapper__y32PE.opinion-collection-m_border__38tun.opinion-collection-m_dark__WMRNF>div:nth-child(2n){border-right:none}}@media (min-width:1025px){.opinion-collection-m_content-wrapper__y32PE.opinion-collection-m_border__38tun.opinion-collection-m_dark__WMRNF .opinion-collection-m_wrapper-with-ads__2daVe>div:nth-child(2n),.opinion-collection-m_content-wrapper__y32PE.opinion-collection-m_border__38tun.opinion-collection-m_dark__WMRNF>div:nth-child(2n){border-right:1px solid var(--dark-border)}.opinion-collection-m_content-wrapper__y32PE.opinion-collection-m_border__38tun.opinion-collection-m_dark__WMRNF>div:nth-child(3n),.opinion-collection-m_content-wrapper__y32PE.opinion-collection-m_border__38tun.opinion-collection-m_light__2Hent>div:nth-child(3n),.opinion-collection-m_custom-grid__33uRh.opinion-collection-m_border__38tun.opinion-collection-m_dark__WMRNF>div:nth-child(2n),.opinion-collection-m_custom-grid__33uRh.opinion-collection-m_border__38tun.opinion-collection-m_light__2Hent>div:nth-child(2n){border-right:none}}.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{height:2px;margin-top:var(--arrow-spacing-xxs);width:20px}.section-m_section-borderLeft__3hKVj{align-items:baseline;display:flex}.section-m_section-borderLeft__3hKVj .section-m_border-left__2oUyp{margin-right:var(--arrow-spacing-xs);max-width:3px;min-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{align-self:self-start;color:var(--arrow-c-light);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)}.collection-name-m_collection__JD6sx{font-size:var(--arrow-fs-m);font-weight:var(--arrow-fw-bold);margin-bottom:var(--arrow-spacing-m)}@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{align-items:baseline;display:flex}.collection-name-m_collection-borderLeft__3Dznk .collection-name-m_border-left__3_pYw{margin-right:var(--arrow-spacing-xs);min-width:5px;overflow:hidden;width:5px}.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{align-items:center;display:flex}.collection-name-m_collection-crossLine__1sIpN:before{border-top:1px solid var(--arrow-c-mono5);content:" ";flex:1 1 auto;margin-right:var(--arrow-spacing-l);position:relative}.collection-name-m_collection-crossLine__1sIpN:after{border-top:1px solid var(--arrow-c-mono5);content:" ";flex:1 1 auto;margin-left:var(--arrow-spacing-l);position:relative}html[dir=rtl] .collection-name-m_collection-borderLeft__3Dznk .collection-name-m_border-left__3_pYw{margin-left:var(--arrow-spacing-xs);margin-right:0}html[dir=rtl] .collection-name-m_collection-crossLine__1sIpN:before{margin-left:var(--arrow-spacing-l);margin-right:0}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{height:4px;margin-top:var(--arrow-spacing-xxs);width:20px}.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 h2,.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 h2,.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{color:var(--arrow-c-mono2);font-weight:var(--arrow-fw-semi-bold);margin-bottom:var(--arrow-spacing-xxs)}@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)}.hero-image-m_hero-image__3lraV{flex-grow:1;margin-bottom:var(--arrow-spacing-xs);padding-right:0;position:relative}.hero-image-m_right-padding__1LkCe{flex-grow:1;margin-bottom:0;padding-right:var(--arrow-spacing-s)}.hero-image-m_left-padding__pYRAj{flex-grow:1;margin-bottom:0;padding-left:var(--arrow-spacing-s)}.hero-image-m_right-padding-mob__3-uOU{flex-basis:30%;flex-grow:1;margin-bottom:0;padding-right:var(--arrow-spacing-s)}@media (min-width:768px){.hero-image-m_right-padding-mob__3-uOU{margin-bottom:var(--arrow-spacing-xs);padding-right:0}}.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-left:var(--arrow-spacing-s);padding-right:0}@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{flex-grow:1;margin-bottom:var(--arrow-spacing-xs);padding-right:0}.hero-image-m_with-padding__324G_{padding:16px 16px 0}.hero-image-m_image__1mz0U{position:relative}.hero-image-m_image__1mz0U img{bottom:0;height:100%;left:0;position:absolute;right:0;top:0}.subheadline-m_subheadline__3fd7z{-webkit-box-orient:vertical;display:-webkit-box;margin-bottom:var(--arrow-spacing-xxs);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)}.author-with-timestamp-m_author-time-wrapper__G7_eI{align-items:center;color:var(--arrow-c-mono2);display:flex;flex-wrap:wrap}.author-with-timestamp-m_author-image__24xrD{border-radius:100%;height:var(--arrow-spacing-l);margin-right:var(--arrow-spacing-xs);width:var(--arrow-spacing-l)}.author-with-timestamp-m_dot__1LHXD{margin-right:var(--arrow-spacing-xs);position:relative;top:-6px}.author-with-timestamp-m_bottom-fix__1rWGv{margin-top:auto}.author-with-timestamp-m_dash__2L5XC{margin-right:var(--arrow-spacing-xs);position:relative;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)}.author-m_author__WRuLm{align-items:center;color:var(--arrow-c-mono4);display:flex;margin-bottom:var(--arrow-spacing-xs)}.author-m_author-image__3q2oc{border-radius:100%;height:var(--arrow-spacing-l);margin-right:var(--arrow-spacing-xs);overflow:hidden;width:var(--arrow-spacing-l)}.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-left:var(--arrow-spacing-xxs);margin-right:0}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)}.portrait-story-card-m_wrapper__3nche .arr--story-card>div:nth-child(2){bottom:0;left:0;padding:var(--arrow-spacing-xs);position:absolute;right:0}@media (min-width:768px){.portrait-story-card-m_wrapper__3nche .arr--story-card>div:nth-child(2){padding:var(--arrow-spacing-m)}}.portrait-story-card-m_wrapper__3nche .arr--content-wrapper time,.portrait-story-card-m_wrapper__3nche .arr--headline>a>h6,.portrait-story-card-m_wrapper__3nche .arr--read-time,.portrait-story-card-m_wrapper__3nche .author-name,.portrait-story-card-m_wrapper__3nche .section-tag{color:var(--arrow-c-light)}.portrait-story-card-m_wrapper__3nche .arr--hero-image{margin-bottom:0}.portrait-story-card-m_wrapper__3nche .arr--hero-image figure:after{background:linear-gradient(0deg,var(--arrow-c-mono3),transparent 70%,transparent);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.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}}.storycard-m_author-timestamp-wrapper__20yjp{align-items:center;display:flex}.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{background:linear-gradient(0deg,rgba(0,0,0,.7),transparent 50%,transparent);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.storycard-m_backgroung-img__1FMJT>div:nth-child(2){bottom:0;left:15%;padding:var(--arrow-spacing-m) var(--arrow-spacing-m) 48px;position:absolute;right:15%}}.storycard-m_backgroung-img__1FMJT img{bottom:0;position:absolute}@media (min-width:768px){.storycard-m_content-overlap__1yNHR>div:nth-child(2){background-color:var(--arrow-c-light);bottom:0;margin:0 var(--arrow-spacing-m);padding:var(--arrow-spacing-m);position:absolute;width:calc(100% - 32px)}.storycard-m_content-overlap__1yNHR img{bottom:0;position:absolute}}.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-{align-items:left;display:flex;flex-direction:column}@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%}.storycard-m_horizontal-image-last__3o6LY{display:flex;flex-direction:row-reverse}.storycard-m_horizontal-image-last__3o6LY>div:first-child{flex-basis:30%}.storycard-m_horizontal-image-last__3o6LY>div:nth-child(2){flex-basis:70%}.author-image-m_image-container__19WNd{bottom:0;height:100%;left:0;right:0;top:0;width:100%}.author-image-m_author-image__D8GMB img,.author-image-m_author-image__D8GMB svg{border-radius:50%;height:160px;width:160px}@media (min-width:768px){.author-image-m_author-image__D8GMB img,.author-image-m_author-image__D8GMB svg{height:224px;position:relative;width:224px}}@media (min-width:768px) and (min-width:992px){.author-image-m_author-image__D8GMB img,.author-image-m_author-image__D8GMB svg{height:364px;width:364px}}.author-image-m_square__bjK7M img{border-radius:0}.author-image-m_small-circle__DbQMN.author-image-m_author-image__D8GMB img,.author-image-m_small-circle__DbQMN.author-image-m_author-image__D8GMB svg{border-radius:133.5px;height:40px;width:40px}@media (min-width:768px){.author-image-m_small-circle__DbQMN.author-image-m_author-image__D8GMB img,.author-image-m_small-circle__DbQMN.author-image-m_author-image__D8GMB svg{height:88px;width:88px}}@media (min-width:992px){.author-image-m_small-circle__DbQMN.author-image-m_author-image__D8GMB img,.author-image-m_small-circle__DbQMN.author-image-m_author-image__D8GMB svg{height:120px;width:120px}}.author-image-m_smaller-circle__2yMOZ.author-image-m_author-image__D8GMB img,.author-image-m_smaller-circle__2yMOZ.author-image-m_author-image__D8GMB svg{height:64px;width:64px}.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)}.hyperlink-m_hyperlink-button__1CqWx{bottom:var(--arrow-spacing-xxs);position:absolute;right:var(--arrow-spacing-xxs);z-index:10}.hyperlink-m_hyperlink-button__1CqWx svg rect{fill:var(--arrow-c-brand1)}.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)}.fallback-m_image-position__3KddP{bottom:0;left:0;position:absolute;right:0;top:0}.fallback-m_image__1GYCJ{background:var(--fallback-img)}.fallback-m_image__1GYCJ:after{bottom:0;content:"";left:0;position:absolute;right:0;top:0}.fallback-m_fallback-svg__tK9fL svg{bottom:0;height:100%;left:50%;-o-object-fit:cover;object-fit:cover;position:absolute;right:0;top:0;transform:translateX(-50%)}.load-more-m_button__1mmf1{background-color:transparent;border:1px solid;border-radius:var(--arrow-spacing-xxs);cursor:pointer;display:flex;font-size:var(--arrow-fs-xs);margin:var(--arrow-spacing-m) auto var(--arrow-spacing-xs) auto;padding:var(--arrow-spacing-xs) var(--arrow-spacing-l);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.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)}
|