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

package/atoms/ExtendedLoadMore/index-cfb262ef.js

@@ -1,192 +0,0 @@
-'use strict';
-
-var _getClassName = require('babel-plugin-react-css-modules/dist/browser/getClassName');
-var React = require('react');
-var PropTypes = require('prop-types');
-var lodash = require('lodash');
-var components = require('@quintype/components');
-var index$1 = require('./index-93cb06d1.js');
-var index$3 = require('./index-8462c597.js');
-var index$2 = require('./index-0f809dd9.js');
-var index = require('./index-142f015c.js');
-var reactRedux = require('react-redux');
-require('@babel/runtime/helpers/defineProperty');
-require('react-dom');
-require('@babel/runtime/helpers/slicedToArray');
-require('@babel/runtime/helpers/toConsumableArray');
-require('@babel/runtime/helpers/asyncToGenerator');
-require('@babel/runtime/regenerator');
-require('@babel/runtime/helpers/typeof');
-require('react-timeago');
-require('date-fns-tz');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _getClassName__default = /*#__PURE__*/_interopDefaultLegacy(_getClassName);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-
-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 = components.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 = index.getTextColor(theme);
-  var borderStyle = border === "fullBorder" ? "vertical-border" : "";
-  var dispatch = reactRedux.useDispatch();
-  var qtConfig = reactRedux.useSelector(function (state) {
-    return lodash.get(state, ["qt", "config"], {});
-  });
-
-  var getLoadMore = function getLoadMore(opts) {
-    if (!isLoadMoreVisible) return null;
-
-    if (isolatedLoadMore) {
-      return /*#__PURE__*/React__default["default"].createElement(index$1.LoadMoreTarget, {
-        collection: collection,
-        componentName: "SixColSixStories",
-        offset: stories.length,
-        limit: subsequentLoadCount
-      });
-    }
-
-    var url = index.generateNavigateSlug(collection, qtConfig);
-    return /*#__PURE__*/React__default["default"].createElement(index$1.ProgressiveHydration, null, /*#__PURE__*/React__default["default"].createElement(index$1.LoadmoreButton, {
-      config: config,
-      collection: collection,
-      template: footerButton,
-      onClick: function onClick() {
-        return loadMore(opts);
-      },
-      navigate: function navigate() {
-        return index.navigateTo(dispatch, url);
-      },
-      qtConfig: qtConfig
-    }));
-  };
-
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "full-width-with-padding arrow-component",
-    "data-test-id": "six-col-six-stories",
-    style: {
-      backgroundColor: theme,
-      color: textColor
-    }
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "six-col-six-stories-m_wrapper__2k2bf"
-  }, /*#__PURE__*/React__default["default"].createElement(index$1.CollectionName, {
-    collection: collection,
-    collectionNameTemplate: collectionNameTemplate,
-    collectionNameBorderColor: collectionNameBorderColor,
-    headerLevel: "2"
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "six-col-six-stories-m_row-wrapper__2YNUO"
-  }, stories.map(function (story, index) {
-    return /*#__PURE__*/React__default["default"].createElement("div", {
-      key: "six-col-six-stories-".concat(index),
-      className: _getClassName__default["default"]("card-wrapper ".concat(borderStyle, " ").concat(textColor), _styleModuleImportMap)
-    }, /*#__PURE__*/React__default["default"].createElement(index$2.StoryCard, {
-      story: story,
-      theme: theme,
-      config: config
-    }, /*#__PURE__*/React__default["default"].createElement(index$3.HeroImage, {
-      story: story,
-      aspectRatio: [[16, 9], [16, 9]]
-    }), /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "six-col-six-stories-m_content-wrapper__3n5nT"
-    }, /*#__PURE__*/React__default["default"].createElement(index$3.SectionTag, {
-      story: story,
-      borderColor: borderColor
-    }), /*#__PURE__*/React__default["default"].createElement(index$1.Headline, {
-      story: story,
-      headerLevel: "6",
-      premiumStoryIconConfig: config
-    })), /*#__PURE__*/React__default["default"].createElement(index$1.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__default["default"].object.isRequired,
-
-  /** The config for the Row */
-  config: PropTypes__default["default"].shape({
-    borderColor: PropTypes__default["default"].string,
-    theme: PropTypes__default["default"].string,
-    border: PropTypes__default["default"].string,
-    slotConfig: PropTypes__default["default"].array,
-    footerButton: PropTypes__default["default"].string,
-    collectionNameTemplate: PropTypes__default["default"].string,
-    collectionNameBorderColor: PropTypes__default["default"].string,
-    subsequentLoadCount: PropTypes__default["default"].number
-  }),
-  getMoreStories: PropTypes__default["default"].func,
-  isLoadMoreVisible: PropTypes__default["default"].bool,
-  isLoading: PropTypes__default["default"].bool,
-  isolatedLoadMore: PropTypes__default["default"].bool
-};
-SixColSixStoriesBase.defaultProps = {
-  getMoreStories: function getMoreStories() {},
-  isLoadMoreVisible: true,
-  isLoading: false
-};
-var SixColSixStories = index$1.StateProvider(SixColSixStoriesBase);
-
-exports.SixColSixStories = SixColSixStories;
-exports.SixColSixStoriesBase = SixColSixStoriesBase;

package/atoms/ExtendedLoadMore/index.js

@@ -1,20 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('@babel/runtime/helpers/toConsumableArray');
-require('@babel/runtime/helpers/asyncToGenerator');
-require('@babel/runtime/helpers/slicedToArray');
-require('babel-plugin-react-css-modules/dist/browser/getClassName');
-require('@babel/runtime/regenerator');
-require('lodash');
-require('prop-types');
-require('react');
-var index = require('./index-142f015c.js');
-require('@babel/runtime/helpers/typeof');
-require('react-timeago');
-require('date-fns-tz');
-
-
-
-exports.ExtendedLoadMore = index.ExtendedLoadMore;

package/atoms/ExtendedLoadMore/styles.arrow.css

@@ -1 +0,0 @@
-.four-col-m_four-col-grid__z5iVl{padding:0 var(--arrow-spacing-s)}@media (min-width:768px){.four-col-m_four-col-grid__z5iVl{padding:0}}.four-col-m_wrapper__6jMfQ{display:flex;flex-direction:column;margin:var(--arrow-spacing-xs) 0 0}@media (min-width:768px){.four-col-m_wrapper__6jMfQ{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__OOPnv{margin-bottom:var(--arrow-spacing-m)}@media (min-width:768px){.four-col-m_story-card-wrapper__OOPnv{margin-bottom:0}}.four-col-m_ad__-1Ig1,.four-col-m_wrapper__6jMfQ>:first-child{order:-1}@media (min-width:768px){.four-col-m_ad__-1Ig1,.four-col-m_wrapper__6jMfQ>:first-child{order:0}}.four-col-m_ad__-1Ig1{margin-bottom:16px}.four-col-m_content-wrapper__jufnv{display:flex;flex-basis:70%;flex-direction:column}@media (min-width:768px){.four-col-m_content-wrapper__jufnv{flex-basis:100%}}.four-col-m_four-col-grid__z5iVl .arr--story-card .arr--hero-image{flex-basis:40%}.four-col-m_four-col-grid__z5iVl .arr--story-card .arr--content-wrapper{flex-basis:60%}.one-col-story-list-m_one-col-story-list-wrapper__X5Tpe{padding:0 var(--arrow-spacing-s)}@media (min-width:768px){.one-col-story-list-m_one-col-story-list-wrapper__X5Tpe{padding:0}}.one-col-story-list-m_wrapper__j3--F{display:flex;flex-direction:column}@media (min-width:768px){.one-col-story-list-m_wrapper__j3--F{grid-column-gap:44px;display:grid;grid-template-columns:repeat(3,1fr)}}.one-col-story-list-m_one-col-first-story__7rYi-{grid-column:1/3;grid-row:1/2;order:-1}.one-col-story-list-m_one-col-border-full__ovl8J{margin-bottom:var(--arrow-spacing-m)}@media (min-width:768px){.one-col-story-list-m_one-col-border-full__ovl8J{margin-bottom:var(--arrow-spacing-l)}}.one-col-story-list-m_one-col-border-bottom__8rcYx{padding-top:var(--arrow-spacing-m)}.one-col-story-list-m_one-col-border-default__rbsFt{margin-bottom:var(--arrow-spacing-m)}@media (min-width:768px){.one-col-story-list-m_one-col-border-default__rbsFt{margin-bottom:var(--arrow-spacing-l)}}.one-col-story-list-m_one-col-story-list__-1VXb{grid-column:1/3;grid-row:2/3}.one-col-story-list-m_one-col-ads__MlPcC{grid-row:1/9;order:-1;padding-bottom:var(--arrow-spacing-m)}@media (min-width:768px){.one-col-story-list-m_footer-ad-wrapper__cmrjT{display:grid;grid-template-columns:repeat(3,1fr)}}.one-col-story-list-m_footer-wrapper__dx9jX{grid-column:1/3;grid-row:1/2}.one-col-story-list-m_ad-wrapper__no-1F{grid-column:1/4;grid-row:2/3}.one-col-story-list-m_ad-wrapper__no-1F .arr--ad-wrapper{justify-content:left}.one-col-story-list-m_story-card-content-wrapper__GDy0b{padding:12px 8px 12px 0}@media (min-width:768px){.one-col-story-list-m_story-card-content-wrapper__GDy0b{padding:16px 16px 16px 0}}@media (max-width:767px){.one-col-story-list-m_one-col-story-list-wrapper__X5Tpe .arr--sub-headline{display:none}}.one-col-story-list-m_one-col-story-list-wrapper__X5Tpe .arr--button{margin:0 auto var(--arrow-spacing-xs) auto}.four-col-portrait-stories-m_four-col-portrait__XW2dH{padding:0 var(--arrow-spacing-s)}@media (min-width:1025px){.four-col-portrait-stories-m_four-col-portrait__XW2dH{padding:0}}.four-col-portrait-stories-m_wrapper__W5D00{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__W5D00{grid-gap:var(--arrow-spacing-l);grid-template-columns:repeat(4,1fr);margin:var(--arrow-spacing-m) 0}}.four-col-portrait-stories-m_wrapper__W5D00 .arr--headline>a>h6{font-size:var(--arrow-fs-tiny)}@media (min-width:1025px){.four-col-portrait-stories-m_wrapper__W5D00 .arr--headline>a>h6{font-size:var(--arrow-fs-xs)}}.four-col-portrait-stories-m_wrapper__W5D00 .arr--content-wrapper time,.four-col-portrait-stories-m_wrapper__W5D00 .arr--read-time,.four-col-portrait-stories-m_wrapper__W5D00 .author-name{font-size:12px}@media (min-width:1025px){.four-col-portrait-stories-m_wrapper__W5D00 .arr--content-wrapper time,.four-col-portrait-stories-m_wrapper__W5D00 .arr--read-time,.four-col-portrait-stories-m_wrapper__W5D00 .author-name{font-size:var(--arrow-fs-tiny)}}@media (max-width:1024px) and (min-width:768px){.four-col-portrait-stories-m_wrapper__W5D00 .arr--headline>a>h6{font-size:var(--arrow-fs-l)}}.three-col-m_three-col-grid__Mm1TX{padding:0 var(--arrow-spacing-s)}@media (min-width:768px){.three-col-m_three-col-grid__Mm1TX{padding:0}}.three-col-m_wrapper__isckR{display:flex;flex-direction:column;margin:var(--arrow-spacing-xs) 0 0}@media (min-width:768px){.three-col-m_wrapper__isckR{grid-gap:var(--arrow-spacing-l);display:grid;grid-template-columns:repeat(3,1fr);margin:var(--arrow-spacing-m) 0}}.three-col-m_ad__DMU3F{margin-bottom:var(--arrow-fs-xs)}.three-col-m_cards__VJj6m{margin-bottom:var(--arrow-spacing-m)}@media (min-width:768px){.three-col-m_cards__VJj6m{margin-bottom:0}}.three-col-m_ad__DMU3F,.three-col-m_wrapper__isckR>:first-child{order:-1}@media (min-width:768px){.three-col-m_ad__DMU3F,.three-col-m_wrapper__isckR>:first-child{order:0}}.three-col-m_three-col-grid__Mm1TX .arr--story-card .arr--hero-image{flex-basis:40%}.three-col-m_three-col-grid__Mm1TX .arr--story-card .arr--content-wrapper{flex-basis:60%}.four-col-five-stories-m_four-col-five-stories__QXaIU{padding:0 var(--arrow-spacing-s)}@media (min-width:1025px){.four-col-five-stories-m_four-col-five-stories__QXaIU{padding:0}}.four-col-five-stories-m_wrapper__ikMx6{margin:var(--arrow-spacing-xs) 0}@media (min-width:1025px){.four-col-five-stories-m_wrapper__ikMx6{margin:var(--arrow-spacing-m) 0}}.four-col-five-stories-m_first-card__W5D-8{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__W5D-8 .arrow-component h6{font-size:var(--arrow-spacing-l)}.four-col-five-stories-m_first-card__W5D-8{margin-bottom:var(--arrow-spacing-l)}}@media (min-width:1025px){.four-col-five-stories-m_first-card__W5D-8{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__W5D-8 .arr--fallback-hero-image .story-icon,.four-col-five-stories-m_first-card__W5D-8 .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__W5D-8 .arr--fallback-hero-image .story-icon,.four-col-five-stories-m_first-card__W5D-8 .arr--responsive-hero-image .story-icon{height:24px;width:24px}}.four-col-five-stories-m_first-card__W5D-8 .arr--fallback-hero-image .story-icon .live-icon,.four-col-five-stories-m_first-card__W5D-8 .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__7Q3Ll .arr--fallback-hero-image .story-icon,.four-col-five-stories-m_other-cards__7Q3Ll .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__7Q3Ll .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__A0z6W{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes four-col-five-stories-m_blink__A0z6W{0%{opacity:0}50%{opacity:1}to{opacity:0}}.four-col-five-stories-m_first-card__W5D-8>*{flex:1}.four-col-five-stories-m_other-cards__7Q3Ll{grid-row-gap:var(--arrow-spacing-m);display:grid}@media (min-width:768px){.four-col-five-stories-m_other-cards__7Q3Ll{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__7Q3Ll{grid-template-columns:repeat(4,1fr)}}.four-col-five-stories-m_card__s2ere>div>:last-child{margin-top:var(--arrow-spacing-xs)}.three-col-flex-stories-m_wrapper__sl2tf{padding:0 var(--arrow-spacing-s)}@media (min-width:1025px){.three-col-flex-stories-m_wrapper__sl2tf{padding:0}}@media (min-width:768px){.three-col-flex-stories-m_card-row__y2lyY{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__y2lyY{grid-template-columns:repeat(3,1fr)}}@media (min-width:768px){.three-col-flex-stories-m_row-with-ad__XYauU{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__XYauU{grid-template-columns:2fr 1fr}.three-col-flex-stories-m_card-with-ad__ksGLG{grid-column-gap:var(--arrow-spacing-m);align-self:center;display:grid;grid-template-columns:repeat(2,1fr)}}.three-col-flex-stories-m_card__tHKUL{margin-bottom:var(--arrow-spacing-m)}@media (min-width:1025px){.three-col-flex-stories-m_card__tHKUL{margin-bottom:var(--arrow-spacing-l)}}.three-col-flex-stories-m_card__tHKUL .three-col-flex-stories-m_card-content__5QSHI{margin-left:var(--arrow-spacing-s)}.three-col-flex-stories-m_ad-wrapper__Q6oVh{align-self:center;margin-bottom:var(--arrow-spacing-m)}@media (min-width:768px){.three-col-flex-stories-m_ad-wrapper__Q6oVh{margin-bottom:0}}.opinion-collection-m_opinion-collection__yUSok{padding:0 var(--arrow-spacing-s)}@media (min-width:1025px){.opinion-collection-m_opinion-collection__yUSok{padding:0}}@media (min-width:768px){.opinion-collection-m_content-wrapper__GNzdY{grid-column-gap:var(--arrow-spacing-s);display:grid;grid-template-columns:repeat(2,1fr)}}@media (min-width:1025px){.opinion-collection-m_content-wrapper__GNzdY{grid-column-gap:var(--arrow-spacing-l);grid-template-columns:repeat(3,1fr)}}@media (min-width:768px){.opinion-collection-m_custom-grid__2HZmc{grid-template-columns:1fr}}@media (min-width:1025px){.opinion-collection-m_custom-grid__2HZmc{align-items:center;grid-template-columns:2fr 1fr}}@media (min-width:768px){.opinion-collection-m_wrapper-with-ads__j9LHB{grid-column-gap:var(--arrow-spacing-s);display:grid;grid-template-columns:1fr 1fr}}@media (min-width:1025px){.opinion-collection-m_wrapper-with-ads__j9LHB{grid-column-gap:var(--arrow-spacing-l)}}@media only screen and (max-width:1025px){.opinion-collection-m_ad-slot__M5oez{margin:var(--arrow-spacing-l) 0}}.opinion-collection-m_headline-author__Mpc3H{display:flex}.opinion-collection-m_headline-author__Mpc3H :last-child{margin-left:auto}.opinion-collection-m_headline-author__Mpc3H .arr--headline{flex-basis:80%}.opinion-collection-m_content-wrapper__GNzdY>div,.opinion-collection-m_wrapper-with-ads__j9LHB>div{padding:0 0 8px}@media (min-width:1025px){.opinion-collection-m_content-wrapper__GNzdY>div,.opinion-collection-m_wrapper-with-ads__j9LHB>div{padding:0 var(--arrow-spacing-l) var(--arrow-spacing-m) 0}}.opinion-collection-m_custom-grid__2HZmc>div{padding:0}@media (min-width:768px){.opinion-collection-m_content-wrapper__GNzdY.opinion-collection-m_border__ocYED.opinion-collection-m_light__j0yoC .opinion-collection-m_wrapper-with-ads__j9LHB>div,.opinion-collection-m_content-wrapper__GNzdY.opinion-collection-m_border__ocYED.opinion-collection-m_light__j0yoC>div{border-right:1px solid var(--light-border)}.opinion-collection-m_content-wrapper__GNzdY.opinion-collection-m_border__ocYED.opinion-collection-m_dark__CBRm7 .opinion-collection-m_wrapper-with-ads__j9LHB>div,.opinion-collection-m_content-wrapper__GNzdY.opinion-collection-m_border__ocYED.opinion-collection-m_dark__CBRm7>div{border-right:1px solid var(--dark-border)}}.opinion-collection-m_custom-grid__2HZmc.opinion-collection-m_border__ocYED.opinion-collection-m_dark__CBRm7>div,.opinion-collection-m_custom-grid__2HZmc.opinion-collection-m_border__ocYED.opinion-collection-m_light__j0yoC>div{border-right:none}.opinion-collection-m_content-wrapper__GNzdY .author-name{color:var(--arrow-c-brand1);font-size:var(--arrow-spacing-m)}.opinion-collection-m_content-wrapper__GNzdY.opinion-collection-m_border__ocYED.opinion-collection-m_light__j0yoC .arr--author-time,.opinion-collection-m_content-wrapper__GNzdY.opinion-collection-m_border__ocYED.opinion-collection-m_light__j0yoC .opinion-collection-m_wrapper-with-ads__j9LHB .arr--author-time{border-bottom:1px solid var(--light-border);padding-bottom:var(--arrow-spacing-m)}.opinion-collection-m_content-wrapper__GNzdY.opinion-collection-m_border__ocYED.opinion-collection-m_dark__CBRm7 .arr--author-time,.opinion-collection-m_content-wrapper__GNzdY.opinion-collection-m_border__ocYED.opinion-collection-m_dark__CBRm7 .opinion-collection-m_wrapper-with-ads__j9LHB .arr--author-time{border-bottom:1px solid var(--dark-border);padding-bottom:var(--arrow-spacing-m)}.opinion-collection-m_content-wrapper__GNzdY.opinion-collection-m_border__ocYED .opinion-collection-m_wrapper-with-ads__j9LHB div:nth-last-child(-n+1) .arr--author-time,.opinion-collection-m_content-wrapper__GNzdY.opinion-collection-m_border__ocYED div:nth-last-child(-n+1) .arr--author-time{border-bottom:none}@media (min-width:768px){.opinion-collection-m_content-wrapper__GNzdY.opinion-collection-m_border__ocYED .opinion-collection-m_wrapper-with-ads__j9LHB div:nth-last-child(-n+2) .arr--author-time,.opinion-collection-m_content-wrapper__GNzdY.opinion-collection-m_border__ocYED div:nth-last-child(-n+2) .arr--author-time{border-bottom:none}}@media (min-width:1025px){.opinion-collection-m_content-wrapper__GNzdY.opinion-collection-m_border__ocYED .opinion-collection-m_wrapper-with-ads__j9LHB div:nth-last-child(-n+3) .arr--author-time,.opinion-collection-m_content-wrapper__GNzdY.opinion-collection-m_border__ocYED div:nth-last-child(-n+3) .arr--author-time{border-bottom:none}.opinion-collection-m_content-wrapper__GNzdY.opinion-collection-m_border__ocYED.opinion-collection-m_light__j0yoC .opinion-collection-m_count-3__wdGvK div:nth-last-child(-n+3) .arr--author-time{border-bottom:1px solid var(--light-border)}.opinion-collection-m_content-wrapper__GNzdY.opinion-collection-m_border__ocYED.opinion-collection-m_dark__CBRm7 .opinion-collection-m_count-3__wdGvK div:first-child .arr--author-time{border-bottom:1px solid var(--dark-border)}.opinion-collection-m_content-wrapper__GNzdY.opinion-collection-m_border__ocYED.opinion-collection-m_light__j0yoC .opinion-collection-m_wrapper-with-ads__j9LHB div:nth-child(2) .arr--author-time{border-bottom:1px solid var(--light-border)}.opinion-collection-m_content-wrapper__GNzdY.opinion-collection-m_border__ocYED.opinion-collection-m_dark__CBRm7 .opinion-collection-m_wrapper-with-ads__j9LHB div:nth-child(2) .arr--author-time{border-bottom:1px solid var(--dark-border)}.opinion-collection-m_content-wrapper__GNzdY.opinion-collection-m_border__ocYED.opinion-collection-m_dark__CBRm7 .opinion-collection-m_count-2__o1BVV div:nth-child(2) .arr--author-time,.opinion-collection-m_content-wrapper__GNzdY.opinion-collection-m_border__ocYED.opinion-collection-m_dark__CBRm7 .opinion-collection-m_count-3__wdGvK div:nth-child(2) .arr--author-time,.opinion-collection-m_content-wrapper__GNzdY.opinion-collection-m_custom-grid__2HZmc.opinion-collection-m_border__ocYED.opinion-collection-m_dark__CBRm7 .opinion-collection-m_count-2__o1BVV div:nth-child(2) .arr--author-time,.opinion-collection-m_content-wrapper__GNzdY.opinion-collection-m_custom-grid__2HZmc.opinion-collection-m_border__ocYED.opinion-collection-m_dark__CBRm7 .opinion-collection-m_count-3__wdGvK div:nth-child(2) .arr--author-time{border-bottom:none}}@media (min-width:768px){.opinion-collection-m_content-wrapper__GNzdY.opinion-collection-m_border__ocYED.opinion-collection-m_light__j0yoC .opinion-collection-m_wrapper-with-ads__j9LHB>div:nth-child(2n),.opinion-collection-m_content-wrapper__GNzdY.opinion-collection-m_border__ocYED.opinion-collection-m_light__j0yoC>div:nth-child(2n){border-right:none}}@media (min-width:1025px){.opinion-collection-m_content-wrapper__GNzdY.opinion-collection-m_border__ocYED.opinion-collection-m_light__j0yoC .opinion-collection-m_wrapper-with-ads__j9LHB>div:nth-child(2n),.opinion-collection-m_content-wrapper__GNzdY.opinion-collection-m_border__ocYED.opinion-collection-m_light__j0yoC>div:nth-child(2n){border-right:1px solid var(--light-border)}}@media (min-width:768px){.opinion-collection-m_content-wrapper__GNzdY.opinion-collection-m_border__ocYED.opinion-collection-m_dark__CBRm7 .opinion-collection-m_wrapper-with-ads__j9LHB>div:nth-child(2n),.opinion-collection-m_content-wrapper__GNzdY.opinion-collection-m_border__ocYED.opinion-collection-m_dark__CBRm7>div:nth-child(2n){border-right:none}}@media (min-width:1025px){.opinion-collection-m_content-wrapper__GNzdY.opinion-collection-m_border__ocYED.opinion-collection-m_dark__CBRm7 .opinion-collection-m_wrapper-with-ads__j9LHB>div:nth-child(2n),.opinion-collection-m_content-wrapper__GNzdY.opinion-collection-m_border__ocYED.opinion-collection-m_dark__CBRm7>div:nth-child(2n){border-right:1px solid var(--dark-border)}.opinion-collection-m_content-wrapper__GNzdY.opinion-collection-m_border__ocYED.opinion-collection-m_dark__CBRm7>div:nth-child(3n),.opinion-collection-m_content-wrapper__GNzdY.opinion-collection-m_border__ocYED.opinion-collection-m_light__j0yoC>div:nth-child(3n),.opinion-collection-m_custom-grid__2HZmc.opinion-collection-m_border__ocYED.opinion-collection-m_dark__CBRm7>div:nth-child(2n),.opinion-collection-m_custom-grid__2HZmc.opinion-collection-m_border__ocYED.opinion-collection-m_light__j0yoC>div:nth-child(2n){border-right:none}}.six-col-six-stories-m_wrapper__uwkio{padding:0 var(--arrow-spacing-s)}@media (min-width:1025px){.six-col-six-stories-m_wrapper__uwkio{padding:0}}.six-col-six-stories-m_row-wrapper__NpBFy{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__NpBFy{grid-column-gap:var(--arrow-spacing-28);grid-template-columns:repeat(3,1fr)}}@media (min-width:1025px){.six-col-six-stories-m_row-wrapper__NpBFy{grid-column-gap:var(--arrow-spacing-28);grid-template-columns:repeat(6,1fr)}}.six-col-six-stories-m_card-wrapper__HqG77{margin-bottom:var(--arrow-spacing-m)}.six-col-six-stories-m_card-wrapper__HqG77.six-col-six-stories-m_vertical-border__rCCYF{position:relative}.six-col-six-stories-m_card-wrapper__HqG77.six-col-six-stories-m_vertical-border__rCCYF:after{content:"";height:100%;position:absolute;right:-13px;top:0;width:1px}.six-col-six-stories-m_card-wrapper__HqG77.six-col-six-stories-m_vertical-border__rCCYF.six-col-six-stories-m_light__dCq-w:after{background-color:var(--light-border)}.six-col-six-stories-m_card-wrapper__HqG77.six-col-six-stories-m_vertical-border__rCCYF.six-col-six-stories-m_dark__kv-Vj:after{background-color:var(--dark-border)}.six-col-six-stories-m_card-wrapper__HqG77.six-col-six-stories-m_vertical-border__rCCYF:nth-child(2n):after{content:none}@media (min-width:768px){.six-col-six-stories-m_card-wrapper__HqG77.six-col-six-stories-m_vertical-border__rCCYF:nth-child(2n):after{content:""}.six-col-six-stories-m_card-wrapper__HqG77.six-col-six-stories-m_vertical-border__rCCYF:nth-child(3n):after{content:none}}@media (min-width:1025px){.six-col-six-stories-m_card-wrapper__HqG77.six-col-six-stories-m_vertical-border__rCCYF:nth-child(3n):after{content:""}.six-col-six-stories-m_card-wrapper__HqG77.six-col-six-stories-m_vertical-border__rCCYF:nth-child(6n):after{content:none}}.six-col-six-stories-m_content-wrapper__PROpr{height:100%}.hero-image-m_hero-image__GPENA{flex-grow:1;margin-bottom:var(--arrow-spacing-xs);padding-right:0;position:relative}.hero-image-m_right-padding__BTBXn{flex-grow:1;margin-bottom:0;padding-right:var(--arrow-spacing-s)}.hero-image-m_left-padding__yiln3{flex-grow:1;margin-bottom:0;padding-left:var(--arrow-spacing-s)}.hero-image-m_right-padding-mob__y7wsK{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__y7wsK{margin-bottom:var(--arrow-spacing-xs);padding-right:0}}.hero-image-m_placeholder__QdaNV{background-color:#d3d3d3}html[dir=rtl] .hero-image-m_right-padding-mob__y7wsK,html[dir=rtl] .hero-image-m_right-padding__BTBXn{padding-left:var(--arrow-spacing-s);padding-right:0}@media (min-width:768px){html[dir=rtl] .hero-image-m_right-padding-mob__y7wsK{padding-left:0}}.hero-image-m_hero-image-mob__BXKnM{flex-grow:1;margin-bottom:var(--arrow-spacing-xs);padding-right:0}.hero-image-m_with-padding__4uBJT{padding:16px 16px 0}.hero-image-m_image__868Y6{position:relative}.hero-image-m_image__868Y6 img{bottom:0;height:100%;left:0;position:absolute;right:0;top:0}.collection-name-m_collection__2xOPW{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__2xOPW{font-size:var(--arrow-fs-l);margin-bottom:var(--arrow-spacing-l)}}.collection-name-m_collection-borderLeft__sm2OQ{align-items:baseline;display:flex}.collection-name-m_collection-borderLeft__sm2OQ .collection-name-m_border-left__0j0qr{margin-right:var(--arrow-spacing-xs);min-width:5px;overflow:hidden;width:5px}.collection-name-m_collection-borderLeft__sm2OQ .collection-name-m_border-left__0j0qr:before{content:"I";font-family:var(--arrow-sans-serif)}.collection-name-m_collection-borderBottomFull__8-REi{display:inline-block}.collection-name-m_collection-borderBottom__QM0lv{display:block}.collection-name-m_collection-crossLine__gO4l0{align-items:center;display:flex}.collection-name-m_collection-crossLine__gO4l0: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__gO4l0: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__sm2OQ .collection-name-m_border-left__0j0qr{margin-left:var(--arrow-spacing-xs);margin-right:0}html[dir=rtl] .collection-name-m_collection-crossLine__gO4l0:before{margin-left:var(--arrow-spacing-l);margin-right:0}html[dir=rtl] .collection-name-m_collection-crossLine__gO4l0:after{margin-left:0;margin-right:var(--arrow-spacing-l)}.collection-name-m_border-bottom__i9Gqk{height:4px;margin-top:var(--arrow-spacing-xxs);width:20px}.collection-name-m_collection-crossLine__gO4l0 .collection-name-m_border-bottom__i9Gqk{visibility:hidden}.collection-name-m_dark__VlJO3 a,.collection-name-m_dark__VlJO3 h2,.collection-name-m_dark__VlJO3 h3,.collection-name-m_dark__VlJO3 h5{color:var(--arrow-c-mono2)}.collection-name-m_light__xsoWS a,.collection-name-m_light__xsoWS h2,.collection-name-m_light__xsoWS h3,.collection-name-m_light__xsoWS h5{color:var(--arrow-c-invert-mono2)}.author-m_author__GP-nT{align-items:center;color:var(--arrow-c-mono4);display:flex;margin-bottom:var(--arrow-spacing-xs)}.author-m_author-image__vpWED{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__vpWED figure,.author-m_author-image__vpWED img{height:100%;width:100%}.author-m_author-name__H-L6p{margin:auto var(--arrow-spacing-xs) auto 0}.author-m_bottom-fix__iLW5j{margin-top:auto}.author-m_prefix__fXK6f{margin:auto var(--arrow-spacing-xxs) auto 0}.author-m_rtl-image__fPZig{display:none}html[dir=rtl] .author-m_author-name__H-L6p{margin-right:0}html[dir=rtl] .author-m_prefix__fXK6f{margin-left:var(--arrow-spacing-xxs);margin-right:0}html[dir=rtl] .author-m_ltr-image__ZBPrO{display:none}html[dir=rtl] .author-m_rtl-image__fPZig{display:block}.author-m_dark__tes5T{color:var(--arrow-c-mono4)}.author-m_light__KyiCD{color:var(--arrow-c-invert-mono4)}.author-with-timestamp-m_author-time-wrapper__6mTnA{align-items:center;color:var(--arrow-c-mono2);display:flex;flex-wrap:wrap}.author-with-timestamp-m_author-image__x3ck7{border-radius:100%;height:var(--arrow-spacing-l);margin-right:var(--arrow-spacing-xs);width:var(--arrow-spacing-l)}.author-with-timestamp-m_dot__P84rZ{margin-right:var(--arrow-spacing-xs);position:relative;top:-6px}.author-with-timestamp-m_bottom-fix__jceqG{margin-top:auto}.author-with-timestamp-m_dash__eaT-k{margin-right:var(--arrow-spacing-xs);position:relative;top:-1px}@media (min-width:768px){.author-with-timestamp-m_dash__eaT-k{top:-3px}}html[dir=rtl] .author-with-timestamp-m_dot__P84rZ{margin-left:var(--arrow-spacing-xs)}html[dir=rtl] .author-with-timestamp-m_dash__eaT-k{padding-left:var(--arrow-spacing-xs)}.storycard-m_author-timestamp-wrapper__oL1E-{align-items:center;display:flex}.storycard-m_default-card__jZ81O{display:flex;flex-direction:column}.storycard-m_horizontal-card__jk6UX{display:flex;flex-direction:row}@media (min-width:768px){.storycard-m_backgroung-img__vSQ7D>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__vSQ7D>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__vSQ7D img{bottom:0;position:absolute}@media (min-width:768px){.storycard-m_content-overlap__7v5VC>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__7v5VC img{bottom:0;position:absolute}}.storycard-m_horizontal-card__jk6UX>div:first-child{flex-basis:30%}.storycard-m_horizontal-card__jk6UX>div:nth-child(2){flex-basis:70%}.storycard-m_border-full__aBPy7.storycard-m_light__k4CYC{border:1px solid var(--light-border)}.storycard-m_border-full__aBPy7.storycard-m_dark__W9iAy{border:1px solid var(--dark-border)}.storycard-m_border-bottom__9IMot.storycard-m_light__k4CYC{border-bottom:1px solid var(--light-border);padding-bottom:var(--arrow-spacing-m)}.storycard-m_border-bottom__9IMot.storycard-m_dark__W9iAy{border-bottom:1px solid var(--dark-border);padding-bottom:var(--arrow-spacing-m)}.storycard-m_border-boxShadow__iHl9d{box-shadow:0 2px 10px 0 rgba(0,0,0,.1)}.storycard-m_center-align__6jcrn{align-items:left;display:flex;flex-direction:column}@media (min-width:768px){.storycard-m_center-align__6jcrn{align-items:center;text-align:center}}.storycard-m_content-boxShadow__vHmN4,.storycard-m_content-full__SQ56U{padding:var(--arrow-spacing-xs) var(--arrow-spacing-m)}.storycard-m_backgroung-img__vSQ7D,.storycard-m_content-overlap__7v5VC{position:relative}.storycard-m_hero-image__KLrCe{margin-bottom:var(--arrow-spacing-xs);padding-right:0}.storycard-m_right-padding__tRG92{padding-bottom:0;padding-right:var(--arrow-spacing-xs)}.storycard-m_horizontal-mob__ddY6X{display:flex;flex-direction:row}@media (min-width:768px){.storycard-m_horizontal-mob__ddY6X{flex-direction:column}}.storycard-m_horizontal-mob__ddY6X .storycard-m_hero-image__KLrCe{flex-basis:30%}@media (min-width:768px){.storycard-m_horizontal-mob__ddY6X .storycard-m_hero-image__KLrCe{flex-basis:100%}}.storycard-m_horizontal-mob__ddY6X .storycard-m_content__ugXF7{flex-basis:70%}@media (min-width:768px){.storycard-m_horizontal-mob__ddY6X .storycard-m_content__ugXF7{flex-basis:100%}}.storycard-m_border-default__qc6ma{border:none;height:100%}.storycard-m_card__JJvWo{height:100%}.storycard-m_horizontal-image-last__LQgPd{display:flex;flex-direction:row-reverse}.storycard-m_horizontal-image-last__LQgPd>div:first-child{flex-basis:30%}.storycard-m_horizontal-image-last__LQgPd>div:nth-child(2){flex-basis:70%}.section-m_section__hvZbb{margin-bottom:var(--arrow-spacing-xxs)}@media (min-width:768px){.section-m_section__hvZbb{margin-bottom:var(--arrow-spacing-xs)}}.section-m_section-borderBottomSml__4N3QJ .section-m_border-bottom__QN8bd{height:2px;margin-top:var(--arrow-spacing-xxs);width:20px}.section-m_section-borderLeft__M9ZK8{align-items:baseline;display:flex}.section-m_section-borderLeft__M9ZK8 .section-m_border-left__LCsN3{margin-right:var(--arrow-spacing-xs);max-width:3px;min-width:3px;overflow:hidden}.section-m_section-borderLeft__M9ZK8 .section-m_border-left__LCsN3:before{content:"I";font-family:var(--arrow-sans-serif)}html[dir=rtl] .section-m_border-left__LCsN3{margin-left:var(--arrow-spacing-xs);margin-right:0}.section-m_section-solid__qUoyq{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__qUoyq{padding:var(--arrow-spacing-xs) var(--arrow-spacing-m)}}.section-m_dark__gUfSN{color:var(--arrow-c-mono2)}.section-m_light__dTk7c{color:var(--arrow-c-invert-mono2)}.headline-m_wrapper__Ohhox{margin-bottom:6px}.headline-m_headline__bRjMh{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__bRjMh{margin-bottom:var(--arrow-spacing-xs)}}.headline-m_wrapper__Ohhox .headline-m_headline__bRjMh{display:inline;margin-bottom:var(--arrow-spacing-xs)}.headline-m_dark__M4Yl9{color:var(--arrow-c-mono2)}.headline-m_light__IBi09{color:var(--arrow-c-invert-mono2)}.storycardContent-m_wrapper__Vs1wF{flex-basis:70%}@media (min-width:768px){.storycardContent-m_wrapper__Vs1wF{flex-basis:100%}}.storycardContent-m_horizontal-content-wrapper__74tAN.storycardContent-m_border-full__mlt8M{padding:16px 16px 16px 0}@media (min-width:768px){.storycardContent-m_horizontal-content-wrapper__74tAN.storycardContent-m_border-full__mlt8M{padding:0 16px 16px}}.storycardContent-m_border-full__mlt8M{padding:12px 0 0}@media (min-width:768px){.storycardContent-m_border-full__mlt8M{padding:0 16px 16px}}.portrait-story-card-m_wrapper__L6RMl .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__L6RMl .arr--story-card>div:nth-child(2){padding:var(--arrow-spacing-m)}}.portrait-story-card-m_wrapper__L6RMl .arr--content-wrapper time,.portrait-story-card-m_wrapper__L6RMl .arr--headline>a>h6,.portrait-story-card-m_wrapper__L6RMl .arr--read-time,.portrait-story-card-m_wrapper__L6RMl .author-name,.portrait-story-card-m_wrapper__L6RMl .section-tag{color:var(--arrow-c-light)}.portrait-story-card-m_wrapper__L6RMl .arr--hero-image{margin-bottom:0}.portrait-story-card-m_wrapper__L6RMl .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}.subheadline-m_subheadline__7KQiQ{-webkit-box-orient:vertical;display:-webkit-box;margin-bottom:var(--arrow-spacing-xxs);overflow:hidden}@media (min-width:768px){.subheadline-m_subheadline__7KQiQ{margin-bottom:var(--arrow-spacing-xs)}}.subheadline-m_dark__82PuA{color:var(--arrow-c-mono4)}.subheadline-m_light__-SrMN{color:var(--arrow-c-invert-mono4)}.author-image-m_image-container__ZfQLS{bottom:0;height:100%;left:0;right:0;top:0;width:100%}.author-image-m_author-image__m2dFh img,.author-image-m_author-image__m2dFh svg{border-radius:50%;height:160px;width:160px}@media (min-width:768px){.author-image-m_author-image__m2dFh img,.author-image-m_author-image__m2dFh svg{height:224px;position:relative;width:224px}}@media (min-width:768px) and (min-width:992px){.author-image-m_author-image__m2dFh img,.author-image-m_author-image__m2dFh svg{height:364px;width:364px}}.author-image-m_square__f9Mlg img{border-radius:0}.author-image-m_small-circle__n7lYW.author-image-m_author-image__m2dFh img,.author-image-m_small-circle__n7lYW.author-image-m_author-image__m2dFh svg{border-radius:133.5px;height:40px;width:40px}@media (min-width:768px){.author-image-m_small-circle__n7lYW.author-image-m_author-image__m2dFh img,.author-image-m_small-circle__n7lYW.author-image-m_author-image__m2dFh svg{height:88px;width:88px}}@media (min-width:992px){.author-image-m_small-circle__n7lYW.author-image-m_author-image__m2dFh img,.author-image-m_small-circle__n7lYW.author-image-m_author-image__m2dFh svg{height:120px;width:120px}}.author-image-m_smaller-circle__TsxEP.author-image-m_author-image__m2dFh img,.author-image-m_smaller-circle__TsxEP.author-image-m_author-image__m2dFh svg{height:64px;width:64px}.fallback-m_image-position__rAOpW{bottom:0;left:0;position:absolute;right:0;top:0}.fallback-m_image__j9gJ2{background:var(--fallback-img)}.fallback-m_image__j9gJ2:after{bottom:0;content:"";left:0;position:absolute;right:0;top:0}.fallback-m_fallback-svg__LJk7c svg{bottom:0;height:100%;left:50%;-o-object-fit:cover;object-fit:cover;position:absolute;right:0;top:0;transform:translateX(-50%)}.hyperlink-m_hyperlink-button__sysnC{bottom:var(--arrow-spacing-xxs);position:absolute;right:var(--arrow-spacing-xxs);z-index:10}.hyperlink-m_hyperlink-button__sysnC svg rect{fill:var(--arrow-c-brand1)}.divider-m_dark__9iuK9{fill:var(--arrow-c-mono4)}.divider-m_light__K1yzB{fill:var(--arrow-c-invert-mono4)}.timestamp-m_time__nFaiw{display:flex;margin-bottom:2px}.timestamp-m_time-wrapper__K6nmZ{margin-bottom:var(--arrow-spacing-xxs)}.timestamp-m_bottom-fix__gjxS2{margin-top:auto}.timestamp-m_dark__z8gbw{color:var(--arrow-c-mono4)}.timestamp-m_light__BcFUe{color:var(--arrow-c-invert-mono4)}.read-time-m_read-time-wrapper__ltd31{display:flex;font-size:var(--arrow-fs-tiny);line-height:var(--arrow-lh-2)}.read-time-m_dot-indicator__RMIwp{padding:0 var(--arrow-spacing-xs) var(--arrow-spacing-xs)}.read-time-m_dark__tpGlu{color:var(--arrow-c-mono4)}.read-time-m_light__g3NL4{color:var(--arrow-c-invert-mono4)}html[dir=rtl] .read-time-m_read-time-wrapper__ltd31{margin-right:var(--arrow-spacing-xs)}.dot-m_dark__pv0-t{fill:var(--arrow-c-mono4)}.dot-m_light__emVqc{fill:var(--arrow-c-invert-mono4)}.load-more-m_button__qDfvU{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__HMaZ1{display:block}.load-more-m_dark__pAdYl{color:var(--arrow-c-mono2)}.load-more-m_light__x9Bdj{color:var(--arrow-c-invert-mono2)}

package/atoms/Headline/index.js

@@ -1,379 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _getClassName = require('babel-plugin-react-css-modules/dist/browser/getClassName');
-var React = require('react');
-var PropTypes = require('prop-types');
-var components = require('@quintype/components');
-var lodash = require('lodash');
-require('@babel/runtime/helpers/asyncToGenerator');
-require('@babel/runtime/helpers/typeof');
-require('@babel/runtime/regenerator');
-require('react-timeago');
-require('date-fns-tz');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _getClassName__default = /*#__PURE__*/_interopDefaultLegacy(_getClassName);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-
-var StateContext = /*#__PURE__*/React.createContext(); // eslint-disable-next-line react/display-name
-var useStateValue = function useStateValue() {
-  return React.useContext(StateContext);
-};
-
-var hexToRGB = function hexToRGB(hex) {
-  var r = parseInt(hex.slice(1, 3), 16);
-  var g = parseInt(hex.slice(3, 5), 16);
-  var b = parseInt(hex.slice(5, 7), 16);
-  return {
-    r: r,
-    g: g,
-    b: b
-  };
-};
-var getLuminanceOfColor = function getLuminanceOfColor(hex) {
-  var _hexToRGB = hexToRGB(hex),
-      r = _hexToRGB.r,
-      g = _hexToRGB.g,
-      b = _hexToRGB.b;
-
-  return r * 0.299 + g * 0.587 + b * 0.114;
-};
-var rgbToHex = function rgbToHex() {
-  var color = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "rgba(255, 255, 255, 0)";
-  var rgba = color.match(/^rgba?[\s+]?\([\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?/i);
-  return rgba && rgba.length === 4 ? "#" + ("0" + parseInt(rgba[1], 10).toString(16)).slice(-2) + ("0" + parseInt(rgba[2], 10).toString(16)).slice(-2) + ("0" + parseInt(rgba[3], 10).toString(16)).slice(-2) : color;
-};
-var getTextColor = function getTextColor() {
-  var theme = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "rgb(255,255,255)";
-  var isRegexCheck = /^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/.test(theme);
-  var getHexValue = !isRegexCheck ? rgbToHex(theme) : theme;
-  var textColor = getLuminanceOfColor(getHexValue) < 155 ? "light" : "dark";
-  return textColor;
-};
-function isExternalStory() {
-  var story = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var _story$storyTemplate = story["story-template"],
-      storyTemplate = _story$storyTemplate === void 0 ? "" : _story$storyTemplate,
-      _story$metadata = story.metadata,
-      metadata = _story$metadata === void 0 ? {} : _story$metadata;
-  return storyTemplate === "news-elsewhere" ? lodash.get(metadata, ["reference-url"], "") : "";
-} // Adds target='_blank' attribute to anchor tags if not present
-PropTypes__default["default"].shape({
-  "sketches-host": PropTypes__default["default"].string,
-  "cdn-name": PropTypes__default["default"].string,
-  "cdn-image": PropTypes__default["default"].string
-});
-PropTypes__default["default"].shape({
-  headline: PropTypes__default["default"].string,
-  "last-published-at": PropTypes__default["default"].number,
-  subheadline: PropTypes__default["default"].string
-});
-var getStoryUrl = function getStoryUrl(story) {
-  var defaultValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "";
-  return lodash.get(story, ["story-template"]) === "news-elsewhere" ? lodash.get(story, ["metadata", "reference-url"], "") : story.url || defaultValue;
-};
-
-var CrownIcon = function CrownIcon(_ref) {
-  var height = _ref.height,
-      width = _ref.width,
-      _ref$color = _ref.color,
-      color = _ref$color === void 0 ? "#D8D8D8" : _ref$color,
-      positionTop = _ref.positionTop;
-  return /*#__PURE__*/React__default["default"].createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: width,
-    height: height,
-    viewBox: "0 0 40 40",
-    style: {
-      position: "relative",
-      top: positionTop
-    }
-  }, /*#__PURE__*/React__default["default"].createElement("g", {
-    fill: "none",
-    fillRule: "evenodd",
-    stroke: "none",
-    strokeWidth: "1"
-  }, /*#__PURE__*/React__default["default"].createElement("g", null, /*#__PURE__*/React__default["default"].createElement("g", {
-    transform: "translate(8 8)"
-  }, /*#__PURE__*/React__default["default"].createElement("path", {
-    d: "M0 0H24V24H0z"
-  }), /*#__PURE__*/React__default["default"].createElement("g", {
-    fill: color,
-    fillRule: "nonzero",
-    transform: "translate(0 2)"
-  }, /*#__PURE__*/React__default["default"].createElement("path", {
-    d: "M21.043 19.553c0-.743-.601-1.344-1.344-1.344h-15.4a1.343 1.343 0 100 2.688h15.4c.743 0 1.344-.603 1.344-1.344zM1.598 8.673c.022 0 .042 0 .064-.003l2.131 7.713h16.411l2.132-7.713c.022 0 .041.003.063.003a1.599 1.599 0 10-1.52-1.108L17.025 9.82 12.882 2.95a1.599 1.599 0 10-1.765 0L6.976 9.82 3.121 7.565a1.599 1.599 0 10-1.523 1.107z"
-  }))))));
-};
-CrownIcon.propTypes = {
-  height: PropTypes__default["default"].string,
-  width: PropTypes__default["default"].string,
-  color: PropTypes__default["default"].string,
-  positionTop: PropTypes__default["default"].string
-};
-
-var KeyIcon = function KeyIcon(_ref) {
-  var height = _ref.height,
-      width = _ref.width,
-      _ref$color = _ref.color,
-      color = _ref$color === void 0 ? "#D5D5D5" : _ref$color,
-      positionTop = _ref.positionTop;
-  return /*#__PURE__*/React__default["default"].createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: width,
-    height: height,
-    viewBox: "0 0 40 40",
-    style: {
-      position: "relative",
-      top: positionTop
-    }
-  }, /*#__PURE__*/React__default["default"].createElement("g", {
-    fill: "none",
-    fillRule: "evenodd",
-    stroke: "none",
-    strokeWidth: "1"
-  }, /*#__PURE__*/React__default["default"].createElement("g", null, /*#__PURE__*/React__default["default"].createElement("g", {
-    transform: "translate(8 8)"
-  }, /*#__PURE__*/React__default["default"].createElement("path", {
-    d: "M0 0H24V24H0z"
-  }), /*#__PURE__*/React__default["default"].createElement("path", {
-    fill: color,
-    fillRule: "nonzero",
-    d: "M12.71 4.364A6.54 6.54 0 000 6.545a6.54 6.54 0 0012.71 2.182h4.745v4.364h4.363V8.727H24V4.364H12.71zM6.544 8.727a2.181 2.181 0 110-4.362 2.181 2.181 0 010 4.362z",
-    transform: "translate(0 5)"
-  })))));
-};
-KeyIcon.propTypes = {
-  height: PropTypes__default["default"].string,
-  width: PropTypes__default["default"].string,
-  color: PropTypes__default["default"].string,
-  positionTop: PropTypes__default["default"].string
-};
-
-var LockIcon = function LockIcon(_ref) {
-  var height = _ref.height,
-      width = _ref.width,
-      _ref$color = _ref.color,
-      color = _ref$color === void 0 ? "#D5D5D5" : _ref$color,
-      positionTop = _ref.positionTop;
-  return /*#__PURE__*/React__default["default"].createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: width,
-    height: height,
-    viewBox: "0 0 40 40",
-    style: {
-      position: "relative",
-      top: positionTop
-    }
-  }, /*#__PURE__*/React__default["default"].createElement("g", {
-    fill: "none",
-    fillRule: "evenodd",
-    stroke: "none",
-    strokeWidth: "1"
-  }, /*#__PURE__*/React__default["default"].createElement("g", null, /*#__PURE__*/React__default["default"].createElement("g", {
-    transform: "translate(8 8)"
-  }, /*#__PURE__*/React__default["default"].createElement("path", {
-    d: "M0 0H24V24H0z"
-  }), /*#__PURE__*/React__default["default"].createElement("g", {
-    fill: color,
-    fillRule: "nonzero",
-    transform: "translate(3)"
-  }, /*#__PURE__*/React__default["default"].createElement("path", {
-    d: "M15.692 9h-.747V6c0-3.31-2.681-6-5.978-6C5.67 0 2.989 2.69 2.989 6v3h-.747A2.249 2.249 0 000 11.25v10.5A2.249 2.249 0 002.242 24h13.45a2.249 2.249 0 002.242-2.25v-10.5A2.249 2.249 0 0015.692 9zM4.982 6c0-2.206 1.787-4 3.985-4s3.985 1.794 3.985 4v3h-7.97V6z"
-  }))))));
-};
-LockIcon.propTypes = {
-  height: PropTypes__default["default"].string,
-  width: PropTypes__default["default"].string,
-  color: PropTypes__default["default"].string,
-  positionTop: PropTypes__default["default"].string
-};
-
-var StarIcon = function StarIcon(_ref) {
-  var width = _ref.width,
-      height = _ref.height,
-      _ref$color = _ref.color,
-      color = _ref$color === void 0 ? "#D5D5D5" : _ref$color,
-      _ref$positionTop = _ref.positionTop,
-      positionTop = _ref$positionTop === void 0 ? "" : _ref$positionTop;
-  return /*#__PURE__*/React__default["default"].createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: width,
-    height: height,
-    viewBox: "0 0 40 40",
-    style: {
-      position: "relative",
-      top: positionTop
-    }
-  }, /*#__PURE__*/React__default["default"].createElement("g", {
-    fill: "none",
-    fillRule: "evenodd",
-    stroke: "none",
-    strokeWidth: "1"
-  }, /*#__PURE__*/React__default["default"].createElement("g", null, /*#__PURE__*/React__default["default"].createElement("path", {
-    fill: color,
-    d: "M20 26L12.946577 29.7082039 14.2936609 21.854102 8.5873218 16.2917961 16.4732885 15.145898 20 8 23.5267115 15.145898 31.4126782 16.2917961 25.7063391 21.854102 27.053423 29.7082039z"
-  }))));
-};
-StarIcon.propTypes = {
-  height: PropTypes__default["default"].string,
-  width: PropTypes__default["default"].string,
-  color: PropTypes__default["default"].string,
-  positionTop: PropTypes__default["default"].string
-};
-
-var PremiumStoryIcon = function PremiumStoryIcon(_ref) {
-  var width = _ref.width,
-      height = _ref.height,
-      color = _ref.color,
-      iconType = _ref.iconType,
-      positionTop = _ref.positionTop;
-
-  switch (iconType) {
-    case "crown":
-      return /*#__PURE__*/React__default["default"].createElement(CrownIcon, {
-        width: width,
-        height: height,
-        color: color,
-        positionTop: positionTop
-      });
-
-    case "lock":
-      return /*#__PURE__*/React__default["default"].createElement(LockIcon, {
-        width: width,
-        height: height,
-        color: color,
-        positionTop: positionTop
-      });
-
-    case "key":
-      return /*#__PURE__*/React__default["default"].createElement(KeyIcon, {
-        width: width,
-        height: height,
-        color: color,
-        positionTop: positionTop
-      });
-
-    default:
-      return /*#__PURE__*/React__default["default"].createElement(StarIcon, {
-        width: width,
-        height: height,
-        color: color,
-        positionTop: positionTop
-      });
-  }
-};
-PremiumStoryIcon.propTypes = {
-  width: PropTypes__default["default"].string,
-  height: PropTypes__default["default"].string,
-  color: PropTypes__default["default"].string,
-  iconType: PropTypes__default["default"].string,
-  positionTop: PropTypes__default["default"].string
-};
-
-function LiveIcon() {
-  return /*#__PURE__*/React__default["default"].createElement("svg", {
-    className: "live-icon",
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "25",
-    height: "24",
-    viewBox: "0 0 25 24"
-  }, /*#__PURE__*/React__default["default"].createElement("path", {
-    fill: "#ff5858",
-    d: "M12 18a6 6 0 110-12 6 6 0 010 12zm0 2.5a8.5 8.5 0 110-17 8.5 8.5 0 010 17zm0-1a7.5 7.5 0 100-15 7.5 7.5 0 000 15z"
-  }));
-}
-
-var _styleModuleImportMap = {
-  "./headline.m.css": {
-    "wrapper": "headline-m_wrapper__3nUmh",
-    "headline": "headline-m_headline__3_NhV",
-    "dark": "headline-m_dark__en3hW",
-    "light": "headline-m_light__3lKJB"
-  }
-};
-var Headline = function Headline(_ref) {
-  var story = _ref.story,
-      headerLevel = _ref.headerLevel,
-      _ref$premiumStoryIcon = _ref.premiumStoryIconConfig,
-      premiumStoryIconConfig = _ref$premiumStoryIcon === void 0 ? {} : _ref$premiumStoryIcon,
-      isLink = _ref.isLink;
-  var configData = useStateValue() || {};
-  var _premiumStoryIconConf = premiumStoryIconConfig.iconColor,
-      iconColor = _premiumStoryIconConf === void 0 ? "#F7B500" : _premiumStoryIconConf,
-      _premiumStoryIconConf2 = premiumStoryIconConfig.iconStyle,
-      iconStyle = _premiumStoryIconConf2 === void 0 ? "star" : _premiumStoryIconConf2,
-      _premiumStoryIconConf3 = premiumStoryIconConfig.enablePremiumStoryIcon,
-      enablePremiumStoryIcon = _premiumStoryIconConf3 === void 0 ? false : _premiumStoryIconConf3,
-      _premiumStoryIconConf4 = premiumStoryIconConfig.showLiveIcon,
-      showLiveIcon = _premiumStoryIconConf4 === void 0 ? false : _premiumStoryIconConf4;
-  var alternateHeadline = lodash.get(story, ["alternative", "home", "default", "headline"]);
-  var premiumStory = enablePremiumStoryIcon && lodash.get(story, ["access"]) === "subscription";
-  var headline = alternateHeadline || story.headline;
-  var HeaderTag = "h" + headerLevel;
-
-  var positionHeadline = function positionHeadline() {
-    switch (parseInt(headerLevel)) {
-      case 1:
-        return "-2px";
-
-      case 2:
-        return "2px";
-
-      case 3:
-        return "4px";
-
-      case 4:
-        return "5px";
-
-      default:
-        return "6px";
-    }
-  };
-
-  var textColor = getTextColor(configData.theme);
-  var wrapperClass = premiumStory ? "wrapper" : "";
-  var iconSize = "24px";
-  var enableLiveIcon = showLiveIcon && story["story-template"] === "live-blog" && !lodash.get(story, ["metadata", "is-closed"], false);
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    "data-test-id": "headline",
-    className: "arrow-component arr--headline " + _getClassName__default["default"](wrapperClass, _styleModuleImportMap)
-  }, premiumStory && /*#__PURE__*/React__default["default"].createElement(PremiumStoryIcon, {
-    width: iconSize,
-    height: iconSize,
-    color: iconColor,
-    iconType: iconStyle,
-    positionTop: positionHeadline()
-  }), isLink ? /*#__PURE__*/React__default["default"].createElement(components.Link, {
-    href: getStoryUrl(story, "/".concat(story.slug)),
-    externalLink: isExternalStory(story),
-    "aria-label": "headline"
-  }, /*#__PURE__*/React__default["default"].createElement(HeaderTag, {
-    className: _getClassName__default["default"]("headline ".concat(textColor), _styleModuleImportMap)
-  }, enableLiveIcon && /*#__PURE__*/React__default["default"].createElement(LiveIcon, null), headline)) : /*#__PURE__*/React__default["default"].createElement(HeaderTag, {
-    className: _getClassName__default["default"]("headline ".concat(textColor), _styleModuleImportMap)
-  }, enableLiveIcon && /*#__PURE__*/React__default["default"].createElement(LiveIcon, null), headline));
-};
-Headline.propTypes = {
-  /** The Story Object from the API response */
-  story: PropTypes__default["default"].object.isRequired,
-
-  /** Header tags ranging h1-h6, where h[headerLevel] */
-  headerLevel: PropTypes__default["default"].string,
-  premiumStoryIconConfig: PropTypes__default["default"].shape({
-    iconColor: PropTypes__default["default"].string,
-    iconType: PropTypes__default["default"].string,
-    enablePremiumStoryIcon: PropTypes__default["default"].bool
-  }),
-  isLink: PropTypes__default["default"].bool
-};
-Headline.defaultProps = {
-  headerLevel: "6",
-  isLink: true
-};
-
-exports.Headline = Headline;