@quintype/arrow 3.15.1-perf.2 → 3.15.1-perf.5

package/atoms/ExtendedLoadMore/index-e4cf9cb7.js

@@ -1,223 +0,0 @@
-import { collectionToStories } from '@quintype/components';
-import { a as get_1, l as getSlot, g as getTextColor, b as generateNavigateSlug, n as navigateTo } from './index-ad3c83c3.js';
-import PropTypes from 'prop-types';
-import React from 'react';
-import { useDispatch, useSelector } from 'react-redux';
-import { C as CollectionName, S as StateProvider, H as Headline, A as AuthorWithTime, L as LoadMoreTarget, P as ProgressiveHydration, a as LoadmoreButton } from './index-1e444d20.js';
-import { H as HeroImage, S as SectionTag } from './index-c61a16dc.js';
-import { S as StoryCard } from './index-0519e570.js';
-import 'react-timeago';
-import 'date-fns-tz';
-import 'react-dom';
-
-var FlexCard = function FlexCard(_ref) {
-  var _ref$story = _ref.story,
-      story = _ref$story === void 0 ? {} : _ref$story,
-      _ref$config = _ref.config,
-      config = _ref$config === void 0 ? {} : _ref$config;
-  var _config$borderColor = config.borderColor,
-      borderColor = _config$borderColor === void 0 ? "" : _config$borderColor,
-      _config$border = config.border,
-      border = _config$border === void 0 ? "" : _config$border,
-      _config$theme = config.theme,
-      theme = _config$theme === void 0 ? "" : _config$theme,
-      _config$localizationC = config.localizationConfig,
-      localizationConfig = _config$localizationC === void 0 ? {} : _config$localizationC;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "three-col-flex-stories-m_card__2uZ3Q"
-  }, /*#__PURE__*/React.createElement(StoryCard, {
-    story: story,
-    isHorizontal: true,
-    theme: theme,
-    border: border,
-    borderColor: borderColor,
-    config: config
-  }, /*#__PURE__*/React.createElement(HeroImage, {
-    story: story,
-    aspectRatio: [[9, 5], [9, 5]]
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "small-card-container three-col-flex-stories-m_card-content__1z9nt"
-  }, /*#__PURE__*/React.createElement(SectionTag, {
-    story: story,
-    borderColor: borderColor
-  }), /*#__PURE__*/React.createElement(Headline, {
-    story: story,
-    headerLevel: "6",
-    premiumStoryIconConfig: config
-  }), /*#__PURE__*/React.createElement(AuthorWithTime, {
-    config: localizationConfig,
-    story: story,
-    prefix: "By"
-  }))));
-};
-
-var loadMore = function loadMore(_ref2) {
-  var isLoading = _ref2.isLoading,
-      stories = _ref2.stories,
-      getMoreStories = _ref2.getMoreStories,
-      _ref2$subsequentLoadC = _ref2.subsequentLoadCount,
-      subsequentLoadCount = _ref2$subsequentLoadC === void 0 ? 3 : _ref2$subsequentLoadC;
-  if (isLoading) return;
-  var limit = subsequentLoadCount;
-  var offset = stories.length;
-  getMoreStories(offset, limit);
-};
-
-var ThreeColFlexStoriesBase = function ThreeColFlexStoriesBase(_ref3) {
-  var _ref3$collection = _ref3.collection,
-      collection = _ref3$collection === void 0 ? {} : _ref3$collection,
-      _ref3$config = _ref3.config,
-      config = _ref3$config === void 0 ? {} : _ref3$config,
-      getMoreStories = _ref3.getMoreStories,
-      isLoadMoreVisible = _ref3.isLoadMoreVisible,
-      isLoading = _ref3.isLoading,
-      isolatedLoadMore = _ref3.isolatedLoadMore,
-      hideFirstCard = _ref3.hideFirstCard;
-  var collectionItems = collectionToStories(collection);
-
-  if (collectionItems.length < 1) {
-    return null;
-  }
-
-  var _config$collectionNam = config.collectionNameBorderColor,
-      collectionNameBorderColor = _config$collectionNam === void 0 ? "" : _config$collectionNam,
-      _config$theme2 = config.theme,
-      theme = _config$theme2 === void 0 ? "" : _config$theme2,
-      _config$slotConfig = config.slotConfig,
-      slotConfig = _config$slotConfig === void 0 ? [] : _config$slotConfig,
-      _config$collectionNam2 = config.collectionNameTemplate,
-      collectionNameTemplate = _config$collectionNam2 === void 0 ? "" : _config$collectionNam2,
-      _config$footerButton = config.footerButton,
-      footerButton = _config$footerButton === void 0 ? "" : _config$footerButton,
-      _config$subsequentLoa = config.subsequentLoadCount,
-      subsequentLoadCount = _config$subsequentLoa === void 0 ? 3 : _config$subsequentLoa;
-
-  var _get = get_1(slotConfig, [0], {}),
-      _get$type = _get.type,
-      type = _get$type === void 0 ? "story" : _get$type,
-      component = _get.component;
-
-  var isAdWidgetEnabled = type === "ad" || type === "widget";
-  var adWidgetSlot = isAdWidgetEnabled ? getSlot(type, component) : null;
-  var textColor = getTextColor(theme);
-  var stories = type !== "story" ? collectionItems : collectionToStories(collection);
-  var dispatch = useDispatch();
-  var qtConfig = useSelector(function (state) {
-    return get_1(state, ["qt", "config"], {});
-  });
-
-  var getLoadMore = function getLoadMore(opts) {
-    if (!isLoadMoreVisible) return null;
-
-    if (isolatedLoadMore) {
-      return /*#__PURE__*/React.createElement(LoadMoreTarget, {
-        collection: collection,
-        componentName: "ThreeColFlexStories",
-        offset: stories.length,
-        limit: subsequentLoadCount
-      });
-    }
-
-    var url = generateNavigateSlug(collection, qtConfig);
-    return /*#__PURE__*/React.createElement(ProgressiveHydration, null, /*#__PURE__*/React.createElement(LoadmoreButton, {
-      config: config,
-      collection: collection,
-      template: footerButton,
-      onClick: function onClick() {
-        return loadMore(opts);
-      },
-      navigate: function navigate() {
-        return navigateTo(dispatch, url);
-      },
-      qtConfig: qtConfig
-    }));
-  };
-
-  return /*#__PURE__*/React.createElement("div", {
-    className: "full-width-with-padding arrow-component",
-    "data-test-id": "three-col-flex-stories",
-    style: {
-      backgroundColor: theme,
-      color: textColor
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "three-col-flex-stories-m_wrapper__3SQMq"
-  }, /*#__PURE__*/React.createElement(CollectionName, {
-    collection: collection,
-    collectionNameTemplate: collectionNameTemplate,
-    collectionNameBorderColor: collectionNameBorderColor,
-    headerLevel: "2"
-  }), isAdWidgetEnabled && !hideFirstCard ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: "three-col-flex-stories-m_row-with-ad__1gPPN"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "three-col-flex-stories-m_card-with-ad__32z5M"
-  }, stories.slice(0, 4).map(function (story) {
-    return /*#__PURE__*/React.createElement(FlexCard, {
-      story: story,
-      config: config,
-      key: story.id
-    });
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "three-col-flex-stories-m_ad-wrapper__3dmfM"
-  }, adWidgetSlot)), /*#__PURE__*/React.createElement("div", {
-    className: "three-col-flex-stories-m_card-row__3WMb3"
-  }, stories.slice(4).map(function (story) {
-    return /*#__PURE__*/React.createElement(FlexCard, {
-      story: story,
-      config: config,
-      key: story.id
-    });
-  }))) : /*#__PURE__*/React.createElement("div", {
-    className: "three-col-flex-stories-m_card-row__3WMb3"
-  }, stories.map(function (story) {
-    return /*#__PURE__*/React.createElement(FlexCard, {
-      story: story,
-      config: config,
-      key: story.id
-    });
-  })), getLoadMore({
-    isLoading: isLoading,
-    stories: stories,
-    getMoreStories: getMoreStories,
-    subsequentLoadCount: subsequentLoadCount
-  })));
-};
-ThreeColFlexStoriesBase.propTypes = {
-  /**  collection is the array of objects which is returning by API  */
-  collection: PropTypes.object.isRequired,
-
-  /** The config for the Row */
-  config: PropTypes.shape({
-    borderColor: PropTypes.string,
-    theme: PropTypes.string,
-    border: PropTypes.string,
-    slotConfig: PropTypes.array,
-    footerButton: PropTypes.string,
-    collectionNameTemplate: PropTypes.string,
-    collectionNameBorderColor: PropTypes.string,
-    subsequentLoadCount: PropTypes.number
-  }),
-  getMoreStories: PropTypes.func,
-  isLoadMoreVisible: PropTypes.bool,
-  isLoading: PropTypes.bool,
-  isolatedLoadMore: PropTypes.bool,
-  hideFirstCard: PropTypes.bool
-};
-FlexCard.propTypes = {
-  story: PropTypes.object.isRequired,
-  config: PropTypes.shape({
-    borderColor: PropTypes.string,
-    theme: PropTypes.string,
-    border: PropTypes.string,
-    localizationConfig: PropTypes.object
-  })
-};
-ThreeColFlexStoriesBase.defaultProps = {
-  getMoreStories: function getMoreStories() {},
-  isLoadMoreVisible: true,
-  isLoading: false,
-  hideFirstCard: false
-};
-var ThreeColFlexStories = StateProvider(ThreeColFlexStoriesBase);
-
-export { ThreeColFlexStories, ThreeColFlexStoriesBase };

