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

package/dist/archiveSearchPageContent.module-DmpLBZP5.js

@@ -0,0 +1,4078 @@
+import { d as defaultConfig, $ as getUri, c as _objectWithoutProperties, b as _objectSpread2, a4 as _defineProperty, h as LanguageCodeEnum, ao as groupBy, e as _slicedToArray, f as _toConsumableArray, Y as isLinkItem, _ as _asyncToGenerator, a as _regenerator, ap as startCase, aq as camelCase, O as isLayoutLinkList, C as isLayoutPage, B as isLayoutArticle, w as isLayoutCards, ar as _taggedTemplateLiteral, as as _typeof, D as DEFAULT_LOCALE, R as isPageType, Q as isArticleType, s as getBreadcrumbListItems, at as getHeroProps, l as getCollections, q as getCollectionUIType, V as isEventSearchCollection, U as isEventSelectionCollection, W as isLocationsSelectionCollection, u as isLayoutContent, v as isLayoutCard, x as isLayoutImage, y as isLayoutImageGallery, z as isLayoutSteps, A as isLayoutSocialMediaFeed } from './defaultConfig-B0wJw6Kr.js';
+import * as React from 'react';
+import React__default, { createContext, useContext, useMemo, isValidElement, Children, useState, useCallback, Suspense, useEffect, useRef, useLayoutEffect } from 'react';
+import { IconSize, IconLinkExternal, IconEnvelope, IconPhone, Header, Logo, LogoSize, Notification as Notification$1, IconArrowRight, Button, ButtonPresetTheme, ButtonVariant, IconAngleRight, IconArrowLeft, Koros, Tag as Tag$1, LoadingSpinner, IconAngleLeft, StepByStep, Breadcrumb } from 'hds-react';
+import { isPast, isSameDay, isFuture, format, parseISO } from 'date-fns';
+import parse, { attributesToProps, domToReact } from 'html-react-parser';
+import DOMPurify from 'isomorphic-dompurify';
+import * as Apollo from '@apollo/client';
+import { gql } from '@apollo/client';
+import ReactDOM from 'react-dom';
+
+var configContext = /*#__PURE__*/createContext(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 = useContext(configContext);
+  validateContext(config);
+  return config;
+}
+
+var ModuleItemTypeEnum;
+(function (ModuleItemTypeEnum) {
+  ModuleItemTypeEnum["Article"] = "article";
+  ModuleItemTypeEnum["Page"] = "page";
+  ModuleItemTypeEnum["Link"] = "link";
+  ModuleItemTypeEnum["Event"] = "event";
+  ModuleItemTypeEnum["Venue"] = "venue";
+})(ModuleItemTypeEnum || (ModuleItemTypeEnum = {}));
+
+function useHeadlessCmsLink(link) {
+  var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ModuleItemTypeEnum.Link;
+  var _useConfig = useConfig(),
+    internalHrefOrigins = _useConfig.internalHrefOrigins,
+    _useConfig$utils = _useConfig.utils,
+    getIsHrefExternal = _useConfig$utils.getIsHrefExternal,
+    getRoutedInternalHref = _useConfig$utils.getRoutedInternalHref;
+  var uri = 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: IconSize.Large,
+  M: IconSize.Small,
+  S: IconSize.ExtraSmall
+};
+var hasChildren = function hasChildren(element) {
+  return /*#__PURE__*/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__*/isValidElement(children)) {
+    return childToString(children);
+  }
+  return Children.toArray(children).reduce(function (text, child) {
+    var newText = '';
+    if (/*#__PURE__*/isValidElement(child) && hasChildren(child)) {
+      newText = _getTextFromReactChildren(child.props.children);
+    } else if (/*#__PURE__*/isValidElement(child) && !hasChildren(child)) {
+      newText = '';
+    } else {
+      newText = childToString(child);
+    }
+    return text.concat(newText);
+  }, '');
+};
+function LinkBase$1(_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 = _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 = useMemo(function () {
+    return iconLeft && (/*#__PURE__*/React__default.createElement("span", {
+      className: styles$r.iconLeft,
+      "aria-hidden": "true"
+    }, inlineIcons && ZERO_WIDTH_NO_BREAK_SPACE, iconLeft)) || null;
+  }, [iconLeft, inlineIcons]);
+  var externalIcon = useMemo(function () {
+    return showExternalIcon && external && (/*#__PURE__*/React__default.createElement("span", {
+      className: styles$r.externalWrapper
+    }, inlineIcons && ZERO_WIDTH_NO_BREAK_SPACE, /*#__PURE__*/React__default.createElement(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 = useMemo(function () {
+    return iconRight && (/*#__PURE__*/React__default.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__default.createElement("a", _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__default.createElement("span", {
+    className: classNames(styles$r.content, iconLeft && styles$r.withLeftIcon)
+  }, inlineIcons && leftIcon, children, inlineIcons && externalIcon, inlineIcons && rightIcon), !inlineIcons && externalIcon, !inlineIcons && rightIcon);
+}
+var LinkBase = /*#__PURE__*/React__default.forwardRef(LinkBase$1);
+
+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__default.Children.toArray(children).filter(function (child) {
+    return /*#__PURE__*/React__default.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__default.Children.map(children, function (child) {
+    if (! /*#__PURE__*/React__default.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__default.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 = _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' ? IconSize.ExtraSmall : 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__default.createElement(LinkBase, _objectSpread2(_objectSpread2({
+    size: size
+  }, delegatedProps), {}, {
+    href: href,
+    openInNewTab: openInNewTab,
+    external: isExternal,
+    showExternalIcon: showExternalIcon,
+    className: classNames(styles$q.link, className, _defineProperty({}, styles$q.imgLink, hasImageInLink)),
+    openInExternalDomainAriaLabel: openInExternalDomainAriaLabel,
+    openInNewTabAriaLabel: openInNewTabAriaLabel,
+    iconRight: (_ref2 = iconRight !== null && iconRight !== void 0 ? iconRight : isEmail && /*#__PURE__*/React__default.createElement(IconEnvelope, {
+      size: iconSize,
+      "aria-hidden": true
+    })) !== null && _ref2 !== void 0 ? _ref2 : isPhone && /*#__PURE__*/React__default.createElement(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__default.createElement(React__default.Fragment, null, linkComponent)) : (/*#__PURE__*/React__default.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 = _objectWithoutProperties(_ref, _excluded$a);
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: classNames(styles$p.linkBoxWrapper, flex && styles$p.flex)
+  }, children, /*#__PURE__*/React__default.createElement(Link, _objectSpread2(_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 = _defineProperty(_defineProperty(_defineProperty({}, LanguageCodeEnum.Fi, 1), LanguageCodeEnum.Sv, 2), 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__default.createElement(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(_objectSpread2(_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 = 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__default.createElement(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__default.createElement(Header.SkipLink, {
+    skipTo: "#".concat(mainContentId !== null && mainContentId !== void 0 ? mainContentId : MAIN_CONTENT_ID),
+    label: skipToContentLabel
+  }), universalBarMenu && (/*#__PURE__*/React__default.createElement(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(_objectSpread2(_objectSpread2({}, sharedMenuLinkProps), {}, {
+      navigationItem: navigationItem
+    }));
+  }))), /*#__PURE__*/React__default.createElement(Header.ActionBar, {
+    titleHref: "#",
+    logoHref: "#",
+    menuButtonLabel: menuButtonLabel,
+    menuButtonAriaLabel: menuToggleAriaLabel,
+    title: siteName,
+    onTitleClick: onTitleClick,
+    onLogoClick: onTitleClick,
+    frontPageLabel: siteName,
+    logo: /*#__PURE__*/React__default.createElement(Logo, {
+      size: LogoSize.Large,
+      src: t('headerActionBarLogoSrc'),
+      alt: t('headerActionBarLogoAlt')
+    }),
+    logoAriaLabel: t('headerActionBarLogoAriaLabel')
+  }, /*#__PURE__*/React__default.createElement(Header.LanguageSelector, null), userNavigation), /*#__PURE__*/React__default.createElement(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(_objectSpread2(_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 = useState(function () {
+        return readValueInLocalStorage();
+      }),
+      _useState2 = _slicedToArray(_useState, 2),
+      stateValue = _useState2[0],
+      setStateValue = _useState2[1];
+    var storeValue = 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 = _objectWithoutProperties(_ref, _excluded$9);
+  return /*#__PURE__*/React__default.createElement(elementType || getElement(variant), _objectSpread2({
+    className: [styles$n.text, styles$n[variant], className].join(' ')
+  }, rest), children);
+}
+
+function DefaultH2(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/React__default.createElement(Text, {
+    variant: "h2"
+  }, children);
+}
+
+function DefaultP(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/React__default.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__default.createElement("iframe", _objectSpread2(_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, _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__default.createElement("tr", _objectSpread2(_objectSpread2({}, attributesToProps(domNode.attribs)), {}, {
+      className: addClassNames(domNode, styles$o['hds-table__header-row'])
+    }), domToReact(domNode.children, options));
+  }
+  return 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__default.createElement(P, _objectSpread2({}, attributesToProps(domNode.attribs)), domToReact(domNode.children, options));
+      case 'h2':
+        return /*#__PURE__*/React__default.createElement(H2, _objectSpread2({}, attributesToProps(domNode.attribs)), domToReact(domNode.children, options));
+      case 'a':
+        return /*#__PURE__*/React__default.createElement(A, _objectSpread2({}, attributesToProps(domNode.attribs)), 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__default.createElement("figure", _objectSpread2(_objectSpread2({}, attributesToProps(domNode.attribs)), {}, {
+          className: addClassNames(domNode, _defineProperty({}, styles$o['striped-figure'], hasClassName(domNode, 'is-style-stripes')))
+        }), 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__default.createElement("div", {
+          className: addClassNames(domNode, styles$o['hds-table-container'])
+        }, /*#__PURE__*/React__default.createElement(Table, _objectSpread2(_objectSpread2({}, attributesToProps(domNode.attribs)), {}, {
+          className: addClassNames(domNode, styles$o['hds-table'], tableVariants.map(function (tableVariant) {
+            return styles$o["hds-table--".concat(tableVariant)];
+          }))
+        }), domToReact(domNode.children, options)));
+      case 'caption':
+        return /*#__PURE__*/React__default.createElement("caption", _objectSpread2(_objectSpread2({}, attributesToProps(domNode.attribs)), {}, {
+          className: addClassNames(domNode, styles$o['hds-table__caption'])
+        }), domToReact(domNode.children, options));
+      case 'thead':
+        return /*#__PURE__*/React__default.createElement("thead", _objectSpread2({}, attributesToProps(domNode.attribs)), domNode.children.map(function (child) {
+          return mapTableHeaderChild(child, options);
+        }));
+      case 'tbody':
+        return /*#__PURE__*/React__default.createElement("tbody", _objectSpread2(_objectSpread2({}, attributesToProps(domNode.attribs)), {}, {
+          className: addClassNames(domNode, styles$o['hds-table__content'])
+        }), domToReact(domNode.children, options));
+      case 'img':
+        return /*#__PURE__*/React__default.createElement(IMG, _objectSpread2(_objectSpread2({}, attributesToProps(domNode.attribs)), {}, {
+          width: "100%"
+        }));
+      case 'iframe':
+        if (isTrustedOrigin(domNode.attribs.src, trustedOrigins)) {
+          return /*#__PURE__*/React__default.createElement(IFrame, _objectSpread2({}, 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__default.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 = 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__default.createElement(React__default.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 isSameDay(new Date(), date) || isFuture(date);
+  };
+  return [
+  // both start and end dates are defined
+  function () {
+    return startDate && endDate && 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 && 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 = _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(_defineProperty({}, notificationHash, {
+      dismissed: true
+    }));
+  };
+  return notificationStatus === NotificationStatus.visible && (/*#__PURE__*/React__default.createElement(Notification$1, {
+    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__default.createElement(HtmlToReact, null, String(content)), linkUrl && (/*#__PURE__*/React__default.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__default.createElement("div", {
+    className: classNames(styles$l.pageLayout, className)
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: styles$l.headerWrapper
+  }, navigation, notification), /*#__PURE__*/React__default.createElement("div", {
+    className: styles$l.contentWrapper
+  }, content), /*#__PURE__*/React__default.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__default.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__default.createElement("li", {
+      key: Array.isArray(item) ? getKey.apply(void 0, _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__default.createElement("div", {
+    className: styles$j.listContainer,
+    id: anchor || undefined
+  }, /*#__PURE__*/React__default.createElement("h2", null, title), description && (/*#__PURE__*/React__default.createElement("div", {
+    className: styles$j.descriptionContainer
+  }, /*#__PURE__*/React__default.createElement(HtmlToReact, null, description))), /*#__PURE__*/React__default.createElement(List, {
+    variant: "spacing-s",
+    items: links === null || links === void 0 ? void 0 : links.filter(function (item) {
+      return isLinkItem(item);
+    }).map(function (link) {
+      return /*#__PURE__*/React__default.createElement(Link, {
+        key: link.title,
+        href: parse(link.url).toString() || '#',
+        className: styles$j.link,
+        iconRight: !getIsHrefExternal(link.url) && (/*#__PURE__*/React__default.createElement(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__default.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    showFallbackImage = _React$useState2[0],
+    setShowFallbackImage = _React$useState2[1];
+  React__default.useEffect(function () {
+    var testThatImageExist = /*#__PURE__*/function () {
+      var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
+        return _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 = _objectWithoutProperties(_ref, _excluded$8);
+  var resolvedUrl = useResolveImageUrl({
+    id: id,
+    url: src,
+    customFallbackUrl: customFallbackSrc
+  });
+  return /*#__PURE__*/React__default.createElement("figure", {
+    style: style
+  }, /*#__PURE__*/React__default.createElement("img", _objectSpread2(_objectSpread2({}, imageProps), {}, {
+    src: resolvedUrl,
+    alt: alt
+  })), caption && /*#__PURE__*/React__default.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 format(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__default.createElement("div", {
+    className: styles$i.container
+  }, /*#__PURE__*/React__default.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__default.createElement("div", {
+    className: styles$i.content
+  }, description && /*#__PURE__*/React__default.createElement("p", {
+    className: styles$i.description
+  }, description), /*#__PURE__*/React__default.createElement(Link, {
+    className: styles$i.link,
+    href: url
+  }, title), publishingDate && (/*#__PURE__*/React__default.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__default.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 startCase(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__default.createElement("div", null);
+  };
+  var IconComponent = React__default.useMemo(function () {
+    return /*#__PURE__*/React__default.lazy(function () {
+      return import('./index-B0pDvzoV.js').then(function (module) {
+        return {
+          "default": module[name] || fallback
+        };
+      });
+    });
+  }, [name]);
+  return /*#__PURE__*/React__default.createElement(Suspense, {
+    fallback: /*#__PURE__*/React__default.createElement("div", {
+      className: styles$h.fallbackIcon
+    })
+  }, /*#__PURE__*/React__default.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__default.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__default.createElement("div", {
+    className: classNames(styles$h.cardIconWrapper, direction && styles$h[direction])
+  }, /*#__PURE__*/React__default.createElement(Icon, {
+    name: getIconName(icon)
+  }))), /*#__PURE__*/React__default.createElement("div", {
+    className: styles$h.cardContent
+  }, title && /*#__PURE__*/React__default.createElement("div", {
+    className: styles$h.title
+  }, title), description && (/*#__PURE__*/React__default.createElement("div", {
+    className: styles$h.description
+  }, getTextFromHtml(description))), linkTitle && linkUrl && (/*#__PURE__*/React__default.createElement("div", {
+    className: classNames(styles$h.button, backgroundColor && isWhiteText(backgroundColor) && colorStyles.whiteButton)
+  }, /*#__PURE__*/React__default.createElement(Button, {
+    style: direction === 'vertical' ? {
+      width: '100%'
+    } : {},
+    variant: ButtonVariant.Secondary,
+    theme: ButtonPresetTheme.Black,
+    onClick: handleClick,
+    iconStart: /*#__PURE__*/React__default.createElement(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__default.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 = 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__default.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__default.createElement(List, {
+    variant: "spacing-3-xl",
+    items: (_content$map = content === null || content === void 0 ? void 0 : content.map(function (item) {
+      if (isLayoutLinkList(item)) {
+        return /*#__PURE__*/React__default.createElement(SidebarContentLinkListComponent, {
+          key: item.title,
+          title: item.title,
+          links: item.links,
+          description: item.description,
+          anchor: item.anchor
+        });
+      }
+      if (isLayoutPage(item)) {
+        var _item$pages;
+        return /*#__PURE__*/React__default.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__default.createElement(SideBarPostListItemComponent, _objectSpread2(_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: ModuleItemTypeEnum.Page
+            }));
+          })
+        });
+      }
+      if (isLayoutArticle(item)) {
+        var _item$articles;
+        return /*#__PURE__*/React__default.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__default.createElement(SideBarPostListItemComponent, _objectSpread2(_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: ModuleItemTypeEnum.Article
+            }));
+          })
+        });
+      }
+      if (isLayoutCards(item)) {
+        return /*#__PURE__*/React__default.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.cloneElement(wrapper, [], children) : /*#__PURE__*/React.createElement(React.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__default.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__default.createElement("div", {
+    className: classNames(styles$e.textContents, backgroundColor && !imageUrl && isWhiteText(backgroundColor) && colorStyles.whiteText, title && backgroundColor && korosType && styles$e.withKoros)
+  }, /*#__PURE__*/React__default.createElement("header", null, /*#__PURE__*/React__default.createElement(Text, {
+    as: "h1",
+    variant: "h1"
+  }, title)), description && /*#__PURE__*/React__default.createElement("p", null, description), actionText && actionUrl && (/*#__PURE__*/React__default.createElement("div", {
+    className: classNames(!imageUrl && styles$e.button, backgroundColor && !imageUrl && isWhiteText(backgroundColor) && colorStyles.whiteButton)
+  }, /*#__PURE__*/React__default.createElement(Button, {
+    variant: ButtonVariant.Secondary,
+    theme: ButtonPresetTheme.Black,
+    onClick: handleClick,
+    iconEnd: /*#__PURE__*/React__default.createElement(IconAngleRight, null)
+  }, actionText))));
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.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__default.createElement(Container, {
+    wrapper: container
+  }, /*#__PURE__*/React__default.createElement(ContentContainer, null, /*#__PURE__*/React__default.createElement("div", {
+    className: styles$e.heroInner
+  }, imageUrl && (/*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(Image$1, {
+    id: id,
+    className: styles$e.imageContainer,
+    src: imageUrl,
+    alt: imageAlt !== null && imageAlt !== void 0 ? imageAlt : ''
+  }), imageLabel && (/*#__PURE__*/React__default.createElement("div", {
+    className: styles$e.label
+  }, imageLabel)))), backUrl && (/*#__PURE__*/React__default.createElement("div", {
+    className: styles$e.link
+  }, /*#__PURE__*/React__default.createElement(Link, {
+    href: backUrl,
+    openInNewTab: false,
+    "aria-label": "Back",
+    iconLeft: /*#__PURE__*/React__default.createElement(IconArrowLeft, {
+      "aria-hidden": "true"
+    })
+  }))), !imageUrl && title && textContents))), (title || backgroundColor || imageUrl) && korosType && (/*#__PURE__*/React__default.createElement(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__default.createElement(Container, null, /*#__PURE__*/React__default.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 = _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.useId();
+  return /*#__PURE__*/React.createElement(Tag$1, _objectSpread2(_objectSpread2(_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 = _objectWithoutProperties(_ref, _excluded$6);
+  var resolvedUrl = useResolveImageUrl({
+    id: id,
+    url: url,
+    customFallbackUrl: customFallbackUrl
+  });
+  return /*#__PURE__*/React__default.createElement("div", _objectSpread2(_objectSpread2({}, divProps), {}, {
+    style: _objectSpread2(_objectSpread2({}, divProps.style), {}, {
+      backgroundImage: "url(".concat(resolvedUrl, ")")
+    })
+  }), children, labelTag && (/*#__PURE__*/React__default.createElement("div", {
+    className: styles$b.imageLabel
+  }, /*#__PURE__*/React__default.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__default.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__default.createElement(Koros, {
+    flipVertical: true,
+    className: classNames(styles$c.korosTop, korosTopClassName)
+  })), korosBottom && (/*#__PURE__*/React__default.createElement(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 = _objectWithoutProperties(_ref, _excluded$5);
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: styles$f.contentLayout
+  }, breadcrumbs && /*#__PURE__*/React__default.createElement("div", {
+    className: styles$f.breadcrumbs
+  }, breadcrumbs), /*#__PURE__*/React__default.createElement("div", {
+    className: styles$f.mainLayout
+  }, /*#__PURE__*/React__default.createElement(Hero, _objectSpread2({
+    id: id,
+    container: heroContainer,
+    imageAlt: imageAlt,
+    imageUrl: imageSrc !== null && imageSrc !== void 0 ? imageSrc : undefined,
+    imageLabel: imageLabel,
+    backUrl: backUrl
+  }, heroProps)), /*#__PURE__*/React__default.createElement(PageSection, {
+    className: classNames(styles$f.contentWrapper, !heroProps.title && !imageSrc ? styles$f.withBorder : '')
+  }, /*#__PURE__*/React__default.createElement(ContentContainer, null, /*#__PURE__*/React__default.createElement("div", {
+    className: styles$f.content
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: styles$f.mainContent
+  }, content), /*#__PURE__*/React__default.createElement("aside", null, sidebarContent), /*#__PURE__*/React__default.createElement("div", {
+    className: styles$f.shareLinks
+  }, shareLinks)))), collections && (/*#__PURE__*/React__default.createElement(PageSection, {
+    className: styles$f.collectionsWrapper,
+    korosTop: true,
+    korosTopClassName: styles$f.collectionKorosTop
+  }, /*#__PURE__*/React__default.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__default.createElement("article", {
+    className: styles$9.mainContent
+  }, /*#__PURE__*/React__default.createElement("header", null, /*#__PURE__*/React__default.createElement(Text, {
+    as: "h1",
+    variant: "h1"
+  }, title)), (date || categories) && (/*#__PURE__*/React__default.createElement("div", {
+    className: styles$9.articleData
+  }, date && (/*#__PURE__*/React__default.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__default.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__default.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__default.createElement(Head, null, /*#__PURE__*/React__default.createElement("title", null, unescapeDash(title !== null && title !== void 0 ? title : undefined)), description && /*#__PURE__*/React__default.createElement("meta", {
+    name: "description",
+    content: description
+  }), /*#__PURE__*/React__default.createElement("meta", {
+    property: "og:title",
+    content: openGraphTitle !== null && openGraphTitle !== void 0 ? openGraphTitle : unescapeDash(title !== null && title !== void 0 ? title : undefined)
+  }), openGraphDescription && (/*#__PURE__*/React__default.createElement("meta", {
+    property: "og:description",
+    content: openGraphDescription
+  })), /*#__PURE__*/React__default.createElement("meta", {
+    name: "twitter:card",
+    content: "summary_large_image"
+  }), image && (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("meta", {
+    property: "og:image",
+    content: image
+  }), /*#__PURE__*/React__default.createElement("meta", {
+    property: "twitter:image",
+    content: image
+  }))), openGraphType && /*#__PURE__*/React__default.createElement("meta", {
+    property: "og:type",
+    content: openGraphType
+  }), xTitle && /*#__PURE__*/React__default.createElement("meta", {
+    name: "twitter:title",
+    content: xTitle
+  }), xDescription && (/*#__PURE__*/React__default.createElement("meta", {
+    name: "twitter:description",
+    content: xDescription
+  })), /*#__PURE__*/React__default.createElement("link", {
+    rel: "icon",
+    href: meta === null || meta === void 0 ? void 0 : meta.favIconUrl,
+    sizes: "any"
+  }), /*#__PURE__*/React__default.createElement("link", {
+    rel: "icon",
+    href: meta === null || meta === void 0 ? void 0 : meta.favIconSvgUrl,
+    type: "image/svg+xml"
+  }), /*#__PURE__*/React__default.createElement("link", {
+    rel: "apple-touch-icon",
+    href: meta === null || meta === void 0 ? void 0 : meta.appleTouchIconUrl
+  }), /*#__PURE__*/React__default.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 = _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__default.createContext(_objectSpread2(_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__default.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__default.useState(initialCarouselContextStateValues.isReady),
+    _React$useState2 = _slicedToArray(_React$useState, 1),
+    isReady = _React$useState2[0];
+  var _React$useState3 = React__default.useState(initialCarouselContextStateValues.transformValue),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    transformValue = _React$useState4[0],
+    setTransformValue = _React$useState4[1];
+  var _React$useState5 = React__default.useState(initialCarouselContextStateValues.numberOfSlides),
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    numberOfSlides = _React$useState6[0],
+    setNumberOfSlides = _React$useState6[1];
+  var _React$useState7 = React__default.useState(initialCarouselContextStateValues.itemsPerSlide),
+    _React$useState8 = _slicedToArray(_React$useState7, 2),
+    itemsPerSlide = _React$useState8[0],
+    setItemsPerSlide = _React$useState8[1];
+  var _React$useState9 = React__default.useState(initialCarouselContextStateValues.currentSlide),
+    _React$useState0 = _slicedToArray(_React$useState9, 2),
+    currentSlide = _React$useState0[0],
+    setCurrentSlide = _React$useState0[1];
+  var _React$useState1 = React__default.useState(initialCarouselContextStateValues.width),
+    _React$useState10 = _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 = _objectWithoutProperties(_ref, _excluded$4);
+  var carouselContext = useCarouselContextState();
+  var value = React__default.useMemo(function () {
+    return _objectSpread2(_objectSpread2({
+      numberOfItems: numberOfItems
+    }, carouselContext), backwardCompatibleProps);
+  }, [numberOfItems, carouselContext, backwardCompatibleProps]);
+  return /*#__PURE__*/React__default.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__default.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__default.createElement("div", {
+    className: styles$7.slideItems
+  }, itemSet.map(function (item, itemIndex) {
+    return /*#__PURE__*/React__default.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__default.createElement(LoadingSpinner, {
+    small: true
+  }) : null;
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: styles$7.onLoadMoreContainer
+  }, /*#__PURE__*/React__default.createElement(Button, {
+    iconStart: iconStart,
+    onClick: onLoadMore,
+    variant: 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__default.useMemo(function () {
+    return shouldShowLoadMoreButton ? [].concat(_toConsumableArray(children), [/*#__PURE__*/React__default.createElement(CarouselLoadMoreButton, {
+      key: getLoadMoreKey()
+    })]) : children;
+  }, [children, shouldShowLoadMoreButton]);
+  var itemSets = React__default.useMemo(function () {
+    return itemsPerSlide > 0 ? splitArrayIntoChunksOfLen(items, itemsPerSlide) : [];
+  }, [items, itemsPerSlide]);
+  var ariaLabel = useCarouselSliderRegionAriaLabel();
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: styles$7.sliderWrapper,
+    "data-testid": "carousel-slider"
+  }, /*#__PURE__*/React__default.createElement("ul", {
+    className: styles$7.sliderAnimated,
+    style: {
+      transform: "translateX(".concat(transformValue, ")")
+    },
+    "aria-label": ariaLabel,
+    role: "presentation"
+  }, itemSets.map(function (itemSet, itemSetIndex) {
+    return /*#__PURE__*/React__default.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__default.createElement("button", {
+    type: "button",
+    "aria-label": "".concat(previous).concat(ariaLabelTitle),
+    className: classNames(styles$7.btn, styles$7.btnPrev),
+    onClick: handlePrevClick,
+    disabled: !isReady
+  }, /*#__PURE__*/React__default.createElement(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__default.createElement("button", {
+    type: "button",
+    "aria-label": "".concat(next).concat(ariaLabelTitle),
+    className: classNames(styles$7.btn, styles$7.btnNext),
+    onClick: handleNextClick,
+    disabled: !isReady
+  }, /*#__PURE__*/React__default.createElement(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__default.createElement("button", {
+    className: classNames(styles$7.dot, _defineProperty(_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__default.createElement("div", {
+    className: styles$7.dotsContainer,
+    role: "navigation",
+    "aria-hidden": !navigateWithDots,
+    "data-testid": "carousel-dots"
+  }, _toConsumableArray(Array(numberOfSlides)).map(function (entry, slideIndex) {
+    return /*#__PURE__*/React__default.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);
+  };
+  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();
+  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]);
+  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__default.createElement("div", {
+    className: classNames(styles$7.container, className),
+    role: "region",
+    "aria-label": carouselAriaLabel
+  }, /*#__PURE__*/React__default.createElement("div", {
+    role: "group",
+    className: styles$7.carouselWrapper
+  }, numberOfSlides > 1 && (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(CarouselPreviousSlideButton, null), /*#__PURE__*/React__default.createElement(CarouselNextSlideButton, null))), isReady && (/*#__PURE__*/React__default.createElement("div", {
+    className: styles$7.root
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: classNames(styles$7.slider, numberOfSlides === 1 && styles$7.noDots)
+  }, /*#__PURE__*/React__default.createElement(CarouselSlider, null, items)), withDots && numberOfSlides > 1 && /*#__PURE__*/React__default.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 = _objectWithoutProperties(_ref3, _excluded$3);
+  return /*#__PURE__*/React__default.createElement(CarouselContextProvider, _objectSpread2({
+    itemsShownOnDesktop: itemsDesktop,
+    itemsShownOnMobile: itemsMobile,
+    numberOfItems: items.length
+  }, restOfBackwardCompatibleProps), /*#__PURE__*/React__default.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__default.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__default.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__default.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__default.createElement("div", {
+    className: classNames(styles$6.buttonWrapper, backgroundColor ? colorStyles["background".concat(getColor(backgroundColor))] : colorStyles.backgroundDefault, backgroundColor && isWhiteText(backgroundColor) && colorStyles.whiteLink)
+  }, /*#__PURE__*/React__default.createElement(Link, {
+    tabIndex: -1,
+    href: url,
+    openInNewTab: openLinkInNewTab,
+    iconLeft: /*#__PURE__*/React__default.createElement(IconArrowRight, {
+      "aria-hidden": "true"
+    }),
+    showExternalIcon: false,
+    "aria-label": ariaLabel
+  }, linkArrowLabel && (/*#__PURE__*/React__default.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__default.createElement("div", {
+    className: classNames(styles$6.cardWrapper, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_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__default.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__default.createElement("div", {
+    className: classNames(styles$6.contentWrapper, isDelimited && styles$6.isDelimited, isCentered && styles$6.isCentered),
+    onClick: handleClick
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: classNames(styles$6.content, dynamicBackgroundClass, _defineProperty(_defineProperty(_defineProperty({}, colorStyles.whiteText, backgroundColor && isWhiteText(backgroundColor)), styles$6.isDelimited, isDelimited), styles$6.isCentered, isCentered))
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: styles$6.textWrapper
+  }, title && (/*#__PURE__*/React__default.createElement(CardTitle, {
+    direction: direction,
+    withTitleIcon: withTitleIcon,
+    titleIcon: titleIcon
+  }, title)), /*#__PURE__*/React__default.createElement(CardSubTitle, {
+    backgroundColor: backgroundColor
+  }, subTitle), text && (/*#__PURE__*/React__default.createElement(CardText, {
+    clampText: clampText,
+    direction: direction
+  }, getTextFromHtml(text))), customContent && (/*#__PURE__*/React__default.createElement("div", {
+    className: styles$6.customContent
+  }, customContent)))), hasLink && (/*#__PURE__*/React__default.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 = useState(false),
+    _useState2 = _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__default.createElement(CardInnerContent, _objectSpread2(_objectSpread2({}, props), {}, {
+    isHovered: isHovered,
+    handleToggleActive: handleToggleActive,
+    isDelimited: isDelimited,
+    isCentered: isCentered,
+    imagePosition: imagePosition,
+    handleClick: handleClick
+  }));
+  if (url) {
+    return /*#__PURE__*/React__default.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__default.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 = gql(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n  fragment localizedCmsEventFields on LocalizedObject {\n    en\n    fi\n    sv\n  }\n"])));
+var KeywordCmsEventFieldsFragmentDoc = gql(_templateObject2$1 || (_templateObject2$1 = _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 = gql(_templateObject3 || (_templateObject3 = _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 = gql(_templateObject4 || (_templateObject4 = _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 = gql(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  fragment registrationCmsEventFields on Registration {\n    enrolmentStartTime\n    enrolmentEndTime\n    remainingAttendeeCapacity\n    audienceMinAge\n    audienceMaxAge\n  }\n"])));
+var EventCmsEventFieldsFragmentDoc = gql(_templateObject6 || (_templateObject6 = _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 = gql(_templateObject7 || (_templateObject7 = _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 = _objectSpread2(_objectSpread2({}, defaultOptions$1), baseOptions);
+  return Apollo.useQuery(EventListDocument, options);
+}
+var EventsByIdsDocument = gql(_templateObject8 || (_templateObject8 = _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 = _objectSpread2(_objectSpread2({}, defaultOptions$1), baseOptions);
+  return Apollo.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 = gql(_templateObject || (_templateObject = _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 = gql(_templateObject2 || (_templateObject2 = _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 = _objectSpread2(_objectSpread2({}, defaultOptions), baseOptions);
+  return Apollo.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 && _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) && 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 && 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 = _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 = _objectWithoutProperties(_ref, _excluded$2);
+  var disabled = isLoading ? true : rest.disabled;
+  var iconStart = isLoading ? /*#__PURE__*/React__default.createElement(LoadingSpinner, {
+    small: true
+  }) : null;
+  var variant = isLoading ? ButtonVariant.Clear : ButtonVariant.Primary;
+  return /*#__PURE__*/React__default.createElement(Button, _objectSpread2(_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 = _objectWithoutProperties(_ref, _excluded$1);
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: styles$8.gridWrapper
+  }, /*#__PURE__*/React__default.createElement(Grid, _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 = _objectWithoutProperties(_ref2, _excluded2);
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: styles$8.carouselWrapper
+  }, /*#__PURE__*/React__default.createElement(Carousel, _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__default.createElement(CollectionCarousel, _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__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(CollectionGrid, _objectSpread2({
+      cards: cards
+    }, collectionContainerProps)), hasNext && (/*#__PURE__*/React__default.createElement(LoadingButton, {
+      className: styles$8.loadMoreButton,
+      onClick: onLoadMore,
+      isLoading: loading
+    }, loadMoreButtonLabelText))))
+  };
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: classNames(styles$8[type], className)
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: styles$8.collection
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: classNames(styles$8.headerRow, showAllUrl ? styles$8.withShowAll : '')
+  }, title && (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("h2", {
+    className: classNames(styles$8.heading, type === 'carousel' && styles$8.carousel)
+  }, title), showAllUrl && showAllText && (/*#__PURE__*/React__default.createElement(Link, {
+    className: styles$8.showAll,
+    href: showAllUrl
+  }, showAllText))))), description && /*#__PURE__*/React__default.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 ? 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__default.createElement(Card, _objectSpread2(_objectSpread2({
+      key: cardProps.id
+    }, cardProps), {}, {
+      url: url,
+      direction: "fixed-vertical",
+      customContent: EventCardContent && /*#__PURE__*/React__default.createElement(EventCardContent, {
+        event: items[i]
+      }),
+      titleIcon: cardProps.withTitleIcon && HelsinkiCityOwnedIcon && /*#__PURE__*/React__default.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 = _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 = _objectSpread2(_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__default.createElement("div", {
+      className: styles$8.loadingSpinnerWrapper
+    }, /*#__PURE__*/React__default.createElement(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 : ModuleItemTypeEnum.Event);
+    },
+    getEventCardProps: getEventCardProps,
+    EventCardContent: EventCardContent,
+    HelsinkiCityOwnedIcon: HelsinkiCityOwnedIcon,
+    organisationPrefixes: organisationPrefixes,
+    locale: currentLanguageCode
+  });
+  return /*#__PURE__*/React__default.createElement(Collection, _objectSpread2(_objectSpread2({}, delegatedProps), {}, {
+    cards: cards
+  }));
+}
+function EventSelectionCollection(_ref6) {
+  var _data$eventsByIds$dat;
+  var collection = _ref6.collection,
+    delegatedProps = _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__default.createElement("div", {
+      className: styles$8.loadingSpinnerWrapper
+    }, /*#__PURE__*/React__default.createElement(LoadingSpinner, {
+      multicolor: true
+    }));
+  }
+  var cards = getEventCollectionCards({
+    items: eventsListSorted,
+    getRoutedInternalHref: function getRoutedInternalHref(link, type) {
+      return _getRoutedInternalHref2(link, type !== null && type !== void 0 ? type : ModuleItemTypeEnum.Event);
+    },
+    getEventCardProps: getEventCardProps,
+    EventCardContent: EventCardContent,
+    HelsinkiCityOwnedIcon: HelsinkiCityOwnedIcon,
+    organisationPrefixes: organisationPrefixes,
+    locale: currentLanguageCode
+  });
+  return /*#__PURE__*/React__default.createElement(Collection, _objectSpread2(_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, ModuleItemTypeEnum.Venue);
+    return /*#__PURE__*/React__default.createElement(Card, _objectSpread2(_objectSpread2({
+      key: cardProps.id
+    }, cardProps), {}, {
+      url: url,
+      titleIcon: cardProps.withTitleIcon && HelsinkiCityOwnedIcon && /*#__PURE__*/React__default.createElement(HelsinkiCityOwnedIcon, null),
+      direction: "fixed-vertical",
+      customContent: VenueCardContent && /*#__PURE__*/React__default.createElement(VenueCardContent, {
+        location: items[i]
+      })
+    }));
+  });
+  return cards;
+}
+function LocationsSelectionCollection(_ref8) {
+  var collection = _ref8.collection,
+    locale = _ref8.locale,
+    delegatedProps = _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__default.createElement("div", {
+      className: styles$8.loadingSpinnerWrapper
+    }, /*#__PURE__*/React__default.createElement(LoadingSpinner, {
+      multicolor: true
+    }));
+  }
+  var cards = getLocationsCollectionCards({
+    items: venuesList !== null && venuesList !== void 0 ? venuesList : [],
+    getRoutedInternalHref: function getRoutedInternalHref(link) {
+      return _getRoutedInternalHref3(link, ModuleItemTypeEnum.Venue);
+    },
+    getLocationCardProps: getLocationCardProps,
+    VenueCardContent: VenueCardContent,
+    HelsinkiCityOwnedIcon: HelsinkiCityOwnedIcon
+  });
+  return /*#__PURE__*/React__default.createElement(Collection, _objectSpread2(_objectSpread2({}, delegatedProps), {}, {
+    cards: cards
+  }));
+}
+function PageArticleCollection(_ref9) {
+  var collection = _ref9.collection,
+    delegatedProps = _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 (isPageType(item) || isArticleType(item)) result.push(getArticlePageCardProps(item));
+    return result;
+  }, []).map(function (cardProps) {
+    var url = getRoutedInternalHref(cardProps.url, undefined);
+    return /*#__PURE__*/React__default.createElement(Card, _objectSpread2(_objectSpread2({
+      key: cardProps.id
+    }, cardProps), {}, {
+      url: url,
+      direction: "fixed-vertical"
+    }));
+  });
+  return /*#__PURE__*/React__default.createElement(Collection, _objectSpread2(_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__default.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__default.createElement("div", {
+    className: classNames(className)
+  }, /*#__PURE__*/React__default.createElement(HtmlToReact, {
+    components: {
+      a: Link
+    },
+    allowedUnsafeTags: allowedUnsafeTags,
+    trustedOrigins: trustedOrigins
+  }, content || '')));
+}
+
+// todo: implement module
+function CardModule(props) {
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: styles$h.pageModuleWrapper
+  }, /*#__PURE__*/React__default.createElement(Card, _objectSpread2(_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__default.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__default.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__*/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 = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    imageIndex = _useState2[0],
+    setImageIndex = _useState2[1];
+  var _useState3 = useState(-1),
+    _useState4 = _slicedToArray(_useState3, 2),
+    selectedImageIndex = _useState4[0],
+    setSelectedImageIndex = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isLightboxVisible = _useState6[0],
+    setIsLightboxVisible = _useState6[1];
+  var toggleLightbox = useCallback(function () {
+    setIsLightboxVisible(function (prev) {
+      return !prev;
+    });
+  }, [setIsLightboxVisible]);
+  var config = React__default.useMemo(function () {
+    return {
+      imageIndex: imageIndex,
+      setImageIndex: setImageIndex,
+      selectedImageIndex: selectedImageIndex,
+      setSelectedImageIndex: setSelectedImageIndex,
+      isLightboxVisible: isLightboxVisible,
+      setIsLightboxVisible: setIsLightboxVisible,
+      toggleLightbox: toggleLightbox
+    };
+  }, [imageIndex, isLightboxVisible, selectedImageIndex, toggleLightbox]);
+  return /*#__PURE__*/React__default.createElement(ImageGalleryContext.Provider, {
+    value: config
+  }, children);
+}
+
+function useImageGalleryContext() {
+  var context = React__default.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__default.createElement("div", {
+    className: classNames(styles$4.imageItemWrapper, withLightbox ? styles$4.withLightbox : ''),
+    onClick: handleImageCardClick
+  }, /*#__PURE__*/React__default.createElement("figure", {
+    className: classNames(styles$4.imageCardWrapper, withLightbox ? styles$4.withLightbox : ''),
+    "aria-label": imageTitle
+  }, /*#__PURE__*/React__default.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__default.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 = useRef(null);
+  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__default.createElement("div", {
+    ref: gridContainerRef
+  }, /*#__PURE__*/React__default.createElement(Grid, {
+    colsCount: images.length === 1 ? 1 : columns
+  }, images.map(function (image, i) {
+    return /*#__PURE__*/React__default.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 = useRef(null);
+  var barrierRef = useRef(null);
+  var _useImageGalleryConte = useImageGalleryContext(),
+    isLightboxVisible = _useImageGalleryConte.isLightboxVisible,
+    imageIndex = _useImageGalleryConte.imageIndex,
+    toggleLightbox = _useImageGalleryConte.toggleLightbox;
+  var handleEscapeKeyPress = useCallback(function (event) {
+    if (event.key === 'Escape') {
+      toggleLightbox();
+    }
+  }, [toggleLightbox]);
+  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__default.createElement("div", {
+      id: lightboxUid,
+      role: "dialog",
+      "aria-modal": true,
+      "aria-labelledby": "".concat(lightboxUid, "-title"),
+      className: styles$4.lightbox,
+      onClick: toggleLightbox,
+      ref: lightboxRef
+    }, /*#__PURE__*/React__default.createElement("div", {
+      onClick: function onClick(e) {
+        e.stopPropagation();
+      },
+      className: styles$4.lightboxContent
+    }, /*#__PURE__*/React__default.createElement("div", {
+      className: styles$4.inner
+    }, /*#__PURE__*/React__default.createElement("h2", {
+      id: "".concat(lightboxUid, "-title"),
+      className: styles$4.screenReaderText,
+      ref: barrierRef,
+      tabIndex: -1
+    }, imageTitle), /*#__PURE__*/React__default.createElement("figure", {
+      className: styles$4.imageCardWrapper,
+      "aria-label": imageTitle
+    }, /*#__PURE__*/React__default.createElement("img", {
+      alt: imageTitle,
+      src: imageUrl
+    })), /*#__PURE__*/React__default.createElement("figcaption", {
+      className: classNames(styles$4.photographer, styles$4.withMargin)
+    }, imagePhotogrpher), images.length > 1 && /*#__PURE__*/React__default.createElement(Lightbox.Actions, {
+      images: images
+    }), /*#__PURE__*/React__default.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__default.createElement("div", {
+    className: styles$4.actionsWrapper
+  }, /*#__PURE__*/React__default.createElement(Button, {
+    iconStart: /*#__PURE__*/React__default.createElement(IconAngleLeft, null),
+    onClick: handlePreviousClick,
+    theme: ButtonPresetTheme.Black,
+    variant: ButtonVariant.Secondary,
+    "aria-label": previous
+  }, previous), /*#__PURE__*/React__default.createElement(Button, {
+    iconStart: /*#__PURE__*/React__default.createElement(IconAngleRight, null),
+    onClick: handleNextClick,
+    theme: ButtonPresetTheme.Black,
+    variant: 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__default.createElement("button", {
+    className: styles$4.closeButton,
+    id: "close-".concat(lightboxUid),
+    type: "button",
+    "aria-controls": lightboxUid.toString(),
+    "aria-expanded": "true",
+    onClick: toggleLightbox
+  }, /*#__PURE__*/React__default.createElement("span", {
+    className: styles$4.screenReaderText
+  }, closeButtonLabelText), /*#__PURE__*/React__default.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__default.createElement(ImageGalleryProvider, null, withLightbox && /*#__PURE__*/React__default.createElement(Lightbox, {
+    lightboxUid: lightboxUid,
+    images: images
+  }), /*#__PURE__*/React__default.createElement(ImagesGrid, {
+    images: images,
+    columns: columns,
+    lightboxUid: lightboxUid,
+    withBorder: withBorder,
+    withLightbox: withLightbox
+  }));
+}
+
+function ImageGalleryModule(props) {
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: styles$h.pageModuleWrapper
+  }, /*#__PURE__*/React__default.createElement(ImageGallery, _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__default.createElement("div", {
+    className: styles$h.pageModuleWrapper
+  }, /*#__PURE__*/React__default.createElement(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 = getBreadcrumbListItems(breadcrumbs);
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: styles$3.container
+  }, /*#__PURE__*/React__default.createElement(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 = useRef(null);
+  var clean = useMemo(function () {
+    return DOMPurify.sanitize(script !== null && script !== void 0 ? script : '', {
+      FORCE_BODY: true,
+      ADD_TAGS: ['script', 'div']
+    });
+  }, [script]);
+  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__default.createElement("div", null);
+      }
+    }
+    return domNode;
+  };
+  var htmlReactParserOptions = {
+    replace: function replace(domNode) {
+      return sanitizeScripts(domNode);
+    }
+  };
+  return /*#__PURE__*/React__default.createElement("div", {
+    id: anchor,
+    className: styles$h.pageModuleWrapper
+  }, title && (/*#__PURE__*/React__default.createElement(Text, {
+    as: "h2",
+    variant: "h2"
+  }, title)), /*#__PURE__*/React__default.createElement("div", {
+    ref: scriptWrapperRef
+  }, parse(clean, htmlReactParserOptions)));
+}
+
+var initialValue = {
+  page: null
+};
+var PageContext = /*#__PURE__*/React__default.createContext(initialValue);
+
+function PageContextProvider(_ref) {
+  var page = _ref.page,
+    children = _ref.children;
+  var context = React__default.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__default.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 (isLayoutContent(module)) {
+      var _module$content, _module$backgroundCol;
+      contentModules.push(/*#__PURE__*/React__default.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 (isLayoutCard(module)) {
+      var _module$title, _module$description, _module$backgroundCol2, _module$link$url, _module$link, _module$image;
+      contentModules.push(/*#__PURE__*/React__default.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 (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 _objectSpread2(_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: _objectSpread2(_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__default.createElement(CardsModule, {
+        key: uniqueKey,
+        items: items
+      }));
+    } else if (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__default.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 (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__default.createElement(ImageGalleryModule, {
+        images: images,
+        key: uniqueKey,
+        withLightbox: true,
+        lightboxUid: "lightbox-".concat(index),
+        columns: 3
+      }));
+    } else if (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__default.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 (isLayoutSocialMediaFeed(module)) {
+      var _module$anchor, _module$title3, _module$script;
+      contentModules.push(/*#__PURE__*/React__default.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 (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__default.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 = 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: getCollectionUIType(collection),
+      collectionContainerProps: {}
+    };
+    if (isEventSearchCollection(collection)) {
+      if (isEventModulesEnabled) {
+        collectionElements.push(/*#__PURE__*/React__default.createElement(EventSearchCollection, _objectSpread2(_objectSpread2({}, commonCollectionProps), {}, {
+          key: key,
+          collection: collection
+        })));
+      }
+    } else if (isEventSelectionCollection(collection)) {
+      if (isEventModulesEnabled) {
+        collectionElements.push(/*#__PURE__*/React__default.createElement(EventSelectionCollection, _objectSpread2(_objectSpread2({}, commonCollectionProps), {}, {
+          key: key,
+          collection: collection
+        })));
+      }
+    } else if (isLocationsSelectionCollection(collection)) {
+      if (isVenueModulesEnabled) {
+        var _page$language;
+        collectionElements.push(/*#__PURE__*/React__default.createElement(LocationsSelectionCollection, _objectSpread2(_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__default.createElement(PageArticleCollection, _objectSpread2(_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 = _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__default.createElement("main", {
+    id: mainContentId !== null && mainContentId !== void 0 ? mainContentId : MAIN_CONTENT_ID,
+    className: classNames('page-main-content', className)
+  }, Head && /*#__PURE__*/React__default.createElement(PageMeta, {
+    headComponent: Head,
+    page: page
+  }), /*#__PURE__*/React__default.createElement(PageContextProvider, {
+    page: page
+  }, /*#__PURE__*/React__default.createElement(PageContentLayoutComponent, _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({}, props), pageContentLayoutProps), getHeroProps(page)), {}, {
+    breadcrumbs: breadcrumbs && (typeof breadcrumbs === 'function' ? (/*#__PURE__*/React__default.createElement(PageContentBreadcrumb, {
+      breadcrumbs: breadcrumbs(page)
+    })) : (/*#__PURE__*/React__default.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__default.createElement(SidebarContent, _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);
+
+export { isEventClosed as A, BackgroundImage as B, Card as C, Carousel as D, EventSelectionCollection as E, useResolveImageUrl as F, Grid as G, HtmlToReact as H, Image$1 as I, getTextFromHtml as J, findLanguage as K, Link as L, MAIN_CONTENT_ID as M, Navigation as N, languageSorter as O, PageContext as P, toPrimaryLanguageOption as Q, LANGUAGE_CODE_ORDINAL_NUMBER as R, isNonEmptyLanguage as S, Tag as T, styleInject as U, classNames as a, styles$2 as b, configContext as c, LinkBox as d, styles$1 as e, styles as f, PageMeta as g, PageContentBreadcrumb as h, PageSection as i, useHeadlessCmsLink as j, ModuleItemTypeEnum as k, Notification as l, Page as m, PageContent as n, ContentContainer as o, PageContentLayout as p, PageMainContent as q, PageContextProvider as r, styles$q as s, Collection as t, useConfig as u, EventSearchCollection as v, getEventCollectionCards as w, LocationsSelectionCollection as x, getLocationsCollectionCards as y, getVenueIds as z };
+//# sourceMappingURL=archiveSearchPageContent.module-DmpLBZP5.js.map