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

package/story-elements/Image/index.js

@@ -1,529 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _extends = require('@babel/runtime/helpers/extends');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var React = require('react');
-var PropTypes = require('prop-types');
-var components = require('@quintype/components');
-require('@babel/runtime/helpers/asyncToGenerator');
-require('@babel/runtime/helpers/typeof');
-require('@babel/runtime/regenerator');
-var lodash = require('lodash');
-require('react-timeago');
-require('date-fns-tz');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
-var reactRedux = require('react-redux');
-var _getClassName = require('babel-plugin-react-css-modules/dist/browser/getClassName');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n["default"] = e;
-  return Object.freeze(n);
-}
-
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-var _getClassName__default = /*#__PURE__*/_interopDefaultLegacy(_getClassName);
-
-var _excluded$1 = ["element", "render"];
-var withElementWrapper = function withElementWrapper(StoryElement) {
-  return function (props) {
-    var element = props.element,
-        render = props.render,
-        restProps = _objectWithoutProperties__default["default"](props, _excluded$1);
-
-    if (!element) return null;
-    if (render && typeof render === "function") return render(props);
-    return /*#__PURE__*/React__default["default"].createElement(StoryElement, _extends__default["default"]({}, restProps, {
-      element: element
-    }));
-  };
-};
-withElementWrapper.propTypes = {
-  StoryElement: PropTypes__default["default"].element
-};
-
-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;
-};
-var shapeConfig = PropTypes__default["default"].shape({
-  "sketches-host": PropTypes__default["default"].string,
-  "cdn-name": PropTypes__default["default"].string,
-  "cdn-image": PropTypes__default["default"].string
-});
-var shapeStory = PropTypes__default["default"].shape({
-  headline: PropTypes__default["default"].string,
-  "last-published-at": PropTypes__default["default"].number,
-  subheadline: PropTypes__default["default"].string
-});
-
-var Loading = function Loading(_ref) {
-  _ref.width;
-      _ref.height;
-      _ref.iconColor;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "loading-m_loading-indicator__2Dlst"
-  }, /*#__PURE__*/React__default["default"].createElement("svg", {
-    width: "40",
-    height: "40",
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 100 100",
-    preserveAspectRatio: "xMidYMid"
-  }, /*#__PURE__*/React__default["default"].createElement("circle", {
-    cx: "84",
-    cy: "50",
-    r: "0",
-    fill: "currentColor"
-  }, /*#__PURE__*/React__default["default"].createElement("animate", {
-    attributeName: "r",
-    values: "10;0;0;0;0",
-    keyTimes: "0;0.25;0.5;0.75;1",
-    keySplines: "0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1",
-    calcMode: "spline",
-    dur: "2s",
-    repeatCount: "indefinite",
-    begin: "0s"
-  }), /*#__PURE__*/React__default["default"].createElement("animate", {
-    attributeName: "cx",
-    values: "84;84;84;84;84",
-    keyTimes: "0;0.25;0.5;0.75;1",
-    keySplines: "0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1",
-    calcMode: "spline",
-    dur: "2s",
-    repeatCount: "indefinite",
-    begin: "0s"
-  })), /*#__PURE__*/React__default["default"].createElement("circle", {
-    cx: "84",
-    cy: "50",
-    r: ".709",
-    fill: "currentColor"
-  }, /*#__PURE__*/React__default["default"].createElement("animate", {
-    attributeName: "r",
-    values: "0;10;10;10;0",
-    keyTimes: "0;0.25;0.5;0.75;1",
-    keySplines: "0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1",
-    calcMode: "spline",
-    dur: "2s",
-    repeatCount: "indefinite",
-    begin: "-1s"
-  }), /*#__PURE__*/React__default["default"].createElement("animate", {
-    attributeName: "cx",
-    values: "16;16;50;84;84",
-    keyTimes: "0;0.25;0.5;0.75;1",
-    keySplines: "0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1",
-    calcMode: "spline",
-    dur: "2s",
-    repeatCount: "indefinite",
-    begin: "-1s"
-  })), /*#__PURE__*/React__default["default"].createElement("circle", {
-    cx: "81.59",
-    cy: "50",
-    r: "10",
-    fill: "currentColor"
-  }, /*#__PURE__*/React__default["default"].createElement("animate", {
-    attributeName: "r",
-    values: "0;10;10;10;0",
-    keyTimes: "0;0.25;0.5;0.75;1",
-    keySplines: "0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1",
-    calcMode: "spline",
-    dur: "2s",
-    repeatCount: "indefinite",
-    begin: "-0.5s"
-  }), /*#__PURE__*/React__default["default"].createElement("animate", {
-    attributeName: "cx",
-    values: "16;16;50;84;84",
-    keyTimes: "0;0.25;0.5;0.75;1",
-    keySplines: "0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1",
-    calcMode: "spline",
-    dur: "2s",
-    repeatCount: "indefinite",
-    begin: "-0.5s"
-  })), /*#__PURE__*/React__default["default"].createElement("circle", {
-    cx: "47.59",
-    cy: "50",
-    r: "10",
-    fill: "currentColor"
-  }, /*#__PURE__*/React__default["default"].createElement("animate", {
-    attributeName: "r",
-    values: "0;10;10;10;0",
-    keyTimes: "0;0.25;0.5;0.75;1",
-    keySplines: "0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1",
-    calcMode: "spline",
-    dur: "2s",
-    repeatCount: "indefinite",
-    begin: "0s"
-  }), /*#__PURE__*/React__default["default"].createElement("animate", {
-    attributeName: "cx",
-    values: "16;16;50;84;84",
-    keyTimes: "0;0.25;0.5;0.75;1",
-    keySplines: "0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1",
-    calcMode: "spline",
-    dur: "2s",
-    repeatCount: "indefinite",
-    begin: "0s"
-  })), /*#__PURE__*/React__default["default"].createElement("circle", {
-    cx: "16",
-    cy: "50",
-    r: "9.291",
-    fill: "currentColor"
-  }, /*#__PURE__*/React__default["default"].createElement("animate", {
-    attributeName: "r",
-    values: "0;0;10;10;10",
-    keyTimes: "0;0.25;0.5;0.75;1",
-    keySplines: "0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1",
-    calcMode: "spline",
-    dur: "2s",
-    repeatCount: "indefinite",
-    begin: "0s"
-  }), /*#__PURE__*/React__default["default"].createElement("animate", {
-    attributeName: "cx",
-    values: "16;16;16;50;84",
-    keyTimes: "0;0.25;0.5;0.75;1",
-    keySplines: "0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1",
-    calcMode: "spline",
-    dur: "2s",
-    repeatCount: "indefinite",
-    begin: "0s"
-  }))));
-};
-Loading.propTypes = {
-  width: PropTypes__default["default"].object,
-  height: PropTypes__default["default"].object,
-  iconColor: PropTypes__default["default"].object
-};
-
-var HyperLinkIcon = function HyperLinkIcon() {
-  return /*#__PURE__*/React__default["default"].createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "36",
-    height: "28"
-  }, /*#__PURE__*/React__default["default"].createElement("g", {
-    fill: "none",
-    fillRule: "evenodd"
-  }, /*#__PURE__*/React__default["default"].createElement("rect", {
-    width: "36",
-    height: "28",
-    fill: "#3D6FCF",
-    rx: "4"
-  }), /*#__PURE__*/React__default["default"].createElement("path", {
-    stroke: "#FFF",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    strokeWidth: "2",
-    d: "M22 14.667v4c0 .736-.597 1.333-1.333 1.333h-7.334A1.333 1.333 0 0112 18.667v-7.334c0-.736.597-1.333 1.333-1.333h4M20 8h4v4m-7.333 3.333L24 8"
-  })));
-};
-
-var HyperLink = function HyperLink(_ref) {
-  var _ref$hyperLink = _ref.hyperLink,
-      hyperLink = _ref$hyperLink === void 0 ? "" : _ref$hyperLink;
-  if (!hyperLink) return null;
-  return /*#__PURE__*/React__default["default"].createElement(components.Link, {
-    href: hyperLink,
-    "aria-label": "hyperlink-button",
-    className: "arr--hyperlink-button hyperlink-m_hyperlink-button__1CqWx",
-    target: "_blank",
-    rel: "noopener noreferrer"
-  }, /*#__PURE__*/React__default["default"].createElement(HyperLinkIcon, null));
-};
-HyperLink.propTypes = {
-  hyperLink: PropTypes__default["default"].string
-};
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var Lightbox = /*#__PURE__*/React.lazy(function () {
-  return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-image-lightbox')); });
-});
-var FullScreenImages = function FullScreenImages(_ref) {
-  var _ref$imageSlug = _ref.imageSlug,
-      imageSlug = _ref$imageSlug === void 0 ? "" : _ref$imageSlug,
-      template = _ref.template,
-      _ref$element = _ref.element,
-      element = _ref$element === void 0 ? {} : _ref$element,
-      props = _ref.props;
-  var cdnImage = reactRedux.useSelector(function (state) {
-    return lodash.get(state, ["qt", "config", "cdn-image"]);
-  });
-
-  var _useState = React.useState(0),
-      _useState2 = _slicedToArray__default["default"](_useState, 2),
-      photoIndex = _useState2[0],
-      handleImage = _useState2[1];
-
-  var _useState3 = React.useState(false),
-      _useState4 = _slicedToArray__default["default"](_useState3, 2),
-      isOpen = _useState4[0],
-      handleOpen = _useState4[1];
-
-  var deviceWidth = lodash.get(global, ["innerWidth"], 0);
-  var hyperlinks = lodash.get(element, ["story-elements"], []).map(function (image) {
-    return image.hyperlink;
-  });
-  var imageUrlList = [];
-
-  if (!imageSlug) {
-    imageUrlList = lodash.get(element, ["story-elements"], []).map(function (image) {
-      return "//".concat(cdnImage, "/").concat(image["image-s3-key"], "?w=").concat(deviceWidth);
-    });
-  }
-
-  var onClickHandler = function onClickHandler(index) {
-    handleOpen(true);
-    handleImage(index);
-  };
-
-  var onClickKey = imageSlug ? "onClick" : "onClickHandler";
-  var imageUrlListLength = imageUrlList.length;
-
-  var onMoveNext = function onMoveNext(imageUrlListLength) {
-    var next = (photoIndex + 1) % imageUrlListLength;
-    handleImage(next);
-  };
-
-  var onMovePrev = function onMovePrev(imageUrlListLength) {
-    var prev = (photoIndex + imageUrlListLength - 1) % imageUrlListLength;
-    handleImage(prev);
-  };
-
-  var onClose = function onClose() {
-    handleImage(0);
-    handleOpen(false);
-  };
-
-  var getHyperLink = function getHyperLink() {
-    if (element.hyperlink || hyperlinks[photoIndex]) {
-      return /*#__PURE__*/React__default["default"].createElement(HyperLink, {
-        hyperLink: element.hyperlink || hyperlinks[photoIndex]
-      });
-    }
-
-    return null;
-  };
-
-  var lightboxProps = imageSlug ? {
-    mainSrc: "//".concat(cdnImage, "/").concat(imageSlug, "?w=").concat(deviceWidth),
-    toolbarButtons: [getHyperLink()]
-  } : {
-    mainSrc: imageUrlList[photoIndex],
-    nextSrc: imageUrlList[(photoIndex + 1) % imageUrlListLength],
-    prevSrc: imageUrlList[(photoIndex + imageUrlListLength - 1) % imageUrlListLength],
-    onMoveNextRequest: function onMoveNextRequest() {
-      return onMoveNext(imageUrlListLength);
-    },
-    onMovePrevRequest: function onMovePrevRequest() {
-      return onMovePrev(imageUrlListLength);
-    },
-    toolbarButtons: [getHyperLink()]
-  };
-
-  var LoadingScreen = function LoadingScreen() {
-    return /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(Loading, null));
-  };
-
-  return /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(template, _objectSpread(_defineProperty__default["default"]({}, onClickKey, onClickHandler), props)), isOpen ? /*#__PURE__*/React__default["default"].createElement(React.Suspense, {
-    fallback: /*#__PURE__*/React__default["default"].createElement(LoadingScreen, null)
-  }, /*#__PURE__*/React__default["default"].createElement(Lightbox, _extends__default["default"]({
-    wrapperClassName: "arr--image-lightbox",
-    onCloseRequest: onClose
-  }, lightboxProps))) : null);
-};
-FullScreenImages.propTypes = {
-  imageSlug: PropTypes__default["default"].string,
-  template: PropTypes__default["default"].func,
-  element: PropTypes__default["default"].shape({
-    "story-elements": PropTypes__default["default"].array
-  }),
-  props: PropTypes__default["default"].object
-};
-
-var StateContext = /*#__PURE__*/React.createContext(); // eslint-disable-next-line react/display-name
-var useStateValue = function useStateValue() {
-  return React.useContext(StateContext);
-};
-
-var _styleModuleImportMap = {
-  "./caption-attribution.m.css": {
-    "viewports": "\"../../../../assets/stylesheets/viewports.m.css\"",
-    "mobile": "768px",
-    "caption": "caption-attribution-m_caption__BM5NN",
-    "wrapper": "caption-attribution-m_wrapper__oHBX7",
-    "dark": "caption-attribution-m_dark__uER8u",
-    "attribution": "caption-attribution-m_attribution__279W9",
-    "light": "caption-attribution-m_light__19OWp"
-  }
-};
-var CaptionAttribution = function CaptionAttribution(_ref) {
-  var story = _ref.story,
-      element = _ref.element;
-      _ref.config;
-  if (!(story || element)) return null;
-  var configData = useStateValue() || {};
-  var textColor = getTextColor(configData.theme);
-
-  var _ref2 = story || {},
-      _ref2$heroImageCapt = _ref2["hero-image-caption"],
-      heroImageCaption = _ref2$heroImageCapt === void 0 ? "" : _ref2$heroImageCapt,
-      _ref2$heroImageAttr = _ref2["hero-image-attribution"],
-      heroImageAttribution = _ref2$heroImageAttr === void 0 ? "" : _ref2$heroImageAttr;
-
-  var _ref3 = element || {},
-      _ref3$title = _ref3.title,
-      title = _ref3$title === void 0 ? "" : _ref3$title,
-      _ref3$imageAttributi = _ref3["image-attribution"],
-      imageAttribution = _ref3$imageAttributi === void 0 ? "" : _ref3$imageAttributi;
-
-  var caption = heroImageCaption || title;
-  var attribution = heroImageAttribution || imageAttribution;
-  var updateStyle = caption ? "wrapper" : "";
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    "data-test-id": "caption",
-    className: "arr--caption-attribution " + _getClassName__default["default"]("caption ".concat(textColor), _styleModuleImportMap)
-  }, /*#__PURE__*/React__default["default"].createElement("span", {
-    dangerouslySetInnerHTML: {
-      __html: caption
-    }
-  }), attribution && /*#__PURE__*/React__default["default"].createElement("span", {
-    "data-test-id": "attribution",
-    dangerouslySetInnerHTML: {
-      __html: attribution
-    },
-    className: _getClassName__default["default"]("attribution ".concat(textColor, " ").concat(updateStyle), _styleModuleImportMap)
-  }));
-};
-CaptionAttribution.propTypes = {
-  config: PropTypes__default["default"].shape({
-    theme: PropTypes__default["default"].string
-  }),
-  story: shapeStory,
-  element: PropTypes__default["default"].shape({
-    "image-attribution": PropTypes__default["default"].string,
-    title: PropTypes__default["default"].string
-  })
-};
-
-var _excluded = ["element", "opts", "story", "config", "caption"];
-
-var ImageBase = function ImageBase(_ref) {
-  var element = _ref.element,
-      _ref$opts = _ref.opts,
-      opts = _ref$opts === void 0 ? {} : _ref$opts,
-      _ref$story = _ref.story,
-      story = _ref$story === void 0 ? {} : _ref$story;
-      _ref.config;
-      var _ref$caption = _ref.caption,
-      caption = _ref$caption === void 0 ? true : _ref$caption,
-      restProps = _objectWithoutProperties__default["default"](_ref, _excluded);
-
-  if (!element) return null;
-  var configData = useStateValue() || {};
-
-  var ImageTemplate = function ImageTemplate(_ref2) {
-    var _onClick = _ref2.onClick;
-    return /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "image-m_image-template__3s9OA"
-    }, /*#__PURE__*/React__default["default"].createElement("figure", {
-      className: "image-m_element__KVuzX",
-      onClick: function onClick() {
-        return _onClick();
-      }
-    }, /*#__PURE__*/React__default["default"].createElement(components.ResponsiveImage, {
-      slug: element["image-s3-key"],
-      metadata: element["image-metadata"],
-      alt: element["title"],
-      aspectRatio: null,
-      defaultWidth: 640,
-      widths: opts.imageWidths || [360, 640, 1200],
-      imgParams: {
-        auto: ["format", "compress"]
-      }
-    })), element["hyperlink"] && /*#__PURE__*/React__default["default"].createElement(HyperLink, {
-      hyperLink: element["hyperlink"]
-    }));
-  };
-
-  ImageTemplate.propTypes = {
-    onClick: PropTypes__default["default"].func
-  };
-  return /*#__PURE__*/React__default["default"].createElement("div", _extends__default["default"]({
-    className: "arrow-component arr--image-element"
-  }, restProps, {
-    "data-test-id": "image-element"
-  }), /*#__PURE__*/React__default["default"].createElement(FullScreenImages, {
-    template: ImageTemplate,
-    element: element,
-    imageSlug: element["image-s3-key"],
-    story: story
-  }), caption && /*#__PURE__*/React__default["default"].createElement(CaptionAttribution, {
-    element: element,
-    config: configData
-  }));
-};
-
-ImageBase.propTypes = {
-  element: PropTypes__default["default"].shape({
-    "image-s3-key": PropTypes__default["default"].string,
-    "image-metadata": PropTypes__default["default"].object,
-    "image-attribution": PropTypes__default["default"].string,
-    title: PropTypes__default["default"].string,
-    hyperlink: PropTypes__default["default"].string
-  }),
-  caption: PropTypes__default["default"].bool,
-  opts: PropTypes__default["default"].shape({
-    imageWidths: PropTypes__default["default"].array
-  }),
-  story: shapeStory,
-  config: shapeConfig
-};
-var Image = withElementWrapper(ImageBase);
-
-exports.Image = Image;