package/atoms/ExtendedLoadMore/index-fd651f70.js

@@ -1,175 +0,0 @@
-import { g as getTextColor, a as get_1, _ as _getClassName, b as generateNavigateSlug, n as navigateTo } from './index-ad3c83c3.js';
-import React from 'react';
-import PropTypes from 'prop-types';
-import { collectionToStories } from '@quintype/components';
-import { C as CollectionName, H as Headline, A as AuthorWithTime, S as StateProvider, L as LoadMoreTarget, P as ProgressiveHydration, a as LoadmoreButton } from './index-1e444d20.js';
-import { H as HeroImage, S as SectionTag } from './index-c61a16dc.js';
-import { S as StoryCard } from './index-0519e570.js';
-import { useDispatch, useSelector } from 'react-redux';
-import 'react-timeago';
-import 'date-fns-tz';
-import 'react-dom';
-
-var _styleModuleImportMap = {
-  "./six-col-six-stories.m.css": {
-    "viewports": "\"../../../../assets/stylesheets/viewports.m.css\"",
-    "mobile": "768px",
-    "desktop": "1025px",
-    "wrapper": "six-col-six-stories-m_wrapper__2k2bf",
-    "row-wrapper": "six-col-six-stories-m_row-wrapper__2YNUO",
-    "card-wrapper": "six-col-six-stories-m_card-wrapper__1B5FM",
-    "vertical-border": "six-col-six-stories-m_vertical-border__3iwon",
-    "light": "six-col-six-stories-m_light__2wu4e",
-    "dark": "six-col-six-stories-m_dark__2y_No",
-    "content-wrapper": "six-col-six-stories-m_content-wrapper__3n5nT"
-  }
-};
-
-var loadMore = function loadMore(_ref) {
-  var isLoading = _ref.isLoading,
-      stories = _ref.stories,
-      getMoreStories = _ref.getMoreStories,
-      _ref$subsequentLoadCo = _ref.subsequentLoadCount,
-      subsequentLoadCount = _ref$subsequentLoadCo === void 0 ? 6 : _ref$subsequentLoadCo;
-  if (isLoading) return;
-  var limit = subsequentLoadCount;
-  var offset = stories.length;
-  getMoreStories(offset, limit);
-};
-
-var SixColSixStoriesBase = function SixColSixStoriesBase(_ref2) {
-  var _ref2$collection = _ref2.collection,
-      collection = _ref2$collection === void 0 ? {} : _ref2$collection,
-      _ref2$config = _ref2.config,
-      config = _ref2$config === void 0 ? {} : _ref2$config,
-      getMoreStories = _ref2.getMoreStories,
-      isLoadMoreVisible = _ref2.isLoadMoreVisible,
-      isLoading = _ref2.isLoading,
-      isolatedLoadMore = _ref2.isolatedLoadMore;
-  var stories = collectionToStories(collection);
-  if (!stories.length) return null;
-  var _config$collectionNam = config.collectionNameBorderColor,
-      collectionNameBorderColor = _config$collectionNam === void 0 ? "" : _config$collectionNam,
-      _config$borderColor = config.borderColor,
-      borderColor = _config$borderColor === void 0 ? "" : _config$borderColor,
-      _config$theme = config.theme,
-      theme = _config$theme === void 0 ? "" : _config$theme,
-      _config$collectionNam2 = config.collectionNameTemplate,
-      collectionNameTemplate = _config$collectionNam2 === void 0 ? "" : _config$collectionNam2,
-      _config$footerButton = config.footerButton,
-      footerButton = _config$footerButton === void 0 ? "" : _config$footerButton,
-      _config$border = config.border,
-      border = _config$border === void 0 ? "" : _config$border,
-      _config$localizationC = config.localizationConfig,
-      localizationConfig = _config$localizationC === void 0 ? {} : _config$localizationC,
-      _config$subsequentLoa = config.subsequentLoadCount,
-      subsequentLoadCount = _config$subsequentLoa === void 0 ? 6 : _config$subsequentLoa;
-  var textColor = getTextColor(theme);
-  var borderStyle = border === "fullBorder" ? "vertical-border" : "";
-  var dispatch = useDispatch();
-  var qtConfig = useSelector(function (state) {
-    return get_1(state, ["qt", "config"], {});
-  });
-
-  var getLoadMore = function getLoadMore(opts) {
-    if (!isLoadMoreVisible) return null;
-
-    if (isolatedLoadMore) {
-      return /*#__PURE__*/React.createElement(LoadMoreTarget, {
-        collection: collection,
-        componentName: "SixColSixStories",
-        offset: stories.length,
-        limit: subsequentLoadCount
-      });
-    }
-
-    var url = generateNavigateSlug(collection, qtConfig);
-    return /*#__PURE__*/React.createElement(ProgressiveHydration, null, /*#__PURE__*/React.createElement(LoadmoreButton, {
-      config: config,
-      collection: collection,
-      template: footerButton,
-      onClick: function onClick() {
-        return loadMore(opts);
-      },
-      navigate: function navigate() {
-        return navigateTo(dispatch, url);
-      },
-      qtConfig: qtConfig
-    }));
-  };
-
-  return /*#__PURE__*/React.createElement("div", {
-    className: "full-width-with-padding arrow-component",
-    "data-test-id": "six-col-six-stories",
-    style: {
-      backgroundColor: theme,
-      color: textColor
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "six-col-six-stories-m_wrapper__2k2bf"
-  }, /*#__PURE__*/React.createElement(CollectionName, {
-    collection: collection,
-    collectionNameTemplate: collectionNameTemplate,
-    collectionNameBorderColor: collectionNameBorderColor,
-    headerLevel: "2"
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "six-col-six-stories-m_row-wrapper__2YNUO"
-  }, stories.map(function (story, index) {
-    return /*#__PURE__*/React.createElement("div", {
-      key: "six-col-six-stories-".concat(index),
-      className: _getClassName("card-wrapper ".concat(borderStyle, " ").concat(textColor), _styleModuleImportMap)
-    }, /*#__PURE__*/React.createElement(StoryCard, {
-      story: story,
-      theme: theme,
-      config: config
-    }, /*#__PURE__*/React.createElement(HeroImage, {
-      story: story,
-      aspectRatio: [[16, 9], [16, 9]]
-    }), /*#__PURE__*/React.createElement("div", {
-      className: "six-col-six-stories-m_content-wrapper__3n5nT"
-    }, /*#__PURE__*/React.createElement(SectionTag, {
-      story: story,
-      borderColor: borderColor
-    }), /*#__PURE__*/React.createElement(Headline, {
-      story: story,
-      headerLevel: "6",
-      premiumStoryIconConfig: config
-    })), /*#__PURE__*/React.createElement(AuthorWithTime, {
-      config: localizationConfig,
-      story: story
-    })));
-  })), getLoadMore({
-    isLoading: isLoading,
-    stories: stories,
-    getMoreStories: getMoreStories,
-    subsequentLoadCount: subsequentLoadCount
-  })));
-};
-SixColSixStoriesBase.propTypes = {
-  /**  collection is the array of objects which is returning by API  */
-  collection: PropTypes.object.isRequired,
-
-  /** The config for the Row */
-  config: PropTypes.shape({
-    borderColor: PropTypes.string,
-    theme: PropTypes.string,
-    border: PropTypes.string,
-    slotConfig: PropTypes.array,
-    footerButton: PropTypes.string,
-    collectionNameTemplate: PropTypes.string,
-    collectionNameBorderColor: PropTypes.string,
-    subsequentLoadCount: PropTypes.number
-  }),
-  getMoreStories: PropTypes.func,
-  isLoadMoreVisible: PropTypes.bool,
-  isLoading: PropTypes.bool,
-  isolatedLoadMore: PropTypes.bool
-};
-SixColSixStoriesBase.defaultProps = {
-  getMoreStories: function getMoreStories() {},
-  isLoadMoreVisible: true,
-  isLoading: false
-};
-var SixColSixStories = StateProvider(SixColSixStoriesBase);
-
-export { SixColSixStories, SixColSixStoriesBase };

package/atoms/ExtendedLoadMore/index.js

@@ -1,5 +0,0 @@
-export { E as ExtendedLoadMore } from './index-ad3c83c3.js';
-import 'prop-types';
-import 'react';
-import 'react-timeago';
-import 'date-fns-tz';

package/atoms/ExtendedLoadMore/styles.arrow.css

@@ -1 +0,0 @@
-.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%}.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%}.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-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 (--viewport-small){.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}}.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%}.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)}.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}.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)}.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)}.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-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)}.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)}.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}}.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)}.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)}.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%)}.divider-m_dark__26FRi{fill:var(--arrow-c-mono4)}.divider-m_light__w-7sy{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)}.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)}