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

package/story-elements/ImageGallery/index.js

@@ -1,462 +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 _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 _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
-var reactRedux = require('react-redux');
-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 }; }
-
-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 _getClassName__default = /*#__PURE__*/_interopDefaultLegacy(_getClassName);
-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 _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 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 clientWidths = {
-  mobile: 767,
-  tablet: 1024
-};
-var clientWidth = function clientWidth(device) {
-  var foundDeviceWidth = lodash.get(clientWidths, device);
-
-  if (foundDeviceWidth) {
-    return lodash.get(global, "document.documentElement.clientWidth") <= foundDeviceWidth;
-  }
-
-  return false;
-};
-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 _excluded = ["element", "template", "opts", "story", "config"];
-var _styleModuleImportMap = {
-  "./image-gallery.m.css": {
-    "viewports": "\"../../../../../assets/stylesheets/viewports.m.css\"",
-    "mobile": "768px",
-    "image-gallery": "image-gallery-m_image-gallery__1Q7if",
-    "image": "image-gallery-m_image__3qwSJ",
-    "template-2": "image-gallery-m_template-2__2pjmE",
-    "left-images": "image-gallery-m_left-images__34gjv",
-    "hyperlink-gallery-image": "image-gallery-m_hyperlink-gallery-image__2qgDp"
-  }
-};
-
-var ImageGalleryBase = function ImageGalleryBase(_ref) {
-  var element = _ref.element,
-      _ref$template = _ref.template,
-      template = _ref$template === void 0 ? "" : _ref$template;
-      _ref.opts;
-      _ref.story;
-      _ref.config;
-      var restProps = _objectWithoutProperties__default["default"](_ref, _excluded);
-
-  if (!element) return null;
-  var isMobile = clientWidth("mobile");
-  var imageArr = element["story-elements"];
-  var imageBaseOnTemp = template === "template-2" && imageArr.length;
-  var renderImageDesktop = imageBaseOnTemp > 6 ? imageArr.slice(0, 6) : imageArr;
-  var renderMobile = imageBaseOnTemp > 4 ? imageArr.slice(0, 4) : imageArr;
-  var renderImage = isMobile ? renderMobile : renderImageDesktop;
-  var classes = template === "template-2" ? "template-2" : "";
-
-  var hyperlinkClass = function hyperlinkClass(hyperlink) {
-    return hyperlink ? "hyperlink-gallery-image" : "";
-  };
-
-  var ImageGalleryImagesTemplate = function ImageGalleryImagesTemplate(_ref2) {
-    var onClickHandler = _ref2.onClickHandler;
-    var images = renderImage.map(function (image, index) {
-      return /*#__PURE__*/React__default["default"].createElement("div", {
-        key: index,
-        className: _getClassName__default["default"](hyperlinkClass(image["hyperlink"]), _styleModuleImportMap)
-      }, /*#__PURE__*/React__default["default"].createElement("figure", {
-        key: index,
-        "data-text-id": "image-".concat(index),
-        onClick: function onClick() {
-          return onClickHandler && onClickHandler(index);
-        },
-        className: _getClassName__default["default"]("image ".concat(classes), _styleModuleImportMap)
-      }, /*#__PURE__*/React__default["default"].createElement(components.ResponsiveImage, {
-        slug: image["image-s3-key"],
-        metadata: image["image-metadata"],
-        alt: image["title"],
-        aspectRatio: [1, 1],
-        defaultWidth: 640,
-        imgParams: {
-          auto: ["format", "compress"]
-        }
-      })), image["hyperlink"] && /*#__PURE__*/React__default["default"].createElement(HyperLink, {
-        hyperLink: image["hyperlink"]
-      }));
-    });
-    return /*#__PURE__*/React__default["default"].createElement("div", _extends__default["default"]({
-      className: " arrow-component arr--image-element image-gallery-m_image-gallery__1Q7if" + (" " + (restProps ? restProps.className || "" : ""))
-    }, restProps, {
-      "data-test-id": "image-gallery"
-    }), images);
-  };
-
-  ImageGalleryImagesTemplate.propTypes = {
-    onClickHandler: PropTypes__default["default"].func
-  };
-  return /*#__PURE__*/React__default["default"].createElement(FullScreenImages, {
-    template: ImageGalleryImagesTemplate,
-    element: element
-  });
-};
-
-ImageGalleryBase.propTypes = {
-  element: PropTypes__default["default"].shape({
-    "story-elements": PropTypes__default["default"].array
-  }),
-  opts: PropTypes__default["default"].shape({
-    imageWidths: PropTypes__default["default"].array
-  }),
-  story: shapeStory,
-  config: shapeConfig,
-  template: PropTypes__default["default"].string
-};
-var ImageGallery = withElementWrapper(ImageGalleryBase);
-
-exports.ImageGallery = ImageGallery;

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

@@ -1 +0,0 @@
-@-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)}.image-gallery-m_image-gallery__KNuGk{grid-gap:var(--arrow-spacing-xxs);display:grid;grid-template-columns:repeat(2,1fr)}@media (min-width:768px){.image-gallery-m_image-gallery__KNuGk{grid-gap:var(--arrow-spacing-xs);grid-template-columns:repeat(3,1fr)}}.image-gallery-m_image-gallery__KNuGk .image-gallery-m_image__2G-wD,.image-gallery-m_image-gallery__KNuGk figure{padding-top:100%}.image-gallery-m_image-gallery__KNuGk figure.image-gallery-m_image__2G-wD{cursor:pointer;position:relative}.image-gallery-m_image__2G-wD img{bottom:0;height:100%;left:0;position:absolute;right:0;top:0}.image-gallery-m_template-2__iAW2L .image-gallery-m_left-images__DebY9{align-items:center;background-color:rgba(0,0,0,.4);color:var(--arrow-c-light);display:flex;font-size:var(--arrow-fs-l);height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.image-gallery-m_left-images__DebY9:before{content:"+"}.image-gallery-m_hyperlink-gallery-image__V8liS{position:relative}