package/story-elements/Image/styles.arrow.css

@@ -1 +0,0 @@
-.image-m_element__N-pbI{position:relative}.image-m_loading__j0mJe{align-items:center;background:rgba(0,0,0,.85);color:var(--arrow-c-light);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.image-m_image-template__9cFd4{position:relative}@-webkit-keyframes fullscreenimages_closeWindow__1ZznT{0%{opacity:1}to{opacity:0}}@keyframes fullscreenimages_closeWindow__1ZznT{0%{opacity:1}to{opacity:0}}.fullscreenimages_ril__outer__dzDU4{-ms-content-zooming:none;-ms-touch-select:none;background-color:rgba(0,0,0,.85);bottom:0;height:100%;left:0;outline:none;right:0;top:0;touch-action:none;-ms-user-select:none;width:100%;z-index:1000}.fullscreenimages_ril__outerClosing__lh2Fa{opacity:0}.fullscreenimages_ril__inner__7CpFX{bottom:0;left:0;position:absolute;right:0;top:0}.fullscreenimages_ril__imageNext__VrQTf,.fullscreenimages_ril__imagePrev__E83jo,.fullscreenimages_ril__image__TTYsy{-ms-content-zooming:none;-ms-touch-select:none;bottom:0;left:0;margin:auto;max-width:none;position:absolute;right:0;top:0;touch-action:none;-ms-user-select:none}.fullscreenimages_ril__imageDiscourager__MuAW8{background-position:50%;background-repeat:no-repeat;background-size:contain}.fullscreenimages_ril__navButtons__a9F-Q{border:none;bottom:0;cursor:pointer;height:34px;margin:auto;opacity:.7;padding:40px 30px;position:absolute;top:0;width:20px}.fullscreenimages_ril__navButtons__a9F-Q:hover{opacity:1}.fullscreenimages_ril__navButtons__a9F-Q:active{opacity:.7}.fullscreenimages_ril__navButtonPrev__U9ieP{background:rgba(0,0,0,.2) url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIzNCI+PHBhdGggZD0ibTE5IDMtMi0yTDEgMTdsMTYgMTYgMS0xTDMgMTcgMTggMnoiIGZpbGw9IiNGRkYiLz48L3N2Zz4=") no-repeat 50%;left:0}.fullscreenimages_ril__navButtonNext__8Q0EY{background:rgba(0,0,0,.2) url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIzNCI+PHBhdGggZD0ibTEgMyAyLTIgMTYgMTZMMyAzM2wtMS0xIDE1LTE1TDIgMnoiIGZpbGw9IiNGRkYiLz48L3N2Zz4=") no-repeat 50%;right:0}.fullscreenimages_ril__downloadBlocker__NBozp{background-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");background-size:cover;bottom:0;left:0;position:absolute;right:0;top:0}.fullscreenimages_ril__caption__-AlT-,.fullscreenimages_ril__toolbar__qVFk4{background-color:rgba(0,0,0,.5);display:flex;justify-content:space-between;left:0;position:absolute;right:0}.fullscreenimages_ril__caption__-AlT-{bottom:0;max-height:150px;overflow:auto}.fullscreenimages_ril__captionContent__9BLZu{color:#fff;padding:10px 20px}.fullscreenimages_ril__toolbar__qVFk4{height:50px;top:0}.fullscreenimages_ril__toolbarSide__ZuSRs{height:50px;margin:0}.fullscreenimages_ril__toolbarLeftSide__wCAbE{flex:0 1 auto;overflow:hidden;padding-left:20px;padding-right:0;text-overflow:ellipsis}.fullscreenimages_ril__toolbarRightSide__1E761{flex:0 0 auto;padding-left:0;padding-right:20px}.fullscreenimages_ril__toolbarItem__cTsCc{color:#fff;display:inline-block;font-size:120%;line-height:50px;max-width:100%;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.fullscreenimages_ril__toolbarItemChild__PSw5u{vertical-align:middle}.fullscreenimages_ril__builtinButton__n2Z-B{border:none;cursor:pointer;height:35px;opacity:.7;width:40px}.fullscreenimages_ril__builtinButton__n2Z-B:hover{opacity:1}.fullscreenimages_ril__builtinButton__n2Z-B:active{outline:none}.fullscreenimages_ril__builtinButtonDisabled__CtU7e{cursor:default;opacity:.5}.fullscreenimages_ril__builtinButtonDisabled__CtU7e:hover{opacity:.5}.fullscreenimages_ril__closeButton__6D8MP{background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PHBhdGggZD0ibTEgMyAxLjI1LTEuMjUgNy41IDcuNSA3LjUtNy41TDE4LjUgMyAxMSAxMC41bDcuNSA3LjUtMS4yNSAxLjI1LTcuNS03LjUtNy41IDcuNUwxIDE4bDcuNS03LjVMMSAzeiIgZmlsbD0iI0ZGRiIvPjwvc3ZnPg==") no-repeat 50%}.fullscreenimages_ril__zoomInButton__yjd9F{background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PGcgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PHBhdGggZD0ibTEgMTkgNi02TTkgOGg2TTEyIDV2NiIvPjwvZz48Y2lyY2xlIGN4PSIxMiIgY3k9IjgiIHI9IjciIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+") no-repeat 50%}.fullscreenimages_ril__zoomOutButton__9DAY4{background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PGcgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PHBhdGggZD0ibTEgMTkgNi02TTkgOGg2Ii8+PC9nPjxjaXJjbGUgY3g9IjEyIiBjeT0iOCIgcj0iNyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=") no-repeat 50%}.fullscreenimages_ril__outerAnimating__sNMpS{-webkit-animation-name:fullscreenimages_closeWindow__1ZznT;animation-name:fullscreenimages_closeWindow__1ZznT}@-webkit-keyframes fullscreenimages_pointFade__RTGrP{0%,19.999%,to{opacity:0}20%{opacity:1}}@keyframes fullscreenimages_pointFade__RTGrP{0%,19.999%,to{opacity:0}20%{opacity:1}}.fullscreenimages_ril__loadingCircle__P-55b{height:60px;position:relative;width:60px}.fullscreenimages_ril__loadingCirclePoint__QD5e-{height:100%;left:0;position:absolute;top:0;width:100%}.fullscreenimages_ril__loadingCirclePoint__QD5e-:before{-webkit-animation:fullscreenimages_pointFade__RTGrP .8s ease-in-out infinite both;animation:fullscreenimages_pointFade__RTGrP .8s ease-in-out infinite both;background-color:#fff;border-radius:30%;content:"";display:block;height:30%;margin:0 auto;width:11%}.fullscreenimages_ril__loadingCirclePoint__QD5e-:first-of-type{transform:rotate(0deg)}.fullscreenimages_ril__loadingCirclePoint__QD5e-:first-of-type:before,.fullscreenimages_ril__loadingCirclePoint__QD5e-:nth-of-type(7):before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.fullscreenimages_ril__loadingCirclePoint__QD5e-:nth-of-type(2){transform:rotate(30deg)}.fullscreenimages_ril__loadingCirclePoint__QD5e-:nth-of-type(8){transform:rotate(210deg)}.fullscreenimages_ril__loadingCirclePoint__QD5e-:nth-of-type(2):before,.fullscreenimages_ril__loadingCirclePoint__QD5e-:nth-of-type(8):before{-webkit-animation-delay:-666ms;animation-delay:-666ms}.fullscreenimages_ril__loadingCirclePoint__QD5e-:nth-of-type(3){transform:rotate(60deg)}.fullscreenimages_ril__loadingCirclePoint__QD5e-:nth-of-type(9){transform:rotate(240deg)}.fullscreenimages_ril__loadingCirclePoint__QD5e-:nth-of-type(3):before,.fullscreenimages_ril__loadingCirclePoint__QD5e-:nth-of-type(9):before{-webkit-animation-delay:-533ms;animation-delay:-533ms}.fullscreenimages_ril__loadingCirclePoint__QD5e-:nth-of-type(4){transform:rotate(90deg)}.fullscreenimages_ril__loadingCirclePoint__QD5e-:nth-of-type(10){transform:rotate(270deg)}.fullscreenimages_ril__loadingCirclePoint__QD5e-:nth-of-type(10):before,.fullscreenimages_ril__loadingCirclePoint__QD5e-:nth-of-type(4):before{-webkit-animation-delay:-.4s;animation-delay:-.4s}.fullscreenimages_ril__loadingCirclePoint__QD5e-:nth-of-type(5){transform:rotate(120deg)}.fullscreenimages_ril__loadingCirclePoint__QD5e-:nth-of-type(11){transform:rotate(300deg)}.fullscreenimages_ril__loadingCirclePoint__QD5e-:nth-of-type(11):before,.fullscreenimages_ril__loadingCirclePoint__QD5e-:nth-of-type(5):before{-webkit-animation-delay:-266ms;animation-delay:-266ms}.fullscreenimages_ril__loadingCirclePoint__QD5e-:nth-of-type(6){transform:rotate(150deg)}.fullscreenimages_ril__loadingCirclePoint__QD5e-:nth-of-type(12){transform:rotate(330deg)}.fullscreenimages_ril__loadingCirclePoint__QD5e-:nth-of-type(12):before,.fullscreenimages_ril__loadingCirclePoint__QD5e-:nth-of-type(6):before{-webkit-animation-delay:-133ms;animation-delay:-133ms}.fullscreenimages_ril__loadingCirclePoint__QD5e-:nth-of-type(7){transform:rotate(180deg)}.fullscreenimages_ril__loadingCirclePoint__QD5e-:nth-of-type(13){transform:rotate(1turn)}.fullscreenimages_ril__loadingCirclePoint__QD5e-:nth-of-type(13):before,.fullscreenimages_ril__loadingCirclePoint__QD5e-:nth-of-type(7):before{-webkit-animation-delay:0ms;animation-delay:0ms}.fullscreenimages_ril__loadingContainer__Kphwo{bottom:0;left:0;position:absolute;right:0;top:0}.fullscreenimages_ril__imageNext__VrQTf .fullscreenimages_ril__loadingContainer__Kphwo,.fullscreenimages_ril__imagePrev__E83jo .fullscreenimages_ril__loadingContainer__Kphwo{display:none}.fullscreenimages_ril__errorContainer__HQBB4{align-items:center;bottom:0;color:#fff;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.fullscreenimages_ril__imageNext__VrQTf .fullscreenimages_ril__errorContainer__HQBB4,.fullscreenimages_ril__imagePrev__E83jo .fullscreenimages_ril__errorContainer__HQBB4{display:none}.fullscreenimages_ril__loadingContainer__icon__eSQaa{color:#fff;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%)}.fullscreenimages_arr--image-lightbox__eE4Wu .fullscreenimages_icon__gs41U.fullscreenimages_loader__0DgBh{color:var(--arrow-c-brand1)}.fullscreenimages_arr--image-lightbox__eE4Wu .fullscreenimages_ril__toolbarRightSide__1E761{display:flex;flex-grow:1;justify-content:flex-end}.fullscreenimages_arr--image-lightbox__eE4Wu .fullscreenimages_ril__toolbar__qVFk4{bottom:0;top:auto}.fullscreenimages_arr--image-lightbox__eE4Wu img.fullscreenimages_ril__image__TTYsy{max-width:100%;width:unset}.fullscreenimages_arr--image-lightbox__eE4Wu .fullscreenimages_ril__zoomInButton__yjd9F{background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNyIgaGVpZ2h0PSIxNyI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZD0iTS0zLTRoMjR2MjRILTN6IiBvcGFjaXR5PSIuMzg0Ii8+PGcgZmlsbD0iI0ZGRiI+PHBhdGggZD0iTTggMGgxdjE3SDh6Ii8+PHBhdGggZD0iTTE3IDh2MUgwVjh6Ii8+PC9nPjwvZz48L3N2Zz4=") no-repeat 50%;border-right:1px solid var(--arrow-c-mono7);position:relative}.fullscreenimages_arr--image-lightbox__eE4Wu .fullscreenimages_ril__zoomOutButton__9DAY4{background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNyIgaGVpZ2h0PSIxIj48ZyBmaWxsPSJub25lIj48cGF0aCBkPSJNLTMtMTJoMjR2MjRILTN6IiBvcGFjaXR5PSIuMzg0Ii8+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTE3IDB2MUgwVjB6Ii8+PC9nPjwvc3ZnPg==") no-repeat 50%;border-right:1px solid var(--arrow-c-mono7);position:relative}.fullscreenimages_arr--image-lightbox__eE4Wu .fullscreenimages_ril__closeButton__6D8MP,.fullscreenimages_arr--image-lightbox__eE4Wu .fullscreenimages_ril__zoomInButton__yjd9F,.fullscreenimages_arr--image-lightbox__eE4Wu .fullscreenimages_ril__zoomOutButton__9DAY4{height:48px;width:48px}.fullscreenimages_arr--image-lightbox__eE4Wu .fullscreenimages_ril__navButtons__a9F-Q{border-radius:0;outline:none}.fullscreenimages_arr--image-lightbox__eE4Wu .fullscreenimages_ril__toolbarItem__cTsCc .fullscreenimages_arr--hyperlink-button__dievT{position:unset}.fullscreenimages_arr--image-lightbox__eE4Wu .fullscreenimages_ril__toolbarItem__cTsCc .fullscreenimages_arr--hyperlink-button__dievT svg{position:relative;top:10px}.loading-m_loading-indicator__grXjQ{left:calc(50% - 20px);position:absolute;top: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)}.caption-attribution-m_caption__4bvul{font-family:var(--arrow-typeface-secondary);font-size:12px;line-height:var(--arrow-lh-5);margin:var(--arrow-spacing-xs) 0}@media (min-width:768px){.caption-attribution-m_caption__4bvul{font-size:var(--arrow-fs-tiny)}}.caption-attribution-m_wrapper__UziZC{padding-left:var(--arrow-spacing-s)}.caption-attribution-m_caption__4bvul.caption-attribution-m_dark__-mVLK{color:var(--arrow-c-mono2)}.caption-attribution-m_attribution__Q01RS.caption-attribution-m_dark__-mVLK{color:var(--arrow-c-mono4)}.caption-attribution-m_caption__4bvul.caption-attribution-m_light__DkD6S{color:var(--arrow-c-invert-mono2)}.caption-attribution-m_attribution__Q01RS.caption-attribution-m_light__DkD6S{color:var(--arrow-c-invert-mono4)}html[dir=rtl] .caption-attribution-m_wrapper__UziZC{display:inline-block;padding-left:0;padding-right:var(--arrow-spacing-s)}