@city-of-helsinki/react-helsinki-headless-cms 3.0.0-rc.1 → 3.0.0-rc.2

package/dist/cjs/archiveSearchPageContent.module-Hcb4WVMf.js

@@ -0,0 +1,4143 @@
+'use strict';
+
+var defaultConfig = require('./defaultConfig-dV2AVA5S.js');
+var React = require('react');
+var hdsReact = require('hds-react');
+var dateFns = require('date-fns');
+var parse = require('html-react-parser');
+var DOMPurify = require('isomorphic-dompurify');
+var Apollo = require('@apollo/client');
+var ReactDOM = require('react-dom');
+
+function _interopNamespaceDefault(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 React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+var Apollo__namespace = /*#__PURE__*/_interopNamespaceDefault(Apollo);
+
+var configContext = /*#__PURE__*/React.createContext(defaultConfig.defaultConfig);
+
+var validateContext = function validateContext(config) {
+  var _config$fallbackImage;
+  if (config === undefined) {
+    throw new Error('useConfig must be used within a ConfigProvider');
+  }
+  if (((_config$fallbackImage = config.fallbackImageUrls) === null || _config$fallbackImage === void 0 ? void 0 : _config$fallbackImage.length) === 0) {
+    throw new Error('add at least one fallback background image for events');
+  }
+};
+function useConfig() {
+  var config = React.useContext(configContext);
+  validateContext(config);
+  return config;
+}
+
+exports.ModuleItemTypeEnum = void 0;
+(function (ModuleItemTypeEnum) {
+  ModuleItemTypeEnum["Article"] = "article";
+  ModuleItemTypeEnum["Page"] = "page";
+  ModuleItemTypeEnum["Link"] = "link";
+  ModuleItemTypeEnum["Event"] = "event";
+  ModuleItemTypeEnum["Venue"] = "venue";
+})(exports.ModuleItemTypeEnum || (exports.ModuleItemTypeEnum = {}));
+
+function useHeadlessCmsLink(link) {
+  var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : exports.ModuleItemTypeEnum.Link;
+  var _useConfig = useConfig(),
+    internalHrefOrigins = _useConfig.internalHrefOrigins,
+    _useConfig$utils = _useConfig.utils,
+    getIsHrefExternal = _useConfig$utils.getIsHrefExternal,
+    getRoutedInternalHref = _useConfig$utils.getRoutedInternalHref;
+  var uri = defaultConfig.getUri(link, internalHrefOrigins, getIsHrefExternal);
+  return getRoutedInternalHref(uri, type);
+}
+
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
+var classnames = {exports: {}};
+
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+
+var hasRequiredClassnames;
+
+function requireClassnames () {
+	if (hasRequiredClassnames) return classnames.exports;
+	hasRequiredClassnames = 1;
+	(function (module) {
+		/* global define */
+
+		(function () {
+
+			var hasOwn = {}.hasOwnProperty;
+
+			function classNames () {
+				var classes = '';
+
+				for (var i = 0; i < arguments.length; i++) {
+					var arg = arguments[i];
+					if (arg) {
+						classes = appendClass(classes, parseValue(arg));
+					}
+				}
+
+				return classes;
+			}
+
+			function parseValue (arg) {
+				if (typeof arg === 'string' || typeof arg === 'number') {
+					return arg;
+				}
+
+				if (typeof arg !== 'object') {
+					return '';
+				}
+
+				if (Array.isArray(arg)) {
+					return classNames.apply(null, arg);
+				}
+
+				if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {
+					return arg.toString();
+				}
+
+				var classes = '';
+
+				for (var key in arg) {
+					if (hasOwn.call(arg, key) && arg[key]) {
+						classes = appendClass(classes, key);
+					}
+				}
+
+				return classes;
+			}
+
+			function appendClass (value, newClass) {
+				if (!newClass) {
+					return value;
+				}
+			
+				if (value) {
+					return value + ' ' + newClass;
+				}
+			
+				return value + newClass;
+			}
+
+			if (module.exports) {
+				classNames.default = classNames;
+				module.exports = classNames;
+			} else {
+				window.classNames = classNames;
+			}
+		}()); 
+	} (classnames));
+	return classnames.exports;
+}
+
+var classnamesExports = requireClassnames();
+var classNames = /*@__PURE__*/getDefaultExportFromCjs(classnamesExports);
+
+function styleInject(css, ref) {
+  if ( ref === void 0 ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (!css || typeof document === 'undefined') { return; }
+
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+var css_248z$s = ".LinkBase_hds-link__4Kjdj{--link-visited-color:#551a8b;--link-color:var(--color-bus);box-sizing:border-box;color:var(--link-color);text-decoration:underline}.LinkBase_hds-link__4Kjdj:visited{color:var(--link-visited-color)}.LinkBase_hds-link__4Kjdj:visited svg g path{fill:var(--link-visited-color)}.LinkBase_hds-link__4Kjdj:focus{outline:3px solid var(--color-coat-of-arms)}.LinkBase_hds-link__4Kjdj:focus-visible{outline:3px solid var(--color-coat-of-arms)}.LinkBase_hds-link__4Kjdj .LinkBase_vertical-align-big-icon__6npfv,.LinkBase_hds-link__4Kjdj .LinkBase_vertical-align-small-or-medium-icon__wxjmq{vertical-align:middle}.LinkBase_hds-link--disable-visited-styles__cQcea:visited{color:var(--color-bus)}.LinkBase_hds-link--small__ZK-yV{font-size:14px}.LinkBase_hds-link--medium__bHZ5t{font-size:16px}.LinkBase_hds-link--large__Cnd9b{display:block;font-size:18px;width:fit-content}.LinkBase_hds-link--small__ZK-yV .LinkBase_icon__neXZz{margin-left:7px}.LinkBase_hds-link--medium__bHZ5t .LinkBase_icon__neXZz{margin-left:var(--spacing-2-xs);margin-top:-3px}.LinkBase_hds-link--large__Cnd9b .LinkBase_icon__neXZz{margin-left:var(--spacing-s)}.LinkBase_hds-link--small__ZK-yV .LinkBase_hds-icon-left__e0wBz{margin-right:4px;vertical-align:text-top}.LinkBase_hds-link--medium__bHZ5t .LinkBase_hds-icon-left__e0wBz{margin-right:8px;vertical-align:middle}.LinkBase_hds-link--large__Cnd9b .LinkBase_hds-icon-left__e0wBz{margin-right:16px;vertical-align:middle}.LinkBase_hds-link--small__ZK-yV .LinkBase_hds-icon-right__AJnk1{vertical-align:text-top}.LinkBase_hds-link--large__Cnd9b .LinkBase_hds-icon-right__AJnk1,.LinkBase_hds-link--medium__bHZ5t .LinkBase_hds-icon-right__AJnk1{margin-left:4px;vertical-align:middle}.LinkBase-module_iconLeft__Joa9y,.LinkBase-module_iconRight__KjMW3{white-space:nowrap}.LinkBase-module_linkS__NdYSG svg{min-width:var(--spacing-layout-2-xs)}.LinkBase-module_linkM__Hz4Zc svg{min-width:var(--spacing-layout-xs)}.LinkBase-module_linkL__3EsMl svg{min-width:var(--spacing-layout-m)}.LinkBase-module_content__Y4oQw.LinkBase-module_withLeftIcon__z1QvX{flex:1 1 auto!important}.LinkBase-module_content__Y4oQw svg{position:relative;top:2px}.LinkBase-module_externalWrapper__0R9V1{white-space:nowrap}";
+var styles$r = {"link":"LinkBase-module_link__djxNm LinkBase_hds-link__4Kjdj","icon":"LinkBase-module_icon__-LloU LinkBase_icon__neXZz","iconLeft":"LinkBase-module_iconLeft__Joa9y LinkBase_hds-icon-left__e0wBz","iconRight":"LinkBase-module_iconRight__KjMW3 LinkBase_hds-icon-right__AJnk1","verticalAlignSmallOrMediumIcon":"LinkBase-module_verticalAlignSmallOrMediumIcon__0SjrX LinkBase_vertical-align-small-or-medium-icon__wxjmq","verticalAlignBigIcon":"LinkBase-module_verticalAlignBigIcon__C4EBu LinkBase_vertical-align-big-icon__6npfv","disableVisitedStyles":"LinkBase-module_disableVisitedStyles__S6UjE LinkBase_hds-link--disable-visited-styles__cQcea","linkS":"LinkBase-module_linkS__NdYSG LinkBase_hds-link--small__ZK-yV","linkM":"LinkBase-module_linkM__Hz4Zc LinkBase_hds-link--medium__bHZ5t","linkL":"LinkBase-module_linkL__3EsMl LinkBase_hds-link--large__Cnd9b","content":"LinkBase-module_content__Y4oQw","withLeftIcon":"LinkBase-module_withLeftIcon__z1QvX","externalWrapper":"LinkBase-module_externalWrapper__0R9V1"};
+styleInject(css_248z$s);
+
+var _excluded$c = ["children", "className", "disableVisitedStyles", "external", "showExternalIcon", "href", "iconLeft", "iconRight", "openInNewTab", "openInExternalDomainAriaLabel", "openInNewTabAriaLabel", "style", "size", "inlineIcons"];
+var mapLinkSizeToExternalIconSize = {
+  L: hdsReact.IconSize.Large,
+  M: hdsReact.IconSize.Small,
+  S: hdsReact.IconSize.ExtraSmall
+};
+var hasChildren = function hasChildren(element) {
+  return /*#__PURE__*/React.isValidElement(element) && Boolean(element.props.children);
+};
+var childToString = function childToString(child) {
+  if (typeof child === 'undefined' || child === null || typeof child === 'boolean') {
+    return '';
+  }
+  if (JSON.stringify(child) === '{}') {
+    return '';
+  }
+  return child.toString();
+};
+var _getTextFromReactChildren = function getTextFromReactChildren(children) {
+  if (!(children instanceof Array) && ! /*#__PURE__*/React.isValidElement(children)) {
+    return childToString(children);
+  }
+  return React.Children.toArray(children).reduce(function (text, child) {
+    var newText = '';
+    if (/*#__PURE__*/React.isValidElement(child) && hasChildren(child)) {
+      newText = _getTextFromReactChildren(child.props.children);
+    } else if (/*#__PURE__*/React.isValidElement(child) && !hasChildren(child)) {
+      newText = '';
+    } else {
+      newText = childToString(child);
+    }
+    return text.concat(newText);
+  }, '');
+};
+function LinkBase(_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    _ref$disableVisitedSt = _ref.disableVisitedStyles,
+    disableVisitedStyles = _ref$disableVisitedSt === void 0 ? true : _ref$disableVisitedSt,
+    _ref$external = _ref.external,
+    external = _ref$external === void 0 ? false : _ref$external,
+    _ref$showExternalIcon = _ref.showExternalIcon,
+    showExternalIcon = _ref$showExternalIcon === void 0 ? true : _ref$showExternalIcon,
+    href = _ref.href,
+    iconLeft = _ref.iconLeft,
+    iconRight = _ref.iconRight,
+    _ref$openInNewTab = _ref.openInNewTab,
+    openInNewTab = _ref$openInNewTab === void 0 ? false : _ref$openInNewTab,
+    openInExternalDomainAriaLabel = _ref.openInExternalDomainAriaLabel,
+    openInNewTabAriaLabel = _ref.openInNewTabAriaLabel,
+    _ref$style = _ref.style,
+    style = _ref$style === void 0 ? {} : _ref$style,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'M' : _ref$size,
+    _ref$inlineIcons = _ref.inlineIcons,
+    inlineIcons = _ref$inlineIcons === void 0 ? false : _ref$inlineIcons,
+    rest = defaultConfig._objectWithoutProperties(_ref, _excluded$c);
+  var composeAriaLabel = function composeAriaLabel() {
+    var childrenText = _getTextFromReactChildren(children);
+    var newTabText = openInNewTab ? openInNewTabAriaLabel || 'Avautuu uudessa välilehdessä.' : '';
+    var externalText = external ? openInExternalDomainAriaLabel || 'Siirtyy toiseen sivustoon.' : '';
+    if (childrenText && childrenText.slice(-1) !== '.' && (newTabText || externalText)) {
+      childrenText = "".concat(childrenText, ".");
+    }
+    var label = [childrenText, newTabText, externalText].filter(function (text) {
+      return text;
+    }).join(' ');
+    if (!label.trim()) {
+      return undefined;
+    }
+    return label;
+  };
+  var ZERO_WIDTH_NO_BREAK_SPACE = "\uFEFF";
+  var leftIcon = React.useMemo(function () {
+    return iconLeft && (/*#__PURE__*/React.createElement("span", {
+      className: styles$r.iconLeft,
+      "aria-hidden": "true"
+    }, inlineIcons && ZERO_WIDTH_NO_BREAK_SPACE, iconLeft)) || null;
+  }, [iconLeft, inlineIcons]);
+  var externalIcon = React.useMemo(function () {
+    return showExternalIcon && external && (/*#__PURE__*/React.createElement("span", {
+      className: styles$r.externalWrapper
+    }, inlineIcons && ZERO_WIDTH_NO_BREAK_SPACE, /*#__PURE__*/React.createElement(hdsReact.IconLinkExternal, {
+      size: mapLinkSizeToExternalIconSize[size],
+      className: classNames(styles$r.icon, size === 'L' ? styles$r.verticalAlignBigIcon : styles$r.verticalAlignSmallOrMediumIcon),
+      "aria-hidden": true
+    }))) || null;
+  }, [showExternalIcon, external, inlineIcons, size]);
+  var rightIcon = React.useMemo(function () {
+    return iconRight && (/*#__PURE__*/React.createElement("span", {
+      className: classNames(styles$r.iconRight, size === 'L' ? styles$r.verticalAlignBigIcon : styles$r.verticalAlignSmallOrMediumIcon),
+      "aria-hidden": "true"
+    }, inlineIcons && ZERO_WIDTH_NO_BREAK_SPACE, iconRight)) || null;
+  }, [iconRight, inlineIcons, size]);
+  return /*#__PURE__*/React.createElement("a", defaultConfig._objectSpread2({
+    className: classNames(styles$r.link, styles$r["link".concat(size)], disableVisitedStyles ? styles$r.disableVisitedStyles : '', className),
+    href: href,
+    style: style,
+    ref: ref,
+    target: openInNewTab ? '_blank' : undefined,
+    rel: openInNewTab ? 'noopener noreferrer' : undefined,
+    "aria-label": composeAriaLabel()
+  }, rest), !inlineIcons && leftIcon, /*#__PURE__*/React.createElement("span", {
+    className: classNames(styles$r.content, iconLeft && styles$r.withLeftIcon)
+  }, inlineIcons && leftIcon, children, inlineIcons && externalIcon, inlineIcons && rightIcon), !inlineIcons && externalIcon, !inlineIcons && rightIcon);
+}
+var LinkBase$1 = /*#__PURE__*/React.forwardRef(LinkBase);
+
+var css_248z$r = ".Link-module_link__ysKHd,.Link-module_link__ysKHd:visited{color:var(--color-black-90)}.Link-module_link__ysKHd:visited svg g path{fill:var(--color-black-90)}.Link-module_secondaryLink__puDIj{font-size:1.125rem;font-weight:700;text-decoration:none}.Link-module_secondaryLink__puDIj,.Link-module_secondaryLink__puDIj:visited{color:var(--color-coat-of-arms-dark)}.Link-module_secondaryLink__puDIj:hover{text-decoration:underline}.Link-module_secondaryLink__puDIj:visited svg g path{fill:var(--color-coat-of-arms-dark)}.Link-module_imgLink__UbBZY img{display:block}";
+var styles$q = {"link":"Link-module_link__ysKHd","secondaryLink":"Link-module_secondaryLink__puDIj","imgLink":"Link-module_imgLink__UbBZY"};
+styleInject(css_248z$r);
+
+/**
+ * Gets the string type of the component or core html (JSX) element.
+ * React Fragments will return type 'react.fragment'.
+ * Priority will be given to the prop '__TYPE'.
+ */
+var typeOfComponent = function typeOfComponent(component) {
+  var _component$props, _component$type;
+  return (
+    // eslint-disable-next-line no-underscore-dangle
+    (component === null || component === void 0 || (_component$props = component.props) === null || _component$props === void 0 ? void 0 : _component$props.__TYPE) || (component === null || component === void 0 || (_component$type = component.type) === null || _component$type === void 0 ? void 0 : _component$type.toString().replace('Symbol(react.fragment)', 'react.fragment')) || undefined
+  );
+};
+/**
+ * Gets all children by specified type.
+ * This function will check the prop '__TYPE' first
+ * and then the 'type' string to match core html elements.
+ * To find a React Fragment, search for type 'react.fragment'.
+ *
+ * @example
+ * // Finds all occurrences of ToDo (custom component), div, and React Fragment
+ * getChildrenByType(children, ['ToDo', 'div', 'react.fragment']);
+ */
+var getChildrenByType = function getChildrenByType(children, types) {
+  return React.Children.toArray(children).filter(function (child) {
+    return /*#__PURE__*/React.isValidElement(child) && types.indexOf(typeOfComponent(child)) !== -1;
+  });
+};
+
+/**
+ * Recursively loops through the children of a ReactNode
+ * and runs the given function from arguments to the every child.
+ *
+ * If the child is a ReactElement and it has children,
+ * the children will be recursively called with the given function.
+ *
+ * If the child is not a valid ReactElement,
+ * which would mean that it is for example a string content of an HTML-element,
+ * it is directly returned.
+ *
+ * See the unit tests for some examples.
+ */
+var _recursiveMap = function recursiveMap(children, fn) {
+  var _React$Children$map;
+  return (_React$Children$map = React.Children.map(children, function (child) {
+    if (! /*#__PURE__*/React.isValidElement(child)) {
+      // Strings inside HTML elements, etc.
+      return child;
+    }
+    if (child.props.children) {
+      // Make a recursive call to find the last node
+      return fn(/*#__PURE__*/React.cloneElement(child, {
+        children: _recursiveMap(child.props.children, fn)
+      }));
+    }
+    // Should never(?) come here
+    return fn(child);
+  })) === null || _React$Children$map === void 0 ? void 0 : _React$Children$map.flat();
+};
+
+/**
+ * Find all elements of defined types recursively from a ReactNode.
+ * @returns a list of elements of specified types that could be found from inside the ReactNode.
+ */
+var findAllElementsOfType = function findAllElementsOfType(children, types) {
+  var elementsOfType = [];
+  _recursiveMap(children, function (child) {
+    elementsOfType.push(getChildrenByType(child, types));
+    return child;
+  });
+  return elementsOfType.flat();
+};
+
+var _excluded$b = ["href", "children", "showExternalIcon", "openInNewTab", "className", "size", "iconRight", "inlineIcons"];
+// TODO: LinkBase component should be replaced with hds Link, when all features are supported
+// issue is created to hds: https://github.com/City-of-Helsinki/helsinki-design-system/issues/808
+function Link(_ref) {
+  var _ref2;
+  var _ref$href = _ref.href,
+    href = _ref$href === void 0 ? '#' : _ref$href,
+    children = _ref.children,
+    forceShowExternalIcon = _ref.showExternalIcon,
+    forceOpenInNewTab = _ref.openInNewTab,
+    className = _ref.className,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'M' : _ref$size,
+    iconRight = _ref.iconRight,
+    inlineIcons = _ref.inlineIcons,
+    delegatedProps = defaultConfig._objectWithoutProperties(_ref, _excluded$b);
+  var _useConfig = useConfig(),
+    getIsHrefExternal = _useConfig.utils.getIsHrefExternal,
+    RoutedLink = _useConfig.components.Link,
+    _useConfig$copy = _useConfig.copy,
+    openInExternalDomainAriaLabel = _useConfig$copy.openInExternalDomainAriaLabel,
+    openInNewTabAriaLabel = _useConfig$copy.openInNewTabAriaLabel;
+  var isEmail = (href === null || href === void 0 ? void 0 : href.startsWith('mailto:')) || undefined;
+  var isPhone = (href === null || href === void 0 ? void 0 : href.startsWith('tel:')) || undefined;
+  var isExternal = getIsHrefExternal(href) && !isEmail && !isPhone;
+  var iconSize = size === 'S' ? hdsReact.IconSize.ExtraSmall : hdsReact.IconSize.Small;
+  var hasImageInLink = findAllElementsOfType(children, ['img']).length > 0;
+  // The external links should always open in a new tab.
+  var openInNewTab = forceOpenInNewTab !== null && forceOpenInNewTab !== void 0 ? forceOpenInNewTab : isExternal;
+  // If the link contains an image, the external icon should be hidden by default,
+  // because an icon next to image does not look good.
+  var showExternalIcon = forceShowExternalIcon !== null && forceShowExternalIcon !== void 0 ? forceShowExternalIcon : isExternal && !hasImageInLink;
+  var linkComponent = /*#__PURE__*/React.createElement(LinkBase$1, defaultConfig._objectSpread2(defaultConfig._objectSpread2({
+    size: size
+  }, delegatedProps), {}, {
+    href: href,
+    openInNewTab: openInNewTab,
+    external: isExternal,
+    showExternalIcon: showExternalIcon,
+    className: classNames(styles$q.link, className, defaultConfig._defineProperty({}, styles$q.imgLink, hasImageInLink)),
+    openInExternalDomainAriaLabel: openInExternalDomainAriaLabel,
+    openInNewTabAriaLabel: openInNewTabAriaLabel,
+    iconRight: (_ref2 = iconRight !== null && iconRight !== void 0 ? iconRight : isEmail && /*#__PURE__*/React.createElement(hdsReact.IconEnvelope, {
+      size: iconSize,
+      "aria-hidden": true
+    })) !== null && _ref2 !== void 0 ? _ref2 : isPhone && /*#__PURE__*/React.createElement(hdsReact.IconPhone, {
+      size: iconSize,
+      "aria-hidden": true
+    }),
+    inlineIcons: inlineIcons,
+    disableVisitedStyles: true
+  }), children !== null && children !== void 0 ? children : '');
+  return isExternal || typeof RoutedLink === 'undefined' ? (
+  /*#__PURE__*/
+  // ts(2786) - Type 'Element | { linkComponent: Element; }' is not assignable to type 'ReactNode'.
+  // eslint-disable-next-line react/jsx-no-useless-fragment
+  React.createElement(React.Fragment, null, linkComponent)) : (/*#__PURE__*/React.createElement(RoutedLink, {
+    href: href
+  }, linkComponent));
+}
+
+var css_248z$q = ".LinkBox-module_linkBoxWrapper__s4W19{cursor:pointer;height:100%;position:relative;width:100%}.LinkBox-module_linkBoxWrapper__s4W19.LinkBox-module_flex__D0Uzu{display:flex}.LinkBox-module_linkBoxWrapper__s4W19 a:focus{border:2px solid var(--color-black-90);outline:none}.LinkBox-module_linkBox__Yy5I0{display:inline-block;height:100%;left:0;position:absolute;top:0;width:100%}";
+var styles$p = {"linkBoxWrapper":"LinkBox-module_linkBoxWrapper__s4W19","flex":"LinkBox-module_flex__D0Uzu","linkBox":"LinkBox-module_linkBox__Yy5I0"};
+styleInject(css_248z$q);
+
+var _excluded$a = ["children", "flex"];
+// TODO: this component should be replaced with hds one, when all layouts and directions are supported
+// issue is created to hds: https://github.com/City-of-Helsinki/helsinki-design-system/issues/809
+function LinkBox(_ref) {
+  var children = _ref.children,
+    flex = _ref.flex,
+    delegatedProps = defaultConfig._objectWithoutProperties(_ref, _excluded$a);
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames(styles$p.linkBoxWrapper, flex && styles$p.flex)
+  }, children, /*#__PURE__*/React.createElement(Link, defaultConfig._objectSpread2(defaultConfig._objectSpread2({}, delegatedProps), {}, {
+    className: styles$p.linkBox,
+    showExternalIcon: false
+  })));
+}
+
+var MAIN_CONTENT_ID = 'main-content';
+var TOP_LEVEL_MENU_ITEM_PARENT_ID = 'null_parent_id';
+
+/** Default order for sorting languages. */
+var LANGUAGE_CODE_ORDINAL_NUMBER = defaultConfig._defineProperty(defaultConfig._defineProperty(defaultConfig._defineProperty({}, defaultConfig.LanguageCodeEnum.Fi, 1), defaultConfig.LanguageCodeEnum.Sv, 2), defaultConfig.LanguageCodeEnum.En, 3);
+
+/**
+ * Find language from language list by language code.
+ * @param {Language[]} languages - List of languages
+ * @param {string} languageCode - Language code
+ * @returns {Language | undefined} Language from given language list with the given
+ *                                 language code or undefined if not found
+ */
+function findLanguage(languages, languageCode) {
+  return languages.find(function (language) {
+    var _language$code;
+    return ((_language$code = language.code) === null || _language$code === void 0 ? void 0 : _language$code.toLowerCase()) === languageCode.toLowerCase();
+  });
+}
+
+/** Sorting function for NonEmptyLanguage elements. */
+var languageSorter = function languageSorter(left, right) {
+  return Math.sign(LANGUAGE_CODE_ORDINAL_NUMBER[left.code] - LANGUAGE_CODE_ORDINAL_NUMBER[right.code]);
+};
+
+/** Map a NonEmptyLanguage to a primary LanguageOption. */
+var toPrimaryLanguageOption = function toPrimaryLanguageOption(language) {
+  var _language$name, _language$code$toLowe, _language$code;
+  return {
+    label: (_language$name = language.name) !== null && _language$name !== void 0 ? _language$name : '',
+    value: (_language$code$toLowe = (_language$code = language.code) === null || _language$code === void 0 ? void 0 : _language$code.toLowerCase()) !== null && _language$code$toLowe !== void 0 ? _language$code$toLowe : '',
+    isPrimary: true
+  };
+};
+
+var isNonEmptyLanguage = function isNonEmptyLanguage(language) {
+  return Boolean((language === null || language === void 0 ? void 0 : language.name) && (language === null || language === void 0 ? void 0 : language.code));
+};
+
+var getTranslationWithFallback = function getTranslationWithFallback(config, field, language) {
+  var _config$copy$field;
+  return (_config$copy$field = config.copy[field]) !== null && _config$copy$field !== void 0 ? _config$copy$field : config.fallbackTranslations[field][language];
+};
+
+function useTranslationWithFallback() {
+  var config = useConfig();
+  var currentLanguageCode = config.currentLanguageCode;
+  var t = function t(field) {
+    return getTranslationWithFallback(config, field, currentLanguageCode);
+  };
+  return {
+    t: t
+  };
+}
+
+/**
+ * Create a menu link element
+ * @param {MenuLinkProps} props - Properties, if menuItemChildren is undefined then the
+ *                                created element will not have dropdown links
+ * @return {React.JSX.Element} Header.Link element
+ */
+function createMenuLinkElement(props) {
+  var _navigationItem$title, _navigationItem$label, _getIsItemActive, _menuItemChildren$nav, _menuItemChildren$nav2;
+  var menuItemChildren = props.menuItemChildren,
+    navigationItem = props.navigationItem,
+    getRoutedInternalHref = props.getRoutedInternalHref,
+    getIsItemActive = props.getIsItemActive,
+    A = props.A;
+  return /*#__PURE__*/React.createElement(hdsReact.Header.Link, {
+    as: A,
+    id: navigationItem.id,
+    key: navigationItem.id,
+    title: (_navigationItem$title = navigationItem.title) !== null && _navigationItem$title !== void 0 ? _navigationItem$title : undefined,
+    label: (_navigationItem$label = navigationItem.label) !== null && _navigationItem$label !== void 0 ? _navigationItem$label : '',
+    href: getRoutedInternalHref(navigationItem.path),
+    active: (_getIsItemActive = getIsItemActive === null || getIsItemActive === void 0 ? void 0 : getIsItemActive(navigationItem)) !== null && _getIsItemActive !== void 0 ? _getIsItemActive : false,
+    dropdownLinks: (menuItemChildren === null || menuItemChildren === void 0 || (_menuItemChildren$nav = menuItemChildren[navigationItem.id]) === null || _menuItemChildren$nav === void 0 ? void 0 : _menuItemChildren$nav.length) && ((_menuItemChildren$nav2 = menuItemChildren[navigationItem.id]) === null || _menuItemChildren$nav2 === void 0 ? void 0 : _menuItemChildren$nav2.map(function (childNavigationItem) {
+      return createMenuLinkElement(defaultConfig._objectSpread2(defaultConfig._objectSpread2({}, props), {}, {
+        navigationItem: childNavigationItem
+      }));
+    })) || undefined
+  });
+}
+function Navigation(_ref) {
+  var _menu$menuItems$nodes, _menu$menuItems, _currentLanguage$code, _universalBarMenu$men, _menuItemChildren$TOP;
+  var menu = _ref.menu,
+    universalBarMenu = _ref.universalBarMenu,
+    languages = _ref.languages,
+    className = _ref.className,
+    userNavigation = _ref.userNavigation,
+    onTitleClick = _ref.onTitleClick,
+    getPathnameForLanguage = _ref.getPathnameForLanguage,
+    getIsItemActive = _ref.getIsItemActive;
+  var _useConfig = useConfig(),
+    siteName = _useConfig.siteName,
+    currentLanguageCode = _useConfig.currentLanguageCode,
+    _useConfig$copy = _useConfig.copy,
+    menuButtonLabel = _useConfig$copy.menuButtonLabel,
+    menuToggleAriaLabel = _useConfig$copy.menuToggleAriaLabel,
+    skipToContentLabel = _useConfig$copy.skipToContentLabel,
+    A = _useConfig.components.A,
+    mainContentId = _useConfig.mainContentId,
+    _useConfig$utils = _useConfig.utils,
+    getRoutedInternalHref = _useConfig$utils.getRoutedInternalHref,
+    redirectToUrl = _useConfig$utils.redirectToUrl;
+  var languagesData = languages || [];
+  var currentLanguage = findLanguage(languagesData, currentLanguageCode);
+  var _useTranslationWithFa = useTranslationWithFallback(),
+    t = _useTranslationWithFa.t;
+  var languageOptions = languagesData.filter(isNonEmptyLanguage).sort(languageSorter).map(toPrimaryLanguageOption);
+  var onDidChangeLanguage = function onDidChangeLanguage(newLanguageCode) {
+    var newLanguage = findLanguage(languagesData, newLanguageCode);
+    var url = newLanguage && currentLanguage ? getPathnameForLanguage(newLanguage, currentLanguage, languagesData) : undefined;
+    if (url) {
+      redirectToUrl(url);
+    }
+  };
+  var menuItemChildren = defaultConfig.groupBy((_menu$menuItems$nodes = menu === null || menu === void 0 || (_menu$menuItems = menu.menuItems) === null || _menu$menuItems === void 0 ? void 0 : _menu$menuItems.nodes) !== null && _menu$menuItems$nodes !== void 0 ? _menu$menuItems$nodes : [], function (menuItem) {
+    var _menuItem$parentId;
+    return (_menuItem$parentId = menuItem.parentId) !== null && _menuItem$parentId !== void 0 ? _menuItem$parentId : TOP_LEVEL_MENU_ITEM_PARENT_ID;
+  });
+  var sharedMenuLinkProps = {
+    getRoutedInternalHref: getRoutedInternalHref,
+    getIsItemActive: getIsItemActive,
+    A: A
+  };
+  var overrideHeaderMaxWidth = {
+    '--header-max-width': 'var(--breakpoint-xl)' // Would be 1440px if not overridden
+  };
+  /** adding key property allows to update the Header context with dynamic data (rerender the component) so the languages appear when data loaded
+   * The fix is usggested by HDS team, they have a ticket about that issue
+   * https://helsinkisolutionoffice.atlassian.net/browse/HDS-2174
+   */
+  return /*#__PURE__*/React.createElement(hdsReact.Header, {
+    key: currentLanguage === null || currentLanguage === void 0 ? void 0 : currentLanguage.code,
+    onDidChangeLanguage: onDidChangeLanguage,
+    defaultLanguage: currentLanguage === null || currentLanguage === void 0 || (_currentLanguage$code = currentLanguage.code) === null || _currentLanguage$code === void 0 ? void 0 : _currentLanguage$code.toLowerCase(),
+    languages: languageOptions,
+    className: className,
+    style:
+    /* HDS v3.4–v3.7 has broken theme support with next.js SSR & hydration.
+     * FIXME: Replace with `theme={overrideHeaderMaxWidth}` when HDS theme support is fixed.
+     */
+    overrideHeaderMaxWidth
+  }, /*#__PURE__*/React.createElement(hdsReact.Header.SkipLink, {
+    skipTo: "#".concat(mainContentId !== null && mainContentId !== void 0 ? mainContentId : MAIN_CONTENT_ID),
+    label: skipToContentLabel
+  }), universalBarMenu && (/*#__PURE__*/React.createElement(hdsReact.Header.UniversalBar, {
+    primaryLinkText: t('headerUniversalBarPrimaryLinkText'),
+    primaryLinkHref: t('headerUniversalBarPrimaryLinkHref')
+  }, universalBarMenu === null || universalBarMenu === void 0 || (_universalBarMenu$men = universalBarMenu.menuItems) === null || _universalBarMenu$men === void 0 || (_universalBarMenu$men = _universalBarMenu$men.nodes) === null || _universalBarMenu$men === void 0 ? void 0 : _universalBarMenu$men.map(function (navigationItem) {
+    return createMenuLinkElement(defaultConfig._objectSpread2(defaultConfig._objectSpread2({}, sharedMenuLinkProps), {}, {
+      navigationItem: navigationItem
+    }));
+  }))), /*#__PURE__*/React.createElement(hdsReact.Header.ActionBar, {
+    titleHref: "#",
+    logoHref: "#",
+    menuButtonLabel: menuButtonLabel,
+    menuButtonAriaLabel: menuToggleAriaLabel,
+    title: siteName,
+    onTitleClick: onTitleClick,
+    onLogoClick: onTitleClick,
+    frontPageLabel: siteName,
+    logo: /*#__PURE__*/React.createElement(hdsReact.Logo, {
+      size: hdsReact.LogoSize.Large,
+      src: t('headerActionBarLogoSrc'),
+      alt: t('headerActionBarLogoAlt')
+    }),
+    logoAriaLabel: t('headerActionBarLogoAriaLabel')
+  }, /*#__PURE__*/React.createElement(hdsReact.Header.LanguageSelector, null), userNavigation), /*#__PURE__*/React.createElement(hdsReact.Header.NavigationMenu, null, (_menuItemChildren$TOP = menuItemChildren[TOP_LEVEL_MENU_ITEM_PARENT_ID]) === null || _menuItemChildren$TOP === void 0 ? void 0 : _menuItemChildren$TOP.map(function (navigationItem) {
+    return createMenuLinkElement(defaultConfig._objectSpread2(defaultConfig._objectSpread2({}, sharedMenuLinkProps), {}, {
+      menuItemChildren: menuItemChildren,
+      navigationItem: navigationItem
+    }));
+  })));
+}
+
+// Utility function to check if we are in a browser environment
+var isBrowser = function isBrowser() {
+  return typeof window !== 'undefined';
+};
+function makeLocaleStorageValue(key, options) {
+  var _ref = {},
+    _ref$serializer = _ref.serializer,
+    serialize = _ref$serializer === void 0 ? JSON.stringify : _ref$serializer,
+    _ref$deserializer = _ref.deserializer,
+    deserialize = _ref$deserializer === void 0 ? JSON.parse : _ref$deserializer;
+  return function useLocaleStorageValue() {
+    var readValueInLocalStorage = function readValueInLocalStorage() {
+      if (!isBrowser()) {
+        return null;
+      }
+      try {
+        var storedValue = localStorage.getItem(key);
+        return storedValue ? deserialize(storedValue) : null;
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+      } catch (_) {
+        // eslint-disable-next-line no-console
+        console.error('Failed to parse value in localStorage', {
+          key: key
+        });
+      }
+      return null;
+    };
+    var _useState = React.useState(function () {
+        return readValueInLocalStorage();
+      }),
+      _useState2 = defaultConfig._slicedToArray(_useState, 2),
+      stateValue = _useState2[0],
+      setStateValue = _useState2[1];
+    var storeValue = React.useCallback(function (value) {
+      if (!isBrowser()) {
+        return;
+      }
+      try {
+        if (value) {
+          setStateValue(value);
+          localStorage.setItem(key, serialize(value));
+        } else {
+          setStateValue(null);
+          localStorage.removeItem(key);
+        }
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+      } catch (_) {
+        // eslint-disable-next-line no-console
+        console.error('Failed to save value into localStorage', {
+          key: key
+        });
+      }
+    }, []);
+    return [stateValue, storeValue];
+  };
+}
+
+var css_248z$p = ".htmlToReact-module_hds-table__xJuhb{--content-background-color:var(--color-white);border-collapse:collapse;line-height:1.5;width:100%}.htmlToReact-module_hds-table-container__JM0dy{overflow-x:auto}.htmlToReact-module_hds-table-container__JM0dy:focus{outline:var(--color-focus-outline) 3px solid}.htmlToReact-module_hds-table__xJuhb th{border-bottom:1px solid var(--color-black-20);font-size:var(--fontsize-body-m);font-weight:500;line-height:var(--lineheight-l);padding:var(--spacing-xs) var(--spacing-m);text-align:left;white-space:nowrap}.htmlToReact-module_hds-table__content__lQ2fX tr td{background-color:var(--content-background-color);border-bottom:1px solid var(--color-black-50);color:var(--color-black-90);font-size:var(--fontsize-body-m);font-weight:400;line-height:24px;padding:var(--spacing-xs) var(--spacing-m)}.htmlToReact-module_hds-table__header-row__F7jA7{background-color:var(--header-background-color)}.htmlToReact-module_hds-table__content--text-align-td-right__PEdp6 td{text-align:right}.htmlToReact-module_hds-table__caption__kXj23{font-size:var(--fontsize-body-l);font-weight:400;line-height:var(--lineheight-l);margin-bottom:var(--spacing-s);text-align:left}.htmlToReact-module_hds-table--dark__dJ9ua{--header-background-color:var(--color-bus)}.htmlToReact-module_hds-table__xJuhb.htmlToReact-module_hds-table--dark__dJ9ua th{color:var(--color-white)}.htmlToReact-module_hds-table--light__3P2Wa{--header-background-color:var(--color-silver)}.htmlToReact-module_hds-table__xJuhb.htmlToReact-module_hds-table--light__3P2Wa th{color:var(--color-black-90)}.htmlToReact-module_hds-table--with-vertical-lines__naIak .htmlToReact-module_hds-table__content__lQ2fX{border-left:1px solid var(--color-black-50)}.htmlToReact-module_hds-table--with-vertical-lines__naIak .htmlToReact-module_hds-table__content__lQ2fX td{border-right:1px solid var(--color-black-50)}.htmlToReact-module_hds-table--with-vertical-lines__naIak .htmlToReact-module_hds-table__header-row__F7jA7{border-left:1px solid var(--header-background-color);border-right:1px solid var(--header-background-color)}.htmlToReact-module_hds-table--dense__U8ZWg.htmlToReact-module_hds-table__xJuhb th{font-size:var(--fontsize-body-s);font-weight:700;padding:9px var(--spacing-s)}.htmlToReact-module_hds-table--dense__U8ZWg .htmlToReact-module_hds-table__content__lQ2fX tr td{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.htmlToReact-module_hds-table--dense__U8ZWg .htmlToReact-module_hds-table__caption__kXj23{font-size:var(--fontsize-body-m);line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}.htmlToReact-module_hds-table--zebra__kwUTs .htmlToReact-module_hds-table__content__lQ2fX tr td,.htmlToReact-module_striped-figure__RyQ-g table .htmlToReact-module_hds-table__content__lQ2fX tr td{border-bottom:none}.htmlToReact-module_hds-table--zebra__kwUTs .htmlToReact-module_hds-table__content__lQ2fX tr:nth-child(2n) td,.htmlToReact-module_striped-figure__RyQ-g table .htmlToReact-module_hds-table__content__lQ2fX tr:nth-child(2n) td{background-color:var(--color-black-10)}.htmlToReact-module_hds-table__vertical-header-column__sEyrZ{background-color:var(--header-background-color)}.htmlToReact-module_hds-table--with-vertical-header__WeYh9.htmlToReact-module_hds-table--with-vertical-lines__naIak .htmlToReact-module_hds-table__content__lQ2fX,.htmlToReact-module_hds-table--with-vertical-lines__naIak.htmlToReact-module_hds-table--with-vertical-header__WeYh9 .htmlToReact-module_hds-table__header-row__F7jA7{border-left:none}.htmlToReact-module_hds-table--text-align-right__wLcZ8{text-align:right}@media (max-width:767px){.htmlToReact-module_hds-table__xJuhb th{font-weight:700}.htmlToReact-module_hds-table__content__lQ2fX tr td,.htmlToReact-module_hds-table__xJuhb th{font-size:var(--fontsize-body-s);padding:9px var(--spacing-s)}.htmlToReact-module_hds-table__caption__kXj23{font-size:var(--fontsize-heading-xxs);letter-spacing:.2px;line-height:var(--lineheight-l);margin-bottom:var(--spacing-xs)}}";
+var styles$o = {"hds-table":"htmlToReact-module_hds-table__xJuhb","hds-table-container":"htmlToReact-module_hds-table-container__JM0dy","hds-table__content":"htmlToReact-module_hds-table__content__lQ2fX","hds-table__header-row":"htmlToReact-module_hds-table__header-row__F7jA7","hds-table__content--text-align-td-right":"htmlToReact-module_hds-table__content--text-align-td-right__PEdp6","hds-table__caption":"htmlToReact-module_hds-table__caption__kXj23","hds-table--dark":"htmlToReact-module_hds-table--dark__dJ9ua","hds-table--light":"htmlToReact-module_hds-table--light__3P2Wa","hds-table--with-vertical-lines":"htmlToReact-module_hds-table--with-vertical-lines__naIak","hds-table--dense":"htmlToReact-module_hds-table--dense__U8ZWg","hds-table--zebra":"htmlToReact-module_hds-table--zebra__kwUTs","striped-figure":"htmlToReact-module_striped-figure__RyQ-g","hds-table__vertical-header-column":"htmlToReact-module_hds-table__vertical-header-column__sEyrZ","hds-table--with-vertical-header":"htmlToReact-module_hds-table--with-vertical-header__WeYh9","hds-table--text-align-right":"htmlToReact-module_hds-table--text-align-right__wLcZ8"};
+styleInject(css_248z$p);
+
+var css_248z$o = ".text-module_text__grNmV{color:#1a1a1a}.text-module_h1__OQ2vY{font-size:1.5rem;font-weight:500;line-height:1.2;margin:1rem 0}@media (min-width:576px){.text-module_h1__OQ2vY{margin:2rem 0}}.text-module_h2__-36q9,.text-module_h3__4MGCd{font-size:1.5rem;font-weight:500;margin:0 0 1rem}.text-module_h4__xfIOa{font-size:1.25rem;font-weight:500;margin:0 0 1rem}.text-module_h5__MCuak{font-size:1.125rem;font-weight:500;margin:0 0 1rem}.text-module_body-l__XfaGa{font-size:1.125rem;line-height:1.5;margin:0 0 1.5rem;white-space:pre-wrap}.text-module_body-l__XfaGa strong{font-size:1.125rem;font-weight:500;letter-spacing:.2px}.text-module_body__HIBzp{font-size:1rem;white-space:pre-wrap}.text-module_body-xl__JlH4q{font-size:1.25rem;white-space:pre-wrap}";
+var styles$n = {"text":"text-module_text__grNmV","h1":"text-module_h1__OQ2vY","h2":"text-module_h2__-36q9","h3":"text-module_h3__4MGCd","h4":"text-module_h4__xfIOa","h5":"text-module_h5__MCuak","body-l":"text-module_body-l__XfaGa","body":"text-module_body__HIBzp","body-xl":"text-module_body-xl__JlH4q"};
+styleInject(css_248z$o);
+
+var _excluded$9 = ["as", "variant", "children", "className"];
+function getElement(variant) {
+  switch (variant) {
+    case 'h1':
+    case 'h2':
+    case 'h3':
+    case 'h4':
+    case 'h5':
+      return variant;
+    case 'body':
+    case 'body-l':
+    default:
+      return 'p';
+  }
+}
+function Text(_ref) {
+  var elementType = _ref.as,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'body-l' : _ref$variant,
+    children = _ref.children,
+    className = _ref.className,
+    rest = defaultConfig._objectWithoutProperties(_ref, _excluded$9);
+  return /*#__PURE__*/React.createElement(elementType || getElement(variant), defaultConfig._objectSpread2({
+    className: [styles$n.text, styles$n[variant], className].join(' ')
+  }, rest), children);
+}
+
+function DefaultH2(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/React.createElement(Text, {
+    variant: "h2"
+  }, children);
+}
+
+function DefaultP(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/React.createElement(Text, {
+    variant: "body-l"
+  }, children);
+}
+
+/**
+ * An iframe HTML-element to securely render
+ * a sandboxed version of an embedded video media player, e.g. from the CMS.
+ * */
+function IframeForEmbeddedMedia(props) {
+  return (
+    /*#__PURE__*/
+    // eslint-disable-next-line jsx-a11y/iframe-has-title
+    React.createElement("iframe", defaultConfig._objectSpread2(defaultConfig._objectSpread2({}, props), {}, {
+      loading: "lazy",
+      sandbox: "allow-scripts allow-same-origin allow-popups allow-presentation"
+    }))
+  );
+}
+
+function validateTrustedOriginsFormat(trustedOrigins) {
+  // The URL constructor should throw a TypeError when the URL is not a valid URL:
+  // https://developer.mozilla.org/en-US/docs/Web/API/URL/URL#exceptions.
+  // However, there are some cases, like `new URL("test://not-a-valid-url").origin`,
+  // when the TypeError is not thrown, but the origin is set to 'null'.
+  if (trustedOrigins !== null && trustedOrigins !== void 0 && trustedOrigins.some(function (origin) {
+    return new URL(origin).origin === 'null';
+  })) {
+    throw new Error("Not valid URLs in trustedOrigins: [".concat(trustedOrigins.join(', '), "]"));
+  }
+}
+
+function isTrustedOrigin(testedOrigin, trustedOrigins) {
+  return trustedOrigins.includes(new URL(testedOrigin).origin);
+}
+
+var hasClassName = function hasClassName(domNode, className) {
+  var _domNode$attribs$clas, _domNode$attribs$clas2;
+  return (_domNode$attribs$clas = (_domNode$attribs$clas2 = domNode.attribs["class"]) === null || _domNode$attribs$clas2 === void 0 || (_domNode$attribs$clas2 = _domNode$attribs$clas2.split(/\s+/)) === null || _domNode$attribs$clas2 === void 0 ? void 0 : _domNode$attribs$clas2.includes(className)) !== null && _domNode$attribs$clas !== void 0 ? _domNode$attribs$clas : false;
+};
+var addClassNames = function addClassNames(domNode) {
+  var _domNode$attribs$clas3, _domNode$attribs$clas4;
+  for (var _len = arguments.length, newClassNames = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+    newClassNames[_key - 1] = arguments[_key];
+  }
+  return classNames.apply(void 0, defaultConfig._toConsumableArray((_domNode$attribs$clas3 = (_domNode$attribs$clas4 = domNode.attribs["class"]) === null || _domNode$attribs$clas4 === void 0 ? void 0 : _domNode$attribs$clas4.split(/\s+/)) !== null && _domNode$attribs$clas3 !== void 0 ? _domNode$attribs$clas3 : []).concat(newClassNames));
+};
+var WHITELISTED_TAGS = [
+// Content sectioning
+'h1', 'h2', 'h3', 'h4', 'h5', 'h6',
+// Text content
+'blockquote', 'dd', 'dl', 'dt', 'figcaption', 'figure', 'hr', 'li', 'ol', 'p', 'pre', 'ul',
+// Inline text semantics
+'a', 'abbr', 'b', 'bdi', 'bdo', 'br', 'cite', 'code', 'data', 'dfn', 'em', 'i', 'kdb', 'mark', 'q', 'rp', 'rt', 'ruby', 's', 'samp', 'small', 'span', 'strong', 'sub', 'sup', 'time', 'u', 'var', 'wbr',
+// Image and multimedia
+'area', 'audio', 'img', 'map', 'track', 'video',
+// SVG and MathML
+'svg', 'math'];
+var DEFAULT_TABLE_VARIANTS = ['light'];
+/**
+ * Inject HDS core table styles into children of <thead>
+ * @see https://hds.hel.fi/components/table/code/
+ */
+function mapTableHeaderChild(domNode, options) {
+  if ('attribs' in domNode && domNode.name === 'tr') {
+    return /*#__PURE__*/React.createElement("tr", defaultConfig._objectSpread2(defaultConfig._objectSpread2({}, parse.attributesToProps(domNode.attribs)), {}, {
+      className: addClassNames(domNode, styles$o['hds-table__header-row'])
+    }), parse.domToReact(domNode.children, options));
+  }
+  return parse.domToReact([domNode], options);
+}
+function replaceDomNodeWithReactComponent(domNode, options) {
+  var components = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  var trustedOrigins = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : [];
+  var _components$p = components.p,
+    P = _components$p === void 0 ? DefaultP : _components$p,
+    _components$h = components.h2,
+    H2 = _components$h === void 0 ? DefaultH2 : _components$h,
+    _components$a = components.a,
+    A = _components$a === void 0 ? 'a' : _components$a,
+    _components$table = components.table,
+    Table = _components$table === void 0 ? 'table' : _components$table,
+    _components$tableVari = components.tableVariants,
+    tableVariants = _components$tableVari === void 0 ? DEFAULT_TABLE_VARIANTS : _components$tableVari,
+    _components$img = components.img,
+    IMG = _components$img === void 0 ? 'img' : _components$img,
+    _components$iframe = components.iframe,
+    IFrame = _components$iframe === void 0 ? IframeForEmbeddedMedia : _components$iframe;
+  // html-react-parser advices to do an instanceof check
+  // domNode instanceof Element
+  // However, this will fail between contexts. As this code is meant to be used
+  // as a dependency, different contexts are likely.
+  // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/instanceof#instanceof_and_multiple_context_e.g._frames_or_windows
+  if ('attribs' in domNode) {
+    switch (domNode.name) {
+      case 'p':
+        return /*#__PURE__*/React.createElement(P, defaultConfig._objectSpread2({}, parse.attributesToProps(domNode.attribs)), parse.domToReact(domNode.children, options));
+      case 'h2':
+        return /*#__PURE__*/React.createElement(H2, defaultConfig._objectSpread2({}, parse.attributesToProps(domNode.attribs)), parse.domToReact(domNode.children, options));
+      case 'a':
+        return /*#__PURE__*/React.createElement(A, defaultConfig._objectSpread2({}, parse.attributesToProps(domNode.attribs)), parse.domToReact(domNode.children, options));
+      case 'figure':
+        // Inject HDS core zebra table style into <table> if it's inside
+        // <figure class="is-style-stripes">,
+        // see https://hds.hel.fi/components/table/code/
+        return /*#__PURE__*/React.createElement("figure", defaultConfig._objectSpread2(defaultConfig._objectSpread2({}, parse.attributesToProps(domNode.attribs)), {}, {
+          className: addClassNames(domNode, defaultConfig._defineProperty({}, styles$o['striped-figure'], hasClassName(domNode, 'is-style-stripes')))
+        }), parse.domToReact(domNode.children, options));
+      case 'table':
+        // Inject HDS core table styles into <table> and its children,
+        // see https://hds.hel.fi/components/table/code/
+        return /*#__PURE__*/React.createElement("div", {
+          className: addClassNames(domNode, styles$o['hds-table-container'])
+        }, /*#__PURE__*/React.createElement(Table, defaultConfig._objectSpread2(defaultConfig._objectSpread2({}, parse.attributesToProps(domNode.attribs)), {}, {
+          className: addClassNames(domNode, styles$o['hds-table'], tableVariants.map(function (tableVariant) {
+            return styles$o["hds-table--".concat(tableVariant)];
+          }))
+        }), parse.domToReact(domNode.children, options)));
+      case 'caption':
+        return /*#__PURE__*/React.createElement("caption", defaultConfig._objectSpread2(defaultConfig._objectSpread2({}, parse.attributesToProps(domNode.attribs)), {}, {
+          className: addClassNames(domNode, styles$o['hds-table__caption'])
+        }), parse.domToReact(domNode.children, options));
+      case 'thead':
+        return /*#__PURE__*/React.createElement("thead", defaultConfig._objectSpread2({}, parse.attributesToProps(domNode.attribs)), domNode.children.map(function (child) {
+          return mapTableHeaderChild(child, options);
+        }));
+      case 'tbody':
+        return /*#__PURE__*/React.createElement("tbody", defaultConfig._objectSpread2(defaultConfig._objectSpread2({}, parse.attributesToProps(domNode.attribs)), {}, {
+          className: addClassNames(domNode, styles$o['hds-table__content'])
+        }), parse.domToReact(domNode.children, options));
+      case 'img':
+        return /*#__PURE__*/React.createElement(IMG, defaultConfig._objectSpread2(defaultConfig._objectSpread2({}, parse.attributesToProps(domNode.attribs)), {}, {
+          width: "100%"
+        }));
+      case 'iframe':
+        if (isTrustedOrigin(domNode.attribs.src, trustedOrigins)) {
+          return /*#__PURE__*/React.createElement(IFrame, defaultConfig._objectSpread2({}, parse.attributesToProps(domNode.attribs)));
+        }
+        // eslint-disable-next-line no-console
+        console.warn('The iframe src-attribute was not set to any of the trusted origins.');
+        return /*#__PURE__*/React.createElement("div", null);
+    }
+  }
+  return domNode;
+}
+function HtmlToReact(_ref) {
+  var dirty = _ref.children,
+    components = _ref.components,
+    _ref$allowedUnsafeTag = _ref.allowedUnsafeTags,
+    allowedUnsafeTags = _ref$allowedUnsafeTag === void 0 ? [] : _ref$allowedUnsafeTag,
+    _ref$trustedOrigins = _ref.trustedOrigins,
+    trustedOrigins = _ref$trustedOrigins === void 0 ? [] : _ref$trustedOrigins;
+  validateTrustedOriginsFormat(trustedOrigins);
+  var clean = React.useMemo(function () {
+    return DOMPurify.sanitize(dirty, {
+      USE_PROFILES: {
+        html: true
+      },
+      ADD_ATTR: ['target'],
+      ADD_TAGS: allowedUnsafeTags,
+      ALLOWED_TAGS: WHITELISTED_TAGS
+    });
+  }, [dirty, allowedUnsafeTags]);
+  var htmlReactParserOptions = {
+    replace: function replace(domNode) {
+      return replaceDomNodeWithReactComponent(domNode, htmlReactParserOptions, components, trustedOrigins);
+    }
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, parse(clean, htmlReactParserOptions));
+}
+
+/* eslint-disable no-bitwise */
+// https://stackoverflow.com/a/52171480
+function hash(str) {
+  var seed = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+  var h1 = 0xdeadbeef ^ seed;
+  var h2 = 0x41c6ce57 ^ seed;
+  for (var i = 0, ch; i < str.length; i += 1) {
+    ch = str.charCodeAt(i);
+    h1 = Math.imul(h1 ^ ch, 2654435761);
+    h2 = Math.imul(h2 ^ ch, 1597334677);
+  }
+  h1 = Math.imul(h1 ^ h1 >>> 16, 2246822507) ^ Math.imul(h2 ^ h2 >>> 13, 3266489909);
+  h2 = Math.imul(h2 ^ h2 >>> 16, 2246822507) ^ Math.imul(h1 ^ h1 >>> 13, 3266489909);
+  return 4294967296 * (2097151 & h2) + (h1 >>> 0);
+}
+
+// The notification is a singleton in the CMS. Instead of there being multiple
+// notifications, there ever only is one which is edited according to current
+// needs.
+// Because this notification comes with a dismissal option, we have to be able
+// to distinct different versions of the notification, so that we can safely
+// determine that the user has previously dismissed this notification (and
+// received) the urgent information that's within the notification.
+function getNotificationHash(notification) {
+  // Notification fields used to build string for unique hash
+  var stringKeys = ['title', 'content', 'linkText', 'linkUrl', 'level', 'endDate', 'startDate'];
+  var combinedString = stringKeys.reduce(function (acc, current) {
+    var _notification$current;
+    return acc + ((_notification$current = notification === null || notification === void 0 ? void 0 : notification[current]) !== null && _notification$current !== void 0 ? _notification$current : '');
+  }, '');
+  return hash(combinedString);
+}
+
+function isNotificationActive(notification) {
+  var _ref = notification !== null && notification !== void 0 ? notification : {},
+    startDate = _ref.startDate,
+    endDate = _ref.endDate,
+    title = _ref.title,
+    content = _ref.content;
+  var isNotificationContentMissing = !content && !title;
+  if (!notification || isNotificationContentMissing) {
+    return false;
+  }
+  var isSameDayOrFuture = function isSameDayOrFuture(date) {
+    return dateFns.isSameDay(new Date(), date) || dateFns.isFuture(date);
+  };
+  return [
+  // both start and end dates are defined
+  function () {
+    return startDate && endDate && dateFns.isPast(new Date(startDate)) && isSameDayOrFuture(new Date(endDate));
+  },
+  // only end date defined
+  function () {
+    return !startDate && endDate && isSameDayOrFuture(new Date(endDate));
+  },
+  // only start date defined
+  function () {
+    return startDate && !endDate && dateFns.isPast(new Date(startDate));
+  },
+  // neither start or end date are defined
+  function () {
+    return !startDate && !endDate;
+  }].some(function (f) {
+    return !!f();
+  });
+}
+
+var css_248z$n = ".notification-module_notification__MkdMv p{margin:0}";
+var styles$m = {"notification":"notification-module_notification__MkdMv"};
+styleInject(css_248z$n);
+
+var NotificationStatus;
+(function (NotificationStatus) {
+  NotificationStatus[NotificationStatus["dismissed"] = 0] = "dismissed";
+  NotificationStatus[NotificationStatus["expired"] = 1] = "expired";
+  NotificationStatus[NotificationStatus["visible"] = 2] = "visible";
+  NotificationStatus[NotificationStatus["missing"] = 3] = "missing";
+})(NotificationStatus || (NotificationStatus = {}));
+var useLocaleStorageNotification = makeLocaleStorageValue('rhhc/notification');
+function getNotificationStatus(notification, notificationState) {
+  if (!notification) {
+    return NotificationStatus.missing;
+  }
+  if (notificationState !== null && notificationState !== void 0 && notificationState.dismissed) {
+    return NotificationStatus.dismissed;
+  }
+  if (!isNotificationActive(notification)) {
+    return NotificationStatus.expired;
+  }
+  return NotificationStatus.visible;
+}
+var notificationTypeMap = {
+  info: 'alert',
+  high: 'error',
+  low: 'info'
+};
+var isCmsNotificationLevel = function isCmsNotificationLevel(value) {
+  return typeof value === 'string' && value in notificationTypeMap;
+};
+function Notification(_ref) {
+  var notification = _ref.notification;
+  var _useConfig = useConfig(),
+    closeButtonLabelText = _useConfig.copy.closeButtonLabelText,
+    getRoutedInternalHref = _useConfig.utils.getRoutedInternalHref;
+  var _useLocaleStorageNoti = useLocaleStorageNotification(),
+    _useLocaleStorageNoti2 = defaultConfig._slicedToArray(_useLocaleStorageNoti, 2),
+    notificationState = _useLocaleStorageNoti2[0],
+    setNotificationState = _useLocaleStorageNoti2[1];
+  var notificationHash = getNotificationHash(notification);
+  var notificationStatus = getNotificationStatus(notification, notificationState === null || notificationState === void 0 ? void 0 : notificationState[notificationHash]);
+  var _ref2 = notification !== null && notification !== void 0 ? notification : {},
+    level = _ref2.level,
+    title = _ref2.title,
+    linkUrl = _ref2.linkUrl,
+    linkText = _ref2.linkText,
+    content = _ref2.content;
+  var handleClose = function handleClose() {
+    setNotificationState(defaultConfig._defineProperty({}, notificationHash, {
+      dismissed: true
+    }));
+  };
+  return notificationStatus === NotificationStatus.visible && (/*#__PURE__*/React.createElement(hdsReact.Notification, {
+    type: notificationTypeMap[isCmsNotificationLevel(level) ? level : 'info'],
+    label: title !== null && title !== void 0 ? title : undefined,
+    dismissible: true,
+    closeButtonLabelText: closeButtonLabelText,
+    onClose: handleClose,
+    className: styles$m.notification
+  }, /*#__PURE__*/React.createElement(HtmlToReact, null, String(content)), linkUrl && (/*#__PURE__*/React.createElement(Link, {
+    openInNewTab: true,
+    href: getRoutedInternalHref(linkUrl),
+    style: {
+      marginTop: '0.75rem',
+      display: 'block'
+    }
+  }, linkText))));
+}
+
+var css_248z$m = ".page-module_pageLayout__W8mY7{display:flex;flex-direction:column;height:100%}.page-module_contentWrapper__B5NLi{flex:1 0 auto}.page-module_footerWrapper__eYNvc{flex-shrink:0}";
+var styles$l = {"pageLayout":"page-module_pageLayout__W8mY7","contentWrapper":"page-module_contentWrapper__B5NLi","footerWrapper":"page-module_footerWrapper__eYNvc"};
+styleInject(css_248z$m);
+
+function Page(_ref) {
+  var navigation = _ref.navigation,
+    notification = _ref.notification,
+    content = _ref.content,
+    footer = _ref.footer,
+    className = _ref.className;
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames(styles$l.pageLayout, className)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles$l.headerWrapper
+  }, navigation, notification), /*#__PURE__*/React.createElement("div", {
+    className: styles$l.contentWrapper
+  }, content), /*#__PURE__*/React.createElement("div", {
+    className: styles$l.footerWrapper
+  }, footer));
+}
+
+var css_248z$l = ".list-module_list__Xs25k{--spacing:0;display:flex;flex-direction:column;list-style-type:none;margin:0;padding:0}.list-module_list__Xs25k li:not(:last-child){margin-bottom:var(--spacing)}.list-module_spacing-4-xs__upUeV{--spacing:0.125rem}.list-module_spacing-3-xs__OaNO0{--spacing:0.25rem}.list-module_spacing-2-xs__vmsPC{--spacing:0.5rem}.list-module_spacing-xs__Nxd9l{--spacing:0.75rem}.list-module_spacing-s__FctYR{--spacing:1rem}.list-module_spacing-m__ts8Or{--spacing:1.5rem}.list-module_spacing-l__2yHwE{--spacing:2rem}.list-module_spacing-xl__WD5HF{--spacing:2.5rem}.list-module_spacing-2-xl__UB4YJ{--spacing:3rem}.list-module_spacing-3-xl__dG8HW{--spacing:2.5rem}@media (min-width:768px){.list-module_spacing-3-xl__dG8HW{--spacing:3.5rem}}.list-module_spacing-4-xl__QMWQ4,.list-module_spacing-5-xl__-0oZL{--spacing:4rem}.list-module_spacing-layout-2-xs__4GzIt{--spacing:1rem}.list-module_spacing-layout-xs__-T7HA{--spacing:1.5rem}.list-module_spacing-layout-s__FJxQf{--spacing:2rem}.list-module_spacing-layout-m__gvgbH{--spacing:3rem}.list-module_spacing-layout-l__o-Sr5{--spacing:4rem}.list-module_spacing-layout-xl__BMrbm{--spacing:6rem}.list-module_spacing-layout-2-xl__LZoYT{--spacing:8rem}";
+var styles$k = {"list":"list-module_list__Xs25k","spacing-4-xs":"list-module_spacing-4-xs__upUeV","spacing-3-xs":"list-module_spacing-3-xs__OaNO0","spacing-2-xs":"list-module_spacing-2-xs__vmsPC","spacing-xs":"list-module_spacing-xs__Nxd9l","spacing-s":"list-module_spacing-s__FctYR","spacing-m":"list-module_spacing-m__ts8Or","spacing-l":"list-module_spacing-l__2yHwE","spacing-xl":"list-module_spacing-xl__WD5HF","spacing-2-xl":"list-module_spacing-2-xl__UB4YJ","spacing-3-xl":"list-module_spacing-3-xl__dG8HW","spacing-4-xl":"list-module_spacing-4-xl__QMWQ4","spacing-5-xl":"list-module_spacing-5-xl__-0oZL","spacing-layout-2-xs":"list-module_spacing-layout-2-xs__4GzIt","spacing-layout-xs":"list-module_spacing-layout-xs__-T7HA","spacing-layout-s":"list-module_spacing-layout-s__FJxQf","spacing-layout-m":"list-module_spacing-layout-m__gvgbH","spacing-layout-l":"list-module_spacing-layout-l__o-Sr5","spacing-layout-xl":"list-module_spacing-layout-xl__BMrbm","spacing-layout-2-xl":"list-module_spacing-layout-2-xl__LZoYT"};
+styleInject(css_248z$l);
+
+function getKey() {
+  for (var _len = arguments.length, elements = new Array(_len), _key = 0; _key < _len; _key++) {
+    elements[_key] = arguments[_key];
+  }
+  return elements.reduce(function (acc, element) {
+    return "".concat(acc).concat(element.key);
+  }, '');
+}
+function List(_ref) {
+  var items = _ref.items,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'spacing-m' : _ref$variant;
+  return /*#__PURE__*/React.createElement("ul", {
+    className: classNames(styles$k.list, styles$k[variant])
+  }, items === null || items === void 0 ? void 0 : items.map(function (item) {
+    return item ? (/*#__PURE__*/React.createElement("li", {
+      key: Array.isArray(item) ? getKey.apply(void 0, defaultConfig._toConsumableArray(item)) : getKey(item)
+    }, item)) : null;
+  }));
+}
+
+var css_248z$k = ".sidebarContentLinkList-module_listContainer__1ObXc{margin-top:var(--spacing-s)}@media (min-width:768px){.sidebarContentLinkList-module_listContainer__1ObXc{margin-top:var(--spacing-xl)}}.sidebarContentLinkList-module_descriptionContainer__KA-YU{margin-bottom:1.5rem}.sidebarContentLinkList-module_link__zec26{align-items:center;background:#f2f2f2;color:#1a1a1a;display:flex;font-weight:500;justify-content:space-between;padding:1.5rem;text-decoration:none}.sidebarContentLinkList-module_link__zec26 svg{margin:0 .5rem}";
+var styles$j = {"listContainer":"sidebarContentLinkList-module_listContainer__1ObXc","descriptionContainer":"sidebarContentLinkList-module_descriptionContainer__KA-YU","link":"sidebarContentLinkList-module_link__zec26"};
+styleInject(css_248z$k);
+
+function SidebarContentLinkList(_ref) {
+  var anchor = _ref.anchor,
+    title = _ref.title,
+    description = _ref.description,
+    links = _ref.links;
+  var _useConfig = useConfig(),
+    getIsHrefExternal = _useConfig.utils.getIsHrefExternal;
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles$j.listContainer,
+    id: anchor || undefined
+  }, /*#__PURE__*/React.createElement("h2", null, title), description && (/*#__PURE__*/React.createElement("div", {
+    className: styles$j.descriptionContainer
+  }, /*#__PURE__*/React.createElement(HtmlToReact, null, description))), /*#__PURE__*/React.createElement(List, {
+    variant: "spacing-s",
+    items: links === null || links === void 0 ? void 0 : links.filter(function (item) {
+      return defaultConfig.isLinkItem(item);
+    }).map(function (link) {
+      return /*#__PURE__*/React.createElement(Link, {
+        key: link.title,
+        href: parse(link.url).toString() || '#',
+        className: styles$j.link,
+        iconRight: !getIsHrefExternal(link.url) && (/*#__PURE__*/React.createElement(hdsReact.IconArrowRight, {
+          "aria-hidden": "true"
+        }))
+      }, link.title);
+    })
+  }));
+}
+
+var css_248z$j = ".sidebarContentCard-module_content__2tR4I{color:var(#1a1a1a);padding:0 1.5rem}.sidebarContentCard-module_link__-D8VG{display:flex;font-size:20px;justify-content:space-between;line-height:27px;text-decoration:none}.sidebarContentCard-module_link__-D8VG:hover{text-decoration:underline}figure{margin:0;padding:0}.sidebarContentCard-module_image__aZqzh{height:13rem;object-fit:cover;overflow:hidden;position:relative;width:100%}.sidebarContentCard-module_publishingDate__90R9P{color:var(#595959);margin:.5rem 0}";
+var styles$i = {"content":"sidebarContentCard-module_content__2tR4I","link":"sidebarContentCard-module_link__-D8VG","image":"sidebarContentCard-module_image__aZqzh","publishingDate":"sidebarContentCard-module_publishingDate__90R9P"};
+styleInject(css_248z$j);
+
+/**
+ * Tests if an image at a given URL loads successfully,
+ * using AbortController for clean event listener management.
+ *
+ * @param {string} [url] - The URL of the image to test.
+ * @return {Promise<void>} - A promise that resolves if the image loads, and rejects otherwise.
+ */
+var testImage = function testImage(url) {
+  if (!url) {
+    return Promise.reject(new Error('No image URL given'));
+  }
+  var imgElement = new Image();
+  // Create the controller instance
+  var controller = new AbortController();
+  var signal = controller.signal;
+  return new Promise(function (resolve, reject) {
+    // The { signal } option ensures these listeners are grouped for cleanup
+    imgElement.addEventListener('load', function () {
+      controller.abort(); // Triggers removal of ALL listeners attached to this signal
+      resolve();
+    }, {
+      signal: signal
+    });
+    imgElement.addEventListener('error', function () {
+      controller.abort(); // Triggers removal of ALL listeners attached to this signal
+      // Reject with a standard Error object
+      reject(new Error("Failed to load image from URL: ".concat(url)));
+    }, {
+      signal: signal
+    });
+    imgElement.src = url;
+  });
+  // Note: The controller is self-contained and cleaned up when the promise resolves/rejects
+};
+
+var useResolveImageUrl = function useResolveImageUrl(_ref) {
+  var id = _ref.id,
+    url = _ref.url,
+    customFallbackUrl = _ref.customFallbackUrl;
+  var _useConfig = useConfig(),
+    fallbackImageUrls = _useConfig.fallbackImageUrls;
+  var _React$useState = React.useState(false),
+    _React$useState2 = defaultConfig._slicedToArray(_React$useState, 2),
+    showFallbackImage = _React$useState2[0],
+    setShowFallbackImage = _React$useState2[1];
+  React.useEffect(function () {
+    var testThatImageExist = /*#__PURE__*/function () {
+      var _ref2 = defaultConfig._asyncToGenerator(/*#__PURE__*/defaultConfig._regenerator().m(function _callee() {
+        return defaultConfig._regenerator().w(function (_context) {
+          while (1) switch (_context.p = _context.n) {
+            case 0:
+              _context.p = 0;
+              _context.n = 1;
+              return testImage(url !== null && url !== void 0 ? url : undefined);
+            case 1:
+              _context.n = 3;
+              break;
+            case 2:
+              _context.p = 2;
+              _context.v;
+              setShowFallbackImage(true);
+            case 3:
+              return _context.a(2);
+          }
+        }, _callee, null, [[0, 2]]);
+      }));
+      return function testThatImageExist() {
+        return _ref2.apply(this, arguments);
+      };
+    }();
+    if (url) {
+      testThatImageExist();
+    } else {
+      setShowFallbackImage(true);
+    }
+  }, [url]);
+  var randomIndex = Math.abs(hash(id !== null && id !== void 0 ? id : '')) % fallbackImageUrls.length;
+  return !url || showFallbackImage ? customFallbackUrl !== null && customFallbackUrl !== void 0 ? customFallbackUrl : fallbackImageUrls[randomIndex] : url;
+};
+
+var _excluded$8 = ["id", "src", "alt", "customFallbackSrc", "caption", "style"];
+function Image$1(_ref) {
+  var id = _ref.id,
+    src = _ref.src,
+    alt = _ref.alt,
+    customFallbackSrc = _ref.customFallbackSrc,
+    caption = _ref.caption,
+    style = _ref.style,
+    imageProps = defaultConfig._objectWithoutProperties(_ref, _excluded$8);
+  var resolvedUrl = useResolveImageUrl({
+    id: id,
+    url: src,
+    customFallbackUrl: customFallbackSrc
+  });
+  return /*#__PURE__*/React.createElement("figure", {
+    style: style
+  }, /*#__PURE__*/React.createElement("img", defaultConfig._objectSpread2(defaultConfig._objectSpread2({}, imageProps), {}, {
+    src: resolvedUrl,
+    alt: alt
+  })), caption && /*#__PURE__*/React.createElement("figcaption", null, caption));
+}
+
+/**
+ * @param {dateTime} dateTime - date as string to format to 'd.M.yyyy'.
+ * @return {string} - Formatted date.
+ */
+var formatDateFromString = function formatDateFromString(dateTime) {
+  return dateFns.format(dateFns.parseISO(dateTime), 'd.M.yyyy');
+};
+
+function SidebarContentCard(_ref) {
+  var id = _ref.id,
+    title = _ref.title,
+    url = _ref.url,
+    imageUrl = _ref.imageUrl,
+    imageAlt = _ref.imageAlt,
+    description = _ref.description,
+    publishingDate = _ref.publishingDate;
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles$i.container
+  }, /*#__PURE__*/React.createElement(Image$1, {
+    id: id,
+    className: styles$i.image,
+    src: imageUrl !== null && imageUrl !== void 0 ? imageUrl : '',
+    alt: imageAlt !== null && imageAlt !== void 0 ? imageAlt : ''
+  }), /*#__PURE__*/React.createElement("div", {
+    className: styles$i.content
+  }, description && /*#__PURE__*/React.createElement("p", {
+    className: styles$i.description
+  }, description), /*#__PURE__*/React.createElement(Link, {
+    className: styles$i.link,
+    href: url
+  }, title), publishingDate && (/*#__PURE__*/React.createElement("p", {
+    className: styles$i.publishingDate
+  }, formatDateFromString(publishingDate)))));
+}
+
+function PostListItem(_ref) {
+  var _featuredImage$node, _featuredImage$node2;
+  var id = _ref.id,
+    moduleItemType = _ref.moduleItemType,
+    title = _ref.title,
+    link = _ref.link,
+    featuredImage = _ref.featuredImage,
+    date = _ref.date;
+  var url = useHeadlessCmsLink(link !== null && link !== void 0 ? link : '#', moduleItemType);
+  if (!title || !url) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(SidebarContentCard, {
+    key: id,
+    id: id,
+    title: title,
+    publishingDate: date !== null && date !== void 0 ? date : undefined,
+    url: url,
+    imageUrl: (featuredImage === null || featuredImage === void 0 || (_featuredImage$node = featuredImage.node) === null || _featuredImage$node === void 0 ? void 0 : _featuredImage$node.medium) || undefined,
+    imageAlt: (featuredImage === null || featuredImage === void 0 || (_featuredImage$node2 = featuredImage.node) === null || _featuredImage$node2 === void 0 ? void 0 : _featuredImage$node2.altText) || undefined
+  });
+}
+
+var css_248z$i = ".pageModules-module_pageModuleWrapper__G0ur8{margin:var(--spacing-layout-2-xs) 0}@media (min-width:576px){.pageModules-module_pageModuleWrapper__G0ur8{margin:var(--spacing-layout-s) 0}}.pageModules-module_pageModuleWrapper__G0ur8.pageModules-module_withPadding__XY5q4{padding:30px}.pageModules-module_pageModuleWrapper__G0ur8.pageModules-module_contentModuleWrapper__XSl5n p{margin:0!important}.pageModules-module_cardsWrapper__r-ISp{grid-gap:var(--spacing-layout-xs);grid-row-gap:var(--spacing-layout-xs);display:grid;grid-auto-rows:1fr;grid-template-columns:repeat(auto-fill,minmax(248px,1fr))}.pageModules-module_cardsWrapper__r-ISp.pageModules-module_singleGridWrapper__K4Sb-{display:flex;gap:var(--spacing-layout-xs)}.pageModules-module_cardsWrapper__r-ISp.pageModules-module_singleGridWrapper__K4Sb->div{min-width:248px;width:100%}@media (min-width:1248px){.pageModules-module_cardsWrapper__r-ISp.pageModules-module_flexWrapper__1RWcF{display:flex;gap:var(--spacing-layout-xs)}.pageModules-module_cardsWrapper__r-ISp.pageModules-module_flexWrapper__1RWcF>div{min-width:248px;width:100%}}@media (max-width:767px){.pageModules-module_cardsWrapper__r-ISp{display:flex;flex-direction:column;gap:var(--spacing-layout-2-xs)}.pageModules-module_cardsWrapper__r-ISp>div{width:100%}}.pageModules-module_cardWrapper__161IL{display:flex;flex-direction:column;padding:30px}.pageModules-module_cardWrapper__161IL.pageModules-module_horisontal__SZ9pe{flex-direction:row;justify-content:flex-start}@media (max-width:575px){.pageModules-module_cardWrapper__161IL.pageModules-module_horisontal__SZ9pe{flex-direction:column}}.pageModules-module_cardWrapper__161IL svg{height:84px;width:84px}.pageModules-module_cardContent__njye1{align-items:flex-start;display:flex;flex-direction:column;gap:8px;height:100%}.pageModules-module_cardContent__njye1 .pageModules-module_title__ZEkpb{font-size:32px;margin-bottom:16px}.pageModules-module_cardContent__njye1 .pageModules-module_description__wer72{font-size:18px;line-height:28px;margin-bottom:var(--spacing-layout-xs)}.pageModules-module_cardContent__njye1 .pageModules-module_button__ZJnEW{align-items:flex-end;display:flex;flex-grow:1;width:100%}@media (max-width:575px){.pageModules-module_cardContent__njye1 .pageModules-module_button__ZJnEW button{width:100%}}.pageModules-module_cardContent__njye1 .pageModules-module_button__ZJnEW button div{min-width:var(--spacing-layout-xs)}.pageModules-module_cardIconWrapper__FD0HA{align-items:center;display:flex;justify-content:center;margin-bottom:16px;margin-right:0}@media (min-width:576px){.pageModules-module_cardIconWrapper__FD0HA.pageModules-module_horisontal__SZ9pe{align-items:flex-start;justify-content:flex-start;margin-bottom:16px;margin-right:30px}}.pageModules-module_fallbackIcon__UkRf9{height:84px;width:84px}.pageModules-module_stepsContainer__QZUUF>div>p{font-size:var(--fontsize-body-l)}";
+var styles$h = {"pageModuleWrapper":"pageModules-module_pageModuleWrapper__G0ur8","withPadding":"pageModules-module_withPadding__XY5q4","contentModuleWrapper":"pageModules-module_contentModuleWrapper__XSl5n","cardsWrapper":"pageModules-module_cardsWrapper__r-ISp","singleGridWrapper":"pageModules-module_singleGridWrapper__K4Sb-","flexWrapper":"pageModules-module_flexWrapper__1RWcF","cardWrapper":"pageModules-module_cardWrapper__161IL","horisontal":"pageModules-module_horisontal__SZ9pe","cardContent":"pageModules-module_cardContent__njye1","title":"pageModules-module_title__ZEkpb","description":"pageModules-module_description__wer72","button":"pageModules-module_button__ZJnEW","cardIconWrapper":"pageModules-module_cardIconWrapper__FD0HA","fallbackIcon":"pageModules-module_fallbackIcon__UkRf9","stepsContainer":"pageModules-module_stepsContainer__QZUUF"};
+styleInject(css_248z$i);
+
+var css_248z$h = ".background-module_backgroundDefault__oNBmg{background-color:#fff}.background-module_backgroundCoatOfArms__Gy7-O{background-color:var(--color-coat-of-arms)}.background-module_backgroundGold__a0v0r{background-color:var(--color-gold)}.background-module_backgroundSilver__3n9-1{background-color:var(--color-silver)}.background-module_backgroundBrick__KQ5-r{background-color:var(--color-brick)}.background-module_backgroundBus__SLG7F{background-color:var(--color-bus)}.background-module_backgroundCopper__z2Ao1{background-color:var(--color-copper)}.background-module_backgroundEngel__w7K1V{background-color:var(--color-engel)}.background-module_backgroundFog__MuhoU{background-color:var(--color-fog)}.background-module_backgroundMetro__c31k-{background-color:var(--color-metro)}.background-module_backgroundSummer__mt065{background-color:var(--color-summer)}.background-module_backgroundSuomenlinna__RYiBo{background-color:var(--color-suomenlinna)}.background-module_backgroundTram__s3zOs{background-color:var(--color-tram)}.background-module_backgroundListItemCoatOfArms__mz0mZ li{background-color:var(--color-coat-of-arms)}.background-module_backgroundListItemGold__pcxAJ li{background-color:var(--color-gold)}.background-module_backgroundListItemSilver__--1w4 li{background-color:var(--color-silver)}.background-module_backgroundListItemBrick__j37LO li{background-color:var(--color-brick)}.background-module_backgroundListItemBus__2TLWo li{background-color:var(--color-bus)}.background-module_backgroundListItemCopper__bLGlk li{background-color:var(--color-copper)}.background-module_backgroundListItemEngel__nCn2b li{background-color:var(--color-engel)}.background-module_backgroundListItemFog__it1l0 li{background-color:var(--color-fog)}.background-module_backgroundListItemMetro__2ilGY li{background-color:var(--color-metro)}.background-module_backgroundListItemSummer__BGnjF li{background-color:var(--color-summer)}.background-module_backgroundListItemSuomenlinna__M9QNF li{background-color:var(--color-suomenlinna)}.background-module_backgroundListItemTram__WPUzf li{background-color:var(--color-tram)}.background-module_whiteText__f5V26,.background-module_whiteText__f5V26 h1{color:var(--color-white)!important}.background-module_whiteTextList__pTdu- li{color:var(--color-white)}.background-module_whiteTextList__pTdu- li:after{color:var(--color-black)}.background-module_whiteButton__O5neh button{border-color:var(--color-white)!important;color:var(--color-white)}.background-module_whiteLink__ZzvS0 path{color:var(--color-white)}";
+var colorStyles = {"backgroundDefault":"background-module_backgroundDefault__oNBmg","backgroundCoatOfArms":"background-module_backgroundCoatOfArms__Gy7-O","backgroundGold":"background-module_backgroundGold__a0v0r","backgroundSilver":"background-module_backgroundSilver__3n9-1","backgroundBrick":"background-module_backgroundBrick__KQ5-r","backgroundBus":"background-module_backgroundBus__SLG7F","backgroundCopper":"background-module_backgroundCopper__z2Ao1","backgroundEngel":"background-module_backgroundEngel__w7K1V","backgroundFog":"background-module_backgroundFog__MuhoU","backgroundMetro":"background-module_backgroundMetro__c31k-","backgroundSummer":"background-module_backgroundSummer__mt065","backgroundSuomenlinna":"background-module_backgroundSuomenlinna__RYiBo","backgroundTram":"background-module_backgroundTram__s3zOs","backgroundListItemCoatOfArms":"background-module_backgroundListItemCoatOfArms__mz0mZ","backgroundListItemGold":"background-module_backgroundListItemGold__pcxAJ","backgroundListItemSilver":"background-module_backgroundListItemSilver__--1w4","backgroundListItemBrick":"background-module_backgroundListItemBrick__j37LO","backgroundListItemBus":"background-module_backgroundListItemBus__2TLWo","backgroundListItemCopper":"background-module_backgroundListItemCopper__bLGlk","backgroundListItemEngel":"background-module_backgroundListItemEngel__nCn2b","backgroundListItemFog":"background-module_backgroundListItemFog__it1l0","backgroundListItemMetro":"background-module_backgroundListItemMetro__2ilGY","backgroundListItemSummer":"background-module_backgroundListItemSummer__BGnjF","backgroundListItemSuomenlinna":"background-module_backgroundListItemSuomenlinna__M9QNF","backgroundListItemTram":"background-module_backgroundListItemTram__WPUzf","whiteText":"background-module_whiteText__f5V26","whiteTextList":"background-module_whiteTextList__pTdu-","whiteButton":"background-module_whiteButton__O5neh","whiteLink":"background-module_whiteLink__ZzvS0"};
+styleInject(css_248z$h);
+
+var __assign$1 = (undefined && undefined.__assign) || function () {
+    __assign$1 = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign$1.apply(this, arguments);
+};
+// This file is autogenerated by tools/process-named-references.ts
+var pairDivider = "~";
+var blockDivider = "~~";
+function generateNamedReferences(input, prev) {
+    var entities = {};
+    var characters = {};
+    var blocks = input.split(blockDivider);
+    var isOptionalBlock = false;
+    for (var i = 0; blocks.length > i; i++) {
+        var entries = blocks[i].split(pairDivider);
+        for (var j = 0; j < entries.length; j += 2) {
+            var entity = entries[j];
+            var character = entries[j + 1];
+            var fullEntity = '&' + entity + ';';
+            entities[fullEntity] = character;
+            if (isOptionalBlock) {
+                entities['&' + entity] = character;
+            }
+            characters[character] = fullEntity;
+        }
+        isOptionalBlock = true;
+    }
+    return prev ?
+        { entities: __assign$1(__assign$1({}, entities), prev.entities), characters: __assign$1(__assign$1({}, characters), prev.characters) } :
+        { entities: entities, characters: characters };
+}
+var bodyRegExps = {
+    xml: /&(?:#\d+|#[xX][\da-fA-F]+|[0-9a-zA-Z]+);?/g,
+    html4: /&notin;|&(?:nbsp|iexcl|cent|pound|curren|yen|brvbar|sect|uml|copy|ordf|laquo|not|shy|reg|macr|deg|plusmn|sup2|sup3|acute|micro|para|middot|cedil|sup1|ordm|raquo|frac14|frac12|frac34|iquest|Agrave|Aacute|Acirc|Atilde|Auml|Aring|AElig|Ccedil|Egrave|Eacute|Ecirc|Euml|Igrave|Iacute|Icirc|Iuml|ETH|Ntilde|Ograve|Oacute|Ocirc|Otilde|Ouml|times|Oslash|Ugrave|Uacute|Ucirc|Uuml|Yacute|THORN|szlig|agrave|aacute|acirc|atilde|auml|aring|aelig|ccedil|egrave|eacute|ecirc|euml|igrave|iacute|icirc|iuml|eth|ntilde|ograve|oacute|ocirc|otilde|ouml|divide|oslash|ugrave|uacute|ucirc|uuml|yacute|thorn|yuml|quot|amp|lt|gt|#\d+|#[xX][\da-fA-F]+|[0-9a-zA-Z]+);?/g,
+    html5: /&centerdot;|&copysr;|&divideontimes;|&gtcc;|&gtcir;|&gtdot;|&gtlPar;|&gtquest;|&gtrapprox;|&gtrarr;|&gtrdot;|&gtreqless;|&gtreqqless;|&gtrless;|&gtrsim;|&ltcc;|&ltcir;|&ltdot;|&lthree;|&ltimes;|&ltlarr;|&ltquest;|&ltrPar;|&ltri;|&ltrie;|&ltrif;|&notin;|&notinE;|&notindot;|&notinva;|&notinvb;|&notinvc;|&notni;|&notniva;|&notnivb;|&notnivc;|&parallel;|&timesb;|&timesbar;|&timesd;|&(?:AElig|AMP|Aacute|Acirc|Agrave|Aring|Atilde|Auml|COPY|Ccedil|ETH|Eacute|Ecirc|Egrave|Euml|GT|Iacute|Icirc|Igrave|Iuml|LT|Ntilde|Oacute|Ocirc|Ograve|Oslash|Otilde|Ouml|QUOT|REG|THORN|Uacute|Ucirc|Ugrave|Uuml|Yacute|aacute|acirc|acute|aelig|agrave|amp|aring|atilde|auml|brvbar|ccedil|cedil|cent|copy|curren|deg|divide|eacute|ecirc|egrave|eth|euml|frac12|frac14|frac34|gt|iacute|icirc|iexcl|igrave|iquest|iuml|laquo|lt|macr|micro|middot|nbsp|not|ntilde|oacute|ocirc|ograve|ordf|ordm|oslash|otilde|ouml|para|plusmn|pound|quot|raquo|reg|sect|shy|sup1|sup2|sup3|szlig|thorn|times|uacute|ucirc|ugrave|uml|uuml|yacute|yen|yuml|#\d+|#[xX][\da-fA-F]+|[0-9a-zA-Z]+);?/g
+};
+var namedReferences = {};
+namedReferences['xml'] = generateNamedReferences("lt~<~gt~>~quot~\"~apos~'~amp~&");
+namedReferences['html4'] = generateNamedReferences("apos~'~OElig~Œ~oelig~œ~Scaron~Š~scaron~š~Yuml~Ÿ~circ~ˆ~tilde~˜~ensp~ ~emsp~ ~thinsp~ ~zwnj~‌~zwj~‍~lrm~‎~rlm~‏~ndash~–~mdash~—~lsquo~‘~rsquo~’~sbquo~‚~ldquo~“~rdquo~”~bdquo~„~dagger~†~Dagger~‡~permil~‰~lsaquo~‹~rsaquo~›~euro~€~fnof~ƒ~Alpha~Α~Beta~Β~Gamma~Γ~Delta~Δ~Epsilon~Ε~Zeta~Ζ~Eta~Η~Theta~Θ~Iota~Ι~Kappa~Κ~Lambda~Λ~Mu~Μ~Nu~Ν~Xi~Ξ~Omicron~Ο~Pi~Π~Rho~Ρ~Sigma~Σ~Tau~Τ~Upsilon~Υ~Phi~Φ~Chi~Χ~Psi~Ψ~Omega~Ω~alpha~α~beta~β~gamma~γ~delta~δ~epsilon~ε~zeta~ζ~eta~η~theta~θ~iota~ι~kappa~κ~lambda~λ~mu~μ~nu~ν~xi~ξ~omicron~ο~pi~π~rho~ρ~sigmaf~ς~sigma~σ~tau~τ~upsilon~υ~phi~φ~chi~χ~psi~ψ~omega~ω~thetasym~ϑ~upsih~ϒ~piv~ϖ~bull~•~hellip~…~prime~′~Prime~″~oline~‾~frasl~⁄~weierp~℘~image~ℑ~real~ℜ~trade~™~alefsym~ℵ~larr~←~uarr~↑~rarr~→~darr~↓~harr~↔~crarr~↵~lArr~⇐~uArr~⇑~rArr~⇒~dArr~⇓~hArr~⇔~forall~∀~part~∂~exist~∃~empty~∅~nabla~∇~isin~∈~notin~∉~ni~∋~prod~∏~sum~∑~minus~−~lowast~∗~radic~√~prop~∝~infin~∞~ang~∠~and~∧~or~∨~cap~∩~cup~∪~int~∫~there4~∴~sim~∼~cong~≅~asymp~≈~ne~≠~equiv~≡~le~≤~ge~≥~sub~⊂~sup~⊃~nsub~⊄~sube~⊆~supe~⊇~oplus~⊕~otimes~⊗~perp~⊥~sdot~⋅~lceil~⌈~rceil~⌉~lfloor~⌊~rfloor~⌋~lang~〈~rang~〉~loz~◊~spades~♠~clubs~♣~hearts~♥~diams~♦~~nbsp~ ~iexcl~¡~cent~¢~pound~£~curren~¤~yen~¥~brvbar~¦~sect~§~uml~¨~copy~©~ordf~ª~laquo~«~not~¬~shy~­~reg~®~macr~¯~deg~°~plusmn~±~sup2~²~sup3~³~acute~´~micro~µ~para~¶~middot~·~cedil~¸~sup1~¹~ordm~º~raquo~»~frac14~¼~frac12~½~frac34~¾~iquest~¿~Agrave~À~Aacute~Á~Acirc~Â~Atilde~Ã~Auml~Ä~Aring~Å~AElig~Æ~Ccedil~Ç~Egrave~È~Eacute~É~Ecirc~Ê~Euml~Ë~Igrave~Ì~Iacute~Í~Icirc~Î~Iuml~Ï~ETH~Ð~Ntilde~Ñ~Ograve~Ò~Oacute~Ó~Ocirc~Ô~Otilde~Õ~Ouml~Ö~times~×~Oslash~Ø~Ugrave~Ù~Uacute~Ú~Ucirc~Û~Uuml~Ü~Yacute~Ý~THORN~Þ~szlig~ß~agrave~à~aacute~á~acirc~â~atilde~ã~auml~ä~aring~å~aelig~æ~ccedil~ç~egrave~è~eacute~é~ecirc~ê~euml~ë~igrave~ì~iacute~í~icirc~î~iuml~ï~eth~ð~ntilde~ñ~ograve~ò~oacute~ó~ocirc~ô~otilde~õ~ouml~ö~divide~÷~oslash~ø~ugrave~ù~uacute~ú~ucirc~û~uuml~ü~yacute~ý~thorn~þ~yuml~ÿ~quot~\"~amp~&~lt~<~gt~>");
+namedReferences['html5'] = generateNamedReferences("Abreve~Ă~Acy~А~Afr~𝔄~Amacr~Ā~And~⩓~Aogon~Ą~Aopf~𝔸~ApplyFunction~⁡~Ascr~𝒜~Assign~≔~Backslash~∖~Barv~⫧~Barwed~⌆~Bcy~Б~Because~∵~Bernoullis~ℬ~Bfr~𝔅~Bopf~𝔹~Breve~˘~Bscr~ℬ~Bumpeq~≎~CHcy~Ч~Cacute~Ć~Cap~⋒~CapitalDifferentialD~ⅅ~Cayleys~ℭ~Ccaron~Č~Ccirc~Ĉ~Cconint~∰~Cdot~Ċ~Cedilla~¸~CenterDot~·~Cfr~ℭ~CircleDot~⊙~CircleMinus~⊖~CirclePlus~⊕~CircleTimes~⊗~ClockwiseContourIntegral~∲~CloseCurlyDoubleQuote~”~CloseCurlyQuote~’~Colon~∷~Colone~⩴~Congruent~≡~Conint~∯~ContourIntegral~∮~Copf~ℂ~Coproduct~∐~CounterClockwiseContourIntegral~∳~Cross~⨯~Cscr~𝒞~Cup~⋓~CupCap~≍~DD~ⅅ~DDotrahd~⤑~DJcy~Ђ~DScy~Ѕ~DZcy~Џ~Darr~↡~Dashv~⫤~Dcaron~Ď~Dcy~Д~Del~∇~Dfr~𝔇~DiacriticalAcute~´~DiacriticalDot~˙~DiacriticalDoubleAcute~˝~DiacriticalGrave~`~DiacriticalTilde~˜~Diamond~⋄~DifferentialD~ⅆ~Dopf~𝔻~Dot~¨~DotDot~⃜~DotEqual~≐~DoubleContourIntegral~∯~DoubleDot~¨~DoubleDownArrow~⇓~DoubleLeftArrow~⇐~DoubleLeftRightArrow~⇔~DoubleLeftTee~⫤~DoubleLongLeftArrow~⟸~DoubleLongLeftRightArrow~⟺~DoubleLongRightArrow~⟹~DoubleRightArrow~⇒~DoubleRightTee~⊨~DoubleUpArrow~⇑~DoubleUpDownArrow~⇕~DoubleVerticalBar~∥~DownArrow~↓~DownArrowBar~⤓~DownArrowUpArrow~⇵~DownBreve~̑~DownLeftRightVector~⥐~DownLeftTeeVector~⥞~DownLeftVector~↽~DownLeftVectorBar~⥖~DownRightTeeVector~⥟~DownRightVector~⇁~DownRightVectorBar~⥗~DownTee~⊤~DownTeeArrow~↧~Downarrow~⇓~Dscr~𝒟~Dstrok~Đ~ENG~Ŋ~Ecaron~Ě~Ecy~Э~Edot~Ė~Efr~𝔈~Element~∈~Emacr~Ē~EmptySmallSquare~◻~EmptyVerySmallSquare~▫~Eogon~Ę~Eopf~𝔼~Equal~⩵~EqualTilde~≂~Equilibrium~⇌~Escr~ℰ~Esim~⩳~Exists~∃~ExponentialE~ⅇ~Fcy~Ф~Ffr~𝔉~FilledSmallSquare~◼~FilledVerySmallSquare~▪~Fopf~𝔽~ForAll~∀~Fouriertrf~ℱ~Fscr~ℱ~GJcy~Ѓ~Gammad~Ϝ~Gbreve~Ğ~Gcedil~Ģ~Gcirc~Ĝ~Gcy~Г~Gdot~Ġ~Gfr~𝔊~Gg~⋙~Gopf~𝔾~GreaterEqual~≥~GreaterEqualLess~⋛~GreaterFullEqual~≧~GreaterGreater~⪢~GreaterLess~≷~GreaterSlantEqual~⩾~GreaterTilde~≳~Gscr~𝒢~Gt~≫~HARDcy~Ъ~Hacek~ˇ~Hat~^~Hcirc~Ĥ~Hfr~ℌ~HilbertSpace~ℋ~Hopf~ℍ~HorizontalLine~─~Hscr~ℋ~Hstrok~Ħ~HumpDownHump~≎~HumpEqual~≏~IEcy~Е~IJlig~IJ~IOcy~Ё~Icy~И~Idot~İ~Ifr~ℑ~Im~ℑ~Imacr~Ī~ImaginaryI~ⅈ~Implies~⇒~Int~∬~Integral~∫~Intersection~⋂~InvisibleComma~⁣~InvisibleTimes~⁢~Iogon~Į~Iopf~𝕀~Iscr~ℐ~Itilde~Ĩ~Iukcy~І~Jcirc~Ĵ~Jcy~Й~Jfr~𝔍~Jopf~𝕁~Jscr~𝒥~Jsercy~Ј~Jukcy~Є~KHcy~Х~KJcy~Ќ~Kcedil~Ķ~Kcy~К~Kfr~𝔎~Kopf~𝕂~Kscr~𝒦~LJcy~Љ~Lacute~Ĺ~Lang~⟪~Laplacetrf~ℒ~Larr~↞~Lcaron~Ľ~Lcedil~Ļ~Lcy~Л~LeftAngleBracket~⟨~LeftArrow~←~LeftArrowBar~⇤~LeftArrowRightArrow~⇆~LeftCeiling~⌈~LeftDoubleBracket~⟦~LeftDownTeeVector~⥡~LeftDownVector~⇃~LeftDownVectorBar~⥙~LeftFloor~⌊~LeftRightArrow~↔~LeftRightVector~⥎~LeftTee~⊣~LeftTeeArrow~↤~LeftTeeVector~⥚~LeftTriangle~⊲~LeftTriangleBar~⧏~LeftTriangleEqual~⊴~LeftUpDownVector~⥑~LeftUpTeeVector~⥠~LeftUpVector~↿~LeftUpVectorBar~⥘~LeftVector~↼~LeftVectorBar~⥒~Leftarrow~⇐~Leftrightarrow~⇔~LessEqualGreater~⋚~LessFullEqual~≦~LessGreater~≶~LessLess~⪡~LessSlantEqual~⩽~LessTilde~≲~Lfr~𝔏~Ll~⋘~Lleftarrow~⇚~Lmidot~Ŀ~LongLeftArrow~⟵~LongLeftRightArrow~⟷~LongRightArrow~⟶~Longleftarrow~⟸~Longleftrightarrow~⟺~Longrightarrow~⟹~Lopf~𝕃~LowerLeftArrow~↙~LowerRightArrow~↘~Lscr~ℒ~Lsh~↰~Lstrok~Ł~Lt~≪~Map~⤅~Mcy~М~MediumSpace~ ~Mellintrf~ℳ~Mfr~𝔐~MinusPlus~∓~Mopf~𝕄~Mscr~ℳ~NJcy~Њ~Nacute~Ń~Ncaron~Ň~Ncedil~Ņ~Ncy~Н~NegativeMediumSpace~​~NegativeThickSpace~​~NegativeThinSpace~​~NegativeVeryThinSpace~​~NestedGreaterGreater~≫~NestedLessLess~≪~NewLine~\n~Nfr~𝔑~NoBreak~⁠~NonBreakingSpace~ ~Nopf~ℕ~Not~⫬~NotCongruent~≢~NotCupCap~≭~NotDoubleVerticalBar~∦~NotElement~∉~NotEqual~≠~NotEqualTilde~≂̸~NotExists~∄~NotGreater~≯~NotGreaterEqual~≱~NotGreaterFullEqual~≧̸~NotGreaterGreater~≫̸~NotGreaterLess~≹~NotGreaterSlantEqual~⩾̸~NotGreaterTilde~≵~NotHumpDownHump~≎̸~NotHumpEqual~≏̸~NotLeftTriangle~⋪~NotLeftTriangleBar~⧏̸~NotLeftTriangleEqual~⋬~NotLess~≮~NotLessEqual~≰~NotLessGreater~≸~NotLessLess~≪̸~NotLessSlantEqual~⩽̸~NotLessTilde~≴~NotNestedGreaterGreater~⪢̸~NotNestedLessLess~⪡̸~NotPrecedes~⊀~NotPrecedesEqual~⪯̸~NotPrecedesSlantEqual~⋠~NotReverseElement~∌~NotRightTriangle~⋫~NotRightTriangleBar~⧐̸~NotRightTriangleEqual~⋭~NotSquareSubset~⊏̸~NotSquareSubsetEqual~⋢~NotSquareSuperset~⊐̸~NotSquareSupersetEqual~⋣~NotSubset~⊂⃒~NotSubsetEqual~⊈~NotSucceeds~⊁~NotSucceedsEqual~⪰̸~NotSucceedsSlantEqual~⋡~NotSucceedsTilde~≿̸~NotSuperset~⊃⃒~NotSupersetEqual~⊉~NotTilde~≁~NotTildeEqual~≄~NotTildeFullEqual~≇~NotTildeTilde~≉~NotVerticalBar~∤~Nscr~𝒩~Ocy~О~Odblac~Ő~Ofr~𝔒~Omacr~Ō~Oopf~𝕆~OpenCurlyDoubleQuote~“~OpenCurlyQuote~‘~Or~⩔~Oscr~𝒪~Otimes~⨷~OverBar~‾~OverBrace~⏞~OverBracket~⎴~OverParenthesis~⏜~PartialD~∂~Pcy~П~Pfr~𝔓~PlusMinus~±~Poincareplane~ℌ~Popf~ℙ~Pr~⪻~Precedes~≺~PrecedesEqual~⪯~PrecedesSlantEqual~≼~PrecedesTilde~≾~Product~∏~Proportion~∷~Proportional~∝~Pscr~𝒫~Qfr~𝔔~Qopf~ℚ~Qscr~𝒬~RBarr~⤐~Racute~Ŕ~Rang~⟫~Rarr~↠~Rarrtl~⤖~Rcaron~Ř~Rcedil~Ŗ~Rcy~Р~Re~ℜ~ReverseElement~∋~ReverseEquilibrium~⇋~ReverseUpEquilibrium~⥯~Rfr~ℜ~RightAngleBracket~⟩~RightArrow~→~RightArrowBar~⇥~RightArrowLeftArrow~⇄~RightCeiling~⌉~RightDoubleBracket~⟧~RightDownTeeVector~⥝~RightDownVector~⇂~RightDownVectorBar~⥕~RightFloor~⌋~RightTee~⊢~RightTeeArrow~↦~RightTeeVector~⥛~RightTriangle~⊳~RightTriangleBar~⧐~RightTriangleEqual~⊵~RightUpDownVector~⥏~RightUpTeeVector~⥜~RightUpVector~↾~RightUpVectorBar~⥔~RightVector~⇀~RightVectorBar~⥓~Rightarrow~⇒~Ropf~ℝ~RoundImplies~⥰~Rrightarrow~⇛~Rscr~ℛ~Rsh~↱~RuleDelayed~⧴~SHCHcy~Щ~SHcy~Ш~SOFTcy~Ь~Sacute~Ś~Sc~⪼~Scedil~Ş~Scirc~Ŝ~Scy~С~Sfr~𝔖~ShortDownArrow~↓~ShortLeftArrow~←~ShortRightArrow~→~ShortUpArrow~↑~SmallCircle~∘~Sopf~𝕊~Sqrt~√~Square~□~SquareIntersection~⊓~SquareSubset~⊏~SquareSubsetEqual~⊑~SquareSuperset~⊐~SquareSupersetEqual~⊒~SquareUnion~⊔~Sscr~𝒮~Star~⋆~Sub~⋐~Subset~⋐~SubsetEqual~⊆~Succeeds~≻~SucceedsEqual~⪰~SucceedsSlantEqual~≽~SucceedsTilde~≿~SuchThat~∋~Sum~∑~Sup~⋑~Superset~⊃~SupersetEqual~⊇~Supset~⋑~TRADE~™~TSHcy~Ћ~TScy~Ц~Tab~\t~Tcaron~Ť~Tcedil~Ţ~Tcy~Т~Tfr~𝔗~Therefore~∴~ThickSpace~  ~ThinSpace~ ~Tilde~∼~TildeEqual~≃~TildeFullEqual~≅~TildeTilde~≈~Topf~𝕋~TripleDot~⃛~Tscr~𝒯~Tstrok~Ŧ~Uarr~↟~Uarrocir~⥉~Ubrcy~Ў~Ubreve~Ŭ~Ucy~У~Udblac~Ű~Ufr~𝔘~Umacr~Ū~UnderBar~_~UnderBrace~⏟~UnderBracket~⎵~UnderParenthesis~⏝~Union~⋃~UnionPlus~⊎~Uogon~Ų~Uopf~𝕌~UpArrow~↑~UpArrowBar~⤒~UpArrowDownArrow~⇅~UpDownArrow~↕~UpEquilibrium~⥮~UpTee~⊥~UpTeeArrow~↥~Uparrow~⇑~Updownarrow~⇕~UpperLeftArrow~↖~UpperRightArrow~↗~Upsi~ϒ~Uring~Ů~Uscr~𝒰~Utilde~Ũ~VDash~⊫~Vbar~⫫~Vcy~В~Vdash~⊩~Vdashl~⫦~Vee~⋁~Verbar~‖~Vert~‖~VerticalBar~∣~VerticalLine~|~VerticalSeparator~❘~VerticalTilde~≀~VeryThinSpace~ ~Vfr~𝔙~Vopf~𝕍~Vscr~𝒱~Vvdash~⊪~Wcirc~Ŵ~Wedge~⋀~Wfr~𝔚~Wopf~𝕎~Wscr~𝒲~Xfr~𝔛~Xopf~𝕏~Xscr~𝒳~YAcy~Я~YIcy~Ї~YUcy~Ю~Ycirc~Ŷ~Ycy~Ы~Yfr~𝔜~Yopf~𝕐~Yscr~𝒴~ZHcy~Ж~Zacute~Ź~Zcaron~Ž~Zcy~З~Zdot~Ż~ZeroWidthSpace~​~Zfr~ℨ~Zopf~ℤ~Zscr~𝒵~abreve~ă~ac~∾~acE~∾̳~acd~∿~acy~а~af~⁡~afr~𝔞~aleph~ℵ~amacr~ā~amalg~⨿~andand~⩕~andd~⩜~andslope~⩘~andv~⩚~ange~⦤~angle~∠~angmsd~∡~angmsdaa~⦨~angmsdab~⦩~angmsdac~⦪~angmsdad~⦫~angmsdae~⦬~angmsdaf~⦭~angmsdag~⦮~angmsdah~⦯~angrt~∟~angrtvb~⊾~angrtvbd~⦝~angsph~∢~angst~Å~angzarr~⍼~aogon~ą~aopf~𝕒~ap~≈~apE~⩰~apacir~⩯~ape~≊~apid~≋~approx~≈~approxeq~≊~ascr~𝒶~ast~*~asympeq~≍~awconint~∳~awint~⨑~bNot~⫭~backcong~≌~backepsilon~϶~backprime~‵~backsim~∽~backsimeq~⋍~barvee~⊽~barwed~⌅~barwedge~⌅~bbrk~⎵~bbrktbrk~⎶~bcong~≌~bcy~б~becaus~∵~because~∵~bemptyv~⦰~bepsi~϶~bernou~ℬ~beth~ℶ~between~≬~bfr~𝔟~bigcap~⋂~bigcirc~◯~bigcup~⋃~bigodot~⨀~bigoplus~⨁~bigotimes~⨂~bigsqcup~⨆~bigstar~★~bigtriangledown~▽~bigtriangleup~△~biguplus~⨄~bigvee~⋁~bigwedge~⋀~bkarow~⤍~blacklozenge~⧫~blacksquare~▪~blacktriangle~▴~blacktriangledown~▾~blacktriangleleft~◂~blacktriangleright~▸~blank~␣~blk12~▒~blk14~░~blk34~▓~block~█~bne~=⃥~bnequiv~≡⃥~bnot~⌐~bopf~𝕓~bot~⊥~bottom~⊥~bowtie~⋈~boxDL~╗~boxDR~╔~boxDl~╖~boxDr~╓~boxH~═~boxHD~╦~boxHU~╩~boxHd~╤~boxHu~╧~boxUL~╝~boxUR~╚~boxUl~╜~boxUr~╙~boxV~║~boxVH~╬~boxVL~╣~boxVR~╠~boxVh~╫~boxVl~╢~boxVr~╟~boxbox~⧉~boxdL~╕~boxdR~╒~boxdl~┐~boxdr~┌~boxh~─~boxhD~╥~boxhU~╨~boxhd~┬~boxhu~┴~boxminus~⊟~boxplus~⊞~boxtimes~⊠~boxuL~╛~boxuR~╘~boxul~┘~boxur~└~boxv~│~boxvH~╪~boxvL~╡~boxvR~╞~boxvh~┼~boxvl~┤~boxvr~├~bprime~‵~breve~˘~bscr~𝒷~bsemi~⁏~bsim~∽~bsime~⋍~bsol~\\~bsolb~⧅~bsolhsub~⟈~bullet~•~bump~≎~bumpE~⪮~bumpe~≏~bumpeq~≏~cacute~ć~capand~⩄~capbrcup~⩉~capcap~⩋~capcup~⩇~capdot~⩀~caps~∩︀~caret~⁁~caron~ˇ~ccaps~⩍~ccaron~č~ccirc~ĉ~ccups~⩌~ccupssm~⩐~cdot~ċ~cemptyv~⦲~centerdot~·~cfr~𝔠~chcy~ч~check~✓~checkmark~✓~cir~○~cirE~⧃~circeq~≗~circlearrowleft~↺~circlearrowright~↻~circledR~®~circledS~Ⓢ~circledast~⊛~circledcirc~⊚~circleddash~⊝~cire~≗~cirfnint~⨐~cirmid~⫯~cirscir~⧂~clubsuit~♣~colon~:~colone~≔~coloneq~≔~comma~,~commat~@~comp~∁~compfn~∘~complement~∁~complexes~ℂ~congdot~⩭~conint~∮~copf~𝕔~coprod~∐~copysr~℗~cross~✗~cscr~𝒸~csub~⫏~csube~⫑~csup~⫐~csupe~⫒~ctdot~⋯~cudarrl~⤸~cudarrr~⤵~cuepr~⋞~cuesc~⋟~cularr~↶~cularrp~⤽~cupbrcap~⩈~cupcap~⩆~cupcup~⩊~cupdot~⊍~cupor~⩅~cups~∪︀~curarr~↷~curarrm~⤼~curlyeqprec~⋞~curlyeqsucc~⋟~curlyvee~⋎~curlywedge~⋏~curvearrowleft~↶~curvearrowright~↷~cuvee~⋎~cuwed~⋏~cwconint~∲~cwint~∱~cylcty~⌭~dHar~⥥~daleth~ℸ~dash~‐~dashv~⊣~dbkarow~⤏~dblac~˝~dcaron~ď~dcy~д~dd~ⅆ~ddagger~‡~ddarr~⇊~ddotseq~⩷~demptyv~⦱~dfisht~⥿~dfr~𝔡~dharl~⇃~dharr~⇂~diam~⋄~diamond~⋄~diamondsuit~♦~die~¨~digamma~ϝ~disin~⋲~div~÷~divideontimes~⋇~divonx~⋇~djcy~ђ~dlcorn~⌞~dlcrop~⌍~dollar~$~dopf~𝕕~dot~˙~doteq~≐~doteqdot~≑~dotminus~∸~dotplus~∔~dotsquare~⊡~doublebarwedge~⌆~downarrow~↓~downdownarrows~⇊~downharpoonleft~⇃~downharpoonright~⇂~drbkarow~⤐~drcorn~⌟~drcrop~⌌~dscr~𝒹~dscy~ѕ~dsol~⧶~dstrok~đ~dtdot~⋱~dtri~▿~dtrif~▾~duarr~⇵~duhar~⥯~dwangle~⦦~dzcy~џ~dzigrarr~⟿~eDDot~⩷~eDot~≑~easter~⩮~ecaron~ě~ecir~≖~ecolon~≕~ecy~э~edot~ė~ee~ⅇ~efDot~≒~efr~𝔢~eg~⪚~egs~⪖~egsdot~⪘~el~⪙~elinters~⏧~ell~ℓ~els~⪕~elsdot~⪗~emacr~ē~emptyset~∅~emptyv~∅~emsp13~ ~emsp14~ ~eng~ŋ~eogon~ę~eopf~𝕖~epar~⋕~eparsl~⧣~eplus~⩱~epsi~ε~epsiv~ϵ~eqcirc~≖~eqcolon~≕~eqsim~≂~eqslantgtr~⪖~eqslantless~⪕~equals~=~equest~≟~equivDD~⩸~eqvparsl~⧥~erDot~≓~erarr~⥱~escr~ℯ~esdot~≐~esim~≂~excl~!~expectation~ℰ~exponentiale~ⅇ~fallingdotseq~≒~fcy~ф~female~♀~ffilig~ffi~fflig~ff~ffllig~ffl~ffr~𝔣~filig~fi~fjlig~fj~flat~♭~fllig~fl~fltns~▱~fopf~𝕗~fork~⋔~forkv~⫙~fpartint~⨍~frac13~⅓~frac15~⅕~frac16~⅙~frac18~⅛~frac23~⅔~frac25~⅖~frac35~⅗~frac38~⅜~frac45~⅘~frac56~⅚~frac58~⅝~frac78~⅞~frown~⌢~fscr~𝒻~gE~≧~gEl~⪌~gacute~ǵ~gammad~ϝ~gap~⪆~gbreve~ğ~gcirc~ĝ~gcy~г~gdot~ġ~gel~⋛~geq~≥~geqq~≧~geqslant~⩾~ges~⩾~gescc~⪩~gesdot~⪀~gesdoto~⪂~gesdotol~⪄~gesl~⋛︀~gesles~⪔~gfr~𝔤~gg~≫~ggg~⋙~gimel~ℷ~gjcy~ѓ~gl~≷~glE~⪒~gla~⪥~glj~⪤~gnE~≩~gnap~⪊~gnapprox~⪊~gne~⪈~gneq~⪈~gneqq~≩~gnsim~⋧~gopf~𝕘~grave~`~gscr~ℊ~gsim~≳~gsime~⪎~gsiml~⪐~gtcc~⪧~gtcir~⩺~gtdot~⋗~gtlPar~⦕~gtquest~⩼~gtrapprox~⪆~gtrarr~⥸~gtrdot~⋗~gtreqless~⋛~gtreqqless~⪌~gtrless~≷~gtrsim~≳~gvertneqq~≩︀~gvnE~≩︀~hairsp~ ~half~½~hamilt~ℋ~hardcy~ъ~harrcir~⥈~harrw~↭~hbar~ℏ~hcirc~ĥ~heartsuit~♥~hercon~⊹~hfr~𝔥~hksearow~⤥~hkswarow~⤦~hoarr~⇿~homtht~∻~hookleftarrow~↩~hookrightarrow~↪~hopf~𝕙~horbar~―~hscr~𝒽~hslash~ℏ~hstrok~ħ~hybull~⁃~hyphen~‐~ic~⁣~icy~и~iecy~е~iff~⇔~ifr~𝔦~ii~ⅈ~iiiint~⨌~iiint~∭~iinfin~⧜~iiota~℩~ijlig~ij~imacr~ī~imagline~ℐ~imagpart~ℑ~imath~ı~imof~⊷~imped~Ƶ~in~∈~incare~℅~infintie~⧝~inodot~ı~intcal~⊺~integers~ℤ~intercal~⊺~intlarhk~⨗~intprod~⨼~iocy~ё~iogon~į~iopf~𝕚~iprod~⨼~iscr~𝒾~isinE~⋹~isindot~⋵~isins~⋴~isinsv~⋳~isinv~∈~it~⁢~itilde~ĩ~iukcy~і~jcirc~ĵ~jcy~й~jfr~𝔧~jmath~ȷ~jopf~𝕛~jscr~𝒿~jsercy~ј~jukcy~є~kappav~ϰ~kcedil~ķ~kcy~к~kfr~𝔨~kgreen~ĸ~khcy~х~kjcy~ќ~kopf~𝕜~kscr~𝓀~lAarr~⇚~lAtail~⤛~lBarr~⤎~lE~≦~lEg~⪋~lHar~⥢~lacute~ĺ~laemptyv~⦴~lagran~ℒ~langd~⦑~langle~⟨~lap~⪅~larrb~⇤~larrbfs~⤟~larrfs~⤝~larrhk~↩~larrlp~↫~larrpl~⤹~larrsim~⥳~larrtl~↢~lat~⪫~latail~⤙~late~⪭~lates~⪭︀~lbarr~⤌~lbbrk~❲~lbrace~{~lbrack~[~lbrke~⦋~lbrksld~⦏~lbrkslu~⦍~lcaron~ľ~lcedil~ļ~lcub~{~lcy~л~ldca~⤶~ldquor~„~ldrdhar~⥧~ldrushar~⥋~ldsh~↲~leftarrow~←~leftarrowtail~↢~leftharpoondown~↽~leftharpoonup~↼~leftleftarrows~⇇~leftrightarrow~↔~leftrightarrows~⇆~leftrightharpoons~⇋~leftrightsquigarrow~↭~leftthreetimes~⋋~leg~⋚~leq~≤~leqq~≦~leqslant~⩽~les~⩽~lescc~⪨~lesdot~⩿~lesdoto~⪁~lesdotor~⪃~lesg~⋚︀~lesges~⪓~lessapprox~⪅~lessdot~⋖~lesseqgtr~⋚~lesseqqgtr~⪋~lessgtr~≶~lesssim~≲~lfisht~⥼~lfr~𝔩~lg~≶~lgE~⪑~lhard~↽~lharu~↼~lharul~⥪~lhblk~▄~ljcy~љ~ll~≪~llarr~⇇~llcorner~⌞~llhard~⥫~lltri~◺~lmidot~ŀ~lmoust~⎰~lmoustache~⎰~lnE~≨~lnap~⪉~lnapprox~⪉~lne~⪇~lneq~⪇~lneqq~≨~lnsim~⋦~loang~⟬~loarr~⇽~lobrk~⟦~longleftarrow~⟵~longleftrightarrow~⟷~longmapsto~⟼~longrightarrow~⟶~looparrowleft~↫~looparrowright~↬~lopar~⦅~lopf~𝕝~loplus~⨭~lotimes~⨴~lowbar~_~lozenge~◊~lozf~⧫~lpar~(~lparlt~⦓~lrarr~⇆~lrcorner~⌟~lrhar~⇋~lrhard~⥭~lrtri~⊿~lscr~𝓁~lsh~↰~lsim~≲~lsime~⪍~lsimg~⪏~lsqb~[~lsquor~‚~lstrok~ł~ltcc~⪦~ltcir~⩹~ltdot~⋖~lthree~⋋~ltimes~⋉~ltlarr~⥶~ltquest~⩻~ltrPar~⦖~ltri~◃~ltrie~⊴~ltrif~◂~lurdshar~⥊~luruhar~⥦~lvertneqq~≨︀~lvnE~≨︀~mDDot~∺~male~♂~malt~✠~maltese~✠~map~↦~mapsto~↦~mapstodown~↧~mapstoleft~↤~mapstoup~↥~marker~▮~mcomma~⨩~mcy~м~measuredangle~∡~mfr~𝔪~mho~℧~mid~∣~midast~*~midcir~⫰~minusb~⊟~minusd~∸~minusdu~⨪~mlcp~⫛~mldr~…~mnplus~∓~models~⊧~mopf~𝕞~mp~∓~mscr~𝓂~mstpos~∾~multimap~⊸~mumap~⊸~nGg~⋙̸~nGt~≫⃒~nGtv~≫̸~nLeftarrow~⇍~nLeftrightarrow~⇎~nLl~⋘̸~nLt~≪⃒~nLtv~≪̸~nRightarrow~⇏~nVDash~⊯~nVdash~⊮~nacute~ń~nang~∠⃒~nap~≉~napE~⩰̸~napid~≋̸~napos~ʼn~napprox~≉~natur~♮~natural~♮~naturals~ℕ~nbump~≎̸~nbumpe~≏̸~ncap~⩃~ncaron~ň~ncedil~ņ~ncong~≇~ncongdot~⩭̸~ncup~⩂~ncy~н~neArr~⇗~nearhk~⤤~nearr~↗~nearrow~↗~nedot~≐̸~nequiv~≢~nesear~⤨~nesim~≂̸~nexist~∄~nexists~∄~nfr~𝔫~ngE~≧̸~nge~≱~ngeq~≱~ngeqq~≧̸~ngeqslant~⩾̸~nges~⩾̸~ngsim~≵~ngt~≯~ngtr~≯~nhArr~⇎~nharr~↮~nhpar~⫲~nis~⋼~nisd~⋺~niv~∋~njcy~њ~nlArr~⇍~nlE~≦̸~nlarr~↚~nldr~‥~nle~≰~nleftarrow~↚~nleftrightarrow~↮~nleq~≰~nleqq~≦̸~nleqslant~⩽̸~nles~⩽̸~nless~≮~nlsim~≴~nlt~≮~nltri~⋪~nltrie~⋬~nmid~∤~nopf~𝕟~notinE~⋹̸~notindot~⋵̸~notinva~∉~notinvb~⋷~notinvc~⋶~notni~∌~notniva~∌~notnivb~⋾~notnivc~⋽~npar~∦~nparallel~∦~nparsl~⫽⃥~npart~∂̸~npolint~⨔~npr~⊀~nprcue~⋠~npre~⪯̸~nprec~⊀~npreceq~⪯̸~nrArr~⇏~nrarr~↛~nrarrc~⤳̸~nrarrw~↝̸~nrightarrow~↛~nrtri~⋫~nrtrie~⋭~nsc~⊁~nsccue~⋡~nsce~⪰̸~nscr~𝓃~nshortmid~∤~nshortparallel~∦~nsim~≁~nsime~≄~nsimeq~≄~nsmid~∤~nspar~∦~nsqsube~⋢~nsqsupe~⋣~nsubE~⫅̸~nsube~⊈~nsubset~⊂⃒~nsubseteq~⊈~nsubseteqq~⫅̸~nsucc~⊁~nsucceq~⪰̸~nsup~⊅~nsupE~⫆̸~nsupe~⊉~nsupset~⊃⃒~nsupseteq~⊉~nsupseteqq~⫆̸~ntgl~≹~ntlg~≸~ntriangleleft~⋪~ntrianglelefteq~⋬~ntriangleright~⋫~ntrianglerighteq~⋭~num~#~numero~№~numsp~ ~nvDash~⊭~nvHarr~⤄~nvap~≍⃒~nvdash~⊬~nvge~≥⃒~nvgt~>⃒~nvinfin~⧞~nvlArr~⤂~nvle~≤⃒~nvlt~<⃒~nvltrie~⊴⃒~nvrArr~⤃~nvrtrie~⊵⃒~nvsim~∼⃒~nwArr~⇖~nwarhk~⤣~nwarr~↖~nwarrow~↖~nwnear~⤧~oS~Ⓢ~oast~⊛~ocir~⊚~ocy~о~odash~⊝~odblac~ő~odiv~⨸~odot~⊙~odsold~⦼~ofcir~⦿~ofr~𝔬~ogon~˛~ogt~⧁~ohbar~⦵~ohm~Ω~oint~∮~olarr~↺~olcir~⦾~olcross~⦻~olt~⧀~omacr~ō~omid~⦶~ominus~⊖~oopf~𝕠~opar~⦷~operp~⦹~orarr~↻~ord~⩝~order~ℴ~orderof~ℴ~origof~⊶~oror~⩖~orslope~⩗~orv~⩛~oscr~ℴ~osol~⊘~otimesas~⨶~ovbar~⌽~par~∥~parallel~∥~parsim~⫳~parsl~⫽~pcy~п~percnt~%~period~.~pertenk~‱~pfr~𝔭~phiv~ϕ~phmmat~ℳ~phone~☎~pitchfork~⋔~planck~ℏ~planckh~ℎ~plankv~ℏ~plus~+~plusacir~⨣~plusb~⊞~pluscir~⨢~plusdo~∔~plusdu~⨥~pluse~⩲~plussim~⨦~plustwo~⨧~pm~±~pointint~⨕~popf~𝕡~pr~≺~prE~⪳~prap~⪷~prcue~≼~pre~⪯~prec~≺~precapprox~⪷~preccurlyeq~≼~preceq~⪯~precnapprox~⪹~precneqq~⪵~precnsim~⋨~precsim~≾~primes~ℙ~prnE~⪵~prnap~⪹~prnsim~⋨~profalar~⌮~profline~⌒~profsurf~⌓~propto~∝~prsim~≾~prurel~⊰~pscr~𝓅~puncsp~ ~qfr~𝔮~qint~⨌~qopf~𝕢~qprime~⁗~qscr~𝓆~quaternions~ℍ~quatint~⨖~quest~?~questeq~≟~rAarr~⇛~rAtail~⤜~rBarr~⤏~rHar~⥤~race~∽̱~racute~ŕ~raemptyv~⦳~rangd~⦒~range~⦥~rangle~⟩~rarrap~⥵~rarrb~⇥~rarrbfs~⤠~rarrc~⤳~rarrfs~⤞~rarrhk~↪~rarrlp~↬~rarrpl~⥅~rarrsim~⥴~rarrtl~↣~rarrw~↝~ratail~⤚~ratio~∶~rationals~ℚ~rbarr~⤍~rbbrk~❳~rbrace~}~rbrack~]~rbrke~⦌~rbrksld~⦎~rbrkslu~⦐~rcaron~ř~rcedil~ŗ~rcub~}~rcy~р~rdca~⤷~rdldhar~⥩~rdquor~”~rdsh~↳~realine~ℛ~realpart~ℜ~reals~ℝ~rect~▭~rfisht~⥽~rfr~𝔯~rhard~⇁~rharu~⇀~rharul~⥬~rhov~ϱ~rightarrow~→~rightarrowtail~↣~rightharpoondown~⇁~rightharpoonup~⇀~rightleftarrows~⇄~rightleftharpoons~⇌~rightrightarrows~⇉~rightsquigarrow~↝~rightthreetimes~⋌~ring~˚~risingdotseq~≓~rlarr~⇄~rlhar~⇌~rmoust~⎱~rmoustache~⎱~rnmid~⫮~roang~⟭~roarr~⇾~robrk~⟧~ropar~⦆~ropf~𝕣~roplus~⨮~rotimes~⨵~rpar~)~rpargt~⦔~rppolint~⨒~rrarr~⇉~rscr~𝓇~rsh~↱~rsqb~]~rsquor~’~rthree~⋌~rtimes~⋊~rtri~▹~rtrie~⊵~rtrif~▸~rtriltri~⧎~ruluhar~⥨~rx~℞~sacute~ś~sc~≻~scE~⪴~scap~⪸~sccue~≽~sce~⪰~scedil~ş~scirc~ŝ~scnE~⪶~scnap~⪺~scnsim~⋩~scpolint~⨓~scsim~≿~scy~с~sdotb~⊡~sdote~⩦~seArr~⇘~searhk~⤥~searr~↘~searrow~↘~semi~;~seswar~⤩~setminus~∖~setmn~∖~sext~✶~sfr~𝔰~sfrown~⌢~sharp~♯~shchcy~щ~shcy~ш~shortmid~∣~shortparallel~∥~sigmav~ς~simdot~⩪~sime~≃~simeq~≃~simg~⪞~simgE~⪠~siml~⪝~simlE~⪟~simne~≆~simplus~⨤~simrarr~⥲~slarr~←~smallsetminus~∖~smashp~⨳~smeparsl~⧤~smid~∣~smile~⌣~smt~⪪~smte~⪬~smtes~⪬︀~softcy~ь~sol~/~solb~⧄~solbar~⌿~sopf~𝕤~spadesuit~♠~spar~∥~sqcap~⊓~sqcaps~⊓︀~sqcup~⊔~sqcups~⊔︀~sqsub~⊏~sqsube~⊑~sqsubset~⊏~sqsubseteq~⊑~sqsup~⊐~sqsupe~⊒~sqsupset~⊐~sqsupseteq~⊒~squ~□~square~□~squarf~▪~squf~▪~srarr~→~sscr~𝓈~ssetmn~∖~ssmile~⌣~sstarf~⋆~star~☆~starf~★~straightepsilon~ϵ~straightphi~ϕ~strns~¯~subE~⫅~subdot~⪽~subedot~⫃~submult~⫁~subnE~⫋~subne~⊊~subplus~⪿~subrarr~⥹~subset~⊂~subseteq~⊆~subseteqq~⫅~subsetneq~⊊~subsetneqq~⫋~subsim~⫇~subsub~⫕~subsup~⫓~succ~≻~succapprox~⪸~succcurlyeq~≽~succeq~⪰~succnapprox~⪺~succneqq~⪶~succnsim~⋩~succsim~≿~sung~♪~supE~⫆~supdot~⪾~supdsub~⫘~supedot~⫄~suphsol~⟉~suphsub~⫗~suplarr~⥻~supmult~⫂~supnE~⫌~supne~⊋~supplus~⫀~supset~⊃~supseteq~⊇~supseteqq~⫆~supsetneq~⊋~supsetneqq~⫌~supsim~⫈~supsub~⫔~supsup~⫖~swArr~⇙~swarhk~⤦~swarr~↙~swarrow~↙~swnwar~⤪~target~⌖~tbrk~⎴~tcaron~ť~tcedil~ţ~tcy~т~tdot~⃛~telrec~⌕~tfr~𝔱~therefore~∴~thetav~ϑ~thickapprox~≈~thicksim~∼~thkap~≈~thksim~∼~timesb~⊠~timesbar~⨱~timesd~⨰~tint~∭~toea~⤨~top~⊤~topbot~⌶~topcir~⫱~topf~𝕥~topfork~⫚~tosa~⤩~tprime~‴~triangle~▵~triangledown~▿~triangleleft~◃~trianglelefteq~⊴~triangleq~≜~triangleright~▹~trianglerighteq~⊵~tridot~◬~trie~≜~triminus~⨺~triplus~⨹~trisb~⧍~tritime~⨻~trpezium~⏢~tscr~𝓉~tscy~ц~tshcy~ћ~tstrok~ŧ~twixt~≬~twoheadleftarrow~↞~twoheadrightarrow~↠~uHar~⥣~ubrcy~ў~ubreve~ŭ~ucy~у~udarr~⇅~udblac~ű~udhar~⥮~ufisht~⥾~ufr~𝔲~uharl~↿~uharr~↾~uhblk~▀~ulcorn~⌜~ulcorner~⌜~ulcrop~⌏~ultri~◸~umacr~ū~uogon~ų~uopf~𝕦~uparrow~↑~updownarrow~↕~upharpoonleft~↿~upharpoonright~↾~uplus~⊎~upsi~υ~upuparrows~⇈~urcorn~⌝~urcorner~⌝~urcrop~⌎~uring~ů~urtri~◹~uscr~𝓊~utdot~⋰~utilde~ũ~utri~▵~utrif~▴~uuarr~⇈~uwangle~⦧~vArr~⇕~vBar~⫨~vBarv~⫩~vDash~⊨~vangrt~⦜~varepsilon~ϵ~varkappa~ϰ~varnothing~∅~varphi~ϕ~varpi~ϖ~varpropto~∝~varr~↕~varrho~ϱ~varsigma~ς~varsubsetneq~⊊︀~varsubsetneqq~⫋︀~varsupsetneq~⊋︀~varsupsetneqq~⫌︀~vartheta~ϑ~vartriangleleft~⊲~vartriangleright~⊳~vcy~в~vdash~⊢~vee~∨~veebar~⊻~veeeq~≚~vellip~⋮~verbar~|~vert~|~vfr~𝔳~vltri~⊲~vnsub~⊂⃒~vnsup~⊃⃒~vopf~𝕧~vprop~∝~vrtri~⊳~vscr~𝓋~vsubnE~⫋︀~vsubne~⊊︀~vsupnE~⫌︀~vsupne~⊋︀~vzigzag~⦚~wcirc~ŵ~wedbar~⩟~wedge~∧~wedgeq~≙~wfr~𝔴~wopf~𝕨~wp~℘~wr~≀~wreath~≀~wscr~𝓌~xcap~⋂~xcirc~◯~xcup~⋃~xdtri~▽~xfr~𝔵~xhArr~⟺~xharr~⟷~xlArr~⟸~xlarr~⟵~xmap~⟼~xnis~⋻~xodot~⨀~xopf~𝕩~xoplus~⨁~xotime~⨂~xrArr~⟹~xrarr~⟶~xscr~𝓍~xsqcup~⨆~xuplus~⨄~xutri~△~xvee~⋁~xwedge~⋀~yacy~я~ycirc~ŷ~ycy~ы~yfr~𝔶~yicy~ї~yopf~𝕪~yscr~𝓎~yucy~ю~zacute~ź~zcaron~ž~zcy~з~zdot~ż~zeetrf~ℨ~zfr~𝔷~zhcy~ж~zigrarr~⇝~zopf~𝕫~zscr~𝓏~~AMP~&~COPY~©~GT~>~LT~<~QUOT~\"~REG~®", namedReferences['html4']);
+
+var numericUnicodeMap = {
+    0: 65533,
+    128: 8364,
+    130: 8218,
+    131: 402,
+    132: 8222,
+    133: 8230,
+    134: 8224,
+    135: 8225,
+    136: 710,
+    137: 8240,
+    138: 352,
+    139: 8249,
+    140: 338,
+    142: 381,
+    145: 8216,
+    146: 8217,
+    147: 8220,
+    148: 8221,
+    149: 8226,
+    150: 8211,
+    151: 8212,
+    152: 732,
+    153: 8482,
+    154: 353,
+    155: 8250,
+    156: 339,
+    158: 382,
+    159: 376
+};
+
+var fromCodePoint = String.fromCodePoint ||
+    function (astralCodePoint) {
+        return String.fromCharCode(Math.floor((astralCodePoint - 0x10000) / 0x400) + 0xd800, ((astralCodePoint - 0x10000) % 0x400) + 0xdc00);
+    };
+
+var __assign = (undefined && undefined.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var allNamedReferences = __assign(__assign({}, namedReferences), { all: namedReferences.html5 });
+var defaultDecodeOptions = {
+    scope: 'body',
+    level: 'all'
+};
+var strict = /&(?:#\d+|#[xX][\da-fA-F]+|[0-9a-zA-Z]+);/g;
+var attribute = /&(?:#\d+|#[xX][\da-fA-F]+|[0-9a-zA-Z]+)[;=]?/g;
+var baseDecodeRegExps = {
+    xml: {
+        strict: strict,
+        attribute: attribute,
+        body: bodyRegExps.xml
+    },
+    html4: {
+        strict: strict,
+        attribute: attribute,
+        body: bodyRegExps.html4
+    },
+    html5: {
+        strict: strict,
+        attribute: attribute,
+        body: bodyRegExps.html5
+    }
+};
+var decodeRegExps = __assign(__assign({}, baseDecodeRegExps), { all: baseDecodeRegExps.html5 });
+var fromCharCode = String.fromCharCode;
+var outOfBoundsChar = fromCharCode(65533);
+function getDecodedEntity(entity, references, isAttribute, isStrict) {
+    var decodeResult = entity;
+    var decodeEntityLastChar = entity[entity.length - 1];
+    if (isAttribute && decodeEntityLastChar === '=') {
+        decodeResult = entity;
+    }
+    else if (isStrict && decodeEntityLastChar !== ';') {
+        decodeResult = entity;
+    }
+    else {
+        var decodeResultByReference = references[entity];
+        if (decodeResultByReference) {
+            decodeResult = decodeResultByReference;
+        }
+        else if (entity[0] === '&' && entity[1] === '#') {
+            var decodeSecondChar = entity[2];
+            var decodeCode = decodeSecondChar == 'x' || decodeSecondChar == 'X'
+                ? parseInt(entity.substr(3), 16)
+                : parseInt(entity.substr(2));
+            decodeResult =
+                decodeCode >= 0x10ffff
+                    ? outOfBoundsChar
+                    : decodeCode > 65535
+                        ? fromCodePoint(decodeCode)
+                        : fromCharCode(numericUnicodeMap[decodeCode] || decodeCode);
+        }
+    }
+    return decodeResult;
+}
+/** Decodes all entities in the text */
+function decode(text, _a) {
+    var _b = defaultDecodeOptions , _c = _b.level, level = _c === void 0 ? 'all' : _c, _d = _b.scope, scope = _d === void 0 ? level === 'xml' ? 'strict' : 'body' : _d;
+    if (!text) {
+        return '';
+    }
+    var decodeRegExp = decodeRegExps[level][scope];
+    var references = allNamedReferences[level].entities;
+    var isAttribute = scope === 'attribute';
+    var isStrict = scope === 'strict';
+    return text.replace(decodeRegExp, function (entity) { return getDecodedEntity(entity, references, isAttribute, isStrict); });
+}
+
+var SELECT_COLORS_LIGHT = ['coat-of-arms', 'brick', 'bus', 'tram'];
+// Helper to convert strings like 'coat-of-arms' to 'CoatOfArms'
+var toPascalCase = function toPascalCase(s) {
+  return defaultConfig.startCase(defaultConfig.camelCase(s)).replace(/\s/g, '');
+};
+/**
+ * Converts a string (e.g., 'coat-of-arms') into PascalCase (e.g., 'CoatOfArms').
+ * @param {string} color The color string to convert.
+ * @returns {string} The color string in PascalCase format.
+ */
+var getColor = function getColor(color) {
+  return toPascalCase(color);
+};
+/**
+ * Prepends 'icon-' to a name and converts it to PascalCase (e.g., 'icon-alert' to 'IconAlert').
+ * @param {string} name The icon name part.
+ * @returns {string} The icon name in PascalCase format.
+ */
+var getIconName = function getIconName(name) {
+  return toPascalCase("icon-".concat(name));
+};
+/**
+ * Strips all HTML tags from a string and decodes HTML entities.
+ * Uses a safe regex (/<[^>]*>/gi) to prevent ReDoS (Regular Expression Denial of Service).
+ *
+ * @param {string} html The input string containing HTML markup.
+ * @returns {string} The resulting text string with all HTML tags removed and entities decoded.
+ */
+var getTextFromHtml = function getTextFromHtml(html) {
+  return decode(html.replace(/<[^>]*>/gi, ''));
+};
+/**
+ * Checks if the text color should be white based on the background color.
+ * @param {string} color The background color string.
+ * @returns {boolean} True if white text should be used, false otherwise.
+ */
+var isWhiteText = function isWhiteText(color) {
+  return SELECT_COLORS_LIGHT.includes(color);
+};
+
+function Icon(_ref) {
+  var name = _ref.name;
+  var fallback = function fallback() {
+    return /*#__PURE__*/React.createElement("div", null);
+  };
+  var IconComponent = React.useMemo(function () {
+    return /*#__PURE__*/React.lazy(function () {
+      return Promise.resolve().then(function () { return require('./index-Eg-NhhyT.js'); }).then(function (module) {
+        return {
+          "default": module[name] || fallback
+        };
+      });
+    });
+  }, [name]);
+  return /*#__PURE__*/React.createElement(React.Suspense, {
+    fallback: /*#__PURE__*/React.createElement("div", {
+      className: styles$h.fallbackIcon
+    })
+  }, /*#__PURE__*/React.createElement(IconComponent, null));
+}
+
+function SimpleCard(_ref) {
+  var title = _ref.title,
+    description = _ref.description,
+    backgroundColor = _ref.backgroundColor,
+    icon = _ref.icon,
+    linkTitle = _ref.linkTitle,
+    linkTarget = _ref.linkTarget,
+    linkUrl = _ref.linkUrl,
+    _ref$direction = _ref.direction,
+    direction = _ref$direction === void 0 ? 'vertical' : _ref$direction;
+  var _useConfig = useConfig(),
+    redirectToUrl = _useConfig.utils.redirectToUrl;
+  var openInNewTab = function openInNewTab(url) {
+    var newWindow = window.open(url, '_blank', 'noopener,noreferrer');
+    if (newWindow) newWindow.opener = null;
+  };
+  var handleClick = function handleClick() {
+    if (linkUrl) {
+      if (linkTarget === '_blank') {
+        openInNewTab(linkUrl);
+      } else {
+        redirectToUrl(linkUrl);
+      }
+    }
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames(styles$h.cardWrapper, backgroundColor && colorStyles["background".concat(getColor(backgroundColor))], backgroundColor && isWhiteText(backgroundColor) && colorStyles.whiteText, direction && styles$h[direction])
+  }, icon && (/*#__PURE__*/React.createElement("div", {
+    className: classNames(styles$h.cardIconWrapper, direction && styles$h[direction])
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: getIconName(icon)
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: styles$h.cardContent
+  }, title && /*#__PURE__*/React.createElement("div", {
+    className: styles$h.title
+  }, title), description && (/*#__PURE__*/React.createElement("div", {
+    className: styles$h.description
+  }, getTextFromHtml(description))), linkTitle && linkUrl && (/*#__PURE__*/React.createElement("div", {
+    className: classNames(styles$h.button, backgroundColor && isWhiteText(backgroundColor) && colorStyles.whiteButton)
+  }, /*#__PURE__*/React.createElement(hdsReact.Button, {
+    style: direction === 'vertical' ? {
+      width: '100%'
+    } : {},
+    variant: hdsReact.ButtonVariant.Secondary,
+    theme: hdsReact.ButtonPresetTheme.Black,
+    onClick: handleClick,
+    iconStart: /*#__PURE__*/React.createElement(hdsReact.IconAngleRight, null)
+  }, linkTitle)))));
+}
+
+var css_248z$g = ".sidebarCardsList-module_cardsContainer__JRK-Q div:not(:last-child){margin-bottom:var(--spacing)}";
+var styles$g = {"cardsContainer":"sidebarCardsList-module_cardsContainer__JRK-Q"};
+styleInject(css_248z$g);
+
+function SidebarCardsList(_ref) {
+  var cards = _ref.cards;
+  var _useConfig = useConfig(),
+    internalHrefOrigins = _useConfig.internalHrefOrigins,
+    _useConfig$utils = _useConfig.utils,
+    getIsHrefExternal = _useConfig$utils.getIsHrefExternal,
+    getRoutedInternalHref = _useConfig$utils.getRoutedInternalHref;
+  if ((cards === null || cards === void 0 ? void 0 : cards.length) === 0) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles$g.cardsContainer
+  }, cards === null || cards === void 0 ? void 0 : cards.filter(function (card) {
+    return !!card;
+  }).map(function (card) {
+    var _card$link$url, _card$link, _card$title, _card$icon, _card$description, _card$backgroundColor, _card$link$title, _card$link2, _card$link$target, _card$link3;
+    var uri = defaultConfig.getUri((_card$link$url = (_card$link = card.link) === null || _card$link === void 0 ? void 0 : _card$link.url) !== null && _card$link$url !== void 0 ? _card$link$url : '#', internalHrefOrigins, getIsHrefExternal);
+    var key = btoa("sidebar-card-".concat(card.title, "-").concat(uri));
+    return /*#__PURE__*/React.createElement(SimpleCard, {
+      key: key,
+      title: (_card$title = card.title) !== null && _card$title !== void 0 ? _card$title : undefined,
+      icon: (_card$icon = card.icon) !== null && _card$icon !== void 0 ? _card$icon : undefined,
+      description: (_card$description = card.description) !== null && _card$description !== void 0 ? _card$description : undefined,
+      backgroundColor: (_card$backgroundColor = card.backgroundColor) !== null && _card$backgroundColor !== void 0 ? _card$backgroundColor : undefined,
+      linkUrl: getRoutedInternalHref(uri),
+      linkTitle: (_card$link$title = (_card$link2 = card.link) === null || _card$link2 === void 0 ? void 0 : _card$link2.title) !== null && _card$link$title !== void 0 ? _card$link$title : undefined,
+      linkTarget: (_card$link$target = (_card$link3 = card.link) === null || _card$link3 === void 0 ? void 0 : _card$link3.target) !== null && _card$link$target !== void 0 ? _card$link$target : undefined,
+      direction: "vertical"
+    });
+  }));
+}
+
+function SidebarContent(_ref) {
+  var _content$map;
+  var content = _ref.content,
+    _ref$SidebarContentLi = _ref.SidebarContentLinkListComponent,
+    SidebarContentLinkListComponent = _ref$SidebarContentLi === void 0 ? SidebarContentLinkList : _ref$SidebarContentLi,
+    _ref$SidebarPostListC = _ref.SidebarPostListComponent,
+    SidebarPostListComponent = _ref$SidebarPostListC === void 0 ? List : _ref$SidebarPostListC,
+    _ref$SideBarPostListI = _ref.SideBarPostListItemComponent,
+    SideBarPostListItemComponent = _ref$SideBarPostListI === void 0 ? PostListItem : _ref$SideBarPostListI,
+    _ref$SideBarCardsList = _ref.SideBarCardsListComponent,
+    SideBarCardsListComponent = _ref$SideBarCardsList === void 0 ? SidebarCardsList : _ref$SideBarCardsList;
+  return /*#__PURE__*/React.createElement(List, {
+    variant: "spacing-3-xl",
+    items: (_content$map = content === null || content === void 0 ? void 0 : content.map(function (item) {
+      if (defaultConfig.isLayoutLinkList(item)) {
+        return /*#__PURE__*/React.createElement(SidebarContentLinkListComponent, {
+          key: item.title,
+          title: item.title,
+          links: item.links,
+          description: item.description,
+          anchor: item.anchor
+        });
+      }
+      if (defaultConfig.isLayoutPage(item)) {
+        var _item$pages;
+        return /*#__PURE__*/React.createElement(SidebarPostListComponent, {
+          key: "pages",
+          variant: "spacing-3-xl",
+          items: item === null || item === void 0 || (_item$pages = item.pages) === null || _item$pages === void 0 ? void 0 : _item$pages.map(function (page, index) {
+            var _page$id, _page$id2;
+            return /*#__PURE__*/React.createElement(SideBarPostListItemComponent, defaultConfig._objectSpread2(defaultConfig._objectSpread2({}, page), {}, {
+              key: (_page$id = page === null || page === void 0 ? void 0 : page.id) !== null && _page$id !== void 0 ? _page$id : "sidebar-post-list-page-".concat(index),
+              id: (_page$id2 = page === null || page === void 0 ? void 0 : page.id) !== null && _page$id2 !== void 0 ? _page$id2 : "sidebar-post-list-page-".concat(index),
+              moduleItemType: exports.ModuleItemTypeEnum.Page
+            }));
+          })
+        });
+      }
+      if (defaultConfig.isLayoutArticle(item)) {
+        var _item$articles;
+        return /*#__PURE__*/React.createElement(SidebarPostListComponent, {
+          key: "articles",
+          variant: "spacing-3-xl",
+          items: item === null || item === void 0 || (_item$articles = item.articles) === null || _item$articles === void 0 ? void 0 : _item$articles.map(function (article, index) {
+            var _article$id, _article$id2;
+            return /*#__PURE__*/React.createElement(SideBarPostListItemComponent, defaultConfig._objectSpread2(defaultConfig._objectSpread2({
+              key: (_article$id = article === null || article === void 0 ? void 0 : article.id) !== null && _article$id !== void 0 ? _article$id : "sidebar-post-list-article-".concat(index),
+              id: (_article$id2 = article === null || article === void 0 ? void 0 : article.id) !== null && _article$id2 !== void 0 ? _article$id2 : "sidebar-post-list-article-".concat(index)
+            }, article), {}, {
+              moduleItemType: exports.ModuleItemTypeEnum.Article
+            }));
+          })
+        });
+      }
+      if (defaultConfig.isLayoutCards(item)) {
+        return /*#__PURE__*/React.createElement(SideBarCardsListComponent, {
+          key: "cards",
+          cards: item.cards
+        });
+      }
+      return null;
+    })) !== null && _content$map !== void 0 ? _content$map : []
+  });
+}
+
+var css_248z$f = "@charset \"UTF-8\";.pageContentLayout-module_contentLayout__DP-wd{--padding:1rem;--max-width:calc(1200px + (2 * var(--padding)));display:flex;flex-direction:column;height:100%;overflow:hidden}.pageContentLayout-module_contentLayout__DP-wd>:not(:last-child){margin-bottom:1rem}@media screen and (min-width:768px){.pageContentLayout-module_contentLayout__DP-wd{--padding:1.5rem}}.pageContentLayout-module_breadcrumbs__btTiJ{box-sizing:border-box;margin:0 auto;margin-bottom:0!important;max-width:var(--max-width);padding:0 var(--padding);width:100%}.pageContentLayout-module_mainLayout__7X1d6{display:flex;flex:1;flex-direction:column;width:100%}.pageContentLayout-module_contentWrapper__Yw2-t{flex-grow:1}.pageContentLayout-module_contentWrapper__Yw2-t.pageContentLayout-module_withBorder__EhVXW{border-top:1px solid var(--color-black-20)}.pageContentLayout-module_content__-pxH-{display:grid;width:100%}@media screen and (min-width:768px){.pageContentLayout-module_content__-pxH->:first-child{margin-right:22px}.pageContentLayout-module_content__-pxH- aside{margin-left:22px;margin-top:2rem}}@media (max-width:767px){.pageContentLayout-module_content__-pxH- aside{padding-top:var(--spacing-xl)}}@media (min-width:768px){.pageContentLayout-module_content__-pxH-{grid-template-columns:2fr 1fr;grid-template-rows:auto 1fr}.pageContentLayout-module_content__-pxH- .pageContentLayout-module_mainContent __pc2CY{grid-column:1}.pageContentLayout-module_content__-pxH- aside{grid-column:2;grid-row:1/span 2}.pageContentLayout-module_content__-pxH- .pageContentLayout-module_shareLinks__vJ7mJ{grid-column:1}}.pageContentLayout-module_content__-pxH- a{font-size:1.125rem}.pageContentLayout-module_content__-pxH- li{font-size:1.125rem;line-height:1.5}.pageContentLayout-module_collectionsWrapper__i93Jo{background-color:var(--color-black-5);padding-bottom:6rem}.pageContentLayout-module_collectionKorosTop__wEUg6{fill:var(--color-white)}.pageContentLayout-module_collectionsContainer__8Hb21{box-sizing:border-box;margin-top:3rem;position:relative}.pageContentLayout-module_collectionsContainer__8Hb21 .pageContentLayout-module_innerCollectionsWrapper__zsJ5B{background-color:var(--color-black-5);padding-bottom:96px;width:100%}.pageContentLayout-module_collectionsContainer__8Hb21 .pageContentLayout-module_innerCollectionsWrapper__zsJ5B .pageContentLayout-module_innerCollectionsContainer__WGPUA{background-color:var(--color-black-5);margin:0 auto;max-width:var(--max-width);width:100%}";
+var styles$f = {"contentLayout":"pageContentLayout-module_contentLayout__DP-wd","breadcrumbs":"pageContentLayout-module_breadcrumbs__btTiJ","mainLayout":"pageContentLayout-module_mainLayout__7X1d6","contentWrapper":"pageContentLayout-module_contentWrapper__Yw2-t","withBorder":"pageContentLayout-module_withBorder__EhVXW","content":"pageContentLayout-module_content__-pxH-","shareLinks":"pageContentLayout-module_shareLinks__vJ7mJ","collectionsWrapper":"pageContentLayout-module_collectionsWrapper__i93Jo","collectionKorosTop":"pageContentLayout-module_collectionKorosTop__wEUg6"};
+styleInject(css_248z$f);
+
+function Container(_ref) {
+  var wrapper = _ref.wrapper,
+    children = _ref.children;
+  // eslint-disable-next-line react/jsx-no-useless-fragment
+  return wrapper ? /*#__PURE__*/React__namespace.cloneElement(wrapper, [], children) : /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, children);
+}
+
+var css_248z$e = ".hero-module_hero__Pi-Nm{--hero-image-max-height:600px;background-color:var(--hcrc-color-hero-bg,--color-fog-light);position:relative}.hero-module_hero__Pi-Nm.hero-module_withKoros__36jKw{margin-bottom:1rem}.hero-module_hero__Pi-Nm.hero-module_withKoros__36jKw.hero-module_pulse__yXQJ1,.hero-module_hero__Pi-Nm.hero-module_withKoros__36jKw.hero-module_wave__Q-oSY{margin-bottom:2rem}.hero-module_hero__Pi-Nm.hero-module_withKoros__36jKw.hero-module_beat__IregM,.hero-module_hero__Pi-Nm.hero-module_withKoros__36jKw.hero-module_vibration__GhrnZ{margin-bottom:4rem}.hero-module_hero__Pi-Nm.hero-module_withMargin__xAyMc.hero-module_basic__CdTpJ{margin-bottom:70px}.hero-module_hero__Pi-Nm.hero-module_withMargin__xAyMc.hero-module_pulse__yXQJ1,.hero-module_hero__Pi-Nm.hero-module_withMargin__xAyMc.hero-module_storm__VbhnI{margin-bottom:50px}.hero-module_hero__Pi-Nm.hero-module_withMargin__xAyMc.hero-module_beat__IregM{margin-bottom:15px}.hero-module_hero__Pi-Nm.hero-module_withMargin__xAyMc.hero-module_wave__Q-oSY{margin-bottom:32px}.hero-module_hero__Pi-Nm .hero-module_heroKoros__Bb81z{bottom:-15px;position:absolute}.hero-module_hero__Pi-Nm .hero-module_heroKoros__Bb81z.hero-module_pulse__yXQJ1,.hero-module_hero__Pi-Nm .hero-module_heroKoros__Bb81z.hero-module_wave__Q-oSY{bottom:-35px}.hero-module_hero__Pi-Nm .hero-module_heroKoros__Bb81z.hero-module_beat__IregM{bottom:-70px}.hero-module_hero__Pi-Nm .hero-module_heroKoros__Bb81z.hero-module_vibration__GhrnZ{bottom:-53px}.hero-module_hero__Pi-Nm .hero-module_heroKoros__Bb81z.hero-module_withMargin__xAyMc.hero-module_basic__CdTpJ{bottom:-70px}.hero-module_hero__Pi-Nm .hero-module_heroKoros__Bb81z.hero-module_withMargin__xAyMc.hero-module_pulse__yXQJ1,.hero-module_hero__Pi-Nm .hero-module_heroKoros__Bb81z.hero-module_withMargin__xAyMc.hero-module_wave__Q-oSY{bottom:-50px}.hero-module_hero__Pi-Nm .hero-module_heroKoros__Bb81z.hero-module_withMargin__xAyMc.hero-module_beat__IregM{bottom:-15px}.hero-module_hero__Pi-Nm .hero-module_heroKoros__Bb81z.hero-module_withMargin__xAyMc.hero-module_vibration__GhrnZ{bottom:-32px}.hero-module_hero__Pi-Nm .hero-module_heroInner__CK2Bh{box-sizing:border-box;margin:0;position:relative;width:100%}.hero-module_hero__Pi-Nm .hero-module_heroInner__CK2Bh.hero-module_withKoros__36jKw{padding-bottom:85px}.hero-module_hero__Pi-Nm .hero-module_heroInner__CK2Bh>:first-child{position:relative}.hero-module_hero__Pi-Nm .hero-module_heroInner__CK2Bh>:first-child .hero-module_label__PX5ab{background-color:var(--color-black);bottom:80px;color:var(--color-white);font-size:var(--fontsize-body-s);margin:0;max-height:80%;opacity:.6;overflow:hidden;padding:4px;position:absolute;right:0;text-overflow:ellipsis;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);white-space:nowrap;writing-mode:vertical-lr;z-index:1}.hero-module_hero__Pi-Nm .hero-module_heroInner__CK2Bh .hero-module_link__9P68I{left:var(--spacing-l);position:absolute;top:var(--spacing-l)}.hero-module_hero__Pi-Nm .hero-module_heroInner__CK2Bh .hero-module_link__9P68I a:hover{outline:2px solid var(--color-coat-of-arms)}.hero-module_hero__Pi-Nm .hero-module_heroInner__CK2Bh .hero-module_link__9P68I a{background-color:var(--color-white);display:flex}@media screen and (min-width:768px){.hero-module_hero__Pi-Nm .hero-module_heroInner__CK2Bh .hero-module_link__9P68I a{padding:var(--spacing-2-xs)}}@media screen and (min-width:1248px){.hero-module_hero__Pi-Nm .hero-module_heroInner__CK2Bh .hero-module_link__9P68I{left:calc(var(--spacing-4-xl) * -1);top:var(--spacing-l)}}.hero-module_hero__Pi-Nm .hero-module_heroInner__CK2Bh .hero-module_link__9P68I span{align-items:center;display:flex;justify-content:center;margin:0}.hero-module_hero__Pi-Nm .hero-module_heroInner__CK2Bh figure{line-height:0;margin:0}.hero-module_hero__Pi-Nm .hero-module_heroInner__CK2Bh img{max-height:var(--hero-image-max-height);object-fit:cover;width:100%}.hero-module_textContents__mu0sI{position:relative;z-index:1}@media screen and (min-width:768px){.hero-module_textContents__mu0sI{max-width:66.6666666667%;padding-right:44px}}.hero-module_textContents__mu0sI h1{font-weight:400}.hero-module_textContents__mu0sI p{font-size:var(--fontsize-body-l);line-height:var(--lineheight-l);margin-bottom:2rem}.hero-module_textContents__mu0sI .hero-module_button__tEUKr{margin-bottom:2.5rem}.hero-module_textContents__mu0sI .hero-module_button__tEUKr button:hover{background-color:var(--color-white)}";
+var styles$e = {"hero":"hero-module_hero__Pi-Nm","withKoros":"hero-module_withKoros__36jKw","pulse":"hero-module_pulse__yXQJ1","wave":"hero-module_wave__Q-oSY","beat":"hero-module_beat__IregM","vibration":"hero-module_vibration__GhrnZ","withMargin":"hero-module_withMargin__xAyMc","basic":"hero-module_basic__CdTpJ","storm":"hero-module_storm__VbhnI","heroKoros":"hero-module_heroKoros__Bb81z","heroInner":"hero-module_heroInner__CK2Bh","label":"hero-module_label__PX5ab","link":"hero-module_link__9P68I","textContents":"hero-module_textContents__mu0sI","button":"hero-module_button__tEUKr"};
+styleInject(css_248z$e);
+
+var css_248z$d = ".contentContainer-module_container__jp4mL{align-items:center;box-sizing:border-box;padding:0 var(--spacing-s);position:relative;width:100%}@media screen and (min-width:768px){.contentContainer-module_container__jp4mL{margin:0 auto;max-width:var(--breakpoint-xl);padding:0 var(--spacing-m)}}";
+var styles$d = {"container":"contentContainer-module_container__jp4mL"};
+styleInject(css_248z$d);
+
+function ContentContainer(_ref) {
+  var className = _ref.className,
+    children = _ref.children;
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames(styles$d.container, className)
+  }, children);
+}
+
+function Hero(_ref) {
+  var id = _ref.id,
+    title = _ref.title,
+    description = _ref.description,
+    backgroundColor = _ref.backgroundColor,
+    _ref$korosType = _ref.korosType,
+    korosType = _ref$korosType === void 0 ? 'basic' : _ref$korosType,
+    actionText = _ref.actionText,
+    actionUrl = _ref.actionUrl,
+    actionUrlTarget = _ref.actionUrlTarget,
+    className = _ref.className,
+    backUrl = _ref.backUrl,
+    imageUrl = _ref.imageUrl,
+    imageAlt = _ref.imageAlt,
+    container = _ref.container,
+    imageLabel = _ref.imageLabel;
+  var _useConfig = useConfig(),
+    redirectToUrl = _useConfig.utils.redirectToUrl;
+  var openInNewTab = function openInNewTab(url) {
+    var newWindow = window.open(url, '_blank', 'noopener,noreferrer');
+    if (newWindow) newWindow.opener = null;
+  };
+  var handleClick = function handleClick() {
+    if (actionUrl) {
+      if (actionUrlTarget === '_blank') {
+        openInNewTab(actionUrl);
+      } else {
+        redirectToUrl(actionUrl);
+      }
+    }
+  };
+  var textContents = /*#__PURE__*/React.createElement("div", {
+    className: classNames(styles$e.textContents, backgroundColor && !imageUrl && isWhiteText(backgroundColor) && colorStyles.whiteText, title && backgroundColor && korosType && styles$e.withKoros)
+  }, /*#__PURE__*/React.createElement("header", null, /*#__PURE__*/React.createElement(Text, {
+    as: "h1",
+    variant: "h1"
+  }, title)), description && /*#__PURE__*/React.createElement("p", null, description), actionText && actionUrl && (/*#__PURE__*/React.createElement("div", {
+    className: classNames(!imageUrl && styles$e.button, backgroundColor && !imageUrl && isWhiteText(backgroundColor) && colorStyles.whiteButton)
+  }, /*#__PURE__*/React.createElement(hdsReact.Button, {
+    variant: hdsReact.ButtonVariant.Secondary,
+    theme: hdsReact.ButtonPresetTheme.Black,
+    onClick: handleClick,
+    iconEnd: /*#__PURE__*/React.createElement(hdsReact.IconAngleRight, null)
+  }, actionText))));
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: classNames(styles$e.hero, className, backgroundColor && colorStyles["background".concat(getColor(backgroundColor))], title && backgroundColor && korosType && !imageUrl && styles$e.withKoros, korosType && styles$e[korosType])
+  }, /*#__PURE__*/React.createElement(Container, {
+    wrapper: container
+  }, /*#__PURE__*/React.createElement(ContentContainer, null, /*#__PURE__*/React.createElement("div", {
+    className: styles$e.heroInner
+  }, imageUrl && (/*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Image$1, {
+    id: id,
+    className: styles$e.imageContainer,
+    src: imageUrl,
+    alt: imageAlt !== null && imageAlt !== void 0 ? imageAlt : ''
+  }), imageLabel && (/*#__PURE__*/React.createElement("div", {
+    className: styles$e.label
+  }, imageLabel)))), backUrl && (/*#__PURE__*/React.createElement("div", {
+    className: styles$e.link
+  }, /*#__PURE__*/React.createElement(Link, {
+    href: backUrl,
+    openInNewTab: false,
+    "aria-label": "Back",
+    iconLeft: /*#__PURE__*/React.createElement(hdsReact.IconArrowLeft, {
+      "aria-hidden": "true"
+    })
+  }))), !imageUrl && title && textContents))), (title || backgroundColor || imageUrl) && korosType && (/*#__PURE__*/React.createElement(hdsReact.Koros, {
+    className: classNames(styles$e.heroKoros, imageUrl && styles$e.withMargin, korosType && styles$e[korosType]),
+    type: korosType,
+    flipVertical: !imageUrl,
+    style: {
+      fill: "var(--".concat(
+      // eslint-disable-next-line no-nested-ternary
+      imageUrl ? 'color-white' : backgroundColor ? "color-".concat(backgroundColor) : 'hcrc-color-hero-bg, --color-fog-light', ")")
+    }
+  }))), imageUrl && title && (/*#__PURE__*/React.createElement(Container, null, /*#__PURE__*/React.createElement(ContentContainer, null, textContents))));
+}
+
+var css_248z$c = ".pageSection-module_pageSection__T0yH3{background-repeat:no-repeat;background-size:cover;display:flex;position:relative}.pageSection-module_pageSection__T0yH3 .pageSection-module_korosBottom__usuIU,.pageSection-module_pageSection__T0yH3 .pageSection-module_korosTop__jzlE9{margin-bottom:-1px;position:absolute}.pageSection-module_pageSection__T0yH3 .pageSection-module_korosTop__jzlE9{top:0}.pageSection-module_pageSection__T0yH3 .pageSection-module_korosBottom__usuIU{bottom:0}.pageSection-module_pageSection__T0yH3.pageSection-module_withKorosTop__p-pKQ{padding-top:85px}.pageSection-module_pageSection__T0yH3.pageSection-module_withKorosBottom__NrLhN{padding-bottom:85px}.pageSection-module_pageSectionGrey__-XxCb{background-color:var(--color-black-5)}";
+var styles$c = {"pageSection":"pageSection-module_pageSection__T0yH3","korosTop":"pageSection-module_korosTop__jzlE9","korosBottom":"pageSection-module_korosBottom__usuIU","withKorosTop":"pageSection-module_withKorosTop__p-pKQ","withKorosBottom":"pageSection-module_withKorosBottom__NrLhN"};
+styleInject(css_248z$c);
+
+var css_248z$b = ".BackgroundImage-module_imageWrapper__lYyyv{background-position:50%;background-repeat:no-repeat;background-size:cover;box-sizing:border-box;min-width:var(--width-image);position:relative;text-decoration:none}.BackgroundImage-module_imageWrapper__lYyyv.BackgroundImage-module_fixed-vertical__vG7u1{min-height:var(--height-image)}@media (min-width:576px){.BackgroundImage-module_imageWrapper__lYyyv,.BackgroundImage-module_imageWrapper__lYyyv.BackgroundImage-module_fixed-vertical__vG7u1{min-height:var(--height-image-desktop)}}.BackgroundImage-module_imageWrapper__lYyyv .BackgroundImage-module_imageLabel__3MRFm{padding:var(--spacing-xs)}.BackgroundImage-module_imageWrapper__lYyyv .BackgroundImage-module_imageLabel__3MRFm .BackgroundImage-module_tag__t4kkz{--tag-background:var(--color-black-5);font-size:var(--fontsize-body-s);font-weight:600}";
+var styles$b = {"imageLabel":"BackgroundImage-module_imageLabel__3MRFm","tag":"BackgroundImage-module_tag__t4kkz"};
+styleInject(css_248z$b);
+
+var css_248z$a = ".tag-module_tag__1QCQs{--tag-focus-outline-color:var(--color-black-70);margin-bottom:var(--spacing-3-xs);margin-right:var(--spacing-2-xs);margin-top:var(--spacing-3-xs);padding:var(--spacing-2-xs)}.tag-module_tag__1QCQs.tag-module_featured__z-7XB{--background-color:var(--color-tram-light)}.tag-module_tag__1QCQs.tag-module_whiteOnly__0xHj5{--background-color:var(--color-white)!important}.tag-module_tag__1QCQs.tag-module_selected__r0rM9{--background-color:var(--color-black-70)!important;color:var(--color-white)}.tag-module_tag__1QCQs.tag-module_noTextWrap__FguRo span{white-space:nowrap}.tag-module_tag__1QCQs:not(.tag-module_noTextWrap__FguRo) span{white-space:normal!important}.tag-module_tag__1QCQs.tag-module_withHover__3daxF:hover{--background-color:var(--color-black-5)!important}.tag-module_tag__1QCQs.tag-module_selected__r0rM9:hover{--background-color:var(--color-black-70)!important}.tag-module_tag__1QCQs.tag-module_noOutline__8T9je{--tag-focus-outline-color:none!important;box-shadow:none;cursor:default}";
+var styles$a = {"tag":"tag-module_tag__1QCQs","featured":"tag-module_featured__z-7XB","whiteOnly":"tag-module_whiteOnly__0xHj5","selected":"tag-module_selected__r0rM9","noTextWrap":"tag-module_noTextWrap__FguRo","withHover":"tag-module_withHover__3daxF","noOutline":"tag-module_noOutline__8T9je"};
+styleInject(css_248z$a);
+
+var theme1 = {
+  '--background-color': 'var(--color-black-10)',
+  '--color': 'var(--color-black)',
+  '--outline-color': 'var(--color-black-70)'
+};
+var theme2 = {
+  '--background-color': 'var(--color-tram-light)',
+  '--color': 'var(--color-black-90)',
+  '--outline-color': 'var(--color-black-70)'
+};
+
+var _excluded$7 = ["className", "children", "featured", "selected", "whiteOnly", "noTextWrap", "onClick", "id"];
+function Tag(_ref) {
+  var className = _ref.className,
+    children = _ref.children,
+    featured = _ref.featured,
+    selected = _ref.selected,
+    whiteOnly = _ref.whiteOnly,
+    _ref$noTextWrap = _ref.noTextWrap,
+    noTextWrap = _ref$noTextWrap === void 0 ? false : _ref$noTextWrap,
+    onClick = _ref.onClick,
+    id = _ref.id,
+    hdsTagProps = defaultConfig._objectWithoutProperties(_ref, _excluded$7);
+  /**
+   * @deprecated the generatedId won't be needed after HDS removes the default value from the HDS Tag component:
+   * https://github.com/City-of-Helsinki/helsinki-design-system/blob/master/packages/react/src/components/tag/Tag.tsx#L81).
+   * */
+  var generatedId = React__namespace.useId();
+  return /*#__PURE__*/React__namespace.createElement(hdsReact.Tag, defaultConfig._objectSpread2(defaultConfig._objectSpread2(defaultConfig._objectSpread2({
+    onClick: onClick
+  }, !onClick && {
+    tabIndex: -1
+  }), {}, {
+    theme: featured ? theme2 : theme1,
+    className: classNames(styles$a.tag, featured && styles$a.featured, selected && styles$a.selected, whiteOnly && styles$a.whiteOnly, noTextWrap && styles$a.noTextWrap, onClick && !featured && styles$a.withHover, !onClick && styles$a.noOutline, className)
+  }, hdsTagProps), {}, {
+    // TODO: don't use the generatedId and allow an undefined id.
+    id: id !== null && id !== void 0 ? id : "tag".concat(generatedId)
+  }), children);
+}
+
+var _excluded$6 = ["id", "url", "customFallbackUrl", "labelTag", "children"];
+function BackgroundImage(_ref) {
+  var id = _ref.id,
+    url = _ref.url,
+    customFallbackUrl = _ref.customFallbackUrl,
+    labelTag = _ref.labelTag,
+    children = _ref.children,
+    divProps = defaultConfig._objectWithoutProperties(_ref, _excluded$6);
+  var resolvedUrl = useResolveImageUrl({
+    id: id,
+    url: url,
+    customFallbackUrl: customFallbackUrl
+  });
+  return /*#__PURE__*/React.createElement("div", defaultConfig._objectSpread2(defaultConfig._objectSpread2({}, divProps), {}, {
+    style: defaultConfig._objectSpread2(defaultConfig._objectSpread2({}, divProps.style), {}, {
+      backgroundImage: "url(".concat(resolvedUrl, ")")
+    })
+  }), children, labelTag && (/*#__PURE__*/React.createElement("div", {
+    className: styles$b.imageLabel
+  }, /*#__PURE__*/React.createElement(Tag, {
+    className: styles$b.tag
+  }, labelTag))));
+}
+
+function PageSection(_ref) {
+  var className = _ref.className,
+    children = _ref.children,
+    korosTop = _ref.korosTop,
+    korosTopClassName = _ref.korosTopClassName,
+    korosBottom = _ref.korosBottom,
+    korosBottomClassName = _ref.korosBottomClassName,
+    backgroundImageUrl = _ref.backgroundImageUrl;
+  var Wrapper = backgroundImageUrl ? BackgroundImage : 'div';
+  return /*#__PURE__*/React.createElement(Wrapper, {
+    id: backgroundImageUrl !== null && backgroundImageUrl !== void 0 ? backgroundImageUrl : 'page-section',
+    url: backgroundImageUrl,
+    className: classNames(styles$c.pageSection, korosTop && styles$c.withKorosTop, korosBottom && styles$c.withKorosBottom, className)
+  }, korosTop && (/*#__PURE__*/React.createElement(hdsReact.Koros, {
+    flipVertical: true,
+    className: classNames(styles$c.korosTop, korosTopClassName)
+  })), korosBottom && (/*#__PURE__*/React.createElement(hdsReact.Koros, {
+    className: classNames(styles$c.korosBottom, korosBottomClassName)
+  })), children);
+}
+
+var _excluded$5 = ["id", "breadcrumbs", "heroContainer", "content", "shareLinks", "collections", "sidebarContent", "imageSrc", "imageAlt", "imageLabel", "backUrl"];
+function PageContentLayout(_ref) {
+  var id = _ref.id,
+    breadcrumbs = _ref.breadcrumbs,
+    heroContainer = _ref.heroContainer,
+    content = _ref.content,
+    shareLinks = _ref.shareLinks,
+    collections = _ref.collections,
+    sidebarContent = _ref.sidebarContent,
+    imageSrc = _ref.imageSrc,
+    imageAlt = _ref.imageAlt,
+    imageLabel = _ref.imageLabel,
+    backUrl = _ref.backUrl,
+    heroProps = defaultConfig._objectWithoutProperties(_ref, _excluded$5);
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles$f.contentLayout
+  }, breadcrumbs && /*#__PURE__*/React.createElement("div", {
+    className: styles$f.breadcrumbs
+  }, breadcrumbs), /*#__PURE__*/React.createElement("div", {
+    className: styles$f.mainLayout
+  }, /*#__PURE__*/React.createElement(Hero, defaultConfig._objectSpread2({
+    id: id,
+    container: heroContainer,
+    imageAlt: imageAlt,
+    imageUrl: imageSrc !== null && imageSrc !== void 0 ? imageSrc : undefined,
+    imageLabel: imageLabel,
+    backUrl: backUrl
+  }, heroProps)), /*#__PURE__*/React.createElement(PageSection, {
+    className: classNames(styles$f.contentWrapper, !heroProps.title && !imageSrc ? styles$f.withBorder : '')
+  }, /*#__PURE__*/React.createElement(ContentContainer, null, /*#__PURE__*/React.createElement("div", {
+    className: styles$f.content
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles$f.mainContent
+  }, content), /*#__PURE__*/React.createElement("aside", null, sidebarContent), /*#__PURE__*/React.createElement("div", {
+    className: styles$f.shareLinks
+  }, shareLinks)))), collections && (/*#__PURE__*/React.createElement(PageSection, {
+    className: styles$f.collectionsWrapper,
+    korosTop: true,
+    korosTopClassName: styles$f.collectionKorosTop
+  }, /*#__PURE__*/React.createElement(ContentContainer, null, collections)))));
+}
+
+var css_248z$9 = ".pageMainContent-module_imageContainer__qfqro img{max-width:100%}.pageMainContent-module_mainContent__blo6c figure{margin:0}.pageMainContent-module_mainContent__blo6c figure img{height:auto}.pageMainContent-module_mainContent__blo6c figure table{background-color:transparent;border-collapse:collapse;border-spacing:0;margin-left:auto;margin-right:auto}.pageMainContent-module_mainContent__blo6c figure table thead{display:table-header-group;vertical-align:middle}.pageMainContent-module_mainContent__blo6c figure table td,.pageMainContent-module_mainContent__blo6c figure table th{word-break:normal}.pageMainContent-module_mainContent__blo6c h1{font-size:1.5rem;font-weight:400;line-height:1.2;margin:1.5rem 0}@media (min-width:576px){.pageMainContent-module_mainContent__blo6c h1{margin:2rem 0}}.pageMainContent-module_mainContent__blo6c h2{font-size:2rem;font-weight:400;letter-spacing:-.4px;margin:3rem 0 1.5rem}.pageMainContent-module_mainContent__blo6c h3{font-size:1.5rem;font-weight:400;margin:2.5rem 0 1.5rem}.pageMainContent-module_mainContent__blo6c h4{font-size:1.25rem;font-weight:400;letter-spacing:.2px;margin:1.5rem 0}.pageMainContent-module_mainContent__blo6c h5{font-size:1.125rem;font-weight:500;margin:1.5rem 0}.pageMainContent-module_mainContent__blo6c ol,.pageMainContent-module_mainContent__blo6c ul{margin:1.5rem 0 2rem}.pageMainContent-module_mainContent__blo6c ol li,.pageMainContent-module_mainContent__blo6c ul li{margin-bottom:1rem}.pageMainContent-module_mainContent__blo6c figure{margin:1.5rem 0 2rem}.pageMainContent-module_mainContent__blo6c figure figcaption{font-size:1rem;margin:1rem 0}blockquote{border-left:.25em solid;margin:0 0 1.75em;padding-left:1em}.pageMainContent-module_articleData__OdxV6{align-items:center;display:flex;flex-wrap:wrap;margin-bottom:var(--spacing-s)}@media (min-width:768px){.pageMainContent-module_articleData__OdxV6{margin-bottom:var(--spacing-xl)}}.pageMainContent-module_articleData__OdxV6 .pageMainContent-module_articleDate__8TotS{font-size:var(--fontsize-body-l);margin-right:var(--spacing-l)}";
+var styles$9 = {"mainContent":"pageMainContent-module_mainContent__blo6c","articleData":"pageMainContent-module_articleData__OdxV6","articleDate":"pageMainContent-module_articleDate__8TotS"};
+styleInject(css_248z$9);
+
+function PageMainContent(_ref) {
+  var _categories$edges, _ref2;
+  var title = _ref.title,
+    content = _ref.content,
+    date = _ref.date,
+    categories = _ref.categories,
+    contentModules = _ref.contentModules,
+    onArticlesSearch = _ref.onArticlesSearch;
+  var _useConfig = useConfig(),
+    _useConfig$htmlSaniti = _useConfig.htmlSanitizer,
+    allowedUnsafeTags = _useConfig$htmlSaniti.allowedUnsafeTags,
+    trustedOrigins = _useConfig$htmlSaniti.trustedOrigins;
+  return /*#__PURE__*/React.createElement("article", {
+    className: styles$9.mainContent
+  }, /*#__PURE__*/React.createElement("header", null, /*#__PURE__*/React.createElement(Text, {
+    as: "h1",
+    variant: "h1"
+  }, title)), (date || categories) && (/*#__PURE__*/React.createElement("div", {
+    className: styles$9.articleData
+  }, date && (/*#__PURE__*/React.createElement("div", {
+    className: styles$9.articleDate
+  }, formatDateFromString(date || ''))), categories === null || categories === void 0 || (_categories$edges = categories.edges) === null || _categories$edges === void 0 ? void 0 : _categories$edges.map(function (category) {
+    var _category$node, _category$node3;
+    return /*#__PURE__*/React.createElement(Tag, {
+      className: styles$9.tag,
+      key: (_category$node = category.node) === null || _category$node === void 0 ? void 0 : _category$node.id,
+      onClick: onArticlesSearch ? function () {
+        var _category$node2;
+        onArticlesSearch((_category$node2 = category.node) === null || _category$node2 === void 0 ? void 0 : _category$node2.id);
+      } : undefined
+    }, String((_category$node3 = category.node) === null || _category$node3 === void 0 ? void 0 : _category$node3.name));
+  }))), /*#__PURE__*/React.createElement(HtmlToReact, {
+    components: {
+      a: Link
+    },
+    allowedUnsafeTags: allowedUnsafeTags,
+    trustedOrigins: trustedOrigins
+  }, content), ((_ref2 = contentModules !== null && contentModules !== void 0 ? contentModules : []) === null || _ref2 === void 0 ? void 0 : _ref2.length) > 0 && contentModules);
+}
+
+function replaceAll(str, find, replace) {
+  return str.replace(new RegExp(find, 'g'), replace);
+}
+function unescapeDash(str) {
+  if (!str) {
+    return str !== null && str !== void 0 ? str : '';
+  }
+  return replaceAll(str, '&#x2d;', '-');
+}
+function PageMeta(_ref) {
+  var _seoForCurrentLanguag, _ref3, _ref4;
+  var page = _ref.page,
+    Head = _ref.headComponent;
+  var seoForCurrentLanguage = page === null || page === void 0 ? void 0 : page.seo;
+  var _ref2 = seoForCurrentLanguage !== null && seoForCurrentLanguage !== void 0 ? seoForCurrentLanguage : {},
+    title = _ref2.title,
+    description = _ref2.description,
+    twitterTitle = _ref2.twitterTitle,
+    twitterDescription = _ref2.twitterDescription,
+    openGraphTitle = _ref2.openGraphTitle,
+    openGraphType = _ref2.openGraphType,
+    openGraphDescription = _ref2.openGraphDescription;
+  var image = seoForCurrentLanguage === null || seoForCurrentLanguage === void 0 || (_seoForCurrentLanguag = seoForCurrentLanguage.socialImage) === null || _seoForCurrentLanguag === void 0 ? void 0 : _seoForCurrentLanguag.mediaItemUrl;
+  var xTitle = (_ref3 = twitterTitle !== null && twitterTitle !== void 0 ? twitterTitle : title) !== null && _ref3 !== void 0 ? _ref3 : undefined;
+  var xDescription = (_ref4 = twitterDescription !== null && twitterDescription !== void 0 ? twitterDescription : description) !== null && _ref4 !== void 0 ? _ref4 : undefined;
+  var _useConfig = useConfig(),
+    meta = _useConfig.meta;
+  return /*#__PURE__*/React.createElement(Head, null, /*#__PURE__*/React.createElement("title", null, unescapeDash(title !== null && title !== void 0 ? title : undefined)), description && /*#__PURE__*/React.createElement("meta", {
+    name: "description",
+    content: description
+  }), /*#__PURE__*/React.createElement("meta", {
+    property: "og:title",
+    content: openGraphTitle !== null && openGraphTitle !== void 0 ? openGraphTitle : unescapeDash(title !== null && title !== void 0 ? title : undefined)
+  }), openGraphDescription && (/*#__PURE__*/React.createElement("meta", {
+    property: "og:description",
+    content: openGraphDescription
+  })), /*#__PURE__*/React.createElement("meta", {
+    name: "twitter:card",
+    content: "summary_large_image"
+  }), image && (/*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("meta", {
+    property: "og:image",
+    content: image
+  }), /*#__PURE__*/React.createElement("meta", {
+    property: "twitter:image",
+    content: image
+  }))), openGraphType && /*#__PURE__*/React.createElement("meta", {
+    property: "og:type",
+    content: openGraphType
+  }), xTitle && /*#__PURE__*/React.createElement("meta", {
+    name: "twitter:title",
+    content: xTitle
+  }), xDescription && (/*#__PURE__*/React.createElement("meta", {
+    name: "twitter:description",
+    content: xDescription
+  })), /*#__PURE__*/React.createElement("link", {
+    rel: "icon",
+    href: meta === null || meta === void 0 ? void 0 : meta.favIconUrl,
+    sizes: "any"
+  }), /*#__PURE__*/React.createElement("link", {
+    rel: "icon",
+    href: meta === null || meta === void 0 ? void 0 : meta.favIconSvgUrl,
+    type: "image/svg+xml"
+  }), /*#__PURE__*/React.createElement("link", {
+    rel: "apple-touch-icon",
+    href: meta === null || meta === void 0 ? void 0 : meta.appleTouchIconUrl
+  }), /*#__PURE__*/React.createElement("link", {
+    rel: "manifest",
+    href: meta === null || meta === void 0 ? void 0 : meta.manifestUrl
+  }));
+}
+
+var css_248z$8 = ".collection-module_collection__kkp5k .collection-module_headerRow__9m3TA{align-items:center;display:flex;height:6.5rem;justify-content:space-between;padding-top:3rem}@media screen and (max-width:768px){.collection-module_collection__kkp5k .collection-module_headerRow__9m3TA{align-items:flex-start;flex-direction:column}.collection-module_collection__kkp5k .collection-module_headerRow__9m3TA.collection-module_withShowAll__IYUH7{margin-bottom:2.5rem}}.collection-module_collection__kkp5k .collection-module_headerRow__9m3TA .collection-module_showAll__tqgWL{font-weight:500;margin-left:1rem;text-decoration:none}.collection-module_collection__kkp5k .collection-module_headerRow__9m3TA .collection-module_showAll__tqgWL:hover{text-decoration:underline}.collection-module_collection__kkp5k .collection-module_headerRow__9m3TA .collection-module_showAll__tqgWL{color:var(--hcrc-color-link-show-all)}@media screen and (max-width:768px){.collection-module_collection__kkp5k a{min-width:80px;padding-bottom:2rem}}.collection-module_collection__kkp5k .collection-module_heading__pbkZx{font-size:1.5rem!important;line-height:1.5rem;margin:0;padding-bottom:1rem}@media screen and (min-width:768px){.collection-module_collection__kkp5k .collection-module_heading__pbkZx{padding-bottom:2rem}}.collection-module_collection__kkp5k .collection-module_heading__pbkZx.collection-module_carousel__EPITT{font-weight:400;margin-left:1rem}@media screen and (min-width:768px){.collection-module_collection__kkp5k .collection-module_heading__pbkZx.collection-module_carousel__EPITT{margin-left:0}.collection-module_collection__kkp5k .collection-module_heading__pbkZx{font-size:2rem}}.collection-module_collection__kkp5k .collection-module_description__Cg-RJ{font-size:1.5rem;margin:0;padding-bottom:2rem}@media screen and (min-width:768px){.collection-module_collection__kkp5k .collection-module_description__Cg-RJ{padding-bottom:3rem}}.collection-module_collection__kkp5k .collection-module_carouselWrapper__1Q-Lg .collection-module_carousel__EPITT{margin-top:0}.collection-module_collection__kkp5k .collection-module_loadMoreButton__IrYPn{margin-top:var(--spacing-m)}.collection-module_loadingSpinnerWrapper__QjLGZ{align-items:center;display:flex;justify-content:center;margin:4rem}";
+var styles$8 = {"collection":"collection-module_collection__kkp5k","headerRow":"collection-module_headerRow__9m3TA","withShowAll":"collection-module_withShowAll__IYUH7","showAll":"collection-module_showAll__tqgWL","heading":"collection-module_heading__pbkZx","carousel":"collection-module_carousel__EPITT","description":"collection-module_description__Cg-RJ","carouselWrapper":"collection-module_carouselWrapper__1Q-Lg","loadMoreButton":"collection-module_loadMoreButton__IrYPn","loadingSpinnerWrapper":"collection-module_loadingSpinnerWrapper__QjLGZ"};
+styleInject(css_248z$8);
+
+var css_248z$7 = ".carousel-module_container__-oNW8{box-sizing:border-box;margin:100px -60px 0}@media screen and (max-width:1248px){.carousel-module_container__-oNW8{margin:100px -42px 0}}.carousel-module_container__-oNW8 .carousel-module_carouselWrapper__cRoSj{box-sizing:border-box;overflow:hidden;padding:0;position:relative}.carousel-module_container__-oNW8 .carousel-module_carouselWrapper__cRoSj .carousel-module_btn__FDYVu{align-items:center;background:#fff;border:none;border-radius:50%;box-shadow:0 2px 4px 0 rgba(0,0,0,.5);cursor:pointer;display:flex;height:44px;justify-content:center;margin-top:-12px;padding:5px;position:absolute;top:50%;width:44px;z-index:5}.carousel-module_container__-oNW8 .carousel-module_carouselWrapper__cRoSj .carousel-module_btn__FDYVu:focus,.carousel-module_container__-oNW8 .carousel-module_carouselWrapper__cRoSj .carousel-module_btn__FDYVu:hover{color:var(--color-bus)}.carousel-module_container__-oNW8 .carousel-module_carouselWrapper__cRoSj .carousel-module_btn__FDYVu:focus{outline-color:var(--color-black-90)}.carousel-module_container__-oNW8 .carousel-module_carouselWrapper__cRoSj .carousel-module_btn__FDYVu.carousel-module_btnPrev__e-wQ1{margin-left:32px;transition:.1s}.carousel-module_container__-oNW8 .carousel-module_carouselWrapper__cRoSj .carousel-module_btn__FDYVu.carousel-module_btnPrev__e-wQ1:hover{margin-left:28px;transition:.1s}.carousel-module_container__-oNW8 .carousel-module_carouselWrapper__cRoSj .carousel-module_btn__FDYVu.carousel-module_btnNext__r-L2f{margin-right:32px;right:0;transition:.1s}.carousel-module_container__-oNW8 .carousel-module_carouselWrapper__cRoSj .carousel-module_btn__FDYVu.carousel-module_btnNext__r-L2f:hover{margin-right:28px;transition:.1s}.carousel-module_container__-oNW8 .carousel-module_carouselWrapper__cRoSj .carousel-module_btn__FDYVu svg{color:var(--color-black-90)}.carousel-module_container__-oNW8 .carousel-module_carouselWrapper__cRoSj .carousel-module_root__UnNLC{box-sizing:border-box;margin:0;outline:none;padding:0}.carousel-module_container__-oNW8 .carousel-module_carouselWrapper__cRoSj .carousel-module_root__UnNLC .carousel-module_slider__CWijV{box-sizing:border-box;overflow:visible;padding:0 48px;position:relative;width:100%}.carousel-module_container__-oNW8 .carousel-module_carouselWrapper__cRoSj .carousel-module_root__UnNLC .carousel-module_slider__CWijV.carousel-module_noDots__Gp68Y{margin-bottom:32px}.carousel-module_container__-oNW8 .carousel-module_carouselWrapper__cRoSj .carousel-module_root__UnNLC .carousel-module_slider__CWijV .carousel-module_sliderWrapper__iuWEp{box-sizing:border-box;margin:auto;overflow:visible;transition:height .15s ease-in;width:100%}.carousel-module_container__-oNW8 .carousel-module_carouselWrapper__cRoSj .carousel-module_root__UnNLC .carousel-module_slider__CWijV .carousel-module_sliderWrapper__iuWEp .carousel-module_sliderAnimated__g3Y2u{background:transparent;box-sizing:border-box;display:flex;height:auto;list-style:none;margin:0;padding:0;position:relative;transition-duration:.25s;width:100%}.carousel-module_container__-oNW8 .carousel-module_carouselWrapper__cRoSj .carousel-module_root__UnNLC .carousel-module_slider__CWijV .carousel-module_sliderWrapper__iuWEp .carousel-module_sliderAnimated__g3Y2u .carousel-module_slide__AjSkx{background:transparent;box-sizing:border-box;flex-flow:column;margin:0;min-width:100%;opacity:.5;position:relative;transition:opacity .25s ease-in,padding .25s ease-in}.carousel-module_container__-oNW8 .carousel-module_carouselWrapper__cRoSj .carousel-module_root__UnNLC .carousel-module_slider__CWijV .carousel-module_sliderWrapper__iuWEp .carousel-module_sliderAnimated__g3Y2u .carousel-module_slide__AjSkx .carousel-module_slideItems__1cRje{box-sizing:border-box;display:flex;height:100%}.carousel-module_container__-oNW8 .carousel-module_carouselWrapper__cRoSj .carousel-module_root__UnNLC .carousel-module_slider__CWijV .carousel-module_sliderWrapper__iuWEp .carousel-module_sliderAnimated__g3Y2u .carousel-module_slide__AjSkx .carousel-module_slideItems__1cRje .carousel-module_slideItem__nGpRP{box-sizing:border-box;padding:0 12px;position:relative}.carousel-module_container__-oNW8 .carousel-module_carouselWrapper__cRoSj .carousel-module_root__UnNLC .carousel-module_slider__CWijV .carousel-module_sliderWrapper__iuWEp .carousel-module_sliderAnimated__g3Y2u .carousel-module_slideSelected__7juUC{opacity:1}.carousel-module_container__-oNW8 .carousel-module_carouselWrapper__cRoSj .carousel-module_root__UnNLC .carousel-module_dotsContainer__BB4SK{display:flex;justify-content:center;margin:32px 0 0}.carousel-module_container__-oNW8 .carousel-module_carouselWrapper__cRoSj .carousel-module_root__UnNLC .carousel-module_dotsContainer__BB4SK .carousel-module_dot__Mguvv{border:2px solid var(--color-black-40);border-radius:50%;height:12px;margin:0 2px;padding:4px;width:12px}.carousel-module_container__-oNW8 .carousel-module_carouselWrapper__cRoSj .carousel-module_root__UnNLC .carousel-module_dotsContainer__BB4SK .carousel-module_dot__Mguvv.carousel-module_button__od3Bp:hover:not([disabled]){cursor:pointer}.carousel-module_container__-oNW8 .carousel-module_carouselWrapper__cRoSj .carousel-module_root__UnNLC .carousel-module_dotsContainer__BB4SK .carousel-module_dot__Mguvv.carousel-module_selected__iRlel{background-color:var(--color-black-40)}.carousel-module_container__-oNW8 .carousel-module_carouselWrapper__cRoSj .carousel-module_root__UnNLC .carousel-module_onLoadMoreContainer__Btxcv{align-items:center;display:flex;height:100%;justify-content:center;padding-left:5em;width:max-content}";
+var styles$7 = {"container":"carousel-module_container__-oNW8","carouselWrapper":"carousel-module_carouselWrapper__cRoSj","btn":"carousel-module_btn__FDYVu","btnPrev":"carousel-module_btnPrev__e-wQ1","btnNext":"carousel-module_btnNext__r-L2f","root":"carousel-module_root__UnNLC","slider":"carousel-module_slider__CWijV","noDots":"carousel-module_noDots__Gp68Y","sliderWrapper":"carousel-module_sliderWrapper__iuWEp","sliderAnimated":"carousel-module_sliderAnimated__g3Y2u","slide":"carousel-module_slide__AjSkx","slideItems":"carousel-module_slideItems__1cRje","slideItem":"carousel-module_slideItem__nGpRP","slideSelected":"carousel-module_slideSelected__7juUC","dotsContainer":"carousel-module_dotsContainer__BB4SK","dot":"carousel-module_dot__Mguvv","button":"carousel-module_button__od3Bp","selected":"carousel-module_selected__iRlel","onLoadMoreContainer":"carousel-module_onLoadMoreContainer__Btxcv"};
+styleInject(css_248z$7);
+
+var MOBILE_WIDTH = 840;
+// NOTE: Would it be better to leave all these undefined?
+// For some reason VSCode is always showing them as defined,
+// when the context is being used,
+// eventhough they would be explicitly set to undefined.
+var initialCarouselContextProps = {
+  itemsShownOnDesktop: 3,
+  itemsShownOnMobile: 1,
+  withDots: false,
+  navigateWithDots: true,
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
+  onLoadMore: function onLoadMore() {},
+  hasMore: false,
+  loading: false,
+  loadMoreButtonLabelText: '',
+  title: ''
+};
+var initialCarouselContextStateValues = defaultConfig._objectSpread2({
+  isReady: true,
+  transformValue: '0px',
+  numberOfSlides: 0,
+  itemsPerSlide: 0,
+  currentSlide: 0,
+  width: 0,
+  numberOfItems: 0,
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
+  handleUpdateSlideProps: function handleUpdateSlideProps() {}
+}, initialCarouselContextProps);
+
+var throwFieldImplError = function throwFieldImplError(fieldName) {
+  throw new Error("".concat(fieldName, " is still unimplemented, when it should be implemented"));
+};
+var CarouselContext = /*#__PURE__*/React.createContext(defaultConfig._objectSpread2(defaultConfig._objectSpread2({}, initialCarouselContextStateValues), {}, {
+  setTransformValue: function setTransformValue() {
+    throwFieldImplError('setTransformValue');
+  },
+  setNumberOfSlides: function setNumberOfSlides() {
+    throwFieldImplError('setNumberOfSlides');
+  },
+  setItemsPerSlide: function setItemsPerSlide() {
+    throwFieldImplError('setItemsPerSlide');
+  },
+  setCurrentSlide: function setCurrentSlide() {
+    throwFieldImplError('setCurrentSlide');
+  },
+  setWidth: function setWidth() {
+    throwFieldImplError('setWidth');
+  },
+  handleUpdateSlideProps: function handleUpdateSlideProps() {
+    throwFieldImplError('handleUpdateSlideProps');
+  }
+}));
+function useCarouselContext() {
+  var context = React.useContext(CarouselContext);
+  if (!context) {
+    throw new Error("Carousel components cannot be rendered outside the CarouselContextProvider");
+  }
+  return context;
+}
+
+var _excluded$4 = ["children", "numberOfItems"];
+function useCarouselContextState() {
+  var _React$useState = React.useState(initialCarouselContextStateValues.isReady),
+    _React$useState2 = defaultConfig._slicedToArray(_React$useState, 1),
+    isReady = _React$useState2[0];
+  var _React$useState3 = React.useState(initialCarouselContextStateValues.transformValue),
+    _React$useState4 = defaultConfig._slicedToArray(_React$useState3, 2),
+    transformValue = _React$useState4[0],
+    setTransformValue = _React$useState4[1];
+  var _React$useState5 = React.useState(initialCarouselContextStateValues.numberOfSlides),
+    _React$useState6 = defaultConfig._slicedToArray(_React$useState5, 2),
+    numberOfSlides = _React$useState6[0],
+    setNumberOfSlides = _React$useState6[1];
+  var _React$useState7 = React.useState(initialCarouselContextStateValues.itemsPerSlide),
+    _React$useState8 = defaultConfig._slicedToArray(_React$useState7, 2),
+    itemsPerSlide = _React$useState8[0],
+    setItemsPerSlide = _React$useState8[1];
+  var _React$useState9 = React.useState(initialCarouselContextStateValues.currentSlide),
+    _React$useState0 = defaultConfig._slicedToArray(_React$useState9, 2),
+    currentSlide = _React$useState0[0],
+    setCurrentSlide = _React$useState0[1];
+  var _React$useState1 = React.useState(initialCarouselContextStateValues.width),
+    _React$useState10 = defaultConfig._slicedToArray(_React$useState1, 2),
+    width = _React$useState10[0],
+    setWidth = _React$useState10[1];
+  var handleUpdateSlideProps = function handleUpdateSlideProps(targetSlide) {
+    if (targetSlide === 0) {
+      setTransformValue('0px');
+    } else {
+      // The transform is ALWAYS negative, based purely on the target index.
+      setTransformValue("-".concat(targetSlide, "00%"));
+    }
+    setCurrentSlide(targetSlide);
+  };
+  return {
+    isReady: isReady,
+    transformValue: transformValue,
+    setTransformValue: setTransformValue,
+    numberOfSlides: numberOfSlides,
+    setNumberOfSlides: setNumberOfSlides,
+    itemsPerSlide: itemsPerSlide,
+    setItemsPerSlide: setItemsPerSlide,
+    currentSlide: currentSlide,
+    setCurrentSlide: setCurrentSlide,
+    width: width,
+    setWidth: setWidth,
+    handleUpdateSlideProps: handleUpdateSlideProps
+  };
+}
+function CarouselContextProvider(_ref) {
+  var children = _ref.children,
+    numberOfItems = _ref.numberOfItems,
+    backwardCompatibleProps = defaultConfig._objectWithoutProperties(_ref, _excluded$4);
+  var carouselContext = useCarouselContextState();
+  var value = React.useMemo(function () {
+    return defaultConfig._objectSpread2(defaultConfig._objectSpread2({
+      numberOfItems: numberOfItems
+    }, carouselContext), backwardCompatibleProps);
+  }, [numberOfItems, carouselContext, backwardCompatibleProps]);
+  return /*#__PURE__*/React.createElement(CarouselContext.Provider, {
+    value: value
+  }, children);
+}
+
+/**
+ * @param arr - any array.
+ * @param len - the array length.
+ * @return chunks array of initial array (grouped elements).
+ */
+function splitArrayIntoChunksOfLen(
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+arr, len) {
+  var chunks = [];
+  var i = 0;
+  var n = arr.length;
+  while (i < n) {
+    chunks.push(arr.slice(i, i += len));
+  }
+  return chunks;
+}
+/**
+ * Create an unique key for item set.
+ * @param index - item index.
+ * @param itemId - item (element of the array). Default 'itemSet-item'
+ * @param itemSetPrefix - item prefix (element of the array).
+ * @return an unique key based on input data.
+ */
+var getItemSetItemKey = function getItemSetItemKey(index, itemId) {
+  var itemSetPrefix = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'itemSet-item';
+  return "".concat(itemSetPrefix, "-").concat('', "-").concat(index);
+};
+/**
+ * @param item - item (element of the array).
+ * @param index - item index.
+ * @return an unique key for the dot (slide counter) based on input data.
+ */
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+var getSlideDotKey = function getSlideDotKey(item, index) {
+  var _item$id;
+  return "slide-dot-".concat((_item$id = item === null || item === void 0 ? void 0 : item.id) !== null && _item$id !== void 0 ? _item$id : '', "-").concat(index);
+};
+var getLoadMoreKey = function getLoadMoreKey() {
+  return 'carousel-loadmore';
+};
+
+function CarouselSliderPage(_ref) {
+  var _ref2;
+  var itemSet = _ref.itemSet,
+    itemSetIndex = _ref.itemSetIndex;
+  var _useCarouselContext = useCarouselContext(),
+    currentSlide = _useCarouselContext.currentSlide,
+    width = _useCarouselContext.width,
+    itemsShownOnDesktop = _useCarouselContext.itemsShownOnDesktop,
+    itemsShownOnMobile = _useCarouselContext.itemsShownOnMobile;
+  var itemsPerSlide = (_ref2 = width > MOBILE_WIDTH ? itemsShownOnDesktop : itemsShownOnMobile) !== null && _ref2 !== void 0 ? _ref2 : 1;
+  var styleWidth = "".concat(100 / itemsPerSlide, "%");
+  return /*#__PURE__*/React.createElement("li", {
+    ref: function ref(node) {
+      return node && node.toggleAttribute('inert', itemSetIndex !== currentSlide);
+    },
+    "aria-hidden": itemSetIndex !== currentSlide,
+    className: classNames(styles$7.slide, itemSetIndex === currentSlide && styles$7.slideSelected)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles$7.slideItems
+  }, itemSet.map(function (item, itemIndex) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: getItemSetItemKey(itemIndex, undefined, "itemSet-".concat(itemSetIndex, "-item")),
+      className: styles$7.slideItem,
+      style: {
+        width: styleWidth
+      }
+    }, item);
+  })));
+}
+
+function useCarouselSliderRegionAriaLabel() {
+  var _useCarouselContext = useCarouselContext(),
+    itemsPerSlide = _useCarouselContext.itemsPerSlide,
+    currentSlide = _useCarouselContext.currentSlide,
+    numberOfItems = _useCarouselContext.numberOfItems;
+  var _useTranslationWithFa = useTranslationWithFallback(),
+    t = _useTranslationWithFa.t;
+  return t('carouselSliderRegionLabelText').replace('{itemsPerSlide}', String(itemsPerSlide)).replace('{numberOfItems}', String(numberOfItems)).replace('{currentSlide}', String(currentSlide + 1));
+}
+function CarouselLoadMoreButton() {
+  var _useCarouselContext2 = useCarouselContext(),
+    onLoadMore = _useCarouselContext2.onLoadMore,
+    loading = _useCarouselContext2.loading,
+    loadMoreButtonLabelText = _useCarouselContext2.loadMoreButtonLabelText;
+  var iconStart = loading ? /*#__PURE__*/React.createElement(hdsReact.LoadingSpinner, {
+    small: true
+  }) : null;
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles$7.onLoadMoreContainer
+  }, /*#__PURE__*/React.createElement(hdsReact.Button, {
+    iconStart: iconStart,
+    onClick: onLoadMore,
+    variant: hdsReact.ButtonVariant.Primary,
+    role: "button"
+  }, String(loadMoreButtonLabelText)));
+}
+function CarouselSlider(_ref) {
+  var children = _ref.children;
+  var _useCarouselContext3 = useCarouselContext(),
+    transformValue = _useCarouselContext3.transformValue,
+    itemsPerSlide = _useCarouselContext3.itemsPerSlide,
+    onLoadMore = _useCarouselContext3.onLoadMore,
+    hasMore = _useCarouselContext3.hasMore;
+  var shouldShowLoadMoreButton = hasMore && !!onLoadMore;
+  var items = React.useMemo(function () {
+    return shouldShowLoadMoreButton ? [].concat(defaultConfig._toConsumableArray(children), [/*#__PURE__*/React.createElement(CarouselLoadMoreButton, {
+      key: getLoadMoreKey()
+    })]) : children;
+  }, [children, shouldShowLoadMoreButton]);
+  var itemSets = React.useMemo(function () {
+    return itemsPerSlide > 0 ? splitArrayIntoChunksOfLen(items, itemsPerSlide) : [];
+  }, [items, itemsPerSlide]);
+  var ariaLabel = useCarouselSliderRegionAriaLabel();
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles$7.sliderWrapper,
+    "data-testid": "carousel-slider"
+  }, /*#__PURE__*/React.createElement("ul", {
+    className: styles$7.sliderAnimated,
+    style: {
+      transform: "translateX(".concat(transformValue, ")")
+    },
+    "aria-label": ariaLabel,
+    role: "presentation"
+  }, itemSets.map(function (itemSet, itemSetIndex) {
+    return /*#__PURE__*/React.createElement(CarouselSliderPage
+    // eslint-disable-next-line react/no-array-index-key
+    , {
+      // eslint-disable-next-line react/no-array-index-key
+      key: "itemSet-".concat(itemSetIndex),
+      itemSet: itemSet,
+      itemSetIndex: itemSetIndex
+    });
+  })));
+}
+
+function CarouselPreviousSlideButton() {
+  var _useConfig = useConfig(),
+    previous = _useConfig.copy.previous;
+  var _useCarouselContext = useCarouselContext(),
+    isReady = _useCarouselContext.isReady,
+    numberOfSlides = _useCarouselContext.numberOfSlides,
+    currentSlide = _useCarouselContext.currentSlide,
+    title = _useCarouselContext.title,
+    handleUpdateSlideProps = _useCarouselContext.handleUpdateSlideProps;
+  var handlePrevClick = function handlePrevClick() {
+    // Loop to the last slide if we are on the first, otherwise go to the previous.
+    var targetSlide = currentSlide === 0 ? numberOfSlides - 1 : currentSlide - 1;
+    handleUpdateSlideProps(targetSlide);
+  };
+  var ariaLabelTitle = title ? " - ".concat(title) : '';
+  return /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    "aria-label": "".concat(previous).concat(ariaLabelTitle),
+    className: classNames(styles$7.btn, styles$7.btnPrev),
+    onClick: handlePrevClick,
+    disabled: !isReady
+  }, /*#__PURE__*/React.createElement(hdsReact.IconAngleLeft, null));
+}
+function CarouselNextSlideButton() {
+  var _useConfig2 = useConfig(),
+    next = _useConfig2.copy.next;
+  var _useCarouselContext2 = useCarouselContext(),
+    isReady = _useCarouselContext2.isReady,
+    numberOfSlides = _useCarouselContext2.numberOfSlides,
+    currentSlide = _useCarouselContext2.currentSlide,
+    title = _useCarouselContext2.title,
+    handleUpdateSlideProps = _useCarouselContext2.handleUpdateSlideProps;
+  var handleNextClick = function handleNextClick() {
+    // Loop to the first slide if we are on the last, otherwise go to the next.
+    handleUpdateSlideProps(currentSlide + 1 === numberOfSlides ? 0 : currentSlide + 1);
+  };
+  var ariaLabelTitle = title ? " - ".concat(title) : '';
+  return /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    "aria-label": "".concat(next).concat(ariaLabelTitle),
+    className: classNames(styles$7.btn, styles$7.btnNext),
+    onClick: handleNextClick,
+    disabled: !isReady
+  }, /*#__PURE__*/React.createElement(hdsReact.IconAngleRight, null));
+}
+
+function CarouselSlideDot(_ref) {
+  var slideIndex = _ref.slideIndex;
+  var _useCarouselContext = useCarouselContext(),
+    currentSlide = _useCarouselContext.currentSlide,
+    handleUpdateSlideProps = _useCarouselContext.handleUpdateSlideProps,
+    navigateWithDots = _useCarouselContext.navigateWithDots;
+  var _useTranslationWithFa = useTranslationWithFallback(),
+    t = _useTranslationWithFa.t;
+  var onClickHandler = function onClickHandler(targetSlide) {
+    if (targetSlide === currentSlide) {
+      return;
+    }
+    handleUpdateSlideProps(targetSlide);
+  };
+  var dotButtonAriaLabel = t('carouselSliderDotNavLabelText').replace('{slideNumber}', String(slideIndex + 1));
+  return /*#__PURE__*/React.createElement("button", {
+    className: classNames(styles$7.dot, defaultConfig._defineProperty(defaultConfig._defineProperty({}, styles$7.selected, slideIndex === currentSlide), styles$7.button, navigateWithDots)),
+    onClick: function onClick() {
+      return onClickHandler(slideIndex);
+    },
+    tabIndex: 0,
+    type: "button",
+    "aria-label": dotButtonAriaLabel,
+    disabled: !navigateWithDots
+  });
+}
+function CarouselSlideDots() {
+  var _useCarouselContext2 = useCarouselContext(),
+    numberOfSlides = _useCarouselContext2.numberOfSlides,
+    navigateWithDots = _useCarouselContext2.navigateWithDots;
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles$7.dotsContainer,
+    role: "navigation",
+    "aria-hidden": !navigateWithDots,
+    "data-testid": "carousel-dots"
+  }, defaultConfig._toConsumableArray(Array(numberOfSlides)).map(function (entry, slideIndex) {
+    return /*#__PURE__*/React.createElement(CarouselSlideDot, {
+      key: getSlideDotKey(entry, slideIndex),
+      slideIndex: slideIndex
+    });
+  }));
+}
+
+var _excluded$3 = ["children", "className", "itemsDesktop", "itemsMobile"];
+function useCarouselDimensions() {
+  var _useCarouselContext = useCarouselContext(),
+    setWidth = _useCarouselContext.setWidth;
+  var updateDimensions = function updateDimensions() {
+    return setWidth(window.innerWidth);
+  };
+  React.useEffect(function () {
+    updateDimensions();
+    window.addEventListener('resize', updateDimensions);
+    return function () {
+      return window.removeEventListener('resize', updateDimensions);
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+}
+function useCarouselRegionAriaLabel() {
+  var _useCarouselContext2 = useCarouselContext(),
+    title = _useCarouselContext2.title;
+  var _useTranslationWithFa = useTranslationWithFallback(),
+    t = _useTranslationWithFa.t;
+  return t('carouselRegionLabelText').replace('{title}', title !== null && title !== void 0 ? title : '');
+}
+function CarouselWithContext(_ref) {
+  var items = _ref.children,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className;
+  var _useCarouselContext3 = useCarouselContext(),
+    isReady = _useCarouselContext3.isReady,
+    setTransformValue = _useCarouselContext3.setTransformValue,
+    numberOfSlides = _useCarouselContext3.numberOfSlides,
+    setNumberOfSlides = _useCarouselContext3.setNumberOfSlides,
+    itemsPerSlide = _useCarouselContext3.itemsPerSlide,
+    setItemsPerSlide = _useCarouselContext3.setItemsPerSlide,
+    setCurrentSlide = _useCarouselContext3.setCurrentSlide,
+    width = _useCarouselContext3.width,
+    itemsShownOnDesktop = _useCarouselContext3.itemsShownOnDesktop,
+    itemsShownOnMobile = _useCarouselContext3.itemsShownOnMobile,
+    withDots = _useCarouselContext3.withDots,
+    onLoadMore = _useCarouselContext3.onLoadMore,
+    hasMore = _useCarouselContext3.hasMore;
+  var carouselAriaLabel = useCarouselRegionAriaLabel();
+  useCarouselDimensions();
+  React.useEffect(function () {
+    var _ref2;
+    setItemsPerSlide(Math.ceil((_ref2 = width > MOBILE_WIDTH ? itemsShownOnDesktop : itemsShownOnMobile) !== null && _ref2 !== void 0 ? _ref2 : 1));
+    setCurrentSlide(0);
+    setTransformValue('0px');
+  }, [width, itemsShownOnDesktop, itemsShownOnMobile, setItemsPerSlide, setCurrentSlide, setTransformValue]);
+  React.useEffect(function () {
+    if (itemsPerSlide > 0) {
+      var itemsCount = hasMore && !!onLoadMore ? items.length + 1 : items.length;
+      setNumberOfSlides(Math.ceil(itemsCount / itemsPerSlide));
+    }
+  }, [itemsPerSlide, hasMore, onLoadMore, items.length, setNumberOfSlides]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames(styles$7.container, className),
+    role: "region",
+    "aria-label": carouselAriaLabel
+  }, /*#__PURE__*/React.createElement("div", {
+    role: "group",
+    className: styles$7.carouselWrapper
+  }, numberOfSlides > 1 && (/*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CarouselPreviousSlideButton, null), /*#__PURE__*/React.createElement(CarouselNextSlideButton, null))), isReady && (/*#__PURE__*/React.createElement("div", {
+    className: styles$7.root
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classNames(styles$7.slider, numberOfSlides === 1 && styles$7.noDots)
+  }, /*#__PURE__*/React.createElement(CarouselSlider, null, items)), withDots && numberOfSlides > 1 && /*#__PURE__*/React.createElement(CarouselSlideDots, null)))));
+}
+function Carousel(_ref3) {
+  var items = _ref3.children,
+    _ref3$className = _ref3.className,
+    className = _ref3$className === void 0 ? '' : _ref3$className,
+    _ref3$itemsDesktop = _ref3.itemsDesktop,
+    itemsDesktop = _ref3$itemsDesktop === void 0 ? initialCarouselContextStateValues.itemsShownOnDesktop : _ref3$itemsDesktop,
+    _ref3$itemsMobile = _ref3.itemsMobile,
+    itemsMobile = _ref3$itemsMobile === void 0 ? initialCarouselContextStateValues.itemsShownOnMobile : _ref3$itemsMobile,
+    restOfBackwardCompatibleProps = defaultConfig._objectWithoutProperties(_ref3, _excluded$3);
+  return /*#__PURE__*/React.createElement(CarouselContextProvider, defaultConfig._objectSpread2({
+    itemsShownOnDesktop: itemsDesktop,
+    itemsShownOnMobile: itemsMobile,
+    numberOfItems: items.length
+  }, restOfBackwardCompatibleProps), /*#__PURE__*/React.createElement(CarouselWithContext, {
+    className: className
+  }, items));
+}
+
+var css_248z$6 = ".card-module_cardWrapper__SJr54{--height-image:8rem;--height-image-desktop:14.5rem;--width-image:8rem;--link-arrow-color:#000;--link-arrow-label-color:var(--link-arrow-color);display:flex;flex-direction:column;height:100%;min-width:fit-content;position:relative;word-break:break-word}@media (min-width:576px){.card-module_cardWrapper__SJr54{word-break:unset}.card-module_cardWrapper__SJr54.card-module_isCentered__N166x,.card-module_cardWrapper__SJr54.card-module_isDelimited__gQvB-{--height-image-desktop:100%;overflow-y:hidden}}.card-module_cardWrapper__SJr54.card-module_isHovered__cjbBc:hover{cursor:pointer}.card-module_cardWrapper__SJr54.card-module_isHovered__cjbBc .card-module_title__OJNPP{text-decoration:underline}.card-module_cardWrapper__SJr54.card-module_responsive__UybH4{flex-direction:row}.card-module_cardWrapper__SJr54.card-module_responsive__UybH4.card-module_image-left__i3R--{flex-direction:row-reverse}.card-module_cardWrapper__SJr54.card-module_responsive-reverse__YmcIi{flex-direction:column}.card-module_cardWrapper__SJr54.card-module_fixed-horisontal__wHQHq.card-module_image-left__i3R--,.card-module_cardWrapper__SJr54.card-module_fixed-horisontal__wHQHq.card-module_isCentered__N166x,.card-module_cardWrapper__SJr54.card-module_fixed-horisontal__wHQHq.card-module_isDelimited__gQvB-{flex-direction:row-reverse}.card-module_cardWrapper__SJr54.card-module_fixed-horisontal__wHQHq.card-module_image-left__i3R--.card-module_isCentered__N166x,.card-module_cardWrapper__SJr54.card-module_fixed-horisontal__wHQHq.card-module_image-left__i3R--.card-module_isDelimited__gQvB-,.card-module_cardWrapper__SJr54.card-module_fixed-horisontal__wHQHq.card-module_image-right__VbzxV{flex-direction:row}.card-module_cardWrapper__SJr54.card-module_fixed-horisontal__wHQHq.card-module_image-right__VbzxV.card-module_isCentered__N166x,.card-module_cardWrapper__SJr54.card-module_fixed-horisontal__wHQHq.card-module_image-right__VbzxV.card-module_isDelimited__gQvB-{flex-direction:row-reverse}.card-module_cardWrapper__SJr54>:first-child{flex:1 1}.card-module_cardWrapper__SJr54.card-module_primary-image__95TKR>:first-child,.card-module_cardWrapper__SJr54>:last-child{flex:2 1}.card-module_cardWrapper__SJr54.card-module_primary-image__95TKR>:last-child{flex:1 1}.card-module_cardWrapper__SJr54.card-module_isCentered__N166x,.card-module_cardWrapper__SJr54.card-module_isDelimited__gQvB-{height:100%;text-decoration:none;width:100%}@media (min-width:576px){.card-module_cardWrapper__SJr54.card-module_isCentered__N166x>:first-child,.card-module_cardWrapper__SJr54.card-module_isCentered__N166x>:last-child,.card-module_cardWrapper__SJr54.card-module_isDelimited__gQvB->:first-child,.card-module_cardWrapper__SJr54.card-module_isDelimited__gQvB->:last-child{flex:none}}.card-module_cardWrapper__SJr54.card-module_withBorder__k-C0z{border:1px solid var(--color-black-30)}.card-module_cardWrapper__SJr54.card-module_withShadow__iM-RO{box-shadow:0 1px 12px 1px rgba(45,62,80,.12)}@media (min-width:576px){.card-module_cardWrapper__SJr54{flex-direction:column;margin-bottom:0}.card-module_cardWrapper__SJr54.card-module_responsive__UybH4,.card-module_cardWrapper__SJr54.card-module_responsive__UybH4.card-module_image-left__i3R--{flex-direction:column}.card-module_cardWrapper__SJr54.card-module_responsive__UybH4.card-module_image-left__i3R--.card-module_isCentered__N166x,.card-module_cardWrapper__SJr54.card-module_responsive__UybH4.card-module_image-left__i3R--.card-module_isDelimited__gQvB-{flex-direction:row}.card-module_cardWrapper__SJr54.card-module_responsive__UybH4.card-module_isCentered__N166x,.card-module_cardWrapper__SJr54.card-module_responsive__UybH4.card-module_isDelimited__gQvB-{flex-direction:row-reverse}.card-module_cardWrapper__SJr54.card-module_responsive-reverse__YmcIi{flex-direction:row}.card-module_cardWrapper__SJr54.card-module_responsive-reverse__YmcIi.card-module_image-left__i3R--,.card-module_cardWrapper__SJr54.card-module_responsive-reverse__YmcIi.card-module_isCentered__N166x,.card-module_cardWrapper__SJr54.card-module_responsive-reverse__YmcIi.card-module_isDelimited__gQvB-{flex-direction:row-reverse}.card-module_cardWrapper__SJr54.card-module_responsive-reverse__YmcIi.card-module_image-left__i3R--.card-module_isCentered__N166x,.card-module_cardWrapper__SJr54.card-module_responsive-reverse__YmcIi.card-module_image-left__i3R--.card-module_isDelimited__gQvB-{flex-direction:row}.card-module_cardWrapper__SJr54.card-module_responsive-reverse__YmcIi.card-module_horizontalBorder__THzT0{border:none}}@media (min-width:576px) and (max-width:575px){.card-module_cardWrapper__SJr54.card-module_responsive-reverse__YmcIi.card-module_horizontalBorder__THzT0{border:1px solid var(--color-black-30)}}@media (min-width:576px){.card-module_cardWrapper__SJr54>:first-child{flex:1 1}.card-module_cardWrapper__SJr54.card-module_primary-image__95TKR>:first-child,.card-module_cardWrapper__SJr54>:last-child{flex:2 1}.card-module_cardWrapper__SJr54.card-module_primary-image__95TKR>:last-child{flex:1 1}.card-module_cardWrapper__SJr54.card-module_fixed-vertical__-kgtk>:first-child,.card-module_cardWrapper__SJr54.card-module_responsive__UybH4>:first-child{flex:0}.card-module_cardWrapper__SJr54.card-module_fixed-vertical__-kgtk>:last-child,.card-module_cardWrapper__SJr54.card-module_responsive__UybH4>:last-child{flex:auto}.card-module_cardWrapper__SJr54.card-module_isCentered__N166x.card-module_horizontalBorder__THzT0,.card-module_cardWrapper__SJr54.card-module_isDelimited__gQvB-.card-module_horizontalBorder__THzT0,.card-module_cardWrapper__SJr54.card-module_responsive__UybH4.card-module_horizontalBorder__THzT0{border:1px solid var(--color-black-30)}}@media (min-width:576px) and (max-width:575px){.card-module_cardWrapper__SJr54.card-module_isCentered__N166x.card-module_horizontalBorder__THzT0,.card-module_cardWrapper__SJr54.card-module_isDelimited__gQvB-.card-module_horizontalBorder__THzT0,.card-module_cardWrapper__SJr54.card-module_responsive__UybH4.card-module_horizontalBorder__THzT0{border:none}}.card-module_cardWrapper__SJr54 .card-module_imageWrapper__tIOgR{background-position:50%;background-repeat:no-repeat;background-size:cover;box-sizing:border-box;min-width:var(--width-image);padding:var(--spacing-s) var(--spacing-m);position:relative;text-decoration:none}.card-module_cardWrapper__SJr54 .card-module_imageWrapper__tIOgR.card-module_fixed-vertical__-kgtk,.card-module_cardWrapper__SJr54 .card-module_imageWrapper__tIOgR.card-module_responsive-reverse__YmcIi,.card-module_cardWrapper__SJr54 .card-module_imageWrapper__tIOgR.card-module_responsive__UybH4{padding-bottom:62.5%}@media (min-width:576px){.card-module_cardWrapper__SJr54 .card-module_imageWrapper__tIOgR.card-module_fixed-vertical__-kgtk,.card-module_cardWrapper__SJr54 .card-module_imageWrapper__tIOgR.card-module_responsive-reverse__YmcIi,.card-module_cardWrapper__SJr54 .card-module_imageWrapper__tIOgR.card-module_responsive__UybH4{min-height:var(--height-image-desktop)}.card-module_cardWrapper__SJr54 .card-module_imageWrapper__tIOgR.card-module_responsive-reverse__YmcIi{padding-bottom:unset}.card-module_cardWrapper__SJr54 .card-module_imageWrapper__tIOgR.card-module_isCentered__N166x,.card-module_cardWrapper__SJr54 .card-module_imageWrapper__tIOgR.card-module_isDelimited__gQvB-{position:absolute;width:100%}.card-module_cardWrapper__SJr54 .card-module_imageWrapper__tIOgR.card-module_isDelimited__gQvB-{width:62.5%}.card-module_cardWrapper__SJr54 .card-module_imageWrapper__tIOgR.card-module_isDelimited__gQvB-.card-module_right__o9C8m{margin-right:37.5%}.card-module_cardWrapper__SJr54 .card-module_imageWrapper__tIOgR.card-module_isDelimited__gQvB-.card-module_left__GKCFu{margin-left:37.5%}}@media (min-width:576px) and (min-width:992px){.card-module_cardWrapper__SJr54 .card-module_imageWrapper__tIOgR.card-module_isDelimited__gQvB-{width:80%}.card-module_cardWrapper__SJr54 .card-module_imageWrapper__tIOgR.card-module_isDelimited__gQvB-.card-module_right__o9C8m{margin-right:20%}.card-module_cardWrapper__SJr54 .card-module_imageWrapper__tIOgR.card-module_isDelimited__gQvB-.card-module_left__GKCFu{margin-left:20%}}@media (min-width:576px){.card-module_cardWrapper__SJr54 .card-module_imageWrapper__tIOgR{min-height:var(--height-image-desktop)}}.card-module_cardWrapper__SJr54 .card-module_imageWrapper__tIOgR .card-module_imageLabel__0d1qL{padding:var(--spacing-xs)}.card-module_cardWrapper__SJr54 .card-module_imageWrapper__tIOgR .card-module_imageLabel__0d1qL .card-module_tag__B2hlG{--tag-background:var(--color-black-5);font-size:var(--fontsize-body-s);font-weight:600}.card-module_cardWrapper__SJr54 .card-module_contentWrapper__uM-3X{align-self:stretch;display:flex;flex:1;flex-direction:column;justify-content:space-between;position:relative}@media (max-width:575px){.card-module_cardWrapper__SJr54 .card-module_contentWrapper__uM-3X{background-color:var(--color-white)!important}}@media (min-width:576px){.card-module_cardWrapper__SJr54 .card-module_contentWrapper__uM-3X.card-module_isCentered__N166x,.card-module_cardWrapper__SJr54 .card-module_contentWrapper__uM-3X.card-module_isDelimited__gQvB-{margin:24px;width:37.5%;z-index:1}.card-module_cardWrapper__SJr54 .card-module_contentWrapper__uM-3X.card-module_isDelimited__gQvB-{margin:42px 24px;max-width:460px;width:62.5%}}.card-module_cardWrapper__SJr54 .card-module_content__sRwUK{flex:1}.card-module_cardWrapper__SJr54 .card-module_textWrapper__xZN4F{display:flex;flex-direction:column;padding:var(--spacing-s) var(--spacing-m)}.card-module_cardWrapper__SJr54 .card-module_textWrapper__xZN4F .card-module_title__OJNPP{word-wrap:break-word;font-size:var(--fontsize-heading-s);line-height:var(--lineheight-m);margin:var(--spacing-2-xs) 0;padding:0}.card-module_cardWrapper__SJr54 .card-module_textWrapper__xZN4F .card-module_title__OJNPP.card-module_responsive-reverse__YmcIi{font-size:var(--fontsize-heading-m)}@media (min-width:576px){.card-module_cardWrapper__SJr54 .card-module_textWrapper__xZN4F .card-module_title__OJNPP{word-wrap:normal;font-size:var(--fontsize-heading-m);margin-top:var(--spacing-2-xs)}}.card-module_cardWrapper__SJr54 .card-module_textWrapper__xZN4F .card-module_subTitle__nkj5k{color:var(--color-black-60);font-size:var(--fontsize-body-s);margin:var(--spacing-2-xs) 0}@media (min-width:576px){.card-module_cardWrapper__SJr54 .card-module_textWrapper__xZN4F .card-module_subTitle__nkj5k{font-size:var(--fontsize-body-m)}}.card-module_cardWrapper__SJr54 .card-module_textWrapper__xZN4F .card-module_text__z1EUK{display:-webkit-box;font-size:var(--fontsize-body-m);line-height:var(--lineheight-m);order:3}.card-module_cardWrapper__SJr54 .card-module_textWrapper__xZN4F .card-module_text__z1EUK.card-module_clamp__ClsPx{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (min-width:576px){.card-module_cardWrapper__SJr54 .card-module_textWrapper__xZN4F .card-module_text__z1EUK{-webkit-line-clamp:none;-webkit-box-orient:vertical;font-size:var(--fontsize-body-l);line-height:var(--lineheight-l);margin-bottom:var(--spacing-2-xs)}.card-module_cardWrapper__SJr54 .card-module_textWrapper__xZN4F .card-module_text__z1EUK.card-module_clamp__ClsPx{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical}}.card-module_cardWrapper__SJr54 .card-module_textWrapper__xZN4F .card-module_text__z1EUK.card-module_responsive-reverse__YmcIi{font-size:var(--fontsize-body-l);line-height:var(--lineheight-l)}.card-module_cardWrapper__SJr54 .card-module_textWrapper__xZN4F .card-module_text__z1EUK p{margin:0}.card-module_cardWrapper__SJr54 .card-module_textWrapper__xZN4F .card-module_customContent__mAO7p{margin:var(--spacing-2-xs) 0;order:4}.card-module_cardWrapper__SJr54 .card-module_textWrapper__xZN4F .card-module_customContent__mAO7p p{margin:0}.card-module_cardWrapper__SJr54 .card-module_buttonWrapper__oMDvH{color:var(--link-arrow-color);display:flex;line-height:var(--lineheight-l);order:5;padding:0 var(--spacing-s);padding-bottom:var(--spacing-2-xs);vertical-align:middle}@media (min-width:576px){.card-module_cardWrapper__SJr54 .card-module_buttonWrapper__oMDvH{padding-bottom:var(--spacing-s)}}.card-module_cardWrapper__SJr54 .card-module_buttonWrapper__oMDvH a{align-items:center;color:var(--link-arrow-color);display:flex;flex:1!important;justify-content:flex-start!important;text-decoration:none}.card-module_cardWrapper__SJr54 .card-module_buttonWrapper__oMDvH a>span{flex:none}.card-module_cardWrapper__SJr54 .card-module_buttonWrapper__oMDvH a svg{height:var(--spacing-2-xl);width:var(--spacing-2-xl)}.card-module_cardWrapper__SJr54 .card-module_buttonWrapper__oMDvH a .card-module_linkArrowLabel__wvEjb{color:var(--link-arrow-label-color);padding-top:var(--spacing-xs)}";
+var styles$6 = {"cardWrapper":"card-module_cardWrapper__SJr54","isCentered":"card-module_isCentered__N166x","isDelimited":"card-module_isDelimited__gQvB-","isHovered":"card-module_isHovered__cjbBc","title":"card-module_title__OJNPP","responsive":"card-module_responsive__UybH4","image-left":"card-module_image-left__i3R--","responsive-reverse":"card-module_responsive-reverse__YmcIi","fixed-horisontal":"card-module_fixed-horisontal__wHQHq","image-right":"card-module_image-right__VbzxV","primary-image":"card-module_primary-image__95TKR","withBorder":"card-module_withBorder__k-C0z","withShadow":"card-module_withShadow__iM-RO","horizontalBorder":"card-module_horizontalBorder__THzT0","fixed-vertical":"card-module_fixed-vertical__-kgtk","imageWrapper":"card-module_imageWrapper__tIOgR","right":"card-module_right__o9C8m","left":"card-module_left__GKCFu","imageLabel":"card-module_imageLabel__0d1qL","tag":"card-module_tag__B2hlG","contentWrapper":"card-module_contentWrapper__uM-3X","content":"card-module_content__sRwUK","textWrapper":"card-module_textWrapper__xZN4F","subTitle":"card-module_subTitle__nkj5k","text":"card-module_text__z1EUK","clamp":"card-module_clamp__ClsPx","customContent":"card-module_customContent__mAO7p","buttonWrapper":"card-module_buttonWrapper__oMDvH","linkArrowLabel":"card-module_linkArrowLabel__wvEjb"};
+styleInject(css_248z$6);
+
+var warnOnSSR = function warnOnSSR() {
+  // eslint-disable-next-line no-console
+  console.warn('Attempted to navigate in a non-browser environment.');
+};
+function CardTitle(_ref) {
+  var children = _ref.children,
+    direction = _ref.direction,
+    withTitleIcon = _ref.withTitleIcon,
+    titleIcon = _ref.titleIcon;
+  if (!children) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames(styles$6.title, direction && styles$6[direction])
+  }, children, withTitleIcon && titleIcon);
+}
+function CardSubTitle(_ref2) {
+  var children = _ref2.children,
+    backgroundColor = _ref2.backgroundColor;
+  if (!children) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames(styles$6.subTitle, backgroundColor && isWhiteText(backgroundColor) && colorStyles.whiteText)
+  }, children);
+}
+function CardText(_ref3) {
+  var children = _ref3.children,
+    clampText = _ref3.clampText,
+    direction = _ref3.direction;
+  if (!children) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames(styles$6.text, clampText && styles$6.clamp, direction && styles$6[direction])
+  }, children);
+}
+function CardLink(_ref4) {
+  var url = _ref4.url,
+    backgroundColor = _ref4.backgroundColor,
+    openLinkInNewTab = _ref4.openLinkInNewTab,
+    ariaLabel = _ref4.ariaLabel,
+    linkArrowLabel = _ref4.linkArrowLabel;
+  if (!url) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames(styles$6.buttonWrapper, backgroundColor ? colorStyles["background".concat(getColor(backgroundColor))] : colorStyles.backgroundDefault, backgroundColor && isWhiteText(backgroundColor) && colorStyles.whiteLink)
+  }, /*#__PURE__*/React.createElement(Link, {
+    tabIndex: -1,
+    href: url,
+    openInNewTab: openLinkInNewTab,
+    iconLeft: /*#__PURE__*/React.createElement(hdsReact.IconArrowRight, {
+      "aria-hidden": "true"
+    }),
+    showExternalIcon: false,
+    "aria-label": ariaLabel
+  }, linkArrowLabel && (/*#__PURE__*/React.createElement("span", {
+    className: styles$6.linkArrowLabel
+  }, linkArrowLabel))));
+}
+var getImagePosition = function getImagePosition(alignment) {
+  if (alignment === undefined) {
+    return 'image-left';
+  }
+  return alignment.indexOf('left') === -1 ? 'image-right' : 'image-left';
+};
+function CardInnerContent(_ref5) {
+  var id = _ref5.id,
+    ariaLabel = _ref5.ariaLabel,
+    imageUrl = _ref5.imageUrl,
+    imageLabel = _ref5.imageLabel,
+    title = _ref5.title,
+    withTitleIcon = _ref5.withTitleIcon,
+    titleIcon = _ref5.titleIcon,
+    subTitle = _ref5.subTitle,
+    text = _ref5.text,
+    customContent = _ref5.customContent,
+    hasLink = _ref5.hasLink,
+    linkArrowLabel = _ref5.linkArrowLabel,
+    url = _ref5.url,
+    withBorder = _ref5.withBorder,
+    withShadow = _ref5.withShadow,
+    _ref5$direction = _ref5.direction,
+    direction = _ref5$direction === void 0 ? 'responsive' : _ref5$direction,
+    clampText = _ref5.clampText,
+    openLinkInNewTab = _ref5.openLinkInNewTab,
+    style = _ref5.style,
+    backgroundColor = _ref5.backgroundColor,
+    _ref5$primaryContent = _ref5.primaryContent,
+    primaryContent = _ref5$primaryContent === void 0 ? 'text' : _ref5$primaryContent,
+    isHovered = _ref5.isHovered,
+    handleToggleActive = _ref5.handleToggleActive,
+    isDelimited = _ref5.isDelimited,
+    isCentered = _ref5.isCentered,
+    imagePosition = _ref5.imagePosition,
+    handleClick = _ref5.handleClick;
+  var dynamicBackgroundClass = backgroundColor ? colorStyles["background".concat(getColor(backgroundColor))] : colorStyles.backgroundDefault;
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames(styles$6.cardWrapper, defaultConfig._defineProperty(defaultConfig._defineProperty(defaultConfig._defineProperty(defaultConfig._defineProperty(defaultConfig._defineProperty(defaultConfig._defineProperty(defaultConfig._defineProperty(defaultConfig._defineProperty(defaultConfig._defineProperty(defaultConfig._defineProperty({}, styles$6[direction], direction), styles$6['primary-image'], primaryContent === 'image'), styles$6[imagePosition], imagePosition), styles$6.isDelimited, isDelimited), styles$6.isCentered, isCentered), styles$6.withBorder, withBorder), styles$6.withShadow, withShadow), styles$6.isHovered, isHovered), styles$6.horizontalBorder, backgroundColor), colorStyles.whiteText, backgroundColor && isWhiteText(backgroundColor))),
+    style: style,
+    onMouseEnter: url ? handleToggleActive : undefined,
+    onMouseLeave: url ? handleToggleActive : undefined
+  }, /*#__PURE__*/React.createElement(BackgroundImage, {
+    id: "".concat(id, "-image"),
+    url: imageUrl,
+    labelTag: imageLabel,
+    className: classNames(styles$6.imageWrapper, direction && styles$6[direction], isDelimited && styles$6.isDelimited, isCentered && styles$6.isCentered, imagePosition.includes('left') ? styles$6.left : styles$6.right)
+  }), /*#__PURE__*/React.createElement("div", {
+    className: classNames(styles$6.contentWrapper, isDelimited && styles$6.isDelimited, isCentered && styles$6.isCentered),
+    onClick: handleClick
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classNames(styles$6.content, dynamicBackgroundClass, defaultConfig._defineProperty(defaultConfig._defineProperty(defaultConfig._defineProperty({}, colorStyles.whiteText, backgroundColor && isWhiteText(backgroundColor)), styles$6.isDelimited, isDelimited), styles$6.isCentered, isCentered))
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles$6.textWrapper
+  }, title && (/*#__PURE__*/React.createElement(CardTitle, {
+    direction: direction,
+    withTitleIcon: withTitleIcon,
+    titleIcon: titleIcon
+  }, title)), /*#__PURE__*/React.createElement(CardSubTitle, {
+    backgroundColor: backgroundColor
+  }, subTitle), text && (/*#__PURE__*/React.createElement(CardText, {
+    clampText: clampText,
+    direction: direction
+  }, getTextFromHtml(text))), customContent && (/*#__PURE__*/React.createElement("div", {
+    className: styles$6.customContent
+  }, customContent)))), hasLink && (/*#__PURE__*/React.createElement(CardLink, {
+    url: url,
+    backgroundColor: backgroundColor,
+    openLinkInNewTab: openLinkInNewTab,
+    ariaLabel: ariaLabel,
+    linkArrowLabel: linkArrowLabel
+  }))));
+}
+function Card(props) {
+  var _alignment$startsWith, _alignment$startsWith2;
+  var id = props.id,
+    ariaLabel = props.ariaLabel,
+    className = props.className,
+    url = props.url,
+    openLinkInNewTab = props.openLinkInNewTab,
+    flex = props.flex,
+    alignment = props.alignment;
+  var _useState = React.useState(false),
+    _useState2 = defaultConfig._slicedToArray(_useState, 2),
+    isHovered = _useState2[0],
+    setIsHovered = _useState2[1];
+  var handleToggleActive = function handleToggleActive() {
+    return setIsHovered(function (val) {
+      return !val;
+    });
+  };
+  var isDelimited = (_alignment$startsWith = alignment === null || alignment === void 0 ? void 0 : alignment.startsWith('delimited')) !== null && _alignment$startsWith !== void 0 ? _alignment$startsWith : false;
+  var isCentered = (_alignment$startsWith2 = alignment === null || alignment === void 0 ? void 0 : alignment.startsWith('center')) !== null && _alignment$startsWith2 !== void 0 ? _alignment$startsWith2 : false;
+  var imagePosition = getImagePosition(alignment);
+  var _useConfig = useConfig(),
+    _useConfig$utils = _useConfig.utils,
+    redirectToUrl = _useConfig$utils.redirectToUrl,
+    getIsHrefExternal = _useConfig$utils.getIsHrefExternal;
+  var handleClick = function handleClick() {
+    if (!url) return;
+    // Ensure we are in a client-side (browser) environment
+    if (typeof window === 'undefined') {
+      warnOnSSR();
+      return;
+    }
+    // Determine if we should open a new tab: either it's explicitly set, or it's an external URL.
+    var shouldOpenNewTab = openLinkInNewTab || getIsHrefExternal(url);
+    if (shouldOpenNewTab) {
+      var newWindow = window.open(url, '_blank', 'noopener,noreferrer');
+      if (newWindow) newWindow.opener = null;
+    } else {
+      redirectToUrl(url);
+    }
+  };
+  var content = /*#__PURE__*/React.createElement(CardInnerContent, defaultConfig._objectSpread2(defaultConfig._objectSpread2({}, props), {}, {
+    isHovered: isHovered,
+    handleToggleActive: handleToggleActive,
+    isDelimited: isDelimited,
+    isCentered: isCentered,
+    imagePosition: imagePosition,
+    handleClick: handleClick
+  }));
+  if (url) {
+    return /*#__PURE__*/React.createElement(LinkBox, {
+      id: id,
+      href: url,
+      className: className,
+      "aria-label": ariaLabel || '',
+      openInNewTab: openLinkInNewTab,
+      onMouseEnter: handleToggleActive,
+      onMouseLeave: handleToggleActive,
+      flex: flex
+    }, content);
+  }
+  return content;
+}
+
+var css_248z$5 = ".grid-module_grid__JUXmh{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:0}@media (min-width:768px){.grid-module_grid__JUXmh{grid-gap:1.5rem;display:grid}}.grid-module_cols1__ZbHhZ{grid-template-columns:repeat(1,1fr)}.grid-module_cols2__w-J5q{grid-template-columns:repeat(2,1fr)}.grid-module_cols3__RME8z{grid-template-columns:repeat(3,1fr)}.grid-module_cols4__GJLLr{grid-template-columns:repeat(4,1fr)}.grid-module_cols5__cWFZQ{grid-template-columns:repeat(5,1fr)}.grid-module_cols6__iTHpi{grid-template-columns:repeat(6,1fr)}.grid-module_cols7__fcSjJ{grid-template-columns:repeat(7,1fr)}.grid-module_cols8__Ida4g{grid-template-columns:repeat(8,1fr)}.grid-module_cols9__DSIkl{grid-template-columns:repeat(9,1fr)}.grid-module_cols10__13ESR{grid-template-columns:repeat(10,1fr)}.grid-module_cols11__uIC1K{grid-template-columns:repeat(11,1fr)}.grid-module_cols12__WaIiP{grid-template-columns:repeat(12,1fr)}";
+var styles$5 = {"grid":"grid-module_grid__JUXmh","cols1":"grid-module_cols1__ZbHhZ","cols2":"grid-module_cols2__w-J5q","cols3":"grid-module_cols3__RME8z","cols4":"grid-module_cols4__GJLLr","cols5":"grid-module_cols5__cWFZQ","cols6":"grid-module_cols6__iTHpi","cols7":"grid-module_cols7__fcSjJ","cols8":"grid-module_cols8__Ida4g","cols9":"grid-module_cols9__DSIkl","cols10":"grid-module_cols10__13ESR","cols11":"grid-module_cols11__uIC1K","cols12":"grid-module_cols12__WaIiP"};
+styleInject(css_248z$5);
+
+function Grid(_ref) {
+  var _ref$colsCount = _ref.colsCount,
+    colsCount = _ref$colsCount === void 0 ? 3 : _ref$colsCount,
+    children = _ref.children,
+    className = _ref.className;
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames(styles$5.grid, styles$5["cols".concat(colsCount)], className)
+  }, children);
+}
+
+var _templateObject$1, _templateObject2$1, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
+var defaultOptions$1 = {};
+var EventTypeId;
+(function (EventTypeId) {
+  EventTypeId["Course"] = "Course";
+  EventTypeId["General"] = "General";
+})(EventTypeId || (EventTypeId = {}));
+var Link__Purpose$1;
+(function (Link__Purpose) {
+  /** `EXECUTION` features provide metadata necessary for operation execution. */
+  Link__Purpose["Execution"] = "EXECUTION";
+  /** `SECURITY` features provide metadata necessary to securely resolve fields. */
+  Link__Purpose["Security"] = "SECURITY";
+})(Link__Purpose$1 || (Link__Purpose$1 = {}));
+var LocalizedCmsEventFieldsFragmentDoc = Apollo.gql(_templateObject$1 || (_templateObject$1 = defaultConfig._taggedTemplateLiteral(["\n  fragment localizedCmsEventFields on LocalizedObject {\n    en\n    fi\n    sv\n  }\n"])));
+var KeywordCmsEventFieldsFragmentDoc = Apollo.gql(_templateObject2$1 || (_templateObject2$1 = defaultConfig._taggedTemplateLiteral(["\n  fragment keywordCmsEventFields on Keyword {\n    id\n    internalId\n    dataSource\n    hasUpcomingEvents\n    name {\n      ...localizedCmsEventFields\n    }\n  }\n  ", "\n"])), LocalizedCmsEventFieldsFragmentDoc);
+var PlaceCmsEventFieldsFragmentDoc = Apollo.gql(_templateObject3 || (_templateObject3 = defaultConfig._taggedTemplateLiteral(["\n  fragment placeCmsEventFields on Place {\n    id\n    divisions {\n      type\n      name {\n        ...localizedCmsEventFields\n      }\n    }\n    hasUpcomingEvents\n    internalId\n    email\n    infoUrl {\n      ...localizedCmsEventFields\n    }\n    name {\n      ...localizedCmsEventFields\n    }\n    addressLocality {\n      ...localizedCmsEventFields\n    }\n    streetAddress {\n      ...localizedCmsEventFields\n    }\n    postalCode\n    position {\n      coordinates\n    }\n    telephone {\n      ...localizedCmsEventFields\n    }\n  }\n  ", "\n"])), LocalizedCmsEventFieldsFragmentDoc);
+var OfferCmsEventFieldsFragmentDoc = Apollo.gql(_templateObject4 || (_templateObject4 = defaultConfig._taggedTemplateLiteral(["\n  fragment offerCmsEventFields on Offer {\n    isFree\n    price {\n      ...localizedCmsEventFields\n    }\n    description {\n      ...localizedCmsEventFields\n    }\n    infoUrl {\n      ...localizedCmsEventFields\n    }\n  }\n  ", "\n"])), LocalizedCmsEventFieldsFragmentDoc);
+var RegistrationCmsEventFieldsFragmentDoc = Apollo.gql(_templateObject5 || (_templateObject5 = defaultConfig._taggedTemplateLiteral(["\n  fragment registrationCmsEventFields on Registration {\n    enrolmentStartTime\n    enrolmentEndTime\n    remainingAttendeeCapacity\n    audienceMinAge\n    audienceMaxAge\n  }\n"])));
+var EventCmsEventFieldsFragmentDoc = Apollo.gql(_templateObject6 || (_templateObject6 = defaultConfig._taggedTemplateLiteral(["\n  fragment eventCmsEventFields on EventDetails {\n    id\n    internalId\n    audienceMinAge\n    audienceMaxAge\n    eventStatus\n    externalLinks {\n      name\n      link\n    }\n    images {\n      id\n      name\n      url\n      photographerName\n    }\n    subEvents {\n      internalId\n    }\n    typeId\n    superEvent {\n      internalId\n    }\n    inLanguage {\n      name {\n        ...localizedCmsEventFields\n      }\n    }\n    keywords {\n      ...keywordCmsEventFields\n    }\n    location {\n      ...placeCmsEventFields\n    }\n    offers {\n      ...offerCmsEventFields\n    }\n    name {\n      ...localizedCmsEventFields\n    }\n    description {\n      ...localizedCmsEventFields\n    }\n    shortDescription {\n      ...localizedCmsEventFields\n    }\n    endTime\n    startTime\n    publisher\n    provider {\n      ...localizedCmsEventFields\n    }\n    infoUrl {\n      ...localizedCmsEventFields\n    }\n    audience {\n      id\n      name {\n        ...localizedCmsEventFields\n      }\n    }\n    registration {\n      ...registrationCmsEventFields\n    }\n    locationExtraInfo {\n      ...localizedCmsEventFields\n    }\n    enrolmentStartTime\n    enrolmentEndTime\n  }\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n"])), LocalizedCmsEventFieldsFragmentDoc, KeywordCmsEventFieldsFragmentDoc, PlaceCmsEventFieldsFragmentDoc, OfferCmsEventFieldsFragmentDoc, RegistrationCmsEventFieldsFragmentDoc);
+var EventListDocument = Apollo.gql(_templateObject7 || (_templateObject7 = defaultConfig._taggedTemplateLiteral(["\n  query EventList(\n    $eventType: [EventTypeId]\n    $internetBased: Boolean\n    $suitableFor: [Int]\n    $allOngoing: Boolean\n    $allOngoingAnd: [String]\n    $division: [String]\n    $end: String\n    $endsAfter: String\n    $endsBefore: String\n    $inLanguage: String\n    $include: [String]\n    $isFree: Boolean\n    $keyword: [String]\n    $keywordAnd: [String]\n    $keywordOrSet1: [String]\n    $keywordOrSet2: [String]\n    $keywordOrSet3: [String]\n    $keywordNot: [String]\n    $language: String\n    $localOngoingAnd: [String]\n    $location: [String]\n    $page: Int\n    $pageSize: Int\n    $publisher: ID\n    $sort: String\n    $start: String\n    $startsAfter: String\n    $startsBefore: String\n    $superEvent: ID\n    $superEventType: [String]\n    $text: String\n    $translation: String\n  ) {\n    eventList(\n      eventType: $eventType\n      internetBased: $internetBased\n      suitableFor: $suitableFor\n      allOngoing: $allOngoing\n      allOngoingAnd: $allOngoingAnd\n      division: $division\n      end: $end\n      endsAfter: $endsAfter\n      endsBefore: $endsBefore\n      include: $include\n      inLanguage: $inLanguage\n      isFree: $isFree\n      keyword: $keyword\n      keywordAnd: $keywordAnd\n      keywordOrSet1: $keywordOrSet1\n      keywordOrSet2: $keywordOrSet2\n      keywordOrSet3: $keywordOrSet3\n      keywordNot: $keywordNot\n      language: $language\n      localOngoingAnd: $localOngoingAnd\n      location: $location\n      page: $page\n      pageSize: $pageSize\n      publisher: $publisher\n      sort: $sort\n      start: $start\n      startsAfter: $startsAfter\n      startsBefore: $startsBefore\n      superEvent: $superEvent\n      superEventType: $superEventType\n      text: $text\n      translation: $translation\n    ) {\n      meta {\n        count\n        next\n        previous\n      }\n      data {\n        ...eventCmsEventFields\n      }\n    }\n  }\n  ", "\n"])), EventCmsEventFieldsFragmentDoc);
+/**
+ * __useEventListQuery__
+ *
+ * To run a query within a React component, call `useEventListQuery` and pass it any options that fit your needs.
+ * When your component renders, `useEventListQuery` returns an object from Apollo Client that contains loading, error, and data properties
+ * you can use to render your UI.
+ *
+ * @param baseOptions options that will be passed into the query, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options;
+ *
+ * @example
+ * const { data, loading, error } = useEventListQuery({
+ *   variables: {
+ *      eventType: // value for 'eventType'
+ *      internetBased: // value for 'internetBased'
+ *      suitableFor: // value for 'suitableFor'
+ *      allOngoing: // value for 'allOngoing'
+ *      allOngoingAnd: // value for 'allOngoingAnd'
+ *      division: // value for 'division'
+ *      end: // value for 'end'
+ *      endsAfter: // value for 'endsAfter'
+ *      endsBefore: // value for 'endsBefore'
+ *      inLanguage: // value for 'inLanguage'
+ *      include: // value for 'include'
+ *      isFree: // value for 'isFree'
+ *      keyword: // value for 'keyword'
+ *      keywordAnd: // value for 'keywordAnd'
+ *      keywordOrSet1: // value for 'keywordOrSet1'
+ *      keywordOrSet2: // value for 'keywordOrSet2'
+ *      keywordOrSet3: // value for 'keywordOrSet3'
+ *      keywordNot: // value for 'keywordNot'
+ *      language: // value for 'language'
+ *      localOngoingAnd: // value for 'localOngoingAnd'
+ *      location: // value for 'location'
+ *      page: // value for 'page'
+ *      pageSize: // value for 'pageSize'
+ *      publisher: // value for 'publisher'
+ *      sort: // value for 'sort'
+ *      start: // value for 'start'
+ *      startsAfter: // value for 'startsAfter'
+ *      startsBefore: // value for 'startsBefore'
+ *      superEvent: // value for 'superEvent'
+ *      superEventType: // value for 'superEventType'
+ *      text: // value for 'text'
+ *      translation: // value for 'translation'
+ *   },
+ * });
+ */
+function useEventListQuery(baseOptions) {
+  var options = defaultConfig._objectSpread2(defaultConfig._objectSpread2({}, defaultOptions$1), baseOptions);
+  return Apollo__namespace.useQuery(EventListDocument, options);
+}
+var EventsByIdsDocument = Apollo.gql(_templateObject8 || (_templateObject8 = defaultConfig._taggedTemplateLiteral(["\n  query EventsByIds(\n    $ids: [ID!]!\n    $eventType: [EventTypeId]\n    $include: [String]\n    $sort: String\n    $pageSize: Int\n    $page: Int\n    $start: String\n    $end: String\n  ) {\n    eventsByIds(\n      ids: $ids\n      eventType: $eventType\n      include: $include\n      sort: $sort\n      pageSize: $pageSize\n      page: $page\n      start: $start\n      end: $end\n    ) {\n      data {\n        ...eventCmsEventFields\n      }\n      meta {\n        count\n        next\n        previous\n      }\n    }\n  }\n  ", "\n"])), EventCmsEventFieldsFragmentDoc);
+/**
+ * __useEventsByIdsQuery__
+ *
+ * To run a query within a React component, call `useEventsByIdsQuery` and pass it any options that fit your needs.
+ * When your component renders, `useEventsByIdsQuery` returns an object from Apollo Client that contains loading, error, and data properties
+ * you can use to render your UI.
+ *
+ * @param baseOptions options that will be passed into the query, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options;
+ *
+ * @example
+ * const { data, loading, error } = useEventsByIdsQuery({
+ *   variables: {
+ *      ids: // value for 'ids'
+ *      eventType: // value for 'eventType'
+ *      include: // value for 'include'
+ *      sort: // value for 'sort'
+ *      pageSize: // value for 'pageSize'
+ *      page: // value for 'page'
+ *      start: // value for 'start'
+ *      end: // value for 'end'
+ *   },
+ * });
+ */
+function useEventsByIdsQuery(baseOptions) {
+  var options = defaultConfig._objectSpread2(defaultConfig._objectSpread2({}, defaultOptions$1), baseOptions);
+  return Apollo__namespace.useQuery(EventsByIdsDocument, options);
+}
+
+function useQueryWithEventsApolloClientFromConfig() {
+  var _useConfig = useConfig(),
+    eventsApolloClient = _useConfig.eventsApolloClient;
+  if (!eventsApolloClient) {
+    throw Error('Error: useQueryWithEventsApolloClientFromConfig - When using components from the apollo sub module, you must include a compatible events (LinkedEvents) apollo client in the eventsApolloClient field of the config object you provide with ConfigProvider');
+  }
+  return eventsApolloClient;
+}
+
+function useQueryWithVenuesApolloClientFromConfig() {
+  var _useConfig = useConfig(),
+    venuesApolloClient = _useConfig.venuesApolloClient;
+  if (!venuesApolloClient) {
+    throw Error('Error: useQueryWithVenuesApolloClientFromConfig - When using components from the apollo sub module, you must include a compatible Venues apollo client in the apolloClient field of the config object you provide with ConfigProvider');
+  }
+  return venuesApolloClient;
+}
+
+var _templateObject, _templateObject2;
+var defaultOptions = {};
+var ResourceState;
+(function (ResourceState) {
+  ResourceState["Closed"] = "closed";
+  ResourceState["EnterOnly"] = "enter_only";
+  ResourceState["ExitOnly"] = "exit_only";
+  ResourceState["Open"] = "open";
+  ResourceState["OpenAndReservable"] = "open_and_reservable";
+  ResourceState["SelfService"] = "self_service";
+  ResourceState["Undefined"] = "undefined";
+  ResourceState["WeatherPermitting"] = "weather_permitting";
+  ResourceState["WithKey"] = "with_key";
+  ResourceState["WithKeyAndReservation"] = "with_key_and_reservation";
+  ResourceState["WithReservation"] = "with_reservation";
+})(ResourceState || (ResourceState = {}));
+var Link__Purpose;
+(function (Link__Purpose) {
+  /** `EXECUTION` features provide metadata necessary for operation execution. */
+  Link__Purpose["Execution"] = "EXECUTION";
+  /** `SECURITY` features provide metadata necessary to securely resolve fields. */
+  Link__Purpose["Security"] = "SECURITY";
+})(Link__Purpose || (Link__Purpose = {}));
+var ListVenueFragmentDoc = Apollo.gql(_templateObject || (_templateObject = defaultConfig._taggedTemplateLiteral(["\n  fragment listVenue on Venue {\n    description\n    id\n    image\n    name\n    streetAddress\n    addressLocality\n    ontologyWords {\n      id\n      label\n    }\n    providerType\n    displayedServiceOwnerType\n  }\n"])));
+var VenuesByIdsDocument = Apollo.gql(_templateObject2 || (_templateObject2 = defaultConfig._taggedTemplateLiteral(["\n  query VenuesByIds($ids: [ID!]!) {\n    venuesByIds(ids: $ids) {\n      ...listVenue\n    }\n  }\n  ", "\n"])), ListVenueFragmentDoc);
+/**
+ * __useVenuesByIdsQuery__
+ *
+ * To run a query within a React component, call `useVenuesByIdsQuery` and pass it any options that fit your needs.
+ * When your component renders, `useVenuesByIdsQuery` returns an object from Apollo Client that contains loading, error, and data properties
+ * you can use to render your UI.
+ *
+ * @param baseOptions options that will be passed into the query, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options;
+ *
+ * @example
+ * const { data, loading, error } = useVenuesByIdsQuery({
+ *   variables: {
+ *      ids: // value for 'ids'
+ *   },
+ * });
+ */
+function useVenuesByIdsQuery(baseOptions) {
+  var options = defaultConfig._objectSpread2(defaultConfig._objectSpread2({}, defaultOptions), baseOptions);
+  return Apollo__namespace.useQuery(VenuesByIdsDocument, options);
+}
+
+/** Cloned from the events-proxy https://github.com/City-of-Helsinki/events-helsinki-api-proxy/tree/master/src/utils */
+/**
+ * Normalize snake case keys to a form that GraphlQL can use
+ * Keys with @-prefix are replacing with internal-prefix
+ * e.g
+ * @event_type => internalEventType
+ * event_end_date => eventEndDate
+ */
+var normalizeKey = (function (snakecase) {
+  var str = snakecase.replace('@', 'internal_');
+  return str[0].toLowerCase() + str.substr(1).toLowerCase().replace(/(_[a-z])/g, function ($1) {
+    return $1.toUpperCase().replace('_', '');
+  });
+});
+
+/**
+ * Normalizes an object or array of objects by converting keys from snake_case to camelCase.
+ * This function handles nested objects and arrays recursively.
+ *
+ * Example:
+ * Before:
+ * {
+ *   @id: "123",
+ *   event_type: "foo",
+ *   event_price: {
+ *     is_free: false
+ *   }
+ * }
+ * After:
+ * {
+ *   internalId: "123",
+ *   eventType: "foo",
+ *   eventPrice: {
+ *     isFree: false
+ *   }
+ * }
+ *
+ * @template T - The type of the input value.
+ * @param {T} value - The object, array, or primitive to normalize.
+ * @returns {T} - A new object or array with normalized keys, or the original value if it's a primitive.
+ */
+function normalizeKeys(value) {
+  // If the value is an array, map over it and recursively call normalizeKeys for each item.
+  if (Array.isArray(value)) {
+    return value.map(normalizeKeys);
+  }
+  // If the value is an object (and not null), recursively call normalizeKeys for its values.
+  if (value && defaultConfig._typeof(value) === 'object' && value.constructor === Object) {
+    // We use a type assertion here to build the new object.
+    var obj = {};
+    var keys = Object.keys(value);
+    var len = keys.length;
+    for (var i = 0; i < len; i += 1) {
+      var currentKey = keys[i];
+      var normalizedKey = normalizeKey(currentKey);
+      // Recursively normalize the value associated with the current key
+      obj[normalizedKey] = normalizeKeys(value[currentKey]);
+    }
+    return obj;
+  }
+  // If the value is a primitive (string, number, boolean, null, etc.), return it directly.
+  return value;
+}
+
+var LINKEDEVENTS_DATE_NOW = 'now';
+
+/**
+ * @param {ids} ids - the venue ids in number format.
+ * @return {Array} - Returns array of tprek formatted string ids.
+ */
+function getVenueIds(ids) {
+  return ids.map(function (id) {
+    return "tprek:".concat(id);
+  });
+}
+/**
+ * @param {event} - event.
+ * @return {boolean} - Returns true if events' end time in past.
+ */
+var isEventEndTimeInPast = function isEventEndTimeInPast(event) {
+  return !!(event !== null && event !== void 0 && event.endTime) && dateFns.isPast(new Date(event.endTime));
+};
+/**
+ * @param {event} - event.
+ * @return {boolean} - Returns true if events' end time in null and start time in past.
+ */
+var isEventEndTimeNullAndStartTimeInPast = function isEventEndTimeNullAndStartTimeInPast(event) {
+  return !!(event !== null && event !== void 0 && event.startTime) && (event === null || event === void 0 ? void 0 : event.endTime) === null && dateFns.isPast(new Date(event.startTime));
+};
+/**
+ * @param {event} - event.
+ * @return {boolean} - Returns true if event is closed.
+ */
+var isEventClosed = function isEventClosed(event) {
+  return isEventEndTimeInPast(event) || isEventEndTimeNullAndStartTimeInPast(event);
+};
+/**
+ * @param {params} - Get params.
+ * @return {object} - Returns normalized values.
+ */
+var normalizeParamsValues = function normalizeParamsValues(params) {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  var normalizedParams = defaultConfig._objectSpread2({}, normalizeKeys(params));
+  // Fix for course event type lower case
+  if (normalizedParams.eventType) {
+    normalizedParams.eventType = normalizedParams.eventType.charAt(0).toUpperCase() + normalizedParams.eventType.slice(1);
+  }
+  // Fix boolean types
+  Object.keys(normalizedParams).forEach(function (param) {
+    if (normalizedParams[param] === 'true') {
+      normalizedParams[param] = true;
+    } else if (normalizedParams[param] === 'false') {
+      normalizedParams[param] = false;
+    }
+  });
+  return normalizedParams;
+};
+/**
+ * @param {dateString} - Get date string.
+ * @return {boolean} - Returns true if the date is valid
+ */
+function isValidDate(dateString) {
+  return !Number.isNaN(Date.parse(dateString));
+}
+/**
+ * @param {start} start - Get start date.
+ * @return {boolean} - Returns current date as string if the initial was in past.
+ */
+var convertDateStringInPastToNow = function convertDateStringInPastToNow(start) {
+  var startDate = new Date(start);
+  var now = new Date();
+  if (isValidDate(start) && startDate <= now) {
+    return LINKEDEVENTS_DATE_NOW;
+  }
+  return start;
+};
+
+var _excluded$2 = ["children", "isLoading", "loadingText"];
+function LoadingButton(_ref) {
+  var children = _ref.children,
+    isLoading = _ref.isLoading,
+    loadingText = _ref.loadingText,
+    rest = defaultConfig._objectWithoutProperties(_ref, _excluded$2);
+  var disabled = isLoading ? true : rest.disabled;
+  var iconStart = isLoading ? /*#__PURE__*/React.createElement(hdsReact.LoadingSpinner, {
+    small: true
+  }) : null;
+  var variant = isLoading ? hdsReact.ButtonVariant.Clear : hdsReact.ButtonVariant.Primary;
+  return /*#__PURE__*/React.createElement(hdsReact.Button, defaultConfig._objectSpread2(defaultConfig._objectSpread2({}, rest), {}, {
+    variant: variant,
+    disabled: disabled || isLoading,
+    iconStart: iconStart,
+    style: {
+      cursor: isLoading ? 'wait' : ''
+    }
+  }), isLoading ? String(loadingText) : String(children));
+}
+
+var _excluded$1 = ["cards"],
+  _excluded2 = ["cards", "onLoadMore", "hasMore", "loading", "loadMoreButtonLabelText", "title"],
+  _excluded3 = ["collection", "convertPastDatesToNow"],
+  _excluded4 = ["collection"],
+  _excluded5 = ["collection", "locale"],
+  _excluded6 = ["collection"];
+function CollectionGrid(_ref) {
+  var cards = _ref.cards,
+    rest = defaultConfig._objectWithoutProperties(_ref, _excluded$1);
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles$8.gridWrapper
+  }, /*#__PURE__*/React.createElement(Grid, defaultConfig._objectSpread2({
+    className: styles$8.grid
+  }, rest), cards));
+}
+function CollectionCarousel(_ref2) {
+  var cards = _ref2.cards,
+    onLoadMore = _ref2.onLoadMore,
+    hasMore = _ref2.hasMore,
+    loading = _ref2.loading,
+    loadMoreButtonLabelText = _ref2.loadMoreButtonLabelText,
+    title = _ref2.title,
+    rest = defaultConfig._objectWithoutProperties(_ref2, _excluded2);
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles$8.carouselWrapper
+  }, /*#__PURE__*/React.createElement(Carousel, defaultConfig._objectSpread2({
+    title: title,
+    className: styles$8.carousel,
+    onLoadMore: onLoadMore,
+    hasMore: hasMore,
+    loading: loading,
+    loadMoreButtonLabelText: loadMoreButtonLabelText,
+    withDots: true,
+    navigateWithDots: true
+  }, rest), cards));
+}
+function Collection(_ref3) {
+  var title = _ref3.title,
+    description = _ref3.description,
+    cards = _ref3.cards,
+    className = _ref3.className,
+    collectionContainerProps = _ref3.collectionContainerProps,
+    _ref3$type = _ref3.type,
+    type = _ref3$type === void 0 ? 'grid' : _ref3$type,
+    _ref3$loading = _ref3.loading,
+    loading = _ref3$loading === void 0 ? false : _ref3$loading,
+    _ref3$hasNext = _ref3.hasNext,
+    hasNext = _ref3$hasNext === void 0 ? false : _ref3$hasNext,
+    onLoadMore = _ref3.onLoadMore,
+    showAllUrl = _ref3.showAllUrl;
+  var _useConfig = useConfig(),
+    _useConfig$copy = _useConfig.copy,
+    loadMoreButtonLabelText = _useConfig$copy.loadMoreButtonLabelText,
+    showAllText = _useConfig$copy.showAllText;
+  var componentForType = {
+    carousel: (/*#__PURE__*/React.createElement(CollectionCarousel, defaultConfig._objectSpread2({
+      cards: cards,
+      onLoadMore: onLoadMore,
+      hasMore: hasNext,
+      loading: loading,
+      loadMoreButtonLabelText: loadMoreButtonLabelText,
+      title: title
+    }, collectionContainerProps))),
+    // todo: initial grid items amout (3) take from config or headless cms when implemented
+    grid: (/*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CollectionGrid, defaultConfig._objectSpread2({
+      cards: cards
+    }, collectionContainerProps)), hasNext && (/*#__PURE__*/React.createElement(LoadingButton, {
+      className: styles$8.loadMoreButton,
+      onClick: onLoadMore,
+      isLoading: loading
+    }, loadMoreButtonLabelText))))
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames(styles$8[type], className)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles$8.collection
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classNames(styles$8.headerRow, showAllUrl ? styles$8.withShowAll : '')
+  }, title && (/*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("h2", {
+    className: classNames(styles$8.heading, type === 'carousel' && styles$8.carousel)
+  }, title), showAllUrl && showAllText && (/*#__PURE__*/React.createElement(Link, {
+    className: styles$8.showAll,
+    href: showAllUrl
+  }, showAllText))))), description && /*#__PURE__*/React.createElement("p", {
+    className: styles$8.description
+  }, description), componentForType[type]));
+}
+function getEventCollectionCards(_ref4) {
+  var items = _ref4.items,
+    getRoutedInternalHref = _ref4.getRoutedInternalHref,
+    getEventCardProps = _ref4.getEventCardProps,
+    EventCardContent = _ref4.EventCardContent,
+    HelsinkiCityOwnedIcon = _ref4.HelsinkiCityOwnedIcon,
+    organisationPrefixes = _ref4.organisationPrefixes,
+    _ref4$locale = _ref4.locale,
+    locale = _ref4$locale === void 0 ? defaultConfig.DEFAULT_LOCALE : _ref4$locale;
+  var cards = items.map(function (item) {
+    return getEventCardProps(item, organisationPrefixes, locale);
+  }).map(function (cardProps, i) {
+    var url = getRoutedInternalHref(cardProps.url, undefined);
+    return /*#__PURE__*/React.createElement(Card, defaultConfig._objectSpread2(defaultConfig._objectSpread2({
+      key: cardProps.id
+    }, cardProps), {}, {
+      url: url,
+      direction: "fixed-vertical",
+      customContent: EventCardContent && /*#__PURE__*/React.createElement(EventCardContent, {
+        event: items[i]
+      }),
+      titleIcon: cardProps.withTitleIcon && HelsinkiCityOwnedIcon && /*#__PURE__*/React.createElement(HelsinkiCityOwnedIcon, null)
+    }));
+  });
+  return cards;
+}
+/**
+ * EventSearchCollection uses an (LinkedEvents) URL to make a API query to fetch the related events.
+ *
+ * Use `convertPastDatesToNow = true` to fix an issue (between the CMS and the LinkedEvents) when old ended events are shown.
+ */
+function EventSearchCollection(_ref5) {
+  var _url$split$, _eventsList$data;
+  var collection = _ref5.collection,
+    _ref5$convertPastDate = _ref5.convertPastDatesToNow,
+    convertPastDatesToNow = _ref5$convertPastDate === void 0 ? true : _ref5$convertPastDate,
+    delegatedProps = defaultConfig._objectWithoutProperties(_ref5, _excluded3);
+  var eventsApolloClient = useQueryWithEventsApolloClientFromConfig();
+  var _useConfig2 = useConfig(),
+    currentLanguageCode = _useConfig2.currentLanguageCode,
+    organisationPrefixes = _useConfig2.organisationPrefixes,
+    _useConfig2$utils = _useConfig2.utils,
+    _getRoutedInternalHref = _useConfig2$utils.getRoutedInternalHref,
+    getEventCardProps = _useConfig2$utils.getEventCardProps,
+    _useConfig2$component = _useConfig2.components,
+    EventCardContent = _useConfig2$component.EventCardContent,
+    HelsinkiCityOwnedIcon = _useConfig2$component.HelsinkiCityOwnedIcon;
+  var url = collection.url;
+  // TODO: use initAmountOfEvents -field when it's null-issue is fixed
+  // initAmountOfEvents only in case if load more is implemented (this feature is skipped now)
+  var pageSize = 9; // collection.initAmountOfEvents
+  var searchParams = new URLSearchParams((_url$split$ = url.split('?')[1]) !== null && _url$split$ !== void 0 ? _url$split$ : url.split('?')[0]);
+  var params = Object.fromEntries(searchParams.entries());
+  var normalizedParams = normalizeParamsValues(params);
+  var start = convertPastDatesToNow ? convertDateStringInPastToNow(normalizedParams.start) : normalizedParams.start;
+  var variables = defaultConfig._objectSpread2(defaultConfig._objectSpread2({}, normalizedParams), {}, {
+    start: start,
+    pageSize: pageSize,
+    include: ['in_language', 'keywords', 'location', 'audience']
+  });
+  var _useEventListQuery = useEventListQuery({
+      client: eventsApolloClient !== 'disabled' ? eventsApolloClient : undefined,
+      ssr: false,
+      notifyOnNetworkStatusChange: true,
+      variables: variables
+    }),
+    data = _useEventListQuery.data,
+    loading = _useEventListQuery.loading;
+  var eventsList = data === null || data === void 0 ? void 0 : data.eventList;
+  if (!data && loading) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: styles$8.loadingSpinnerWrapper
+    }, /*#__PURE__*/React.createElement(hdsReact.LoadingSpinner, {
+      multicolor: true
+    }));
+  }
+  var cards = getEventCollectionCards({
+    items: (_eventsList$data = eventsList === null || eventsList === void 0 ? void 0 : eventsList.data) !== null && _eventsList$data !== void 0 ? _eventsList$data : [],
+    getRoutedInternalHref: function getRoutedInternalHref(link, type) {
+      return _getRoutedInternalHref(link, type !== null && type !== void 0 ? type : exports.ModuleItemTypeEnum.Event);
+    },
+    getEventCardProps: getEventCardProps,
+    EventCardContent: EventCardContent,
+    HelsinkiCityOwnedIcon: HelsinkiCityOwnedIcon,
+    organisationPrefixes: organisationPrefixes,
+    locale: currentLanguageCode
+  });
+  return /*#__PURE__*/React.createElement(Collection, defaultConfig._objectSpread2(defaultConfig._objectSpread2({}, delegatedProps), {}, {
+    cards: cards
+  }));
+}
+function EventSelectionCollection(_ref6) {
+  var _data$eventsByIds$dat;
+  var collection = _ref6.collection,
+    delegatedProps = defaultConfig._objectWithoutProperties(_ref6, _excluded4);
+  var eventsApolloClient = useQueryWithEventsApolloClientFromConfig();
+  var _useConfig3 = useConfig(),
+    currentLanguageCode = _useConfig3.currentLanguageCode,
+    organisationPrefixes = _useConfig3.organisationPrefixes,
+    _useConfig3$utils = _useConfig3.utils,
+    _getRoutedInternalHref2 = _useConfig3$utils.getRoutedInternalHref,
+    getEventCardProps = _useConfig3$utils.getEventCardProps,
+    _useConfig3$component = _useConfig3.components,
+    EventCardContent = _useConfig3$component.EventCardContent,
+    HelsinkiCityOwnedIcon = _useConfig3$component.HelsinkiCityOwnedIcon;
+  // TODO: use initAmountOfEvents -field when it's null-issue is fixed
+  var pageSize = collection.events.length; // collection.initAmountOfEvents
+  var _useEventsByIdsQuery = useEventsByIdsQuery({
+      client: eventsApolloClient !== 'disabled' ? eventsApolloClient : undefined,
+      ssr: false,
+      notifyOnNetworkStatusChange: true,
+      skip: collection.events.length === 0,
+      variables: {
+        ids: collection.events,
+        pageSize: pageSize,
+        include: ['in_language', 'keywords', 'location', 'audience'],
+        eventType: [EventTypeId.General, EventTypeId.Course]
+      }
+    }),
+    data = _useEventsByIdsQuery.data,
+    loading = _useEventsByIdsQuery.loading;
+  // Reduce past events that are no longer available and therefore do not need to be displayed
+  var eventsListFiltered = (_data$eventsByIds$dat = data === null || data === void 0 ? void 0 : data.eventsByIds.data.filter(function (event) {
+    return !isEventClosed(event);
+  })) !== null && _data$eventsByIds$dat !== void 0 ? _data$eventsByIds$dat : [];
+  var eventsListSorted = [];
+  // sorting events in the same order it was defined in cms
+  if ((eventsListFiltered === null || eventsListFiltered === void 0 ? void 0 : eventsListFiltered.length) > 0) {
+    collection.events.forEach(function (eventId) {
+      var event = eventsListFiltered.find(function (eventData) {
+        return eventData.id === eventId;
+      });
+      if (event) {
+        eventsListSorted.push(event);
+      }
+    });
+  }
+  if (!data && loading) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: styles$8.loadingSpinnerWrapper
+    }, /*#__PURE__*/React.createElement(hdsReact.LoadingSpinner, {
+      multicolor: true
+    }));
+  }
+  var cards = getEventCollectionCards({
+    items: eventsListSorted,
+    getRoutedInternalHref: function getRoutedInternalHref(link, type) {
+      return _getRoutedInternalHref2(link, type !== null && type !== void 0 ? type : exports.ModuleItemTypeEnum.Event);
+    },
+    getEventCardProps: getEventCardProps,
+    EventCardContent: EventCardContent,
+    HelsinkiCityOwnedIcon: HelsinkiCityOwnedIcon,
+    organisationPrefixes: organisationPrefixes,
+    locale: currentLanguageCode
+  });
+  return /*#__PURE__*/React.createElement(Collection, defaultConfig._objectSpread2(defaultConfig._objectSpread2({}, delegatedProps), {}, {
+    cards: cards
+  }));
+}
+function getLocationsCollectionCards(_ref7) {
+  var items = _ref7.items,
+    getRoutedInternalHref = _ref7.getRoutedInternalHref,
+    getLocationCardProps = _ref7.getLocationCardProps,
+    VenueCardContent = _ref7.VenueCardContent,
+    HelsinkiCityOwnedIcon = _ref7.HelsinkiCityOwnedIcon;
+  var cards = items.map(function (item) {
+    return getLocationCardProps(item);
+  }).map(function (cardProps, i) {
+    var url = getRoutedInternalHref(cardProps.url, exports.ModuleItemTypeEnum.Venue);
+    return /*#__PURE__*/React.createElement(Card, defaultConfig._objectSpread2(defaultConfig._objectSpread2({
+      key: cardProps.id
+    }, cardProps), {}, {
+      url: url,
+      titleIcon: cardProps.withTitleIcon && HelsinkiCityOwnedIcon && /*#__PURE__*/React.createElement(HelsinkiCityOwnedIcon, null),
+      direction: "fixed-vertical",
+      customContent: VenueCardContent && /*#__PURE__*/React.createElement(VenueCardContent, {
+        location: items[i]
+      })
+    }));
+  });
+  return cards;
+}
+function LocationsSelectionCollection(_ref8) {
+  var collection = _ref8.collection,
+    locale = _ref8.locale,
+    delegatedProps = defaultConfig._objectWithoutProperties(_ref8, _excluded5);
+  var venuesApolloClient = useQueryWithVenuesApolloClientFromConfig();
+  var _useConfig4 = useConfig(),
+    _useConfig4$utils = _useConfig4.utils,
+    _getRoutedInternalHref3 = _useConfig4$utils.getRoutedInternalHref,
+    getLocationCardProps = _useConfig4$utils.getLocationCardProps,
+    _useConfig4$component = _useConfig4.components,
+    VenueCardContent = _useConfig4$component.VenueCardContent,
+    HelsinkiCityOwnedIcon = _useConfig4$component.HelsinkiCityOwnedIcon;
+  var _useVenuesByIdsQuery = useVenuesByIdsQuery({
+      client: venuesApolloClient !== 'disabled' ? venuesApolloClient : undefined,
+      ssr: false,
+      notifyOnNetworkStatusChange: true,
+      variables: {
+        ids: getVenueIds(collection.venues)
+      },
+      context: {
+        headers: {
+          'Accept-Language': locale
+        }
+      }
+    }),
+    data = _useVenuesByIdsQuery.data,
+    loading = _useVenuesByIdsQuery.loading;
+  var venuesList = data === null || data === void 0 ? void 0 : data.venuesByIds;
+  if (!data && loading) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: styles$8.loadingSpinnerWrapper
+    }, /*#__PURE__*/React.createElement(hdsReact.LoadingSpinner, {
+      multicolor: true
+    }));
+  }
+  var cards = getLocationsCollectionCards({
+    items: venuesList !== null && venuesList !== void 0 ? venuesList : [],
+    getRoutedInternalHref: function getRoutedInternalHref(link) {
+      return _getRoutedInternalHref3(link, exports.ModuleItemTypeEnum.Venue);
+    },
+    getLocationCardProps: getLocationCardProps,
+    VenueCardContent: VenueCardContent,
+    HelsinkiCityOwnedIcon: HelsinkiCityOwnedIcon
+  });
+  return /*#__PURE__*/React.createElement(Collection, defaultConfig._objectSpread2(defaultConfig._objectSpread2({}, delegatedProps), {}, {
+    cards: cards
+  }));
+}
+function PageArticleCollection(_ref9) {
+  var collection = _ref9.collection,
+    delegatedProps = defaultConfig._objectWithoutProperties(_ref9, _excluded6);
+  var _useConfig5 = useConfig(),
+    _useConfig5$utils = _useConfig5.utils,
+    getRoutedInternalHref = _useConfig5$utils.getRoutedInternalHref,
+    getArticlePageCardProps = _useConfig5$utils.getArticlePageCardProps;
+  var cards = collection.items.reduce(function (result, item) {
+    if (defaultConfig.isPageType(item) || defaultConfig.isArticleType(item)) result.push(getArticlePageCardProps(item));
+    return result;
+  }, []).map(function (cardProps) {
+    var url = getRoutedInternalHref(cardProps.url, undefined);
+    return /*#__PURE__*/React.createElement(Card, defaultConfig._objectSpread2(defaultConfig._objectSpread2({
+      key: cardProps.id
+    }, cardProps), {}, {
+      url: url,
+      direction: "fixed-vertical"
+    }));
+  });
+  return /*#__PURE__*/React.createElement(Collection, defaultConfig._objectSpread2(defaultConfig._objectSpread2({}, delegatedProps), {}, {
+    showAllUrl: collection.showAllUrl,
+    cards: cards
+  }));
+}
+
+function ContentModule(_ref) {
+  var content = _ref.content,
+    backgroundColor = _ref.backgroundColor,
+    className = _ref.className;
+  var _useConfig = useConfig(),
+    _useConfig$htmlSaniti = _useConfig.htmlSanitizer,
+    allowedUnsafeTags = _useConfig$htmlSaniti.allowedUnsafeTags,
+    trustedOrigins = _useConfig$htmlSaniti.trustedOrigins;
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames(styles$h.pageModuleWrapper, styles$h.contentModuleWrapper, backgroundColor && colorStyles["background".concat(getColor(backgroundColor))], backgroundColor && isWhiteText(backgroundColor) && colorStyles.whiteText, backgroundColor ? styles$h.withPadding : '')
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classNames(className)
+  }, /*#__PURE__*/React.createElement(HtmlToReact, {
+    components: {
+      a: Link
+    },
+    allowedUnsafeTags: allowedUnsafeTags,
+    trustedOrigins: trustedOrigins
+  }, content || '')));
+}
+
+// todo: implement module
+function CardModule(props) {
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles$h.pageModuleWrapper
+  }, /*#__PURE__*/React.createElement(Card, defaultConfig._objectSpread2(defaultConfig._objectSpread2({}, props), {}, {
+    direction: "responsive-reverse",
+    imageLabel: "",
+    withBorder: true,
+    hasLink: false,
+    clampText: false
+  })));
+}
+
+var MAX_KEY_LENGTH = 200;
+function createHashKey(source) {
+  var data = typeof source === 'string' ? source : JSON.stringify(source);
+  return btoa(unescape(encodeURIComponent(data))).substring(0, MAX_KEY_LENGTH);
+}
+
+// todo: implement module
+function CardsModule(_ref) {
+  var items = _ref.items;
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames(styles$h.pageModuleWrapper, styles$h.cardsWrapper, items.length < 4 && styles$h.flexWrapper, items.length === 1 && styles$h.singleGridWrapper)
+  }, items === null || items === void 0 ? void 0 : items.map(function (card, index) {
+    var _card$link, _card$link2, _card$link3;
+    // The card module does not contain any proeprty that could be used as an unique id, so one needs to be created
+    var uniqueKey = createHashKey("".concat(index, "-").concat(card.title, "-").concat(card.description));
+    return /*#__PURE__*/React.createElement(SimpleCard, {
+      key: uniqueKey,
+      title: card.title,
+      description: card.description,
+      linkTarget: (_card$link = card.link) === null || _card$link === void 0 ? void 0 : _card$link.target,
+      linkTitle: (_card$link2 = card.link) === null || _card$link2 === void 0 ? void 0 : _card$link2.title,
+      linkUrl: (_card$link3 = card.link) === null || _card$link3 === void 0 ? void 0 : _card$link3.url,
+      backgroundColor: card.backgroundColor,
+      direction: items.length === 1 ? 'horisontal' : 'vertical',
+      icon: card.icon
+    });
+  }));
+}
+
+var ImageGalleryContext = /*#__PURE__*/React.createContext({
+  imageIndex: 0,
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
+  setImageIndex: function setImageIndex() {},
+  selectedImageIndex: -1,
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
+  setSelectedImageIndex: function setSelectedImageIndex() {},
+  isLightboxVisible: false,
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
+  setIsLightboxVisible: function setIsLightboxVisible() {},
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
+  toggleLightbox: function toggleLightbox() {}
+});
+
+function ImageGalleryProvider(_ref) {
+  var children = _ref.children;
+  var _useState = React.useState(0),
+    _useState2 = defaultConfig._slicedToArray(_useState, 2),
+    imageIndex = _useState2[0],
+    setImageIndex = _useState2[1];
+  var _useState3 = React.useState(-1),
+    _useState4 = defaultConfig._slicedToArray(_useState3, 2),
+    selectedImageIndex = _useState4[0],
+    setSelectedImageIndex = _useState4[1];
+  var _useState5 = React.useState(false),
+    _useState6 = defaultConfig._slicedToArray(_useState5, 2),
+    isLightboxVisible = _useState6[0],
+    setIsLightboxVisible = _useState6[1];
+  var toggleLightbox = React.useCallback(function () {
+    setIsLightboxVisible(function (prev) {
+      return !prev;
+    });
+  }, [setIsLightboxVisible]);
+  var config = React.useMemo(function () {
+    return {
+      imageIndex: imageIndex,
+      setImageIndex: setImageIndex,
+      selectedImageIndex: selectedImageIndex,
+      setSelectedImageIndex: setSelectedImageIndex,
+      isLightboxVisible: isLightboxVisible,
+      setIsLightboxVisible: setIsLightboxVisible,
+      toggleLightbox: toggleLightbox
+    };
+  }, [imageIndex, isLightboxVisible, selectedImageIndex, toggleLightbox]);
+  return /*#__PURE__*/React.createElement(ImageGalleryContext.Provider, {
+    value: config
+  }, children);
+}
+
+function useImageGalleryContext() {
+  var context = React.useContext(ImageGalleryContext);
+  if (!context) {
+    throw new Error("Image gallery components cannot be used outside the ImageGalleryProvider");
+  }
+  return context;
+}
+
+var css_248z$4 = ".imageGallery-module_imageCardWrapper__dTEII{margin:0!important;overflow:hidden;position:relative;width:100%}.imageGallery-module_imageCardWrapper__dTEII .imageGallery-module_imageWrapper__Gdx5g{aspect-ratio:3/2;background-position:50%;background-repeat:no-repeat;background-size:cover;border:2px solid transparent;box-sizing:border-box;width:100%}.imageGallery-module_imageCardWrapper__dTEII .imageGallery-module_imageWrapper__Gdx5g.imageGallery-module_withLightbox__6jLvc:focus{border:2px solid var(--color-black);outline:2px solid var(--color-black)}.imageGallery-module_imageCardWrapper__dTEII .imageGallery-module_imageWrapper__Gdx5g.imageGallery-module_withBorder__uUw5x{border:2px solid var(--color-black-90)}.imageGallery-module_photographer__fwPdR{margin:var(--spacing-xs) 0;word-break:break-all}.imageGallery-module_photographer__fwPdR.imageGallery-module_withMargin__WBGSQ{margin:var(--spacing-xs)}.imageGallery-module_link__n91FJ{display:inline-block;height:100%;left:0;position:absolute;top:0;width:100%}.imageGallery-module_lightbox__T4cmg{align-items:center;background-color:rgba(0,0,0,.6);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10}.imageGallery-module_lightbox__T4cmg .imageGallery-module_lightboxContent__5Yag-{align-items:center;display:flex;height:100%;justify-content:center;margin:var(--spacing-m);max-height:90%;max-width:100%;position:absolute}.imageGallery-module_lightbox__T4cmg .imageGallery-module_lightboxContent__5Yag- .imageGallery-module_inner__OPlsi{background:#fff;display:flex;flex-direction:column;max-height:100%;position:relative;width:100%}.imageGallery-module_lightbox__T4cmg .imageGallery-module_lightboxContent__5Yag- .imageGallery-module_inner__OPlsi img{width:100%}.imageGallery-module_closeButton__D5W0J{background:0 0;border:none;color:var(--color-white);cursor:pointer;padding:0;position:absolute;right:0;top:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.imageGallery-module_closeButton__D5W0J svg{fill:none;background-color:var(--color-white);display:block;mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3Cpath fill='currentColor' d='M18 7.5 13.5 12l4.5 4.5-1.5 1.5-4.5-4.5L7.5 18 6 16.5l4.5-4.5L6 7.5 7.5 6l4.5 4.5L16.5 6z'/%3E%3C/g%3E%3C/svg%3E\");-webkit-transition:.3s;transition:.3s;width:1.5em}.imageGallery-module_actionsWrapper__IBaAP{display:flex;gap:8px;justify-content:space-between;padding:var(--spacing-xs)}.imageGallery-module_actionsWrapper__IBaAP button:focus{outline-color:var(--color-black)}.imageGallery-module_actionsWrapper__IBaAP button>div,.imageGallery-module_actionsWrapper__IBaAP button>span{margin:0!important;padding:0!important}.imageGallery-module_imageItemWrapper__Ug-Ma{display:flex;flex:1;flex-direction:column;overflow:hidden}.imageGallery-module_imageItemWrapper__Ug-Ma.imageGallery-module_withLightbox__6jLvc{cursor:pointer}";
+var styles$4 = {"imageCardWrapper":"imageGallery-module_imageCardWrapper__dTEII","imageWrapper":"imageGallery-module_imageWrapper__Gdx5g","withLightbox":"imageGallery-module_withLightbox__6jLvc","withBorder":"imageGallery-module_withBorder__uUw5x","photographer":"imageGallery-module_photographer__fwPdR","withMargin":"imageGallery-module_withMargin__WBGSQ","lightbox":"imageGallery-module_lightbox__T4cmg","lightboxContent":"imageGallery-module_lightboxContent__5Yag-","inner":"imageGallery-module_inner__OPlsi","closeButton":"imageGallery-module_closeButton__D5W0J","actionsWrapper":"imageGallery-module_actionsWrapper__IBaAP","imageItemWrapper":"imageGallery-module_imageItemWrapper__Ug-Ma"};
+styleInject(css_248z$4);
+
+/* eslint-disable jsx-a11y/click-events-have-key-events */
+/* eslint-disable jsx-a11y/no-static-element-interactions */
+function ImageItem(_ref) {
+  var image = _ref.image,
+    imageId = _ref.imageId,
+    lightboxUid = _ref.lightboxUid,
+    withLightbox = _ref.withLightbox,
+    withBorder = _ref.withBorder;
+  var _useImageGalleryConte = useImageGalleryContext(),
+    isLightboxVisible = _useImageGalleryConte.isLightboxVisible,
+    setIsLightboxVisible = _useImageGalleryConte.setIsLightboxVisible,
+    setImageIndex = _useImageGalleryConte.setImageIndex,
+    setSelectedImageIndex = _useImageGalleryConte.setSelectedImageIndex,
+    toggleLightbox = _useImageGalleryConte.toggleLightbox;
+  var handleImageCardClick = function handleImageCardClick(e) {
+    e.preventDefault();
+    if (withLightbox) {
+      toggleLightbox();
+    }
+  };
+  var handleEnterKeyPress = function handleEnterKeyPress(event) {
+    if (withLightbox && event.key === 'Enter') {
+      setIsLightboxVisible(true);
+    }
+  };
+  var handleImageCardFocus = function handleImageCardFocus(index) {
+    setImageIndex(index);
+    // selected card index before opening the lightbox
+    setSelectedImageIndex(index);
+  };
+  var imageTitle = image.title || image.photographer;
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames(styles$4.imageItemWrapper, withLightbox ? styles$4.withLightbox : ''),
+    onClick: handleImageCardClick
+  }, /*#__PURE__*/React.createElement("figure", {
+    className: classNames(styles$4.imageCardWrapper, withLightbox ? styles$4.withLightbox : ''),
+    "aria-label": imageTitle
+  }, /*#__PURE__*/React.createElement("div", {
+    tabIndex: withLightbox && !isLightboxVisible ? 0 : -1,
+    id: "".concat(lightboxUid, "-card-").concat(imageId),
+    className: classNames(styles$4.imageWrapper, withBorder ? styles$4.withBorder : '', withLightbox ? styles$4.withLightbox : ''),
+    style: {
+      backgroundImage: "url(".concat(image.url)
+    },
+    onFocus: function onFocus() {
+      return handleImageCardFocus(imageId);
+    },
+    onKeyDown: handleEnterKeyPress
+  })), /*#__PURE__*/React.createElement("figcaption", {
+    className: styles$4.photographer
+  }, image.photographer));
+}
+
+function ImagesGrid(_ref) {
+  var images = _ref.images,
+    columns = _ref.columns,
+    lightboxUid = _ref.lightboxUid,
+    withLightbox = _ref.withLightbox,
+    withBorder = _ref.withBorder;
+  var _useImageGalleryConte = useImageGalleryContext(),
+    isLightboxVisible = _useImageGalleryConte.isLightboxVisible,
+    selectedImageIndex = _useImageGalleryConte.selectedImageIndex;
+  var gridContainerRef = React.useRef(null);
+  React.useEffect(function () {
+    if (!isLightboxVisible && selectedImageIndex !== -1) {
+      var gridContainer = gridContainerRef.current;
+      var selectedCard = gridContainer === null || gridContainer === void 0 ? void 0 : gridContainer.querySelector("[id=\"".concat(lightboxUid, "-card-").concat(selectedImageIndex, "\"]"));
+      if (selectedCard) {
+        selectedCard.focus();
+      }
+    }
+  }, [isLightboxVisible, selectedImageIndex, lightboxUid]);
+  return /*#__PURE__*/React.createElement("div", {
+    ref: gridContainerRef
+  }, /*#__PURE__*/React.createElement(Grid, {
+    colsCount: images.length === 1 ? 1 : columns
+  }, images.map(function (image, i) {
+    return /*#__PURE__*/React.createElement(ImageItem
+    // eslint-disable-next-line react/no-array-index-key
+    , {
+      // eslint-disable-next-line react/no-array-index-key
+      key: "grid-image-".concat(i),
+      imageId: i,
+      image: image,
+      lightboxUid: lightboxUid,
+      withLightbox: withLightbox,
+      withBorder: withBorder
+    });
+  })));
+}
+
+/* eslint-disable jsx-a11y/click-events-have-key-events */
+/* eslint-disable jsx-a11y/no-static-element-interactions */
+/* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
+function Lightbox(_ref) {
+  var images = _ref.images,
+    lightboxUid = _ref.lightboxUid;
+  var lightboxRef = React.useRef(null);
+  var barrierRef = React.useRef(null);
+  var _useImageGalleryConte = useImageGalleryContext(),
+    isLightboxVisible = _useImageGalleryConte.isLightboxVisible,
+    imageIndex = _useImageGalleryConte.imageIndex,
+    toggleLightbox = _useImageGalleryConte.toggleLightbox;
+  var handleEscapeKeyPress = React.useCallback(function (event) {
+    if (event.key === 'Escape') {
+      toggleLightbox();
+    }
+  }, [toggleLightbox]);
+  React.useEffect(function () {
+    var lightbox = lightboxRef.current;
+    if (!lightbox) return undefined;
+    var focusableElements = lightbox.querySelectorAll('button, [tabindex]:not([tabindex="-1"])');
+    var firstElement = focusableElements ? focusableElements[0] : null;
+    var lastElement = focusableElements ? focusableElements[focusableElements.length - 1] : null;
+    var handleTabKeyPress = function handleTabKeyPress(event) {
+      if (focusableElements && event.key === 'Tab') {
+        if (event.shiftKey && document.activeElement === firstElement) {
+          event.preventDefault();
+          lastElement === null || lastElement === void 0 || lastElement.focus();
+        } else if (!event.shiftKey && document.activeElement === lastElement) {
+          event.preventDefault();
+          focusableElements[0].focus();
+        }
+      }
+    };
+    if (isLightboxVisible) {
+      var _barrierRef$current;
+      (_barrierRef$current = barrierRef.current) === null || _barrierRef$current === void 0 || _barrierRef$current.focus();
+      lightbox.addEventListener('keydown', handleTabKeyPress);
+      lightbox.addEventListener('keydown', handleEscapeKeyPress);
+    }
+    return function () {
+      lightbox === null || lightbox === void 0 || lightbox.removeEventListener('keydown', handleTabKeyPress);
+      lightbox === null || lightbox === void 0 || lightbox.removeEventListener('keydown', handleEscapeKeyPress);
+    };
+  }, [isLightboxVisible, handleEscapeKeyPress]);
+  var imageTitle = images[imageIndex].title || images[imageIndex].photographer;
+  var imagePhotogrpher = images[imageIndex].photographer;
+  var imageUrl = images[imageIndex].url;
+  var renderLightboxComponent = function renderLightboxComponent() {
+    return /*#__PURE__*/React.createElement("div", {
+      id: lightboxUid,
+      role: "dialog",
+      "aria-modal": true,
+      "aria-labelledby": "".concat(lightboxUid, "-title"),
+      className: styles$4.lightbox,
+      onClick: toggleLightbox,
+      ref: lightboxRef
+    }, /*#__PURE__*/React.createElement("div", {
+      onClick: function onClick(e) {
+        e.stopPropagation();
+      },
+      className: styles$4.lightboxContent
+    }, /*#__PURE__*/React.createElement("div", {
+      className: styles$4.inner
+    }, /*#__PURE__*/React.createElement("h2", {
+      id: "".concat(lightboxUid, "-title"),
+      className: styles$4.screenReaderText,
+      ref: barrierRef,
+      tabIndex: -1
+    }, imageTitle), /*#__PURE__*/React.createElement("figure", {
+      className: styles$4.imageCardWrapper,
+      "aria-label": imageTitle
+    }, /*#__PURE__*/React.createElement("img", {
+      alt: imageTitle,
+      src: imageUrl
+    })), /*#__PURE__*/React.createElement("figcaption", {
+      className: classNames(styles$4.photographer, styles$4.withMargin)
+    }, imagePhotogrpher), images.length > 1 && /*#__PURE__*/React.createElement(Lightbox.Actions, {
+      images: images
+    }), /*#__PURE__*/React.createElement(Lightbox.CloseButton, {
+      lightboxUid: lightboxUid
+    }))));
+  };
+  return isLightboxVisible ? /*#__PURE__*/ReactDOM.createPortal(renderLightboxComponent(), document.body) : null;
+}
+function Actions(_ref2) {
+  var images = _ref2.images;
+  var _useImageGalleryConte2 = useImageGalleryContext(),
+    imageIndex = _useImageGalleryConte2.imageIndex,
+    setImageIndex = _useImageGalleryConte2.setImageIndex;
+  var handleNextClick = function handleNextClick() {
+    setImageIndex(function (prev) {
+      return imageIndex === images.length - 1 ? 0 : prev + 1;
+    });
+  };
+  var handlePreviousClick = function handlePreviousClick() {
+    setImageIndex(function (prev) {
+      return imageIndex === 0 ? images.length - 1 : prev - 1;
+    });
+  };
+  var _useConfig = useConfig(),
+    _useConfig$copy = _useConfig.copy,
+    previous = _useConfig$copy.previous,
+    next = _useConfig$copy.next;
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles$4.actionsWrapper
+  }, /*#__PURE__*/React.createElement(hdsReact.Button, {
+    iconStart: /*#__PURE__*/React.createElement(hdsReact.IconAngleLeft, null),
+    onClick: handlePreviousClick,
+    theme: hdsReact.ButtonPresetTheme.Black,
+    variant: hdsReact.ButtonVariant.Secondary,
+    "aria-label": previous
+  }, previous), /*#__PURE__*/React.createElement(hdsReact.Button, {
+    iconStart: /*#__PURE__*/React.createElement(hdsReact.IconAngleRight, null),
+    onClick: handleNextClick,
+    theme: hdsReact.ButtonPresetTheme.Black,
+    variant: hdsReact.ButtonVariant.Secondary,
+    "aria-label": next
+  }, next));
+}
+function CloseButton(_ref3) {
+  var lightboxUid = _ref3.lightboxUid;
+  var _useImageGalleryConte3 = useImageGalleryContext(),
+    toggleLightbox = _useImageGalleryConte3.toggleLightbox;
+  var _useConfig2 = useConfig(),
+    closeButtonLabelText = _useConfig2.copy.closeButtonLabelText;
+  return /*#__PURE__*/React.createElement("button", {
+    className: styles$4.closeButton,
+    id: "close-".concat(lightboxUid),
+    type: "button",
+    "aria-controls": lightboxUid.toString(),
+    "aria-expanded": "true",
+    onClick: toggleLightbox
+  }, /*#__PURE__*/React.createElement("span", {
+    className: styles$4.screenReaderText
+  }, closeButtonLabelText), /*#__PURE__*/React.createElement("svg", {
+    viewBox: "0 0 24 24",
+    "aria-hidden": "true",
+    tabIndex: -1
+  }));
+}
+Lightbox.Actions = Actions;
+Lightbox.CloseButton = CloseButton;
+
+function ImageGallery(_ref) {
+  var images = _ref.images,
+    _ref$withBorder = _ref.withBorder,
+    withBorder = _ref$withBorder === void 0 ? false : _ref$withBorder,
+    _ref$withLightbox = _ref.withLightbox,
+    withLightbox = _ref$withLightbox === void 0 ? true : _ref$withLightbox,
+    lightboxUid = _ref.lightboxUid,
+    _ref$columns = _ref.columns,
+    columns = _ref$columns === void 0 ? 5 : _ref$columns;
+  return /*#__PURE__*/React.createElement(ImageGalleryProvider, null, withLightbox && /*#__PURE__*/React.createElement(Lightbox, {
+    lightboxUid: lightboxUid,
+    images: images
+  }), /*#__PURE__*/React.createElement(ImagesGrid, {
+    images: images,
+    columns: columns,
+    lightboxUid: lightboxUid,
+    withBorder: withBorder,
+    withLightbox: withLightbox
+  }));
+}
+
+function ImageGalleryModule(props) {
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles$h.pageModuleWrapper
+  }, /*#__PURE__*/React.createElement(ImageGallery, defaultConfig._objectSpread2({}, props)));
+}
+
+function StepsModule(_ref) {
+  var title = _ref.title,
+    helpText = _ref.helpText,
+    color = _ref.color,
+    steps = _ref.steps,
+    type = _ref.type,
+    className = _ref.className;
+  var stepsContents = steps === null || steps === void 0 ? void 0 : steps.map(function (step, index) {
+    // The card module does not contain any proeprty that could be used as an unique id, so one needs to be created
+    var uniqueKey = createHashKey("".concat(index, "-").concat(step.title, "-").concat(step.content));
+    return {
+      key: uniqueKey,
+      title: getTextFromHtml(step.title),
+      description: getTextFromHtml(step.content)
+    };
+  });
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles$h.pageModuleWrapper
+  }, /*#__PURE__*/React.createElement(hdsReact.StepByStep, {
+    numberedList: type === 'numbers',
+    className: classNames(color && colorStyles["backgroundListItem".concat(getColor(color))], color && isWhiteText(color) && colorStyles.whiteTextList, styles$h.stepsContainer, className),
+    helpText: getTextFromHtml(helpText !== null && helpText !== void 0 ? helpText : ''),
+    steps: stepsContents !== null && stepsContents !== void 0 ? stepsContents : [],
+    title: title
+  }));
+}
+
+var css_248z$3 = ".pageContentBreadcrumb-module_container__Nq6Hc nav{margin:0}";
+var styles$3 = {"container":"pageContentBreadcrumb-module_container__Nq6Hc"};
+styleInject(css_248z$3);
+
+function PageContentBreadcrumb(_ref) {
+  var breadcrumbs = _ref.breadcrumbs;
+  var _useConfig = useConfig(),
+    breadcrumbNavigationLabel = _useConfig.copy.breadcrumbNavigationLabel;
+  var listItems = defaultConfig.getBreadcrumbListItems(breadcrumbs);
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles$3.container
+  }, /*#__PURE__*/React.createElement(hdsReact.Breadcrumb, {
+    "aria-label": breadcrumbNavigationLabel,
+    list: listItems
+  }));
+}
+
+function SocialMediaFeedModule(_ref) {
+  var anchor = _ref.anchor,
+    title = _ref.title,
+    script = _ref.script;
+  var _useConfig = useConfig(),
+    trustedOrigins = _useConfig.htmlSanitizer.trustedOrigins;
+  var scriptWrapperRef = React.useRef(null);
+  var clean = React.useMemo(function () {
+    return DOMPurify.sanitize(script !== null && script !== void 0 ? script : '', {
+      FORCE_BODY: true,
+      ADD_TAGS: ['script', 'div']
+    });
+  }, [script]);
+  React.useLayoutEffect(function () {
+    var _scriptWrapperRef$cur;
+    if ((_scriptWrapperRef$cur = scriptWrapperRef.current) !== null && _scriptWrapperRef$cur !== void 0 && _scriptWrapperRef$cur.innerHTML) {
+      var range = document.createRange();
+      range.selectNode(scriptWrapperRef.current);
+      var documentFragment = range.createContextualFragment(scriptWrapperRef.current.innerHTML);
+      scriptWrapperRef.current.innerHTML = '';
+      scriptWrapperRef.current.append(documentFragment);
+    }
+  }, [clean, trustedOrigins]);
+  var sanitizeScripts = function sanitizeScripts(domNode) {
+    if ('attribs' in domNode) {
+      if (domNode.name === 'script' && !isTrustedOrigin(domNode.attribs.src, trustedOrigins !== null && trustedOrigins !== void 0 ? trustedOrigins : [])) {
+        // eslint-disable-next-line no-console
+        console.warn('The unsafe social media feed script is not allowed. Please enable it in hcrc library configs.');
+        return /*#__PURE__*/React.createElement("div", null);
+      }
+    }
+    return domNode;
+  };
+  var htmlReactParserOptions = {
+    replace: function replace(domNode) {
+      return sanitizeScripts(domNode);
+    }
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    id: anchor,
+    className: styles$h.pageModuleWrapper
+  }, title && (/*#__PURE__*/React.createElement(Text, {
+    as: "h2",
+    variant: "h2"
+  }, title)), /*#__PURE__*/React.createElement("div", {
+    ref: scriptWrapperRef
+  }, parse(clean, htmlReactParserOptions)));
+}
+
+var initialValue = {
+  page: null
+};
+var PageContext = /*#__PURE__*/React.createContext(initialValue);
+
+function PageContextProvider(_ref) {
+  var page = _ref.page,
+    children = _ref.children;
+  var context = React.useMemo(function () {
+    return {
+      page: page
+    };
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [page === null || page === void 0 ? void 0 : page.id, page === null || page === void 0 ? void 0 : page.uri]);
+  return /*#__PURE__*/React.createElement(PageContext.Provider, {
+    value: context
+  }, children);
+}
+
+var _excluded = ["page", "breadcrumbs", "collections", "heroContainer", "backUrl", "sidebarContentProps", "PageContentLayoutComponent", "content", "shareLinks", "className", "onArticlesSearch"];
+// Modules: Content, Image, Cards, Steps (possibly other in future)
+var defaultContentModules = function defaultContentModules(page) {
+  var _page$modules;
+  var contentModules = [];
+  page === null || page === void 0 || (_page$modules = page.modules) === null || _page$modules === void 0 || _page$modules.map(function (module, index) {
+    var uniqueKey = createHashKey("".concat(index, "-").concat(JSON.stringify(module)));
+    if (defaultConfig.isLayoutContent(module)) {
+      var _module$content, _module$backgroundCol;
+      contentModules.push(/*#__PURE__*/React.createElement(ContentModule, {
+        key: uniqueKey,
+        content: (_module$content = module.content) !== null && _module$content !== void 0 ? _module$content : undefined,
+        backgroundColor: (_module$backgroundCol = module.backgroundColor) !== null && _module$backgroundCol !== void 0 ? _module$backgroundCol : undefined
+      }));
+    } else if (defaultConfig.isLayoutCard(module)) {
+      var _module$title, _module$description, _module$backgroundCol2, _module$link$url, _module$link, _module$image;
+      contentModules.push(/*#__PURE__*/React.createElement(CardModule, {
+        key: uniqueKey,
+        title: (_module$title = module.title) !== null && _module$title !== void 0 ? _module$title : undefined,
+        text: (_module$description = module.description) !== null && _module$description !== void 0 ? _module$description : undefined,
+        backgroundColor: (_module$backgroundCol2 = module.backgroundColor) !== null && _module$backgroundCol2 !== void 0 ? _module$backgroundCol2 : undefined,
+        hasLink: true,
+        url: (_module$link$url = (_module$link = module.link) === null || _module$link === void 0 ? void 0 : _module$link.url) !== null && _module$link$url !== void 0 ? _module$link$url : undefined,
+        imageUrl: (_module$image = module.image) === null || _module$image === void 0 ? void 0 : _module$image.medium_large,
+        alignment: module.alignment
+      }));
+    } else if (defaultConfig.isLayoutCards(module)) {
+      var _module$cards$filter$, _module$cards;
+      var items = (_module$cards$filter$ = (_module$cards = module.cards) === null || _module$cards === void 0 ? void 0 : _module$cards.filter(function (card) {
+        return card !== null;
+      }).map(function (card) {
+        var _card$backgroundColor, _card$description, _card$description2, _card$icon, _card$link$title, _card$link, _card$link$target, _card$link2, _card$link$url, _card$link3;
+        return defaultConfig._objectSpread2(defaultConfig._objectSpread2({}, card), {}, {
+          backgroundColor: (_card$backgroundColor = card.backgroundColor) !== null && _card$backgroundColor !== void 0 ? _card$backgroundColor : undefined,
+          title: (_card$description = card.description) !== null && _card$description !== void 0 ? _card$description : undefined,
+          description: (_card$description2 = card.description) !== null && _card$description2 !== void 0 ? _card$description2 : undefined,
+          icon: (_card$icon = card.icon) !== null && _card$icon !== void 0 ? _card$icon : undefined,
+          link: defaultConfig._objectSpread2(defaultConfig._objectSpread2({}, card.link), {}, {
+            title: (_card$link$title = (_card$link = card.link) === null || _card$link === void 0 ? void 0 : _card$link.title) !== null && _card$link$title !== void 0 ? _card$link$title : undefined,
+            target: (_card$link$target = (_card$link2 = card.link) === null || _card$link2 === void 0 ? void 0 : _card$link2.target) !== null && _card$link$target !== void 0 ? _card$link$target : undefined,
+            url: (_card$link$url = (_card$link3 = card.link) === null || _card$link3 === void 0 ? void 0 : _card$link3.url) !== null && _card$link$url !== void 0 ? _card$link$url : undefined
+          })
+        });
+      })) !== null && _module$cards$filter$ !== void 0 ? _module$cards$filter$ : [];
+      contentModules.push(/*#__PURE__*/React.createElement(CardsModule, {
+        key: uniqueKey,
+        items: items
+      }));
+    } else if (defaultConfig.isLayoutImage(module)) {
+      var _module$image$medium_, _module$image2, _module$image$medium, _module$image3, _module$photographer_, _module$border, _module$show_on_light;
+      var image = {
+        url: (_module$image$medium_ = (_module$image2 = module.image) === null || _module$image2 === void 0 ? void 0 : _module$image2.medium_large) !== null && _module$image$medium_ !== void 0 ? _module$image$medium_ : '',
+        previewUrl: (_module$image$medium = (_module$image3 = module.image) === null || _module$image3 === void 0 ? void 0 : _module$image3.medium) !== null && _module$image$medium !== void 0 ? _module$image$medium : '',
+        photographer: (_module$photographer_ = module.photographer_name) !== null && _module$photographer_ !== void 0 ? _module$photographer_ : ''
+      };
+      contentModules.push(/*#__PURE__*/React.createElement(ImageGalleryModule, {
+        images: [image],
+        key: uniqueKey,
+        withBorder: (_module$border = module.border) !== null && _module$border !== void 0 ? _module$border : undefined,
+        withLightbox: (_module$show_on_light = module.show_on_lightbox) !== null && _module$show_on_light !== void 0 ? _module$show_on_light : undefined,
+        lightboxUid: "lightbox-".concat(index),
+        columns: 1
+      }));
+    } else if (defaultConfig.isLayoutImageGallery(module)) {
+      var _module$gallery$filte, _module$gallery;
+      var images = (_module$gallery$filte = (_module$gallery = module.gallery) === null || _module$gallery === void 0 ? void 0 : _module$gallery.filter(function (image) {
+        return !!image;
+      }).map(function (image) {
+        var _image$medium_large, _image$medium, _image$caption, _image$title;
+        return {
+          url: (_image$medium_large = image === null || image === void 0 ? void 0 : image.medium_large) !== null && _image$medium_large !== void 0 ? _image$medium_large : '',
+          previewUrl: (_image$medium = image === null || image === void 0 ? void 0 : image.medium) !== null && _image$medium !== void 0 ? _image$medium : '',
+          photographer: (_image$caption = image === null || image === void 0 ? void 0 : image.caption) !== null && _image$caption !== void 0 ? _image$caption : '',
+          title: (_image$title = image === null || image === void 0 ? void 0 : image.title) !== null && _image$title !== void 0 ? _image$title : ''
+        };
+      })) !== null && _module$gallery$filte !== void 0 ? _module$gallery$filte : [];
+      contentModules.push(/*#__PURE__*/React.createElement(ImageGalleryModule, {
+        images: images,
+        key: uniqueKey,
+        withLightbox: true,
+        lightboxUid: "lightbox-".concat(index),
+        columns: 3
+      }));
+    } else if (defaultConfig.isLayoutSteps(module)) {
+      var _module$steps$filter$, _module$steps, _module$title2, _module$description2, _module$color, _module$type;
+      var steps = (_module$steps$filter$ = (_module$steps = module.steps) === null || _module$steps === void 0 ? void 0 : _module$steps.filter(function (step) {
+        return !!step;
+      }).map(function (step) {
+        var _step$title, _step$content;
+        return {
+          title: (_step$title = step.title) !== null && _step$title !== void 0 ? _step$title : '',
+          content: (_step$content = step.content) !== null && _step$content !== void 0 ? _step$content : ''
+        };
+      })) !== null && _module$steps$filter$ !== void 0 ? _module$steps$filter$ : [];
+      contentModules.push(/*#__PURE__*/React.createElement(StepsModule, {
+        key: uniqueKey,
+        title: (_module$title2 = module.title) !== null && _module$title2 !== void 0 ? _module$title2 : undefined,
+        steps: steps,
+        helpText: (_module$description2 = module.description) !== null && _module$description2 !== void 0 ? _module$description2 : undefined,
+        color: (_module$color = module.color) !== null && _module$color !== void 0 ? _module$color : undefined,
+        type: (_module$type = module.type) !== null && _module$type !== void 0 ? _module$type : undefined
+      }));
+    } else if (defaultConfig.isLayoutSocialMediaFeed(module)) {
+      var _module$anchor, _module$title3, _module$script;
+      contentModules.push(/*#__PURE__*/React.createElement(SocialMediaFeedModule, {
+        key: uniqueKey,
+        anchor: (_module$anchor = module.anchor) !== null && _module$anchor !== void 0 ? _module$anchor : '',
+        title: (_module$title3 = module.title) !== null && _module$title3 !== void 0 ? _module$title3 : undefined,
+        script: (_module$script = module.script) !== null && _module$script !== void 0 ? _module$script : undefined
+      }));
+    }
+    return null;
+  });
+  return contentModules;
+};
+var defaultContent = function defaultContent(page, onArticlesSearch) {
+  var _page$title, _page$content, _page$date;
+  var hideTitle = false;
+  if (defaultConfig.isPageType(page)) {
+    var _page$hero;
+    hideTitle = Boolean(page === null || page === void 0 || (_page$hero = page.hero) === null || _page$hero === void 0 ? void 0 : _page$hero.title);
+  }
+  return /*#__PURE__*/React.createElement(PageMainContent, {
+    title: !hideTitle ? (_page$title = page === null || page === void 0 ? void 0 : page.title) !== null && _page$title !== void 0 ? _page$title : '' : '',
+    content: (_page$content = page === null || page === void 0 ? void 0 : page.content) !== null && _page$content !== void 0 ? _page$content : '',
+    date: (_page$date = page === null || page === void 0 ? void 0 : page.date) !== null && _page$date !== void 0 ? _page$date : undefined,
+    categories: page === null || page === void 0 ? void 0 : page.categories,
+    contentModules: defaultContentModules(page),
+    onArticlesSearch: onArticlesSearch
+  });
+};
+var defaultCollections = function defaultCollections(_ref) {
+  var _getCollections, _page$modules2;
+  var page = _ref.page,
+    _ref$isEventModulesEn = _ref.isEventModulesEnabled,
+    isEventModulesEnabled = _ref$isEventModulesEn === void 0 ? true : _ref$isEventModulesEn,
+    _ref$isVenueModulesEn = _ref.isVenueModulesEnabled,
+    isVenueModulesEnabled = _ref$isVenueModulesEn === void 0 ? true : _ref$isVenueModulesEn;
+  return (_getCollections = defaultConfig.getCollections((_page$modules2 = page === null || page === void 0 ? void 0 : page.modules) !== null && _page$modules2 !== void 0 ? _page$modules2 : [], true)) === null || _getCollections === void 0 ? void 0 : _getCollections.reduce(function (collectionElements, collection) {
+    var _collection$id, _collection$title, _collection$descripti;
+    var key = "collection-".concat(btoa("".concat((_collection$id = collection === null || collection === void 0 ? void 0 : collection.id) !== null && _collection$id !== void 0 ? _collection$id : '', "-").concat((_collection$title = collection === null || collection === void 0 ? void 0 : collection.title) !== null && _collection$title !== void 0 ? _collection$title : '', "-").concat((_collection$descripti = collection === null || collection === void 0 ? void 0 : collection.description) !== null && _collection$descripti !== void 0 ? _collection$descripti : '')));
+    var commonCollectionProps = {
+      title: collection.title,
+      description: collection.description,
+      type: defaultConfig.getCollectionUIType(collection),
+      collectionContainerProps: {}
+    };
+    if (defaultConfig.isEventSearchCollection(collection)) {
+      if (isEventModulesEnabled) {
+        collectionElements.push(/*#__PURE__*/React.createElement(EventSearchCollection, defaultConfig._objectSpread2(defaultConfig._objectSpread2({}, commonCollectionProps), {}, {
+          key: key,
+          collection: collection
+        })));
+      }
+    } else if (defaultConfig.isEventSelectionCollection(collection)) {
+      if (isEventModulesEnabled) {
+        collectionElements.push(/*#__PURE__*/React.createElement(EventSelectionCollection, defaultConfig._objectSpread2(defaultConfig._objectSpread2({}, commonCollectionProps), {}, {
+          key: key,
+          collection: collection
+        })));
+      }
+    } else if (defaultConfig.isLocationsSelectionCollection(collection)) {
+      if (isVenueModulesEnabled) {
+        var _page$language;
+        collectionElements.push(/*#__PURE__*/React.createElement(LocationsSelectionCollection, defaultConfig._objectSpread2(defaultConfig._objectSpread2({}, commonCollectionProps), {}, {
+          key: key,
+          collection: collection,
+          locale: page === null || page === void 0 || (_page$language = page.language) === null || _page$language === void 0 ? void 0 : _page$language.locale
+        })));
+      }
+    } else {
+      collectionElements.push(/*#__PURE__*/React.createElement(PageArticleCollection, defaultConfig._objectSpread2(defaultConfig._objectSpread2({}, commonCollectionProps), {}, {
+        key: key,
+        collection: collection
+      })));
+    }
+    return collectionElements;
+  }, []);
+};
+function PageContent(props) {
+  var _page$id, _page$featuredImage, _page$featuredImage$n, _page$featuredImage2, _page$featuredImage$n2, _page$featuredImage3;
+  var page = props.page,
+    breadcrumbs = props.breadcrumbs,
+    collections = props.collections,
+    heroContainer = props.heroContainer,
+    backUrl = props.backUrl,
+    sidebarContentProps = props.sidebarContentProps,
+    _props$PageContentLay = props.PageContentLayoutComponent,
+    PageContentLayoutComponent = _props$PageContentLay === void 0 ? PageContentLayout : _props$PageContentLay,
+    content = props.content,
+    shareLinks = props.shareLinks,
+    className = props.className,
+    onArticlesSearch = props.onArticlesSearch,
+    pageContentLayoutProps = defaultConfig._objectWithoutProperties(props, _excluded);
+  var _useConfig = useConfig(),
+    Head = _useConfig.components.Head,
+    eventsApolloClient = _useConfig.eventsApolloClient,
+    venuesApolloClient = _useConfig.venuesApolloClient,
+    mainContentId = _useConfig.mainContentId;
+  var isEventModulesEnabled = eventsApolloClient !== undefined && eventsApolloClient !== 'disabled';
+  var isVenueModulesEnabled = eventsApolloClient !== undefined && venuesApolloClient !== 'disabled';
+  return /*#__PURE__*/React.createElement("main", {
+    id: mainContentId !== null && mainContentId !== void 0 ? mainContentId : MAIN_CONTENT_ID,
+    className: classNames('page-main-content', className)
+  }, Head && /*#__PURE__*/React.createElement(PageMeta, {
+    headComponent: Head,
+    page: page
+  }), /*#__PURE__*/React.createElement(PageContextProvider, {
+    page: page
+  }, /*#__PURE__*/React.createElement(PageContentLayoutComponent, defaultConfig._objectSpread2(defaultConfig._objectSpread2(defaultConfig._objectSpread2(defaultConfig._objectSpread2({}, props), pageContentLayoutProps), defaultConfig.getHeroProps(page)), {}, {
+    breadcrumbs: breadcrumbs && (typeof breadcrumbs === 'function' ? (/*#__PURE__*/React.createElement(PageContentBreadcrumb, {
+      breadcrumbs: breadcrumbs(page)
+    })) : (/*#__PURE__*/React.createElement(PageContentBreadcrumb, {
+      breadcrumbs: breadcrumbs
+    }))),
+    heroContainer: heroContainer,
+    id: (_page$id = page === null || page === void 0 ? void 0 : page.id) !== null && _page$id !== void 0 ? _page$id : 'page',
+    imageSrc: page === null || page === void 0 || (_page$featuredImage = page.featuredImage) === null || _page$featuredImage === void 0 || (_page$featuredImage = _page$featuredImage.node) === null || _page$featuredImage === void 0 ? void 0 : _page$featuredImage.large,
+    imageAlt: (_page$featuredImage$n = page === null || page === void 0 || (_page$featuredImage2 = page.featuredImage) === null || _page$featuredImage2 === void 0 || (_page$featuredImage2 = _page$featuredImage2.node) === null || _page$featuredImage2 === void 0 ? void 0 : _page$featuredImage2.altText) !== null && _page$featuredImage$n !== void 0 ? _page$featuredImage$n : undefined,
+    imageLabel: (_page$featuredImage$n2 = page === null || page === void 0 || (_page$featuredImage3 = page.featuredImage) === null || _page$featuredImage3 === void 0 || (_page$featuredImage3 = _page$featuredImage3.node) === null || _page$featuredImage3 === void 0 ? void 0 : _page$featuredImage3.photographerName) !== null && _page$featuredImage$n2 !== void 0 ? _page$featuredImage$n2 : undefined,
+    backUrl: backUrl,
+    content: typeof content === 'function' ? content(page) : content !== null && content !== void 0 ? content : defaultContent(page, onArticlesSearch),
+    shareLinks: shareLinks,
+    collections: typeof collections === 'function' ? collections(page) : collections !== null && collections !== void 0 ? collections : defaultCollections({
+      page: page,
+      isEventModulesEnabled: isEventModulesEnabled,
+      isVenueModulesEnabled: isVenueModulesEnabled
+    }),
+    sidebarContent: /*#__PURE__*/React.createElement(SidebarContent, defaultConfig._objectSpread2({
+      content: page === null || page === void 0 ? void 0 : page.sidebar
+    }, sidebarContentProps))
+  }))));
+}
+
+var css_248z$2 = ".largeCard-module_cardLink__vlRsl{margin-bottom:var(--spacing-s)}@media (min-width:576px){.largeCard-module_cardLink__vlRsl{margin-bottom:var(--spacing-m)}}.largeCard-module_cardWrapper__12eBz{--height-image:12.75rem;--height-image-desktop:40.5rem;--width-image:8rem;background-color:var(--color-white);display:flex;flex-direction:column;height:100%;min-width:fit-content;position:relative;text-decoration:none;width:100%;word-break:break-word}@media (min-width:576px){.largeCard-module_cardWrapper__12eBz{word-break:unset}}.largeCard-module_cardWrapper__12eBz.largeCard-module_isHovered__HyKtv .largeCard-module_title__sVYR8{text-decoration:underline}.largeCard-module_cardWrapper__12eBz.largeCard-module_withBorder__ffTAd{border:1px solid var(--color-black-30)}.largeCard-module_cardWrapper__12eBz.largeCard-module_default__e8RPV{border:none}@media (min-width:576px){.largeCard-module_cardWrapper__12eBz{flex-direction:row}.largeCard-module_cardWrapper__12eBz.largeCard-module_image-left__f-zx9{flex-direction:row-reverse}}.largeCard-module_cardWrapper__12eBz .largeCard-module_imageWrapper__KM26i{background-position:50%;background-repeat:no-repeat;background-size:cover;box-sizing:border-box;display:flex;padding-bottom:62.5%;text-decoration:none}@media (min-width:576px){.largeCard-module_cardWrapper__12eBz .largeCard-module_imageWrapper__KM26i{flex:1.5 1;min-height:var(--height-image-desktop);padding-bottom:0}}.largeCard-module_cardWrapper__12eBz .largeCard-module_imageWrapper__KM26i .largeCard-module_imageLabel__LhKeg{padding:var(--spacing-xs)}.largeCard-module_cardWrapper__12eBz .largeCard-module_imageWrapper__KM26i .largeCard-module_imageLabel__LhKeg .largeCard-module_tag__geBaK{--tag-background:var(--color-black-5);font-size:var(--fontsize-body-s);font-weight:600}.largeCard-module_cardWrapper__12eBz .largeCard-module_textWrapper__D6KM-{display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-s)}@media (min-width:576px){.largeCard-module_cardWrapper__12eBz .largeCard-module_textWrapper__D6KM-{flex:1 1;min-height:40.5rem;min-width:12.75rem;padding:var(--spacing-m)}}@media (min-width:992px){.largeCard-module_cardWrapper__12eBz .largeCard-module_textWrapper__D6KM-{flex:1 1;min-height:40.5rem;min-width:31.25rem;padding:var(--spacing-m)}}.largeCard-module_cardWrapper__12eBz .largeCard-module_textWrapper__D6KM- .largeCard-module_title__sVYR8{font-size:var(--fontsize-heading-s);font-weight:400;line-height:var(--lineheight-m);margin-bottom:var(--spacing-2-xs)}@media (min-width:576px){.largeCard-module_cardWrapper__12eBz .largeCard-module_textWrapper__D6KM- .largeCard-module_title__sVYR8{font-size:var(--fontsize-heading-l);hyphens:auto;margin-bottom:var(--spacing-s);word-break:break-word}}.largeCard-module_cardWrapper__12eBz .largeCard-module_textWrapper__D6KM- .largeCard-module_subTitle__M1ag4{color:var(--color-black-60);font-size:var(--fontsize-body-s);margin-bottom:var(--spacing-2-xs)}@media (min-width:576px){.largeCard-module_cardWrapper__12eBz .largeCard-module_textWrapper__D6KM- .largeCard-module_subTitle__M1ag4{font-size:var(--fontsize-body-l);line-height:2.25rem}}.largeCard-module_cardWrapper__12eBz .largeCard-module_textWrapper__D6KM- .largeCard-module_text__P4Qgs{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:var(--fontsize-body-m);line-height:var(--lineheight-m);margin-bottom:var(--spacing-2-xs);order:3;overflow:hidden}@media (min-width:576px){.largeCard-module_cardWrapper__12eBz .largeCard-module_textWrapper__D6KM- .largeCard-module_text__P4Qgs{-webkit-line-clamp:none;-webkit-box-orient:vertical;font-size:var(--fontsize-body-l);line-height:var(--lineheight-l);margin-bottom:var(--spacing-2-xs)}.largeCard-module_cardWrapper__12eBz .largeCard-module_textWrapper__D6KM- .largeCard-module_text__P4Qgs.largeCard-module_clamp__uMsqm{-webkit-line-clamp:3;-webkit-box-orient:vertical}.largeCard-module_cardWrapper__12eBz .largeCard-module_textWrapper__D6KM- .largeCard-module_text__P4Qgs p{margin:0}}.largeCard-module_cardWrapper__12eBz .largeCard-module_textWrapper__D6KM- .largeCard-module_customContent__TN-6Y{margin:var(--spacing-2-xs) 0;order:4}.largeCard-module_cardWrapper__12eBz .largeCard-module_textWrapper__D6KM- .largeCard-module_customContent__TN-6Y p{margin:0}.largeCard-module_cardWrapper__12eBz .largeCard-module_textWrapper__D6KM- .largeCard-module_buttonWrapper__45-rv{order:5}.largeCard-module_cardWrapper__12eBz .largeCard-module_textWrapper__D6KM- .largeCard-module_buttonWrapper__45-rv a svg{height:var(--spacing-2-xl);width:var(--spacing-2-xl)}";
+var styles$2 = {"cardLink":"largeCard-module_cardLink__vlRsl","cardWrapper":"largeCard-module_cardWrapper__12eBz","isHovered":"largeCard-module_isHovered__HyKtv","title":"largeCard-module_title__sVYR8","withBorder":"largeCard-module_withBorder__ffTAd","default":"largeCard-module_default__e8RPV","image-left":"largeCard-module_image-left__f-zx9","imageWrapper":"largeCard-module_imageWrapper__KM26i","imageLabel":"largeCard-module_imageLabel__LhKeg","tag":"largeCard-module_tag__geBaK","textWrapper":"largeCard-module_textWrapper__D6KM-","subTitle":"largeCard-module_subTitle__M1ag4","text":"largeCard-module_text__P4Qgs","clamp":"largeCard-module_clamp__uMsqm","customContent":"largeCard-module_customContent__TN-6Y","buttonWrapper":"largeCard-module_buttonWrapper__45-rv"};
+styleInject(css_248z$2);
+
+var css_248z$1 = ".archiveSearchPage-module_pageLayout__B2XBw{display:grid;grid-template-rows:auto 1fr auto;min-height:100vh}";
+var styles$1 = {"pageLayout":"archiveSearchPage-module_pageLayout__B2XBw"};
+styleInject(css_248z$1);
+
+var css_248z = ".archiveSearchPageContent-module_grid__uwVy4{margin-top:var(--spacing-m)}.archiveSearchPageContent-module_breadcrumbs__UgoYJ{box-sizing:border-box;margin:0 auto;max-width:var(--max-width);padding:0 var(--padding);width:100%}.archiveSearchPageContent-module_breadcrumbs__UgoYJ nav{margin:0}.archiveSearchPageContent-module_contentLayout__4rj0N{--padding:1rem;--max-width:calc(1200px + (2 * var(--padding)));display:flex;flex-direction:column;height:100%}.archiveSearchPageContent-module_contentLayout__4rj0N>:not(:last-child){margin-bottom:1rem}@media screen and (min-width:768px){.archiveSearchPageContent-module_contentLayout__4rj0N{--padding:1.5rem}}.archiveSearchPageContent-module_contentLayout__4rj0N .archiveSearchPageContent-module_mainLayout__UJuw4 .archiveSearchPageContent-module_customContentContainer__erKWw .archiveSearchPageContent-module_customContentContainerInner__lad7E{box-sizing:border-box;margin:0 auto;max-width:var(--max-width);padding:0 var(--padding);width:100%}.archiveSearchPageContent-module_contentLayout__4rj0N .archiveSearchPageContent-module_mainLayout__UJuw4 .archiveSearchPageContent-module_searchFormContainer__EB2sh{background-color:var(--hcrc-color-archive-search-bg,--color-black-5);display:flex;flex-direction:column;padding-top:1.5rem;position:relative}.archiveSearchPageContent-module_contentLayout__4rj0N .archiveSearchPageContent-module_mainLayout__UJuw4 .archiveSearchPageContent-module_searchFormContainer__EB2sh .archiveSearchPageContent-module_koros__HjRLc{fill:var(--color-white);bottom:-24px;position:absolute}.archiveSearchPageContent-module_contentLayout__4rj0N .archiveSearchPageContent-module_mainLayout__UJuw4 .archiveSearchPageContent-module_searchFormContainer__EB2sh .archiveSearchPageContent-module_searchFormContainerInner__Ub35q{box-sizing:border-box;display:flex;flex-direction:column;margin:0 auto;max-width:var(--max-width);padding:0 var(--padding);width:100%;z-index:1}.archiveSearchPageContent-module_contentLayout__4rj0N .archiveSearchPageContent-module_mainLayout__UJuw4 .archiveSearchPageContent-module_searchFormContainer__EB2sh .archiveSearchPageContent-module_searchFormContainerInner__Ub35q h1{font-size:var(--fontsize-heading-xl);font-weight:500;margin-bottom:var(--spacing-m);margin-top:var(--spacing-s)}.archiveSearchPageContent-module_contentLayout__4rj0N .archiveSearchPageContent-module_mainLayout__UJuw4 .archiveSearchPageContent-module_searchFormContainer__EB2sh .archiveSearchPageContent-module_searchFormContainerInner__Ub35q .archiveSearchPageContent-module_tagsContainer__ap7hj{display:flex;flex-direction:column;gap:8px;min-height:16px}.archiveSearchPageContent-module_contentLayout__4rj0N .archiveSearchPageContent-module_mainLayout__UJuw4 .archiveSearchPageContent-module_searchFormContainer__EB2sh .archiveSearchPageContent-module_searchFormContainerInner__Ub35q .archiveSearchPageContent-module_tagsContainer__ap7hj>:last-child .archiveSearchPageContent-module_clearButton__8S3pO{align-items:center;background-color:unset;border:2px solid transparent;border-color:transparent!important;color:var(--color-black-90);display:flex;font-size:var(--fontsize-body-m);font-weight:500;justify-content:center;padding:0;text-align:left}.archiveSearchPageContent-module_contentLayout__4rj0N .archiveSearchPageContent-module_mainLayout__UJuw4 .archiveSearchPageContent-module_searchFormContainer__EB2sh .archiveSearchPageContent-module_searchFormContainerInner__Ub35q .archiveSearchPageContent-module_tagsContainer__ap7hj>:last-child .archiveSearchPageContent-module_clearButton__8S3pO:focus{outline:2px solid var(--color-black-90);outline-offset:.25rem}.archiveSearchPageContent-module_contentLayout__4rj0N .archiveSearchPageContent-module_mainLayout__UJuw4 .archiveSearchPageContent-module_searchFormContainer__EB2sh .archiveSearchPageContent-module_searchFormContainerInner__Ub35q .archiveSearchPageContent-module_tagsContainer__ap7hj>:last-child .archiveSearchPageContent-module_clearButton__8S3pO svg{margin-left:var(--spacing-3-xs)}@media screen and (min-width:992px){.archiveSearchPageContent-module_contentLayout__4rj0N .archiveSearchPageContent-module_mainLayout__UJuw4 .archiveSearchPageContent-module_searchFormContainer__EB2sh .archiveSearchPageContent-module_searchFormContainerInner__Ub35q .archiveSearchPageContent-module_tagsContainer__ap7hj{align-items:center;column-gap:.75rem;display:grid;grid-template-columns:5fr 1fr}.archiveSearchPageContent-module_contentLayout__4rj0N .archiveSearchPageContent-module_mainLayout__UJuw4 .archiveSearchPageContent-module_searchFormContainer__EB2sh .archiveSearchPageContent-module_searchFormContainerInner__Ub35q .archiveSearchPageContent-module_tagsContainer__ap7hj>:last-child{align-items:center;display:flex;height:100%;justify-content:center}}.archiveSearchPageContent-module_contentLayout__4rj0N .archiveSearchPageContent-module_mainLayout__UJuw4 .archiveSearchPageContent-module_searchForm__OEkHX{display:flex;flex-direction:column;padding:1rem 0}.archiveSearchPageContent-module_contentLayout__4rj0N .archiveSearchPageContent-module_mainLayout__UJuw4 .archiveSearchPageContent-module_searchForm__OEkHX>:not(:last-child){margin-bottom:1.5rem}@media screen and (min-width:768px){.archiveSearchPageContent-module_contentLayout__4rj0N .archiveSearchPageContent-module_mainLayout__UJuw4 .archiveSearchPageContent-module_searchForm__OEkHX{padding-top:1rem}}@media screen and (min-width:992px){.archiveSearchPageContent-module_contentLayout__4rj0N .archiveSearchPageContent-module_mainLayout__UJuw4 .archiveSearchPageContent-module_searchForm__OEkHX{column-gap:.75rem;display:grid;grid-template-columns:5fr 1fr;row-gap:.75rem}.archiveSearchPageContent-module_contentLayout__4rj0N .archiveSearchPageContent-module_mainLayout__UJuw4 .archiveSearchPageContent-module_searchForm__OEkHX>:not(:last-child){margin-bottom:unset}}.archiveSearchPageContent-module_contentLayout__4rj0N .archiveSearchPageContent-module_mainLayout__UJuw4 .archiveSearchPageContent-module_inputWithIcon__4rICV{position:relative}.archiveSearchPageContent-module_contentLayout__4rj0N .archiveSearchPageContent-module_mainLayout__UJuw4 .archiveSearchPageContent-module_inputWithIcon__4rICV>div>input{padding-left:calc(2 * 1rem + 1.5rem)!important}.archiveSearchPageContent-module_contentLayout__4rj0N .archiveSearchPageContent-module_mainLayout__UJuw4 .archiveSearchPageContent-module_inputWithIcon__4rICV>div>svg{bottom:1rem;left:1rem;position:absolute}.archiveSearchPageContent-module_contentLayout__4rj0N .archiveSearchPageContent-module_mainLayout__UJuw4 .archiveSearchPageContent-module_inputWithIcon__4rICV>div>svg *{color:var(--color-black-90)}.archiveSearchPageContent-module_contentLayout__4rj0N .archiveSearchPageContent-module_mainLayout__UJuw4 .archiveSearchPageContent-module_hdsTextInputOverrides__6NkiT>div>input{border:none}.archiveSearchPageContent-module_contentLayout__4rj0N .archiveSearchPageContent-module_mainLayout__UJuw4 .archiveSearchPageContent-module_hdsTextInputOverrides__6NkiT>div>input:focus{box-shadow:none!important;outline:3px solid var(--color-coat-of-arms);outline-offset:2px}.archiveSearchPageContent-module_contentLayout__4rj0N .archiveSearchPageContent-module_mainLayout__UJuw4 .archiveSearchPageContent-module_hdsButtonOverrides__pcMkn{background-color:var(--hcrc-color-archive-search-btn);border-color:var(--hcrc-color-archive-search-btn)}.archiveSearchPageContent-module_contentLayout__4rj0N .archiveSearchPageContent-module_mainLayout__UJuw4 .archiveSearchPageContent-module_hdsButtonOverrides__pcMkn:hover{background-color:var(--hcrc-color-archive-search-btn-hover);border-color:var(--hcrc-color-archive-search-btn-hover)}.archiveSearchPageContent-module_contentLayout__4rj0N .archiveSearchPageContent-module_mainLayout__UJuw4 .archiveSearchPageContent-module_searchResultsContainer__uKfRN{display:flex;flex-direction:column;padding-bottom:6rem}.archiveSearchPageContent-module_contentLayout__4rj0N .archiveSearchPageContent-module_mainLayout__UJuw4 .archiveSearchPageContent-module_searchResultsContainer__uKfRN .archiveSearchPageContent-module_searchResultsContainerInner__Sx58l{box-sizing:border-box;display:flex;flex-direction:column;margin:0 auto;max-width:var(--max-width);padding:0 var(--padding);width:100%}.archiveSearchPageContent-module_contentLayout__4rj0N .archiveSearchPageContent-module_mainLayout__UJuw4 .archiveSearchPageContent-module_searchResultsContainer__uKfRN .archiveSearchPageContent-module_searchResultsContainerInner__Sx58l .archiveSearchPageContent-module_noResultsContainer__n-Vfm{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:var(--padding)}.archiveSearchPageContent-module_contentLayout__4rj0N .archiveSearchPageContent-module_mainLayout__UJuw4 .archiveSearchPageContent-module_searchResultsContainer__uKfRN .archiveSearchPageContent-module_searchResultsContainerInner__Sx58l .archiveSearchPageContent-module_noResultsContainer__n-Vfm h1{font-weight:400;margin:.75rem}.archiveSearchPageContent-module_contentLayout__4rj0N .archiveSearchPageContent-module_mainLayout__UJuw4 .archiveSearchPageContent-module_searchResultsContainer__uKfRN .archiveSearchPageContent-module_searchResultsContainerInner__Sx58l .archiveSearchPageContent-module_noResultsContainer__n-Vfm p{font-size:var(--fontsize-body-l);margin:0}.archiveSearchPageContent-module_contentLayout__4rj0N .archiveSearchPageContent-module_mainLayout__UJuw4 .archiveSearchPageContent-module_searchResultsContainer__uKfRN .archiveSearchPageContent-module_searchResultsContainerInner__Sx58l .archiveSearchPageContent-module_noResultsContainer__n-Vfm svg{height:var(--spacing-3-xl);width:var(--spacing-3-xl)}.archiveSearchPageContent-module_contentLayout__4rj0N .archiveSearchPageContent-module_mainLayout__UJuw4 .archiveSearchPageContent-module_searchResultsContainer__uKfRN .archiveSearchPageContent-module_searchResultsContainerInner__Sx58l .archiveSearchPageContent-module_bottomActions__P-wa5{align-items:center;display:flex;flex-direction:column}.archiveSearchPageContent-module_contentLayout__4rj0N .archiveSearchPageContent-module_mainLayout__UJuw4 .archiveSearchPageContent-module_searchResultsContainer__uKfRN .archiveSearchPageContent-module_searchResultsContainerInner__Sx58l .archiveSearchPageContent-module_bottomActions__P-wa5 .archiveSearchPageContent-module_loadMoreButton__--0oS,.archiveSearchPageContent-module_contentLayout__4rj0N .archiveSearchPageContent-module_mainLayout__UJuw4 .archiveSearchPageContent-module_searchResultsContainer__uKfRN .archiveSearchPageContent-module_searchResultsContainerInner__Sx58l .archiveSearchPageContent-module_bottomActions__P-wa5 .archiveSearchPageContent-module_loadingSpinner__pnPYD{margin:1rem}";
+var styles = {"grid":"archiveSearchPageContent-module_grid__uwVy4","breadcrumbs":"archiveSearchPageContent-module_breadcrumbs__UgoYJ","contentLayout":"archiveSearchPageContent-module_contentLayout__4rj0N","mainLayout":"archiveSearchPageContent-module_mainLayout__UJuw4","customContentContainer":"archiveSearchPageContent-module_customContentContainer__erKWw","customContentContainerInner":"archiveSearchPageContent-module_customContentContainerInner__lad7E","searchFormContainer":"archiveSearchPageContent-module_searchFormContainer__EB2sh","koros":"archiveSearchPageContent-module_koros__HjRLc","searchFormContainerInner":"archiveSearchPageContent-module_searchFormContainerInner__Ub35q","tagsContainer":"archiveSearchPageContent-module_tagsContainer__ap7hj","clearButton":"archiveSearchPageContent-module_clearButton__8S3pO","searchForm":"archiveSearchPageContent-module_searchForm__OEkHX","inputWithIcon":"archiveSearchPageContent-module_inputWithIcon__4rICV","hdsTextInputOverrides":"archiveSearchPageContent-module_hdsTextInputOverrides__6NkiT","hdsButtonOverrides":"archiveSearchPageContent-module_hdsButtonOverrides__pcMkn","searchResultsContainer":"archiveSearchPageContent-module_searchResultsContainer__uKfRN","searchResultsContainerInner":"archiveSearchPageContent-module_searchResultsContainerInner__Sx58l","noResultsContainer":"archiveSearchPageContent-module_noResultsContainer__n-Vfm","bottomActions":"archiveSearchPageContent-module_bottomActions__P-wa5","loadMoreButton":"archiveSearchPageContent-module_loadMoreButton__--0oS","loadingSpinner":"archiveSearchPageContent-module_loadingSpinner__pnPYD"};
+styleInject(css_248z);
+
+exports.BackgroundImage = BackgroundImage;
+exports.Card = Card;
+exports.Carousel = Carousel;
+exports.Collection = Collection;
+exports.ContentContainer = ContentContainer;
+exports.EventSearchCollection = EventSearchCollection;
+exports.EventSelectionCollection = EventSelectionCollection;
+exports.Grid = Grid;
+exports.HtmlToReact = HtmlToReact;
+exports.Image = Image$1;
+exports.LANGUAGE_CODE_ORDINAL_NUMBER = LANGUAGE_CODE_ORDINAL_NUMBER;
+exports.Link = Link;
+exports.LinkBox = LinkBox;
+exports.LocationsSelectionCollection = LocationsSelectionCollection;
+exports.MAIN_CONTENT_ID = MAIN_CONTENT_ID;
+exports.Navigation = Navigation;
+exports.Notification = Notification;
+exports.Page = Page;
+exports.PageContent = PageContent;
+exports.PageContentBreadcrumb = PageContentBreadcrumb;
+exports.PageContentLayout = PageContentLayout;
+exports.PageContext = PageContext;
+exports.PageContextProvider = PageContextProvider;
+exports.PageMainContent = PageMainContent;
+exports.PageMeta = PageMeta;
+exports.PageSection = PageSection;
+exports.Tag = Tag;
+exports.classNames = classNames;
+exports.configContext = configContext;
+exports.findLanguage = findLanguage;
+exports.getEventCollectionCards = getEventCollectionCards;
+exports.getLocationsCollectionCards = getLocationsCollectionCards;
+exports.getTextFromHtml = getTextFromHtml;
+exports.getVenueIds = getVenueIds;
+exports.isEventClosed = isEventClosed;
+exports.isNonEmptyLanguage = isNonEmptyLanguage;
+exports.languageSorter = languageSorter;
+exports.styleInject = styleInject;
+exports.styles = styles$q;
+exports.styles$1 = styles$2;
+exports.styles$2 = styles$1;
+exports.styles$3 = styles;
+exports.toPrimaryLanguageOption = toPrimaryLanguageOption;
+exports.useConfig = useConfig;
+exports.useHeadlessCmsLink = useHeadlessCmsLink;
+exports.useResolveImageUrl = useResolveImageUrl;
+//# sourceMappingURL=archiveSearchPageContent.module-Hcb4WVMf.js.map