@royaloperahouse/chord 1.24.3-e-chord-development → 1.24.3-f-chord-development

package/dist/chord.cjs.development.js

@@ -13,6 +13,29 @@ var swiperReact_js = require('swiper/react/swiper-react.js');
 require('swiper/swiper-bundle.css');
 var reactRouterDom = require('react-router-dom');
 
+(function (Colors) {
+  Colors["White"] = "white";
+  Colors["Black"] = "black";
+  Colors["DarkGrey"] = "darkgrey";
+  Colors["MidGrey"] = "midgrey";
+  Colors["LightGrey"] = "lightgrey";
+  Colors["Trasparent"] = "transparent";
+  Colors["ErrorState"] = "errorstate";
+  Colors["MediumState"] = "mediumstate";
+  Colors["GoodState"] = "goodstate";
+  Colors["Primary"] = "primary";
+  Colors["Core"] = "core";
+  Colors["Stream"] = "stream";
+  Colors["Cinema"] = "cinema";
+})(exports.Colors || (exports.Colors = {}));
+
+(function (ThemeType) {
+  ThemeType["Core"] = "core";
+  ThemeType["Stream"] = "stream";
+  ThemeType["Cinema"] = "cinema";
+  ThemeType["Schools"] = "schools";
+})(exports.ThemeType || (exports.ThemeType = {}));
+
 function _extends() {
   _extends = Object.assign || function (target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -55,6 +78,48 @@ function _taggedTemplateLiteralLoose(strings, raw) {
   return strings;
 }
 
+var _templateObject;
+var BadgeWrapper = /*#__PURE__*/styled__default.svg(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: auto;\n\n  g,\n  path {\n    fill: var(--base-color-", ");\n  }\n"])), function (_ref) {
+  var fillColor = _ref.fillColor;
+  return fillColor;
+});
+
+var StreamBadge = function StreamBadge(_ref) {
+  var _ref$fillColor = _ref.fillColor,
+      fillColor = _ref$fillColor === void 0 ? exports.Colors.White : _ref$fillColor;
+  return /*#__PURE__*/React__default.createElement(BadgeWrapper, {
+    fillColor: fillColor,
+    width: "100%",
+    height: "100%",
+    viewBox: "0 0 133 37",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React__default.createElement("g", null, /*#__PURE__*/React__default.createElement("path", {
+    d: "M65.582.5h-1.186v36h1.186V.5ZM77.985 21.456l.848-1.009c.8.709 1.615 1.089 2.659 1.089.926 0 1.523-.435 1.523-1.089v-.023c0-.607-.345-.945-1.915-1.306-1.797-.423-2.785-.962-2.785-2.485v-.024c0-1.417 1.181-2.394 2.835-2.394a4.556 4.556 0 0 1 3.025 1.041l-.768 1.065a3.714 3.714 0 0 0-2.281-.857c-.883 0-1.417.446-1.417 1.02v.021c0 .667.39.976 2.028 1.354 1.777.422 2.672 1.065 2.672 2.428v.023c0 1.547-1.226 2.475-2.957 2.475a5.082 5.082 0 0 1-3.467-1.33ZM88.932 15.624h-2.67v-1.298h6.739v1.296h-2.652v7.048h-1.417v-7.046ZM95.443 14.326h3.701c1.044 0 1.868.309 2.407.836a2.5 2.5 0 0 1 .675 1.788v.023c0 1.363-.824 2.19-2.017 2.51l2.294 3.187h-1.675l-2.085-2.946h-1.89v2.946h-1.417l.007-8.344Zm3.597 4.15c1.068 0 1.767-.563 1.767-1.434v-.022c0-.907-.666-1.417-1.776-1.417h-2.178v2.877l2.187-.005ZM104.935 14.326h6.164v1.26h-4.768v2.247h4.23v1.26h-4.23v2.316h4.825v1.26h-6.221v-8.343ZM116.763 14.271h1.306l3.679 8.4h-1.478l-.872-2.028h-4.015l-.871 2.029h-1.443l3.694-8.4Zm2.125 5.111-1.49-3.439-1.49 3.44h2.98ZM124.089 14.326h1.488l2.598 4.014 2.598-4.014h1.487v8.344h-1.398v-6.075l-2.68 3.999h-.048l-2.668-3.975v6.05h-1.375l-.002-8.343ZM1.94 5.708H4.3l2.404 3.221h1.148L5.307 5.542c1.304-.236 2.251-1.041 2.251-2.413v-.024a2.282 2.282 0 0 0-.64-1.634C6.398.949 5.58.64 4.556.64H.992V8.93h.945l.002-3.221Zm0-4.202h2.557c1.337 0 2.126.617 2.126 1.634v.024c0 1.065-.888 1.705-2.126 1.705H1.954l-.015-3.363ZM15.546 9.07c2.52 0 4.236-2 4.236-4.286.012-.012.012-.012 0-.023C19.782 2.477 18.09.51 15.57.51s-4.24 2-4.24 4.284v.023c0 2.277 1.694 4.254 4.216 4.254ZM12.3 4.76c0-1.889 1.35-3.395 3.245-3.395 1.894 0 3.266 1.54 3.266 3.42v.023c0 1.89-1.349 3.398-3.243 3.398S12.3 6.67 12.3 4.784v-.023ZM26.22 8.929h.947v-3.29L30.615.642h-1.091l-2.818 4.144L23.912.642h-1.136L26.22 5.65v3.278ZM36.752.583l-3.779 8.346h.961l.98-2.19h4.514l.968 2.19h1.008L37.627.583h-.874Zm-1.47 5.314 1.89-4.226 1.89 4.226h-3.78ZM51.28 8.065h-4.665V.642h-.935v8.287h5.6v-.864ZM6.718 31.753H1.934V28.07H.998v8.287h.936V32.63h4.784v3.73h.936V28.07h-.936v3.682ZM15.746 27.93c-2.523 0-4.237 2-4.237 4.284v.023c0 2.286 1.693 4.263 4.213 4.263s4.24-2 4.24-4.286c.011-.012.011-.012 0-.024.006-2.277-1.694-4.26-4.216-4.26Zm3.245 4.307c0 1.89-1.351 3.399-3.245 3.399-1.894 0-3.267-1.538-3.267-3.422v-.024c0-1.89 1.349-3.396 3.243-3.396s3.269 1.54 3.269 3.42v.023ZM29.888 32.889c0 1.811-.968 2.735-2.496 2.735-1.587 0-2.534-1.006-2.534-2.794V28.07h-.945v4.818c0 2.345 1.398 3.6 3.446 3.6 2.047 0 3.455-1.255 3.455-3.671v-4.747h-.945l.019 4.818ZM38.335 31.765c-1.823-.39-2.248-.83-2.248-1.611v-.024c0-.746.685-1.337 1.764-1.337.88.002 1.728.321 2.39.9l.546-.722a4.322 4.322 0 0 0-2.915-1.018c-1.573 0-2.72.959-2.72 2.26v.024c0 1.362.876 1.979 2.782 2.392 1.74.366 2.154.805 2.154 1.575v.024c0 .817-.735 1.417-1.847 1.417-1.113 0-1.977-.39-2.834-1.181l-.581.687a4.846 4.846 0 0 0 3.386 1.325c1.654 0 2.834-.923 2.834-2.343v-.023c-.011-1.268-.864-1.944-2.71-2.345ZM46.282 32.605h4.523v-.852h-4.523v-2.83h5.057v-.852h-5.992v8.287h6.05v-.852h-5.115v-2.9ZM4.239 14.214c-2.522 0-4.251 2.001-4.251 4.287v.021c0 2.287 1.693 4.252 4.216 4.252 2.522 0 4.239-2 4.239-4.285.012-.014.012-.014 0-.026.012-2.272-1.682-4.249-4.204-4.249Zm3.245 4.308c0 1.89-1.35 3.399-3.245 3.399C2.345 21.92.97 20.38.97 18.5v-.026c0-1.89 1.351-3.396 3.245-3.396 1.895 0 3.269 1.537 3.269 3.422v.021ZM15.822 14.356h-3.1v8.288h.944V19.72h2.012c1.764 0 3.257-.924 3.257-2.712v-.023c-.01-1.634-1.24-2.629-3.113-2.629Zm2.157 2.688c0 1.089-.9 1.823-2.275 1.823h-2.048v-3.646h2.095c1.34 0 2.228.616 2.228 1.8v.023ZM28.84 21.791h-5.115v-2.9h4.522v-.853h-4.522v-2.83h5.056v-.852H22.79v8.288h6.05v-.853ZM39.228 22.644h1.15l-2.546-3.387c1.301-.236 2.248-1.042 2.248-2.414v-.026a2.28 2.28 0 0 0-.64-1.632c-.52-.522-1.336-.829-2.361-.829h-3.564v8.288h.945v-3.222h2.361l2.407 3.222Zm-4.77-7.423h2.557c1.337 0 2.126.614 2.126 1.632v.026c0 1.065-.888 1.705-2.126 1.705h-2.546l-.012-3.363ZM50.421 20.466l.97 2.19h1.007l-3.779-8.347h-.876l-3.779 8.346h.959l.983-2.189h4.515Zm-2.25-5.068 1.889 4.227h-3.78l1.89-4.227Z"
+  })), /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("clipPath", null, /*#__PURE__*/React__default.createElement("path", {
+    transform: "translate(0 .5)",
+    d: "M0 0h132.257v36H0z"
+  }))));
+};
+
+var CinemaBadge = function CinemaBadge(_ref) {
+  var _ref$fillColor = _ref.fillColor,
+      fillColor = _ref$fillColor === void 0 ? exports.Colors.White : _ref$fillColor;
+  return /*#__PURE__*/React__default.createElement(BadgeWrapper, {
+    fillColor: fillColor,
+    width: "100%",
+    height: "100%",
+    viewBox: "0 0 133 37",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React__default.createElement("g", null, /*#__PURE__*/React__default.createElement("path", {
+    d: "M65.582.5h-1.186v36h1.186V.5ZM1.94 5.708H4.3l2.404 3.221h1.148L5.307 5.542c1.304-.236 2.251-1.041 2.251-2.413v-.024a2.281 2.281 0 0 0-.64-1.634C6.398.949 5.58.64 4.556.64H.992V8.93h.945l.002-3.221Zm0-4.202h2.557c1.337 0 2.126.616 2.126 1.634v.024c0 1.065-.888 1.703-2.126 1.703H1.954l-.015-3.361ZM15.546 9.064c2.52 0 4.236-2 4.236-4.287.012-.012.012-.012 0-.023 0-2.284-1.693-4.252-4.213-4.252s-4.24 2-4.24 4.285v.023c0 2.284 1.694 4.254 4.216 4.254ZM12.3 4.754c0-1.89 1.35-3.397 3.245-3.397 1.894 0 3.266 1.538 3.266 3.42v.024c0 1.89-1.349 3.398-3.243 3.398S12.3 6.66 12.3 4.777v-.023ZM26.22 8.929h.947v-3.29L30.615.642h-1.091l-2.818 4.144L23.912.642h-1.136L26.22 5.65v3.278ZM36.752.583l-3.779 8.346h.961l.98-2.19h4.514l.968 2.19h1.008L37.627.583h-.874Zm-1.47 5.313 1.89-4.225 1.89 4.225h-3.78ZM51.28 8.065h-4.665V.642h-.935v8.287h5.6v-.864ZM6.718 31.753H1.934V28.07H.998v8.287h.936V32.63h4.784v3.73h.936V28.07h-.936v3.682ZM15.746 27.93c-2.523 0-4.237 2-4.237 4.283v.024c0 2.286 1.693 4.263 4.213 4.263s4.247-2 4.247-4.291c.011-.012.011-.012 0-.024 0-2.279-1.7-4.256-4.223-4.256Zm3.245 4.307c0 1.89-1.351 3.398-3.245 3.398-1.894 0-3.267-1.537-3.267-3.422v-.023c0-1.89 1.349-3.396 3.243-3.396s3.269 1.537 3.269 3.42v.023ZM29.888 32.89c0 1.81-.968 2.734-2.496 2.734-1.587 0-2.534-1.006-2.534-2.794v-4.759h-.945v4.818c0 2.345 1.398 3.6 3.446 3.6 2.047 0 3.455-1.255 3.455-3.67V28.07h-.945l.019 4.818ZM38.335 31.765c-1.823-.39-2.248-.83-2.248-1.61v-.024c0-.747.685-1.337 1.764-1.337.88.001 1.728.32 2.39.9l.546-.723a4.322 4.322 0 0 0-2.915-1.018c-1.573 0-2.72.959-2.72 2.26v.024c0 1.363.876 1.977 2.782 2.392 1.74.366 2.154.806 2.154 1.576v.02c0 .818-.735 1.418-1.847 1.418-1.113 0-1.977-.39-2.834-1.181l-.581.687a4.847 4.847 0 0 0 3.386 1.325c1.654 0 2.834-.923 2.834-2.345v-.021c-.011-1.266-.864-1.942-2.71-2.343ZM46.282 32.605h4.523v-.852h-4.523v-2.83h5.057v-.852h-5.992v8.287h6.05v-.852h-5.115v-2.9ZM4.239 14.215c-2.522 0-4.251 2-4.251 4.284v.024c0 2.286 1.693 4.263 4.216 4.263 2.522 0 4.239-2 4.239-4.287.012-.012.012-.012 0-.024.012-2.283-1.682-4.26-4.204-4.26Zm3.245 4.308c0 1.889-1.35 3.398-3.245 3.398-1.894 0-3.269-1.54-3.269-3.422v-.024c0-1.889 1.351-3.396 3.245-3.396 1.895 0 3.269 1.538 3.269 3.42v.024ZM15.822 14.356h-3.1v8.288h.944V19.72h2.012c1.764 0 3.257-.926 3.257-2.711v-.024c-.01-1.634-1.24-2.629-3.113-2.629Zm2.157 2.688c0 1.089-.9 1.823-2.275 1.823h-2.048v-3.646h2.095c1.34 0 2.228.614 2.228 1.8v.023ZM28.84 21.791h-5.115v-2.9h4.522v-.853h-4.522V15.21h5.056v-.853H22.79v8.288h6.05v-.853ZM39.228 22.644h1.15l-2.546-3.387c1.301-.236 2.248-1.042 2.248-2.414v-.026a2.28 2.28 0 0 0-.64-1.632c-.52-.522-1.336-.829-2.361-.829h-3.564v8.288h.945v-3.222h2.361l2.407 3.222Zm-4.77-7.423h2.557c1.337 0 2.126.614 2.126 1.632v.026c0 1.065-.888 1.702-2.126 1.702h-2.546l-.012-3.36ZM50.421 20.452l.97 2.192h1.007l-3.779-8.347h-.876l-3.779 8.347h.959l.983-2.192h4.515Zm-2.25-5.066 1.889 4.228h-3.78l1.89-4.228ZM77.985 18.523v-.024a4.252 4.252 0 0 1 4.334-4.346 4.372 4.372 0 0 1 3.294 1.306l-.923 1.051c-.67-.635-1.4-1.05-2.383-1.05-1.63 0-2.834 1.34-2.834 3.018v.021c0 1.689 1.18 3.042 2.834 3.042 1.053 0 1.724-.406 2.451-1.098l.915.923c-.88.902-1.84 1.481-3.41 1.481a4.228 4.228 0 0 1-4.278-4.324ZM88.376 14.293h1.417v8.414h-1.417v-8.415ZM93.116 14.293h1.306l4.6 5.93v-5.93h1.399v8.414H99.24l-4.724-6.09v6.09h-1.398l-.002-8.415ZM103.659 14.293h6.218v1.27h-4.808v2.265h4.265V19.1h-4.265v2.336h4.867v1.27h-6.277v-8.415ZM112.758 14.293h1.502l2.614 4.057 2.624-4.058H121v8.415h-1.417v-6.126l-2.706 4.034h-.045l-2.695-4.015v6.103h-1.386l.007-8.41ZM127.229 14.234h1.318l3.71 8.474h-1.49l-.879-2.045h-4.045l-.879 2.045h-1.457l3.722-8.474Zm2.14 5.156-1.505-3.468-1.502 3.468h3.007Z"
+  })), /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("clipPath", null, /*#__PURE__*/React__default.createElement("path", {
+    transform: "translate(0 .5)",
+    d: "M0 0h132.257v36H0z"
+  }))));
+};
+
 var breakpoints = {
   xs: 320,
   sm: 700,
@@ -72,8 +137,8 @@ var devices = {
   largeDesktop: "only screen and (min-width: " + breakpoints.lg + "px)"
 };
 
-var _templateObject;
-var ButtonWrapper = /*#__PURE__*/styled__default.a(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  padding: ", "\n    var(--button-padding-x);\n  height: var(--button-height);\n  font-family: var(--font-family-buttons);\n  font-size: var(--button-font-size);\n  font-weight: var(--button-font-weight);\n  color: var(--base-color-", ");\n  line-height: var(--button-line-height);\n  width: fit-content;\n  border-style: solid;\n  border-width: 1px;\n  cursor: pointer;\n  text-decoration: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n\n  @media ", " {\n    & {\n      width: 100%;\n    }\n  }\n"])), function (_ref) {
+var _templateObject$1;
+var ButtonWrapper = /*#__PURE__*/styled__default.a(_templateObject$1 || (_templateObject$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  padding: ", "\n    var(--button-padding-x);\n  height: var(--button-height);\n  font-family: var(--font-family-buttons);\n  font-size: var(--button-font-size);\n  font-weight: var(--button-font-weight);\n  color: var(--base-color-", ");\n  line-height: var(--button-line-height);\n  width: fit-content;\n  border-style: solid;\n  border-width: 1px;\n  cursor: pointer;\n  text-decoration: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n\n  @media ", " {\n    & {\n      width: 100%;\n    }\n  }\n"])), function (_ref) {
   var iconName = _ref.iconName;
   return iconName ? 'var(--button-padding-y-icon)' : 'var(--button-padding-y)';
 }, function (_ref2) {
@@ -81,8 +146,8 @@ var ButtonWrapper = /*#__PURE__*/styled__default.a(_templateObject || (_template
   return color;
 }, devices.mobile);
 
-var _templateObject$1;
-var ButtonIconWrapper = /*#__PURE__*/styled__default.span(_templateObject$1 || (_templateObject$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: var(--button-icon-width);\n  height: var(--button-icon-height);\n  margin-right: var(--button-icon-margin);\n  display: inline-block;\n"])));
+var _templateObject$2;
+var ButtonIconWrapper = /*#__PURE__*/styled__default.span(_templateObject$2 || (_templateObject$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: var(--button-icon-width);\n  height: var(--button-icon-height);\n  margin-right: var(--button-icon-margin);\n  display: inline-block;\n"])));
 
 var colors = {
   core: '#C8102E',
@@ -626,7 +691,7 @@ var themes = {
   schools: schools
 };
 
-var _templateObject$2;
+var _templateObject$3;
 var Directions = {
   left: 'transform: rotate(180deg)',
   right: 'transform: rotate(0deg)',
@@ -634,7 +699,7 @@ var Directions = {
   down: 'transform: rotate(90deg)',
   reverse: 'transform: scaleX(-1)'
 };
-var Wrapper = /*#__PURE__*/styled__default.span(_templateObject$2 || (_templateObject$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: block;\n\n  & svg {\n    display: block;\n    ", ";\n  }\n\n  & svg path {\n    fill: var(--base-color-", ", ", ");\n  }\n"])), function (_ref) {
+var Wrapper = /*#__PURE__*/styled__default.span(_templateObject$3 || (_templateObject$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: block;\n\n  & svg {\n    display: block;\n    ", ";\n  }\n\n  & svg path {\n    fill: var(--base-color-", ", ", ");\n  }\n"])), function (_ref) {
   var _ref$direction = _ref.direction,
       direction = _ref$direction === void 0 ? 'right' : _ref$direction;
   return Directions[direction];
@@ -2116,8 +2181,8 @@ var Button = function Button(_ref) {
   })) : null, truncatedString);
 };
 
-var _templateObject$3;
-var PrimaryButtonWrapper = /*#__PURE__*/styled__default(Button)(_templateObject$3 || (_templateObject$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  background-color: ", ";\n  border-color: ", ";\n"])), function (_ref) {
+var _templateObject$4;
+var PrimaryButtonWrapper = /*#__PURE__*/styled__default(Button)(_templateObject$4 || (_templateObject$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  background-color: ", ";\n  border-color: ", ";\n"])), function (_ref) {
   var bgColor = _ref.bgColor,
       theme = _ref.theme;
   return bgColor ? "var(--base-color-" + bgColor + ")" : theme.colors.primary;
@@ -2127,29 +2192,6 @@ var PrimaryButtonWrapper = /*#__PURE__*/styled__default(Button)(_templateObject$
   return bgColor ? "var(--base-color-" + bgColor + ")" : theme.colors.primary;
 });
 
-(function (Colors) {
-  Colors["White"] = "white";
-  Colors["Black"] = "black";
-  Colors["DarkGrey"] = "darkgrey";
-  Colors["MidGrey"] = "midgrey";
-  Colors["LightGrey"] = "lightgrey";
-  Colors["Trasparent"] = "transparent";
-  Colors["ErrorState"] = "errorstate";
-  Colors["MediumState"] = "mediumstate";
-  Colors["GoodState"] = "goodstate";
-  Colors["Primary"] = "primary";
-  Colors["Core"] = "core";
-  Colors["Stream"] = "stream";
-  Colors["Cinema"] = "cinema";
-})(exports.Colors || (exports.Colors = {}));
-
-(function (ThemeType) {
-  ThemeType["Core"] = "core";
-  ThemeType["Stream"] = "stream";
-  ThemeType["Cinema"] = "cinema";
-  ThemeType["Schools"] = "schools";
-})(exports.ThemeType || (exports.ThemeType = {}));
-
 (function (CarouselType) {
   CarouselType["Image"] = "image";
   CarouselType["SmallCard"] = "SmallCard";
@@ -2203,8 +2245,8 @@ var PrimaryButton = function PrimaryButton(_ref) {
   }, props), children);
 };
 
-var _templateObject$4;
-var PrimaryButtonWrapper$1 = /*#__PURE__*/styled__default(Button)(_templateObject$4 || (_templateObject$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  background-color: var(--base-color-transparent);\n  border-color: ", ";\n"])), function (_ref) {
+var _templateObject$5;
+var PrimaryButtonWrapper$1 = /*#__PURE__*/styled__default(Button)(_templateObject$5 || (_templateObject$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  background-color: var(--base-color-transparent);\n  border-color: ", ";\n"])), function (_ref) {
   var color = _ref.color,
       theme = _ref.theme;
   return color ? "var(--base-color-" + color + ")" : theme.colors.primary;
@@ -2221,8 +2263,8 @@ var SecondaryButton = function SecondaryButton(_ref) {
   }, props), children);
 };
 
-var _templateObject$5, _templateObject2;
-var TertiaryButtonWrapper = /*#__PURE__*/styled__default.a(_templateObject$5 || (_templateObject$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  padding: 0;\n  height: var(--button-height);\n  font-family: var(--font-family-buttons);\n  font-size: var(--button-font-size);\n  font-weight: var(--button-font-weight);\n  color: var(--base-color-", ");\n  width: fit-content;\n  background: none;\n  border-style: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  text-decoration: none;\n  box-sizing: border-box;\n"])), function (_ref) {
+var _templateObject$6, _templateObject2;
+var TertiaryButtonWrapper = /*#__PURE__*/styled__default.a(_templateObject$6 || (_templateObject$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  padding: 0;\n  height: var(--button-height);\n  font-family: var(--font-family-buttons);\n  font-size: var(--button-font-size);\n  font-weight: var(--button-font-weight);\n  color: var(--base-color-", ");\n  width: fit-content;\n  background: none;\n  border-style: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  text-decoration: none;\n  box-sizing: border-box;\n"])), function (_ref) {
   var color = _ref.color;
   return color;
 });
@@ -2246,85 +2288,14 @@ var Button$1 = function Button(_ref) {
   })));
 };
 
-var _templateObject$6;
-var Grid = /*#__PURE__*/styled__default.div(_templateObject$6 || (_templateObject$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: grid;\n  grid-template-columns: var(--grid-template-columns);\n  grid-template-rows: max-content;\n  gap: var(--grid-column-gap);\n  margin: 0;\n"])));
-
-var _templateObject$7;
-var GridItem = /*#__PURE__*/styled__default.div(_templateObject$7 || (_templateObject$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-column: ", " / span\n    ", ";\n\n  @media ", " {\n    & {\n      grid-column: ", " /\n        span ", ";\n    }\n  }\n\n  @media ", " {\n    & {\n      grid-column: ", " / span\n        ", ";\n    }\n  }\n"])), function (_ref) {
-  var columnStartDesktop = _ref.columnStartDesktop;
-  return columnStartDesktop;
-}, function (_ref2) {
-  var _ref2$columnSpanDeskt = _ref2.columnSpanDesktop,
-      columnSpanDesktop = _ref2$columnSpanDeskt === void 0 ? 1 : _ref2$columnSpanDeskt;
-  return columnSpanDesktop;
-}, devices.mobile, function (_ref3) {
-  var columnStartDevice = _ref3.columnStartDevice,
-      columnStartSmallDevice = _ref3.columnStartSmallDevice;
-  return columnStartSmallDevice != null ? columnStartSmallDevice : columnStartDevice;
-}, function (_ref4) {
-  var _ref4$columnSpanDevic = _ref4.columnSpanDevice,
-      columnSpanDevice = _ref4$columnSpanDevic === void 0 ? 1 : _ref4$columnSpanDevic,
-      columnSpanSmallDevice = _ref4.columnSpanSmallDevice;
-  return columnSpanSmallDevice != null ? columnSpanSmallDevice : columnSpanDevice;
-}, devices.tablet, function (_ref5) {
-  var columnStartDevice = _ref5.columnStartDevice;
-  return columnStartDevice;
-}, function (_ref6) {
-  var _ref6$columnSpanDevic = _ref6.columnSpanDevice,
-      columnSpanDevice = _ref6$columnSpanDevic === void 0 ? 1 : _ref6$columnSpanDevic;
-  return columnSpanDevice;
-});
-
-var _templateObject$8;
-var BadgeWrapper = /*#__PURE__*/styled__default.svg(_templateObject$8 || (_templateObject$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: auto;\n\n  g,\n  path {\n    fill: var(--base-color-", ");\n  }\n"])), function (_ref) {
-  var fillColor = _ref.fillColor;
-  return fillColor;
-});
-
-var StreamBadge = function StreamBadge(_ref) {
-  var _ref$fillColor = _ref.fillColor,
-      fillColor = _ref$fillColor === void 0 ? exports.Colors.White : _ref$fillColor;
-  return /*#__PURE__*/React__default.createElement(BadgeWrapper, {
-    fillColor: fillColor,
-    width: "100%",
-    height: "100%",
-    viewBox: "0 0 133 37",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/React__default.createElement("g", null, /*#__PURE__*/React__default.createElement("path", {
-    d: "M65.582.5h-1.186v36h1.186V.5ZM77.985 21.456l.848-1.009c.8.709 1.615 1.089 2.659 1.089.926 0 1.523-.435 1.523-1.089v-.023c0-.607-.345-.945-1.915-1.306-1.797-.423-2.785-.962-2.785-2.485v-.024c0-1.417 1.181-2.394 2.835-2.394a4.556 4.556 0 0 1 3.025 1.041l-.768 1.065a3.714 3.714 0 0 0-2.281-.857c-.883 0-1.417.446-1.417 1.02v.021c0 .667.39.976 2.028 1.354 1.777.422 2.672 1.065 2.672 2.428v.023c0 1.547-1.226 2.475-2.957 2.475a5.082 5.082 0 0 1-3.467-1.33ZM88.932 15.624h-2.67v-1.298h6.739v1.296h-2.652v7.048h-1.417v-7.046ZM95.443 14.326h3.701c1.044 0 1.868.309 2.407.836a2.5 2.5 0 0 1 .675 1.788v.023c0 1.363-.824 2.19-2.017 2.51l2.294 3.187h-1.675l-2.085-2.946h-1.89v2.946h-1.417l.007-8.344Zm3.597 4.15c1.068 0 1.767-.563 1.767-1.434v-.022c0-.907-.666-1.417-1.776-1.417h-2.178v2.877l2.187-.005ZM104.935 14.326h6.164v1.26h-4.768v2.247h4.23v1.26h-4.23v2.316h4.825v1.26h-6.221v-8.343ZM116.763 14.271h1.306l3.679 8.4h-1.478l-.872-2.028h-4.015l-.871 2.029h-1.443l3.694-8.4Zm2.125 5.111-1.49-3.439-1.49 3.44h2.98ZM124.089 14.326h1.488l2.598 4.014 2.598-4.014h1.487v8.344h-1.398v-6.075l-2.68 3.999h-.048l-2.668-3.975v6.05h-1.375l-.002-8.343ZM1.94 5.708H4.3l2.404 3.221h1.148L5.307 5.542c1.304-.236 2.251-1.041 2.251-2.413v-.024a2.282 2.282 0 0 0-.64-1.634C6.398.949 5.58.64 4.556.64H.992V8.93h.945l.002-3.221Zm0-4.202h2.557c1.337 0 2.126.617 2.126 1.634v.024c0 1.065-.888 1.705-2.126 1.705H1.954l-.015-3.363ZM15.546 9.07c2.52 0 4.236-2 4.236-4.286.012-.012.012-.012 0-.023C19.782 2.477 18.09.51 15.57.51s-4.24 2-4.24 4.284v.023c0 2.277 1.694 4.254 4.216 4.254ZM12.3 4.76c0-1.889 1.35-3.395 3.245-3.395 1.894 0 3.266 1.54 3.266 3.42v.023c0 1.89-1.349 3.398-3.243 3.398S12.3 6.67 12.3 4.784v-.023ZM26.22 8.929h.947v-3.29L30.615.642h-1.091l-2.818 4.144L23.912.642h-1.136L26.22 5.65v3.278ZM36.752.583l-3.779 8.346h.961l.98-2.19h4.514l.968 2.19h1.008L37.627.583h-.874Zm-1.47 5.314 1.89-4.226 1.89 4.226h-3.78ZM51.28 8.065h-4.665V.642h-.935v8.287h5.6v-.864ZM6.718 31.753H1.934V28.07H.998v8.287h.936V32.63h4.784v3.73h.936V28.07h-.936v3.682ZM15.746 27.93c-2.523 0-4.237 2-4.237 4.284v.023c0 2.286 1.693 4.263 4.213 4.263s4.24-2 4.24-4.286c.011-.012.011-.012 0-.024.006-2.277-1.694-4.26-4.216-4.26Zm3.245 4.307c0 1.89-1.351 3.399-3.245 3.399-1.894 0-3.267-1.538-3.267-3.422v-.024c0-1.89 1.349-3.396 3.243-3.396s3.269 1.54 3.269 3.42v.023ZM29.888 32.889c0 1.811-.968 2.735-2.496 2.735-1.587 0-2.534-1.006-2.534-2.794V28.07h-.945v4.818c0 2.345 1.398 3.6 3.446 3.6 2.047 0 3.455-1.255 3.455-3.671v-4.747h-.945l.019 4.818ZM38.335 31.765c-1.823-.39-2.248-.83-2.248-1.611v-.024c0-.746.685-1.337 1.764-1.337.88.002 1.728.321 2.39.9l.546-.722a4.322 4.322 0 0 0-2.915-1.018c-1.573 0-2.72.959-2.72 2.26v.024c0 1.362.876 1.979 2.782 2.392 1.74.366 2.154.805 2.154 1.575v.024c0 .817-.735 1.417-1.847 1.417-1.113 0-1.977-.39-2.834-1.181l-.581.687a4.846 4.846 0 0 0 3.386 1.325c1.654 0 2.834-.923 2.834-2.343v-.023c-.011-1.268-.864-1.944-2.71-2.345ZM46.282 32.605h4.523v-.852h-4.523v-2.83h5.057v-.852h-5.992v8.287h6.05v-.852h-5.115v-2.9ZM4.239 14.214c-2.522 0-4.251 2.001-4.251 4.287v.021c0 2.287 1.693 4.252 4.216 4.252 2.522 0 4.239-2 4.239-4.285.012-.014.012-.014 0-.026.012-2.272-1.682-4.249-4.204-4.249Zm3.245 4.308c0 1.89-1.35 3.399-3.245 3.399C2.345 21.92.97 20.38.97 18.5v-.026c0-1.89 1.351-3.396 3.245-3.396 1.895 0 3.269 1.537 3.269 3.422v.021ZM15.822 14.356h-3.1v8.288h.944V19.72h2.012c1.764 0 3.257-.924 3.257-2.712v-.023c-.01-1.634-1.24-2.629-3.113-2.629Zm2.157 2.688c0 1.089-.9 1.823-2.275 1.823h-2.048v-3.646h2.095c1.34 0 2.228.616 2.228 1.8v.023ZM28.84 21.791h-5.115v-2.9h4.522v-.853h-4.522v-2.83h5.056v-.852H22.79v8.288h6.05v-.853ZM39.228 22.644h1.15l-2.546-3.387c1.301-.236 2.248-1.042 2.248-2.414v-.026a2.28 2.28 0 0 0-.64-1.632c-.52-.522-1.336-.829-2.361-.829h-3.564v8.288h.945v-3.222h2.361l2.407 3.222Zm-4.77-7.423h2.557c1.337 0 2.126.614 2.126 1.632v.026c0 1.065-.888 1.705-2.126 1.705h-2.546l-.012-3.363ZM50.421 20.466l.97 2.19h1.007l-3.779-8.347h-.876l-3.779 8.346h.959l.983-2.189h4.515Zm-2.25-5.068 1.889 4.227h-3.78l1.89-4.227Z"
-  })), /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("clipPath", null, /*#__PURE__*/React__default.createElement("path", {
-    transform: "translate(0 .5)",
-    d: "M0 0h132.257v36H0z"
-  }))));
-};
-
-var CinemaBadge = function CinemaBadge(_ref) {
-  var _ref$fillColor = _ref.fillColor,
-      fillColor = _ref$fillColor === void 0 ? exports.Colors.White : _ref$fillColor;
-  return /*#__PURE__*/React__default.createElement(BadgeWrapper, {
-    fillColor: fillColor,
-    width: "100%",
-    height: "100%",
-    viewBox: "0 0 133 37",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/React__default.createElement("g", null, /*#__PURE__*/React__default.createElement("path", {
-    d: "M65.582.5h-1.186v36h1.186V.5ZM1.94 5.708H4.3l2.404 3.221h1.148L5.307 5.542c1.304-.236 2.251-1.041 2.251-2.413v-.024a2.281 2.281 0 0 0-.64-1.634C6.398.949 5.58.64 4.556.64H.992V8.93h.945l.002-3.221Zm0-4.202h2.557c1.337 0 2.126.616 2.126 1.634v.024c0 1.065-.888 1.703-2.126 1.703H1.954l-.015-3.361ZM15.546 9.064c2.52 0 4.236-2 4.236-4.287.012-.012.012-.012 0-.023 0-2.284-1.693-4.252-4.213-4.252s-4.24 2-4.24 4.285v.023c0 2.284 1.694 4.254 4.216 4.254ZM12.3 4.754c0-1.89 1.35-3.397 3.245-3.397 1.894 0 3.266 1.538 3.266 3.42v.024c0 1.89-1.349 3.398-3.243 3.398S12.3 6.66 12.3 4.777v-.023ZM26.22 8.929h.947v-3.29L30.615.642h-1.091l-2.818 4.144L23.912.642h-1.136L26.22 5.65v3.278ZM36.752.583l-3.779 8.346h.961l.98-2.19h4.514l.968 2.19h1.008L37.627.583h-.874Zm-1.47 5.313 1.89-4.225 1.89 4.225h-3.78ZM51.28 8.065h-4.665V.642h-.935v8.287h5.6v-.864ZM6.718 31.753H1.934V28.07H.998v8.287h.936V32.63h4.784v3.73h.936V28.07h-.936v3.682ZM15.746 27.93c-2.523 0-4.237 2-4.237 4.283v.024c0 2.286 1.693 4.263 4.213 4.263s4.247-2 4.247-4.291c.011-.012.011-.012 0-.024 0-2.279-1.7-4.256-4.223-4.256Zm3.245 4.307c0 1.89-1.351 3.398-3.245 3.398-1.894 0-3.267-1.537-3.267-3.422v-.023c0-1.89 1.349-3.396 3.243-3.396s3.269 1.537 3.269 3.42v.023ZM29.888 32.89c0 1.81-.968 2.734-2.496 2.734-1.587 0-2.534-1.006-2.534-2.794v-4.759h-.945v4.818c0 2.345 1.398 3.6 3.446 3.6 2.047 0 3.455-1.255 3.455-3.67V28.07h-.945l.019 4.818ZM38.335 31.765c-1.823-.39-2.248-.83-2.248-1.61v-.024c0-.747.685-1.337 1.764-1.337.88.001 1.728.32 2.39.9l.546-.723a4.322 4.322 0 0 0-2.915-1.018c-1.573 0-2.72.959-2.72 2.26v.024c0 1.363.876 1.977 2.782 2.392 1.74.366 2.154.806 2.154 1.576v.02c0 .818-.735 1.418-1.847 1.418-1.113 0-1.977-.39-2.834-1.181l-.581.687a4.847 4.847 0 0 0 3.386 1.325c1.654 0 2.834-.923 2.834-2.345v-.021c-.011-1.266-.864-1.942-2.71-2.343ZM46.282 32.605h4.523v-.852h-4.523v-2.83h5.057v-.852h-5.992v8.287h6.05v-.852h-5.115v-2.9ZM4.239 14.215c-2.522 0-4.251 2-4.251 4.284v.024c0 2.286 1.693 4.263 4.216 4.263 2.522 0 4.239-2 4.239-4.287.012-.012.012-.012 0-.024.012-2.283-1.682-4.26-4.204-4.26Zm3.245 4.308c0 1.889-1.35 3.398-3.245 3.398-1.894 0-3.269-1.54-3.269-3.422v-.024c0-1.889 1.351-3.396 3.245-3.396 1.895 0 3.269 1.538 3.269 3.42v.024ZM15.822 14.356h-3.1v8.288h.944V19.72h2.012c1.764 0 3.257-.926 3.257-2.711v-.024c-.01-1.634-1.24-2.629-3.113-2.629Zm2.157 2.688c0 1.089-.9 1.823-2.275 1.823h-2.048v-3.646h2.095c1.34 0 2.228.614 2.228 1.8v.023ZM28.84 21.791h-5.115v-2.9h4.522v-.853h-4.522V15.21h5.056v-.853H22.79v8.288h6.05v-.853ZM39.228 22.644h1.15l-2.546-3.387c1.301-.236 2.248-1.042 2.248-2.414v-.026a2.28 2.28 0 0 0-.64-1.632c-.52-.522-1.336-.829-2.361-.829h-3.564v8.288h.945v-3.222h2.361l2.407 3.222Zm-4.77-7.423h2.557c1.337 0 2.126.614 2.126 1.632v.026c0 1.065-.888 1.702-2.126 1.702h-2.546l-.012-3.36ZM50.421 20.452l.97 2.192h1.007l-3.779-8.347h-.876l-3.779 8.347h.959l.983-2.192h4.515Zm-2.25-5.066 1.889 4.228h-3.78l1.89-4.228ZM77.985 18.523v-.024a4.252 4.252 0 0 1 4.334-4.346 4.372 4.372 0 0 1 3.294 1.306l-.923 1.051c-.67-.635-1.4-1.05-2.383-1.05-1.63 0-2.834 1.34-2.834 3.018v.021c0 1.689 1.18 3.042 2.834 3.042 1.053 0 1.724-.406 2.451-1.098l.915.923c-.88.902-1.84 1.481-3.41 1.481a4.228 4.228 0 0 1-4.278-4.324ZM88.376 14.293h1.417v8.414h-1.417v-8.415ZM93.116 14.293h1.306l4.6 5.93v-5.93h1.399v8.414H99.24l-4.724-6.09v6.09h-1.398l-.002-8.415ZM103.659 14.293h6.218v1.27h-4.808v2.265h4.265V19.1h-4.265v2.336h4.867v1.27h-6.277v-8.415ZM112.758 14.293h1.502l2.614 4.057 2.624-4.058H121v8.415h-1.417v-6.126l-2.706 4.034h-.045l-2.695-4.015v6.103h-1.386l.007-8.41ZM127.229 14.234h1.318l3.71 8.474h-1.49l-.879-2.045h-4.045l-.879 2.045h-1.457l3.722-8.474Zm2.14 5.156-1.505-3.468-1.502 3.468h3.007Z"
-  })), /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("clipPath", null, /*#__PURE__*/React__default.createElement("path", {
-    transform: "translate(0 .5)",
-    d: "M0 0h132.257v36H0z"
-  }))));
-};
-
 var zLevels = ['base', 'content', 'contentOverlay', 'sponsorship', 'anchor', 'searchOverlay', 'navigation', 'search', 'menu', 'overlay', 'popup'];
 var zIndexes = {};
 zLevels.forEach(function (name, index) {
   zIndexes[name] = index;
 });
 
-var _templateObject$9, _templateObject2$1, _templateObject3;
-var TabContainer = /*#__PURE__*/styled__default.div(_templateObject$9 || (_templateObject$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: inline-flex;\n  flex-direction: column;\n  position: relative;\n"])));
+var _templateObject$7, _templateObject2$1, _templateObject3;
+var TabContainer = /*#__PURE__*/styled__default.div(_templateObject$7 || (_templateObject$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: inline-flex;\n  flex-direction: column;\n  position: relative;\n"])));
 var OptionItem = /*#__PURE__*/styled__default.a(_templateObject2$1 || (_templateObject2$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-size: var(--font-size-navigation);\n  font-family: var(--font-family-navigation);\n  font-weight: var(--font-weight-navigation);\n  letter-spacing: var(--letter-spacing-navigation);\n  color: var(--base-color-black);\n  text-decoration: none;\n  cursor: pointer;\n  text-transform: uppercase;\n\n  :hover,\n  :focus {\n    color: var(--base-color-", ");\n  }\n"])), function (_ref) {
   var colorPrimary = _ref.colorPrimary;
   return colorPrimary;
@@ -2346,8 +2317,8 @@ var OptionsContainer = /*#__PURE__*/styled__default.div(_templateObject3 || (_te
   return "\n        display: none;\n    ";
 });
 
-var _templateObject$a, _templateObject2$2, _templateObject3$1, _templateObject4;
-var ControlledDropdownWrapper = /*#__PURE__*/styled__default.div(_templateObject$a || (_templateObject$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n  width: fit-content;\n"])));
+var _templateObject$8, _templateObject2$2, _templateObject3$1, _templateObject4;
+var ControlledDropdownWrapper = /*#__PURE__*/styled__default.div(_templateObject$8 || (_templateObject$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n  width: fit-content;\n"])));
 var ControlledDropdownHeaderContainer = /*#__PURE__*/styled__default.span(_templateObject2$2 || (_templateObject2$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  gap: 6px;\n  border-bottom: 1px solid transparent;\n  height: 24px;\n  line-height: 24px;\n  font-size: var(--font-size-navigation);\n  font-family: var(--font-family-navigation);\n  font-weight: var(--font-weight-navigation);\n  letter-spacing: var(--letter-spacing-navigation);\n  color: var(--base-color-black);\n  text-decoration: none;\n  text-transform: uppercase;\n  cursor: pointer;\n\n  ", "\n"])), function (_ref) {
   var active = _ref.active,
       activeColor = _ref.activeColor;
@@ -2484,33 +2455,444 @@ var ControlledDropdown = function ControlledDropdown(_ref) {
   }), text));
 };
 
+var _templateObject$9;
+var Grid = /*#__PURE__*/styled__default.div(_templateObject$9 || (_templateObject$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: grid;\n  grid-template-columns: var(--grid-template-columns);\n  grid-template-rows: max-content;\n  gap: var(--grid-column-gap);\n  margin: 0;\n"])));
+
+var _templateObject$a;
+var GridItem = /*#__PURE__*/styled__default.div(_templateObject$a || (_templateObject$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-column: ", " / span\n    ", ";\n\n  @media ", " {\n    & {\n      grid-column: ", " /\n        span ", ";\n    }\n  }\n\n  @media ", " {\n    & {\n      grid-column: ", " / span\n        ", ";\n    }\n  }\n"])), function (_ref) {
+  var columnStartDesktop = _ref.columnStartDesktop;
+  return columnStartDesktop;
+}, function (_ref2) {
+  var _ref2$columnSpanDeskt = _ref2.columnSpanDesktop,
+      columnSpanDesktop = _ref2$columnSpanDeskt === void 0 ? 1 : _ref2$columnSpanDeskt;
+  return columnSpanDesktop;
+}, devices.mobile, function (_ref3) {
+  var columnStartDevice = _ref3.columnStartDevice,
+      columnStartSmallDevice = _ref3.columnStartSmallDevice;
+  return columnStartSmallDevice != null ? columnStartSmallDevice : columnStartDevice;
+}, function (_ref4) {
+  var _ref4$columnSpanDevic = _ref4.columnSpanDevice,
+      columnSpanDevice = _ref4$columnSpanDevic === void 0 ? 1 : _ref4$columnSpanDevic,
+      columnSpanSmallDevice = _ref4.columnSpanSmallDevice;
+  return columnSpanSmallDevice != null ? columnSpanSmallDevice : columnSpanDevice;
+}, devices.tablet, function (_ref5) {
+  var columnStartDevice = _ref5.columnStartDevice;
+  return columnStartDevice;
+}, function (_ref6) {
+  var _ref6$columnSpanDevic = _ref6.columnSpanDevice,
+      columnSpanDevice = _ref6$columnSpanDevic === void 0 ? 1 : _ref6$columnSpanDevic;
+  return columnSpanDevice;
+});
+
 var _templateObject$b;
-var SecondaryLogoWrapper = /*#__PURE__*/styled__default.svg(_templateObject$b || (_templateObject$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  path {\n    fill: var(--base-color-", ");\n  }\n"])), function (_ref) {
-  var fillColor = _ref.fillColor;
-  return fillColor;
+var ImageAspectRatioWrapper = /*#__PURE__*/styled__default.div(_templateObject$b || (_templateObject$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  aspect-ratio: ", ";\n\n  @supports not (aspect-ratio: ", ") {\n    position: relative;\n    width: 100%;\n    padding-top: ", "%;\n  }\n\n  img {\n    display: block;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n\n    @supports not (aspect-ratio: ", ") {\n      position: absolute;\n      top: 0;\n      left: 0;\n    }\n  }\n"])), function (_ref) {
+  var _ref$aspectRatio = _ref.aspectRatio,
+      aspectRatio = _ref$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref$aspectRatio;
+  return aspectRatio;
+}, function (_ref2) {
+  var _ref2$aspectRatio = _ref2.aspectRatio,
+      aspectRatio = _ref2$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref2$aspectRatio;
+  return aspectRatio;
+}, function (_ref3) {
+  var _ref3$aspectRatio = _ref3.aspectRatio,
+      aspectRatio = _ref3$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref3$aspectRatio;
+  return AspectRatioLegacy[aspectRatio];
+}, function (_ref4) {
+  var _ref4$aspectRatio = _ref4.aspectRatio,
+      aspectRatio = _ref4$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref4$aspectRatio;
+  return aspectRatio;
 });
 
-var SecondaryLogo = function SecondaryLogo(_ref) {
-  var _ref$fillColor = _ref.fillColor,
-      fillColor = _ref$fillColor === void 0 ? exports.Colors.White : _ref$fillColor;
-  return /*#__PURE__*/React__default.createElement(SecondaryLogoWrapper, {
-    fillColor: fillColor,
-    width: "100%",
-    height: "100%",
-    viewBox: "0 0 207.26 11.94",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    xmlnsXlink: "http://www.w3.org/1999/xlink"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    "data-name": "Layer 2"
-  }, /*#__PURE__*/React__default.createElement("path", {
-    d: "M0 .2h5.15a4.67 4.67 0 0 1 3.33 1.15 3.51 3.51 0 0 1 1 2.49A3.46 3.46 0 0 1 6.7 7.37l3.12 4.38H7.41l-2.84-4H2v4H0Zm5 5.72c1.45 0 2.37-.76 2.37-1.93V4c0-1.24-.89-1.91-2.39-1.91H2v3.83Zm7.45.08a5.92 5.92 0 0 1 6.06-6 5.87 5.87 0 0 1 6 5.94V6a5.92 5.92 0 0 1-6.06 6 5.86 5.86 0 0 1-6-6Zm10 0a4 4 0 0 0-3.93-4.11 3.91 3.91 0 0 0-3.89 4.08V6a3.94 3.94 0 0 0 3.93 4.09A3.88 3.88 0 0 0 22.4 6Zm8.25 1.18L26.06.2h2.41l3.22 5.1L35 .2h2.32L32.7 7.14v4.61h-2.05ZM42.73.12h1.88l5.08 11.63h-2.14L46.38 9h-5.46l-1.19 2.79h-2.08Zm2.91 7-2-4.62-2 4.62Zm7.15-7h2V9.9h6.07v1.85h-8.1ZM69.91 6A6 6 0 0 1 82 5.94V6a5.92 5.92 0 0 1-6.06 6 5.85 5.85 0 0 1-6.03-6Zm10 0a4 4 0 0 0-3.93-4.11A3.91 3.91 0 0 0 72 5.94V6a3.93 3.93 0 0 0 4 4.06A3.88 3.88 0 0 0 79.86 6ZM85.68.2h4.55c2.71 0 4.39 1.53 4.39 3.86C94.62 6.68 92.54 8 90 8h-2.29v3.72h-2Zm4.39 6c1.53 0 2.49-.85 2.49-2.06 0-1.35-1-2.06-2.49-2.06h-2.36V6.2Zm7.78-6h8.56V2h-6.53v3h5.79v1.83h-5.79v3.1h6.61v1.82h-8.64Zm12.35 0h5.14a4.68 4.68 0 0 1 3.34 1.15 3.5 3.5 0 0 1 .95 2.49 3.46 3.46 0 0 1-2.73 3.49l3.1 4.42h-2.4l-2.84-4h-2.54v4h-2Zm5 5.72c1.45 0 2.37-.76 2.37-1.93V4c0-1.24-.89-1.91-2.39-1.91h-3v3.83Zm12.56-5.8h1.89l5.08 11.63h-2.15L131.41 9H126l-1.19 2.79h-2.08Zm2.91 7-2-4.62-2 4.62Zm13.45-7h2V5h5.51V.2h2v11.55h-2V6.88h-5.51v4.87h-2ZM157.39 6a6 6 0 0 1 12.07 0 5.92 5.92 0 0 1-6.05 6 5.85 5.85 0 0 1-6.02-6Zm9.94 0a4 4 0 0 0-3.92-4.11 3.91 3.91 0 0 0-3.9 4.08V6a3.94 3.94 0 0 0 3.93 4.09A3.88 3.88 0 0 0 167.33 6Zm5.63.84V.2h2v6.56c0 2.15 1.11 3.29 2.92 3.29s2.91-1.08 2.91-3.2V.2h2v6.55c0 3.45-1.95 5.18-5 5.18S173 10.2 173 6.85ZM186 10.06l1.22-1.45a5.35 5.35 0 0 0 3.65 1.5c1.25 0 2.05-.59 2.05-1.45 0-.83-.47-1.27-2.61-1.77-2.46-.59-3.85-1.32-3.85-3.45 0-2 1.65-3.35 3.95-3.35a6.4 6.4 0 0 1 4.19 1.45L193.55 3a5.23 5.23 0 0 0-3.14-1.19c-1.18 0-1.88.61-1.88 1.37 0 .89.53 1.29 2.76 1.82 2.44.59 3.69 1.47 3.69 3.38 0 2.16-1.69 3.45-4.12 3.45a7.11 7.11 0 0 1-4.86-1.77ZM198.61.2h8.56V2h-6.53v3h5.79v1.83h-5.79v3.1h6.62v1.82h-8.65Z",
-    "data-name": "Layer 1"
-  })));
-};
+var _templateObject$c, _templateObject2$3, _templateObject3$2, _templateObject4$1, _templateObject5;
+var ProgressView = /*#__PURE__*/styled__default.div(_templateObject$c || (_templateObject$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  height: ", ";\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n"])), function (_ref) {
+  var height = _ref.height;
+  return height ? height + "px" : '6px';
+});
+var ElapsedProgressView = /*#__PURE__*/styled__default.div(_templateObject2$3 || (_templateObject2$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  background-color: ", ";\n  flex: ", ";\n  padding-left: ", ";\n\n  @media ", " {\n    padding-left: ", ";\n  }\n"])), function (_ref2) {
+  var color = _ref2.color;
+  return color ? "var(--base-color-" + color + ")" : 'var(--base-color-progress)';
+}, function (_ref3) {
+  var progress = _ref3.progress;
+  return progress;
+}, function (_ref4) {
+  var isFirstStep = _ref4.isFirstStep;
+  return isFirstStep ? '32px' : '0';
+}, devices.mobile, function (_ref5) {
+  var isFirstStep = _ref5.isFirstStep;
+  return isFirstStep ? '24px' : '0';
+});
+var PendingProgressView = /*#__PURE__*/styled__default.div(_templateObject3$2 || (_templateObject3$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  background-color: ", ";\n  opacity: 0.5;\n  flex: ", ";\n"])), function (_ref6) {
+  var color = _ref6.color;
+  return color ? "var(--base-color-" + color + ")" : 'var(--base-color-lightgrey)';
+}, function (_ref7) {
+  var progress = _ref7.progress;
+  return progress;
+});
+var StepsWrapper = /*#__PURE__*/styled__default.div(_templateObject4$1 || (_templateObject4$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-top: 10px;\n  display: flex;\n  justify-content: space-between;\n  font-family: var(--font-family-body);\n  font-feature-settings: var(--font-feature-settings-body);\n  text-transform: var(--text-transform-body);\n  font-size: var(--font-size-body-1);\n  font-weight: var(--font-weight-body-1);\n  letter-spacing: var(--letter-spacing-body-1);\n  line-height: var(--line-height-body-1);\n\n  @media ", " {\n    font-size: var(--font-size-body-2);\n    font-weight: var(--font-weight-body-2);\n    letter-spacing: var(--letter-spacing-body-2);\n    line-height: var(--line-height-body-2);\n  }\n"])), devices.mobile);
+var StepWrapper = /*#__PURE__*/styled__default.div(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  visibility: ", ";\n  color: ", ";\n  margin-right: 32px;\n\n  @media ", " {\n    margin-right: 24px;\n  }\n\n  &:first-child,\n  &:last-child {\n    margin: 0;\n  }\n"])), function (_ref8) {
+  var isVisible = _ref8.isVisible;
+  return isVisible ? "visible" : 'hidden';
+}, function (_ref9) {
+  var isActive = _ref9.isActive;
+  return isActive ? "var(--base-color-black)" : 'var(--base-color-midgrey)';
+}, devices.mobile);
 
-var _templateObject$c;
-var SponsorLogoWrapper = /*#__PURE__*/styled__default.div(_templateObject$c || (_templateObject$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  background-color: var(--base-color-black);\n  width: 172px;\n"])));
+var Progress = function Progress(_ref) {
+  var _ref$progress = _ref.progress,
+      progress = _ref$progress === void 0 ? 0 : _ref$progress,
+      _ref$height = _ref.height,
+      height = _ref$height === void 0 ? 6 : _ref$height,
+      elapsedLineColor = _ref.elapsedLineColor,
+      pendingLineColor = _ref.pendingLineColor,
+      steps = _ref.steps;
+
+  var renderSteps = function renderSteps() {
+    if (!steps) return [];
+    return Array.from(Array(steps.quantity), function (_, index) {
+      return index + 1;
+    }).map(function (step) {
+      return /*#__PURE__*/React__default.createElement(StepWrapper, {
+        key: "progress-step-" + step,
+        isVisible: step <= steps.current,
+        isActive: step === steps.current
+      }, step, " / ", steps.quantity);
+    });
+  };
+
+  var getProgressValue = function getProgressValue() {
+    if (steps) {
+      return 100 / (steps.quantity - 1) * (steps.current - 1);
+    }
+
+    return progress;
+  };
+
+  var progressValue = getProgressValue();
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(ProgressView, {
+    height: height,
+    "data-testid": "progress-container"
+  }, /*#__PURE__*/React__default.createElement(ElapsedProgressView, {
+    color: elapsedLineColor,
+    isFirstStep: (steps == null ? void 0 : steps.current) === 1,
+    progress: progressValue,
+    "data-testid": "elapsedprogress"
+  }), /*#__PURE__*/React__default.createElement(PendingProgressView, {
+    color: pendingLineColor,
+    progress: 100 - progressValue,
+    "data-testid": "pendingprogress"
+  })), steps && /*#__PURE__*/React__default.createElement(StepsWrapper, {
+    "data-testid": "progress-steps-container"
+  }, renderSteps()));
+};
+
+var _templateObject$d, _templateObject2$4, _templateObject3$3;
+var RadioContainer = /*#__PURE__*/styled__default.div(_templateObject$d || (_templateObject$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n"])));
+var RadioLine = /*#__PURE__*/styled__default.div(_templateObject2$4 || (_templateObject2$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: row;\n  gap: 20px;\n  justify-content: flex-start;\n  align-items: center;\n  user-select: none;\n  cursor: ", ";\n  color: var(--base-color-", ");\n  ", ";\n\n  &:focus {\n    outline: none;\n  }\n\n  input[type='radio'] {\n    cursor: ", ";\n    color: var(--base-color-", ") !important;\n    accent-color: var(--base-color-", ") !important;\n    border-radius: 50%;\n    border: 1px solid;\n    border-color: var(--base-color-", ") !important;\n    transform: scale(1.8);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin-block-end: 4px;\n\n    :checked {\n      color: var(--base-color-black);\n      accent-color: var(--base-color-black);\n    }\n\n    &:focus {\n      outline: none;\n    }\n  }\n"])), function (_ref) {
+  var disabled = _ref.disabled;
+  return disabled ? 'not-allowed' : 'pointer';
+}, function (_ref2) {
+  var darkMode = _ref2.darkMode;
+  return darkMode ? 'white' : 'black';
+}, function (_ref3) {
+  var disabled = _ref3.disabled;
+  return disabled ? 'color: var(--base-color-mid-grey);' : '';
+}, function (_ref4) {
+  var disabled = _ref4.disabled;
+  return disabled ? 'not-allowed' : 'pointer';
+}, function (_ref5) {
+  var disabled = _ref5.disabled;
+  return disabled ? 'mid-grey' : 'black';
+}, function (_ref6) {
+  var darkMode = _ref6.darkMode;
+  return darkMode ? 'dark-grey' : 'black';
+}, function (_ref7) {
+  var disabled = _ref7.disabled;
+  return disabled ? 'mid-grey' : 'black';
+});
+var RadioError = /*#__PURE__*/styled__default.div(_templateObject3$3 || (_templateObject3$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: var(--base-color-", ");\n"])), function (_ref8) {
+  var darkMode = _ref8.darkMode;
+  return darkMode ? 'white' : 'errorstate';
+});
+
+var _templateObject$e;
+var Wrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$e || (_templateObject$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-family: var(--font-family-", ");\n  font-feature-settings: var(--font-feature-settings-", ");\n  font-size: var(--font-size-", "-", ");\n  font-weight: var(--font-weight-", "-", ");\n  letter-spacing: var(--letter-spacing-", "-", ");\n  line-height: var(--line-height-", "-", ");\n  text-transform: var(--text-transform-", ");\n  word-break: var(--word-break-", ");\n  margin: var(--margin-", "-", ");\n"])), function (_ref) {
+  var typography = _ref.typography;
+  return typography;
+}, function (_ref2) {
+  var typography = _ref2.typography;
+  return typography;
+}, function (_ref3) {
+  var typography = _ref3.typography;
+  return typography;
+}, function (_ref4) {
+  var level = _ref4.level;
+  return level;
+}, function (_ref5) {
+  var typography = _ref5.typography;
+  return typography;
+}, function (_ref6) {
+  var level = _ref6.level;
+  return level;
+}, function (_ref7) {
+  var typography = _ref7.typography;
+  return typography;
+}, function (_ref8) {
+  var level = _ref8.level;
+  return level;
+}, function (_ref9) {
+  var typography = _ref9.typography;
+  return typography;
+}, function (_ref10) {
+  var level = _ref10.level;
+  return level;
+}, function (_ref11) {
+  var typography = _ref11.typography;
+  return typography;
+}, function (_ref12) {
+  var typography = _ref12.typography;
+  return typography;
+}, function (_ref13) {
+  var typography = _ref13.typography;
+  return typography;
+}, function (_ref14) {
+  var level = _ref14.level;
+  return level;
+});
+
+var StyledTag = function StyledTag(_ref) {
+  var tag = _ref.tag,
+      typography = _ref.typography,
+      children = _ref.children,
+      level = _ref.level;
+  return /*#__PURE__*/React__default.createElement(Wrapper$1, {
+    typography: typography,
+    as: tag,
+    level: level
+  }, children);
+};
+var AltHeader = function AltHeader(_ref2) {
+  var level = _ref2.level,
+      children = _ref2.children;
+  var renderedTag = "h" + level;
+  return /*#__PURE__*/React__default.createElement(StyledTag, {
+    tag: renderedTag,
+    typography: "altHeader",
+    level: level
+  }, children);
+};
+var BodyText = function BodyText(_ref3) {
+  var level = _ref3.level,
+      children = _ref3.children,
+      _ref3$tag = _ref3.tag,
+      tag = _ref3$tag === void 0 ? 'div' : _ref3$tag;
+  var renderedTag = tag;
+  return /*#__PURE__*/React__default.createElement(StyledTag, {
+    tag: renderedTag,
+    typography: "body",
+    level: level
+  }, children);
+};
+var Header = function Header(_ref4) {
+  var semanticLevel = _ref4.semanticLevel,
+      level = _ref4.level,
+      children = _ref4.children;
+  var renderedTag = semanticLevel ? "h" + semanticLevel : "h" + level;
+  return /*#__PURE__*/React__default.createElement(StyledTag, {
+    tag: renderedTag,
+    typography: "header",
+    level: level
+  }, children);
+};
+var Overline = function Overline(_ref5) {
+  var level = _ref5.level,
+      children = _ref5.children,
+      _ref5$tag = _ref5.tag,
+      tag = _ref5$tag === void 0 ? 'div' : _ref5$tag;
+  var renderedTag = tag;
+  return /*#__PURE__*/React__default.createElement(StyledTag, {
+    tag: renderedTag,
+    typography: "overline",
+    level: level
+  }, children);
+};
+var Subtitle = function Subtitle(_ref6) {
+  var level = _ref6.level,
+      children = _ref6.children,
+      _ref6$tag = _ref6.tag,
+      tag = _ref6$tag === void 0 ? 'div' : _ref6$tag;
+  var renderedTag = tag;
+  return /*#__PURE__*/React__default.createElement(StyledTag, {
+    tag: renderedTag,
+    typography: "subtitle",
+    level: level
+  }, children);
+};
+
+var Radio = function Radio(_ref) {
+  var _ref$checked = _ref.checked,
+      checked = _ref$checked === void 0 ? false : _ref$checked,
+      _ref$darkMode = _ref.darkMode,
+      darkMode = _ref$darkMode === void 0 ? false : _ref$darkMode,
+      _ref$disabled = _ref.disabled,
+      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+      error = _ref.error,
+      label = _ref.label,
+      onChange = _ref.onChange;
+
+  var _useState = React.useState(checked),
+      isChecked = _useState[0],
+      setChecked = _useState[1];
+
+  var handleRadioChange = function handleRadioChange() {
+    if (!disabled) {
+      setChecked(!isChecked);
+      onChange == null ? void 0 : onChange(!isChecked);
+    }
+  };
+
+  var handleKeyPress = function handleKeyPress(event) {
+    if (event.key === 'Space' || event.key === ' ' && !disabled) handleRadioChange();
+  };
+
+  return /*#__PURE__*/React__default.createElement(RadioContainer, null, /*#__PURE__*/React__default.createElement(RadioLine, {
+    darkMode: darkMode,
+    role: "radio",
+    tabIndex: 0,
+    onClick: handleRadioChange,
+    disabled: disabled,
+    onKeyPress: handleKeyPress
+  }, /*#__PURE__*/React__default.createElement("input", {
+    type: "radio",
+    checked: isChecked,
+    readOnly: true
+  }), /*#__PURE__*/React__default.createElement(BodyText, {
+    level: 1
+  }, label)), error && /*#__PURE__*/React__default.createElement(RadioError, {
+    darkMode: darkMode
+  }, /*#__PURE__*/React__default.createElement(BodyText, {
+    level: 1
+  }, error)));
+};
+
+var _templateObject$f, _templateObject2$5, _templateObject3$4;
+var ButtonsContainer = /*#__PURE__*/styled__default.div(_templateObject$f || (_templateObject$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n"])));
+var IconWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject2$5 || (_templateObject2$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  justify-content: center;\n  display: flex;\n  align-items: center;\n  width: var(--rotator-button-width);\n  height: var(--rotator-button-width);\n  background-color: var(--base-color-lightgrey);\n  color: var(--base-color-black);\n\n  svg {\n    width: var(--rotator-button-icon-width);\n    height: var(--rotator-button-icon-width);\n  }\n\n  svg path {\n    fill: var(--base-color-black);\n  }\n\n  :hover {\n    cursor: pointer;\n    background-color: ", ";\n\n    && svg path {\n      fill: var(--base-color-white);\n    }\n  }\n\n  @media ", " {\n    background-color: var(--base-color-black);\n\n    && svg path {\n      fill: var(--base-color-white);\n    }\n\n    :hover {\n      cursor: default;\n      background-color: var(--base-color-black);\n\n      && svg path {\n        fill: var(--base-color-white);\n      }\n    }\n  }\n"])), function (_ref) {
+  var theme = _ref.theme;
+  return theme.colors.primary;
+}, devices.mobile);
+var IconUnavailableWrapper = /*#__PURE__*/styled__default.div(_templateObject3$4 || (_templateObject3$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  justify-content: center;\n  display: flex;\n  align-items: center;\n  width: var(--navigation-large-margin);\n  height: var(--navigation-large-margin);\n  background-color: var(--base-color-lightgrey);\n  color: var(--base-color-black);\n  opacity: 0.2;\n\n  svg {\n    width: var(--navigation-xlarge-gap);\n    height: var(--navigation-xlarge-gap);\n  }\n\n  svg path {\n    fill: var(--base-color-black);\n  }\n\n  @media ", " {\n    opacity: 1;\n    pointer-events: none;\n    background-color: var(--base-color-black);\n\n    && svg path {\n      fill: var(--base-color-white);\n    }\n  }\n"])), devices.mobile);
+
+var RotatorButtons = function RotatorButtons(_ref) {
+  var onClickPrev = _ref.onClickPrev,
+      onClickNext = _ref.onClickNext,
+      _ref$availablePrev = _ref.availablePrev,
+      availablePrev = _ref$availablePrev === void 0 ? true : _ref$availablePrev,
+      _ref$availableNext = _ref.availableNext,
+      availableNext = _ref$availableNext === void 0 ? true : _ref$availableNext;
+
+  var onClickLeftHandler = function onClickLeftHandler() {
+    if (onClickPrev) {
+      onClickPrev();
+    }
+  };
+
+  var onPrevKeyDownHandler = function onPrevKeyDownHandler(e) {
+    if (e.key === 'Enter') {
+      onClickLeftHandler();
+    }
+  };
+
+  var onClickRightHandler = function onClickRightHandler() {
+    if (onClickNext) {
+      onClickNext();
+    }
+  };
+
+  var onNextKeyDownHandler = function onNextKeyDownHandler(e) {
+    if (e.key === 'Enter') {
+      onClickRightHandler();
+    }
+  };
+
+  var renderPrevIcon = function renderPrevIcon() {
+    return /*#__PURE__*/React__default.createElement(Icon, {
+      iconName: 'CarouselArrow',
+      direction: "reverse"
+    });
+  };
+
+  var renderNextIcon = function renderNextIcon() {
+    return /*#__PURE__*/React__default.createElement(Icon, {
+      iconName: 'CarouselArrow'
+    });
+  };
+
+  return /*#__PURE__*/React__default.createElement(ButtonsContainer, null, availablePrev ? /*#__PURE__*/React__default.createElement(IconWrapper$1, {
+    onClick: onClickLeftHandler,
+    onKeyDown: onPrevKeyDownHandler,
+    tabIndex: 0,
+    "data-testid": "iconprev",
+    className: "carousel-icon-wrapper-left"
+  }, renderPrevIcon()) : /*#__PURE__*/React__default.createElement(IconUnavailableWrapper, {
+    "data-testid": "iconprevnoavailable"
+  }, renderPrevIcon()), availableNext ? /*#__PURE__*/React__default.createElement(IconWrapper$1, {
+    onClick: onClickRightHandler,
+    onKeyDown: onNextKeyDownHandler,
+    tabIndex: 0,
+    "data-testid": "iconnext",
+    className: "carousel-icon-wrapper-right"
+  }, renderNextIcon()) : /*#__PURE__*/React__default.createElement(IconUnavailableWrapper, {
+    "data-testid": "iconnextnoavailable"
+  }, renderNextIcon()));
+};
+
+var _templateObject$g;
+var SecondaryLogoWrapper = /*#__PURE__*/styled__default.svg(_templateObject$g || (_templateObject$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  path {\n    fill: var(--base-color-", ");\n  }\n"])), function (_ref) {
+  var fillColor = _ref.fillColor;
+  return fillColor;
+});
+
+var SecondaryLogo = function SecondaryLogo(_ref) {
+  var _ref$fillColor = _ref.fillColor,
+      fillColor = _ref$fillColor === void 0 ? exports.Colors.White : _ref$fillColor;
+  return /*#__PURE__*/React__default.createElement(SecondaryLogoWrapper, {
+    fillColor: fillColor,
+    width: "100%",
+    height: "100%",
+    viewBox: "0 0 207.26 11.94",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    xmlnsXlink: "http://www.w3.org/1999/xlink"
+  }, /*#__PURE__*/React__default.createElement("g", {
+    "data-name": "Layer 2"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    d: "M0 .2h5.15a4.67 4.67 0 0 1 3.33 1.15 3.51 3.51 0 0 1 1 2.49A3.46 3.46 0 0 1 6.7 7.37l3.12 4.38H7.41l-2.84-4H2v4H0Zm5 5.72c1.45 0 2.37-.76 2.37-1.93V4c0-1.24-.89-1.91-2.39-1.91H2v3.83Zm7.45.08a5.92 5.92 0 0 1 6.06-6 5.87 5.87 0 0 1 6 5.94V6a5.92 5.92 0 0 1-6.06 6 5.86 5.86 0 0 1-6-6Zm10 0a4 4 0 0 0-3.93-4.11 3.91 3.91 0 0 0-3.89 4.08V6a3.94 3.94 0 0 0 3.93 4.09A3.88 3.88 0 0 0 22.4 6Zm8.25 1.18L26.06.2h2.41l3.22 5.1L35 .2h2.32L32.7 7.14v4.61h-2.05ZM42.73.12h1.88l5.08 11.63h-2.14L46.38 9h-5.46l-1.19 2.79h-2.08Zm2.91 7-2-4.62-2 4.62Zm7.15-7h2V9.9h6.07v1.85h-8.1ZM69.91 6A6 6 0 0 1 82 5.94V6a5.92 5.92 0 0 1-6.06 6 5.85 5.85 0 0 1-6.03-6Zm10 0a4 4 0 0 0-3.93-4.11A3.91 3.91 0 0 0 72 5.94V6a3.93 3.93 0 0 0 4 4.06A3.88 3.88 0 0 0 79.86 6ZM85.68.2h4.55c2.71 0 4.39 1.53 4.39 3.86C94.62 6.68 92.54 8 90 8h-2.29v3.72h-2Zm4.39 6c1.53 0 2.49-.85 2.49-2.06 0-1.35-1-2.06-2.49-2.06h-2.36V6.2Zm7.78-6h8.56V2h-6.53v3h5.79v1.83h-5.79v3.1h6.61v1.82h-8.64Zm12.35 0h5.14a4.68 4.68 0 0 1 3.34 1.15 3.5 3.5 0 0 1 .95 2.49 3.46 3.46 0 0 1-2.73 3.49l3.1 4.42h-2.4l-2.84-4h-2.54v4h-2Zm5 5.72c1.45 0 2.37-.76 2.37-1.93V4c0-1.24-.89-1.91-2.39-1.91h-3v3.83Zm12.56-5.8h1.89l5.08 11.63h-2.15L131.41 9H126l-1.19 2.79h-2.08Zm2.91 7-2-4.62-2 4.62Zm13.45-7h2V5h5.51V.2h2v11.55h-2V6.88h-5.51v4.87h-2ZM157.39 6a6 6 0 0 1 12.07 0 5.92 5.92 0 0 1-6.05 6 5.85 5.85 0 0 1-6.02-6Zm9.94 0a4 4 0 0 0-3.92-4.11 3.91 3.91 0 0 0-3.9 4.08V6a3.94 3.94 0 0 0 3.93 4.09A3.88 3.88 0 0 0 167.33 6Zm5.63.84V.2h2v6.56c0 2.15 1.11 3.29 2.92 3.29s2.91-1.08 2.91-3.2V.2h2v6.55c0 3.45-1.95 5.18-5 5.18S173 10.2 173 6.85ZM186 10.06l1.22-1.45a5.35 5.35 0 0 0 3.65 1.5c1.25 0 2.05-.59 2.05-1.45 0-.83-.47-1.27-2.61-1.77-2.46-.59-3.85-1.32-3.85-3.45 0-2 1.65-3.35 3.95-3.35a6.4 6.4 0 0 1 4.19 1.45L193.55 3a5.23 5.23 0 0 0-3.14-1.19c-1.18 0-1.88.61-1.88 1.37 0 .89.53 1.29 2.76 1.82 2.44.59 3.69 1.47 3.69 3.38 0 2.16-1.69 3.45-4.12 3.45a7.11 7.11 0 0 1-4.86-1.77ZM198.61.2h8.56V2h-6.53v3h5.79v1.83h-5.79v3.1h6.62v1.82h-8.65Z",
+    "data-name": "Layer 1"
+  })));
+};
+
+var _templateObject$h, _templateObject2$6;
+var SectionSplitterContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$h || (_templateObject$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  height: 4px;\n"])));
+var Splitter = /*#__PURE__*/styled__default.div(_templateObject2$6 || (_templateObject2$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 100%;\n  height: 4px;\n  background: var(--base-color-lightgrey);\n"])));
+
+var SectionSplitter = function SectionSplitter(_ref) {
+  var _ref$fullWidth = _ref.fullWidth,
+      fullWidth = _ref$fullWidth === void 0 ? true : _ref$fullWidth;
+  return /*#__PURE__*/React__default.createElement(SectionSplitterContainer, null, fullWidth ? /*#__PURE__*/React__default.createElement(GridItem, {
+    columnStartDesktop: 1,
+    columnSpanDesktop: 16,
+    columnStartDevice: 1,
+    columnSpanDevice: 14
+  }, /*#__PURE__*/React__default.createElement(Splitter, null)) : /*#__PURE__*/React__default.createElement(GridItem, {
+    columnStartDesktop: 3,
+    columnSpanDesktop: 12,
+    columnStartDevice: 2,
+    columnSpanDevice: 12
+  }, /*#__PURE__*/React__default.createElement(Splitter, null)));
+};
+
+var _templateObject$i;
+var SponsorLogoWrapper = /*#__PURE__*/styled__default.div(_templateObject$i || (_templateObject$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  background-color: var(--base-color-black);\n  width: 172px;\n"])));
 
 var SponsorLogo = function SponsorLogo(_ref) {
   var _ref$colorLogo = _ref.colorLogo,
@@ -2720,9 +3102,9 @@ var SponsorLogo = function SponsorLogo(_ref) {
   })))));
 };
 
-var _templateObject$d, _templateObject2$3;
-var CustomImage = /*#__PURE__*/styled__default.img(_templateObject$d || (_templateObject$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  max-height: 100px;\n  max-width: auto;\n\n  @media ", " {\n    max-height: 55px;\n  }\n\n  @media ", " {\n    max-height: 45px;\n  }\n"])), devices.tablet, devices.mobile);
-var SponsorshipStyledIframe = /*#__PURE__*/styled__default.div(_templateObject2$3 || (_templateObject2$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  background-color: transparent;\n  height: 80px;\n  margin: 0px;\n  overflow: hidden;\n  padding: 0;\n  width: 80px;\n\n  & > iframe {\n    border: 0;\n    display: block;\n    margin: 0px;\n    padding: 0px;\n    overflow: hidden;\n    width: 100%;\n    height: 100%;\n  }\n\n  @media ", " {\n    & {\n      height: 40px;\n      width: 40px;\n    }\n    & iframe {\n      height: 80px;\n      transform: scale(0.5) translate(-40px, -40px);\n      width: 80px;\n    }\n  }\n"])), devices.mobile);
+var _templateObject$j, _templateObject2$7;
+var CustomImage = /*#__PURE__*/styled__default.img(_templateObject$j || (_templateObject$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  max-height: 100px;\n  max-width: auto;\n\n  @media ", " {\n    max-height: 55px;\n  }\n\n  @media ", " {\n    max-height: 45px;\n  }\n"])), devices.tablet, devices.mobile);
+var SponsorshipStyledIframe = /*#__PURE__*/styled__default.div(_templateObject2$7 || (_templateObject2$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  background-color: transparent;\n  height: 80px;\n  margin: 0px;\n  overflow: hidden;\n  padding: 0;\n  width: 80px;\n\n  & > iframe {\n    border: 0;\n    display: block;\n    margin: 0px;\n    padding: 0px;\n    overflow: hidden;\n    width: 100%;\n    height: 100%;\n  }\n\n  @media ", " {\n    & {\n      height: 40px;\n      width: 40px;\n    }\n    & iframe {\n      height: 80px;\n      transform: scale(0.5) translate(-40px, -40px);\n      width: 80px;\n    }\n  }\n"])), devices.mobile);
 
 var DEFAULT_SPONSORSHIP_IFRAME = 'https://static.roh.org.uk/rolex/v3/rolex.html?size=80';
 var DEFAULT_SPONSORSHIP_TITLE = 'rolex';
@@ -2754,47 +3136,8 @@ var Sponsorship = function Sponsorship(_ref) {
   }));
 };
 
-var _templateObject$e, _templateObject2$4;
-var SectionSplitterContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$e || (_templateObject$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  height: 4px;\n"])));
-var Splitter = /*#__PURE__*/styled__default.div(_templateObject2$4 || (_templateObject2$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 100%;\n  height: 4px;\n  background: var(--base-color-lightgrey);\n"])));
-
-var SectionSplitter = function SectionSplitter(_ref) {
-  var _ref$fullWidth = _ref.fullWidth,
-      fullWidth = _ref$fullWidth === void 0 ? true : _ref$fullWidth;
-  return /*#__PURE__*/React__default.createElement(SectionSplitterContainer, null, fullWidth ? /*#__PURE__*/React__default.createElement(GridItem, {
-    columnStartDesktop: 1,
-    columnSpanDesktop: 16,
-    columnStartDevice: 1,
-    columnSpanDevice: 14
-  }, /*#__PURE__*/React__default.createElement(Splitter, null)) : /*#__PURE__*/React__default.createElement(GridItem, {
-    columnStartDesktop: 3,
-    columnSpanDesktop: 12,
-    columnStartDevice: 2,
-    columnSpanDevice: 12
-  }, /*#__PURE__*/React__default.createElement(Splitter, null)));
-};
-
-var _templateObject$f;
-var ImageAspectRatioWrapper = /*#__PURE__*/styled__default.div(_templateObject$f || (_templateObject$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  aspect-ratio: ", ";\n\n  @supports not (aspect-ratio: ", ") {\n    position: relative;\n    width: 100%;\n    padding-top: ", "%;\n  }\n\n  img {\n    display: block;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n\n    @supports not (aspect-ratio: ", ") {\n      position: absolute;\n      top: 0;\n      left: 0;\n    }\n  }\n"])), function (_ref) {
-  var _ref$aspectRatio = _ref.aspectRatio,
-      aspectRatio = _ref$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref$aspectRatio;
-  return aspectRatio;
-}, function (_ref2) {
-  var _ref2$aspectRatio = _ref2.aspectRatio,
-      aspectRatio = _ref2$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref2$aspectRatio;
-  return aspectRatio;
-}, function (_ref3) {
-  var _ref3$aspectRatio = _ref3.aspectRatio,
-      aspectRatio = _ref3$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref3$aspectRatio;
-  return AspectRatioLegacy[aspectRatio];
-}, function (_ref4) {
-  var _ref4$aspectRatio = _ref4.aspectRatio,
-      aspectRatio = _ref4$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref4$aspectRatio;
-  return aspectRatio;
-});
-
-var _templateObject$g, _templateObject2$5;
-var TabText = /*#__PURE__*/styled__default.a(_templateObject$g || (_templateObject$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-size: var(--font-size-navigation);\n  font-family: var(--font-family-navigation);\n  font-weight: var(--font-weight-navigation);\n  letter-spacing: var(--letter-spacing-navigation);\n  color: var(--base-color-black);\n  margin-right: 0px;\n  margin-top: 5px;\n  text-decoration: none;\n  text-transform: uppercase;\n\n  ", "\n\n  @media ", " {\n    ", "\n  }\n"])), function (props) {
+var _templateObject$k, _templateObject2$8;
+var TabText = /*#__PURE__*/styled__default.a(_templateObject$k || (_templateObject$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-size: var(--font-size-navigation);\n  font-family: var(--font-family-navigation);\n  font-weight: var(--font-weight-navigation);\n  letter-spacing: var(--letter-spacing-navigation);\n  color: var(--base-color-black);\n  margin-right: 0px;\n  margin-top: 5px;\n  text-decoration: none;\n  text-transform: uppercase;\n\n  ", "\n\n  @media ", " {\n    ", "\n  }\n"])), function (props) {
   if (props.withIcon === 'left') {
     return "margin-left: 5px;";
   }
@@ -2807,7 +3150,7 @@ var TabText = /*#__PURE__*/styled__default.a(_templateObject$g || (_templateObje
 
   return "";
 });
-var TitleContainer = /*#__PURE__*/styled__default.div(_templateObject2$5 || (_templateObject2$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: row;\n  width: fit-content;\n  border-bottom: 1px solid transparent;\n\n  ", "\n\n  svg {\n    width: var(--navigation-large-gap);\n    height: var(--navigation-large-gap);\n  }\n\n  ", "\n\n  ", "\n\n  @media ", " {\n    svg {\n      margin-right: 0px;\n    }\n  }\n\n  :hover {\n    cursor: pointer;\n    border-bottom: 1px solid var(--base-color-", ");\n    && a {\n      color: var(--base-color-", ");\n    }\n    && svg path {\n      fill: var(--base-color-", ");\n    }\n  }\n"])), function (props) {
+var TitleContainer = /*#__PURE__*/styled__default.div(_templateObject2$8 || (_templateObject2$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: row;\n  width: fit-content;\n  border-bottom: 1px solid transparent;\n\n  ", "\n\n  svg {\n    width: var(--navigation-large-gap);\n    height: var(--navigation-large-gap);\n  }\n\n  ", "\n\n  ", "\n\n  @media ", " {\n    svg {\n      margin-right: 0px;\n    }\n  }\n\n  :hover {\n    cursor: pointer;\n    border-bottom: 1px solid var(--base-color-", ");\n    && a {\n      color: var(--base-color-", ");\n    }\n    && svg path {\n      fill: var(--base-color-", ");\n    }\n  }\n"])), function (props) {
   if (props.withIcon === 'left') {
     return "\n      flex-direction: row-reverse;\n      svg {\n        margin-right: 6px;\n      }";
   }
@@ -2893,8 +3236,8 @@ var Tab = function Tab(_ref) {
   }));
 };
 
-var _templateObject$h, _templateObject2$6;
-var TabLinkWrapper = /*#__PURE__*/styled__default.a(_templateObject$h || (_templateObject$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  padding: ", ";\n  font-family: var(--font-family-navigation);\n  font-size: var(--font-size-navigation);\n  font-weight: var(--font-weight-navigation);\n  line-height: var(--line-height-navigation);\n  letter-spacing: var(--letter-spacing-navigation);\n  text-transform: var(--text-transform-navigation);\n  color: ", ";\n  width: fit-content;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  text-decoration: none;\n  border-bottom: ", ";\n  ", "\n\n  @media ", ", ", " {\n    &:hover {\n      color: var(--base-color-", ");\n      border-bottom: 1px solid var(--base-color-", ");\n\n      && svg path {\n        fill: var(--base-color-", ");\n      }\n    }\n  }\n"])), function (_ref) {
+var _templateObject$l, _templateObject2$9;
+var TabLinkWrapper = /*#__PURE__*/styled__default.a(_templateObject$l || (_templateObject$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  padding: ", ";\n  font-family: var(--font-family-navigation);\n  font-size: var(--font-size-navigation);\n  font-weight: var(--font-weight-navigation);\n  line-height: var(--line-height-navigation);\n  letter-spacing: var(--letter-spacing-navigation);\n  text-transform: var(--text-transform-navigation);\n  color: ", ";\n  width: fit-content;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  text-decoration: none;\n  border-bottom: ", ";\n  ", "\n\n  @media ", ", ", " {\n    &:hover {\n      color: var(--base-color-", ");\n      border-bottom: 1px solid var(--base-color-", ");\n\n      && svg path {\n        fill: var(--base-color-", ");\n      }\n    }\n  }\n"])), function (_ref) {
   var iconName = _ref.iconName;
   return iconName ? 'calc(var(--text-link-underline-offset) - 4px) 0' : 'var(--text-link-underline-offset) 0';
 }, function (_ref2) {
@@ -2920,7 +3263,7 @@ var TabLinkWrapper = /*#__PURE__*/styled__default.a(_templateObject$h || (_templ
   var hoverColor = _ref7.hoverColor;
   return hoverColor;
 });
-var TabLinkIconWrapper = /*#__PURE__*/styled__default.span(_templateObject2$6 || (_templateObject2$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: var(--button-icon-width);\n  height: var(--button-icon-height);\n  margin-right: var(--button-icon-margin);\n"])));
+var TabLinkIconWrapper = /*#__PURE__*/styled__default.span(_templateObject2$9 || (_templateObject2$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: var(--button-icon-width);\n  height: var(--button-icon-height);\n  margin-right: var(--button-icon-margin);\n"])));
 
 var _excluded$4 = ["children", "iconName", "iconDirection", "color", "hoverColor"];
 
@@ -2947,155 +3290,41 @@ var TabLink = function TabLink(_ref) {
   })) : null, children);
 };
 
-var _templateObject$i, _templateObject2$7, _templateObject3$2, _templateObject4$1;
-var TextAreaWrapper = /*#__PURE__*/styled__default.div(_templateObject$i || (_templateObject$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: ", ";\n  height: ", ";\n"])), function (_ref) {
+var _templateObject$m, _templateObject2$a, _templateObject3$5, _templateObject4$2;
+var TextAreaWrapper = /*#__PURE__*/styled__default.div(_templateObject$m || (_templateObject$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: ", ";\n  height: ", ";\n"])), function (_ref) {
   var width = _ref.width;
   return width ? width + "px;" : '100%;';
 }, function (_ref2) {
   var height = _ref2.height;
   return height + "px;";
 });
-var TextAreaLabel = /*#__PURE__*/styled__default.div(_templateObject2$7 || (_templateObject2$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-block: 0 15px;\n  ", ";\n"])), function (_ref3) {
+var TextAreaLabel = /*#__PURE__*/styled__default.div(_templateObject2$a || (_templateObject2$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-block: 0 15px;\n  ", ";\n"])), function (_ref3) {
   var darkMode = _ref3.darkMode;
   return darkMode ? 'color: var(--base-color-white)' : '';
 });
-var TextAreaBox = /*#__PURE__*/styled__default.textarea(_templateObject3$2 || (_templateObject3$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-family: var(--font-family-altHeader);\n  font-feature-settings: var(--font-feature-settings-altHeader);\n  font-size: var(--font-size-altHeader-6);\n  font-weight: var(--font-weight-altHeader-6);\n  box-sizing: border-box;\n  resize: none;\n  padding: 20px;\n  width: 100%;\n  height: 100%;\n  border: 1px solid ", ";\n\n  ", ";\n\n  :disabled {\n    background-color: var(--base-color-lightgrey);\n    border: 1px solid transparent;\n    outline: none;\n  }\n\n  :focus {\n    outline-style: solid;\n    outline-width: ", ";\n    outline-color: ", ";\n  }\n"])), function (_ref4) {
+var TextAreaBox = /*#__PURE__*/styled__default.textarea(_templateObject3$5 || (_templateObject3$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-family: var(--font-family-altHeader);\n  font-feature-settings: var(--font-feature-settings-altHeader);\n  font-size: var(--font-size-altHeader-6);\n  font-weight: var(--font-weight-altHeader-6);\n  box-sizing: border-box;\n  resize: none;\n  padding: 20px;\n  width: 100%;\n  height: 100%;\n  border: 1px solid ", ";\n\n  ", ";\n\n  :disabled {\n    background-color: var(--base-color-lightgrey);\n    border: 1px solid transparent;\n    outline: none;\n  }\n\n  :focus {\n    outline-style: solid;\n    outline-width: ", ";\n    outline-color: ", ";\n  }\n"])), function (_ref4) {
   var error = _ref4.error;
-  return !!error ? 'var(--base-color-errorstate)' : 'var(--base-color-lightgrey)';
-}, function (_ref5) {
-  var error = _ref5.error,
-      darkMode = _ref5.darkMode;
-  if (!darkMode || !error) return;
-  return 'outline: 3px solid var(--base-color-errorstate)';
-}, function (_ref6) {
-  var darkMode = _ref6.darkMode;
-  return darkMode ? '4px' : '3px';
-}, function (_ref7) {
-  var darkMode = _ref7.darkMode;
-  return darkMode ? 'var(--base-color-lemonchiffon)' : 'var(--base-color-lapislazuli)';
-});
-var TextAreaError = /*#__PURE__*/styled__default.div(_templateObject4$1 || (_templateObject4$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", ";\n  color: ", ";\n  margin-block: 15px 0;\n"])), function (_ref8) {
-  var darkMode = _ref8.darkMode;
-  return darkMode ? 'color: var(--base-color-white)' : '';
-}, function (_ref9) {
-  var darkMode = _ref9.darkMode;
-  return darkMode ? 'var(--base-color-white)' : 'var(--base-color-errorstate)';
-});
-
-var _templateObject$j;
-var Wrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$j || (_templateObject$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-family: var(--font-family-", ");\n  font-feature-settings: var(--font-feature-settings-", ");\n  font-size: var(--font-size-", "-", ");\n  font-weight: var(--font-weight-", "-", ");\n  letter-spacing: var(--letter-spacing-", "-", ");\n  line-height: var(--line-height-", "-", ");\n  text-transform: var(--text-transform-", ");\n  word-break: var(--word-break-", ");\n  margin: var(--margin-", "-", ");\n"])), function (_ref) {
-  var typography = _ref.typography;
-  return typography;
-}, function (_ref2) {
-  var typography = _ref2.typography;
-  return typography;
-}, function (_ref3) {
-  var typography = _ref3.typography;
-  return typography;
-}, function (_ref4) {
-  var level = _ref4.level;
-  return level;
+  return !!error ? 'var(--base-color-errorstate)' : 'var(--base-color-lightgrey)';
 }, function (_ref5) {
-  var typography = _ref5.typography;
-  return typography;
+  var error = _ref5.error,
+      darkMode = _ref5.darkMode;
+  if (!darkMode || !error) return;
+  return 'outline: 3px solid var(--base-color-errorstate)';
 }, function (_ref6) {
-  var level = _ref6.level;
-  return level;
+  var darkMode = _ref6.darkMode;
+  return darkMode ? '4px' : '3px';
 }, function (_ref7) {
-  var typography = _ref7.typography;
-  return typography;
-}, function (_ref8) {
-  var level = _ref8.level;
-  return level;
+  var darkMode = _ref7.darkMode;
+  return darkMode ? 'var(--base-color-lemonchiffon)' : 'var(--base-color-lapislazuli)';
+});
+var TextAreaError = /*#__PURE__*/styled__default.div(_templateObject4$2 || (_templateObject4$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", ";\n  color: ", ";\n  margin-block: 15px 0;\n"])), function (_ref8) {
+  var darkMode = _ref8.darkMode;
+  return darkMode ? 'color: var(--base-color-white)' : '';
 }, function (_ref9) {
-  var typography = _ref9.typography;
-  return typography;
-}, function (_ref10) {
-  var level = _ref10.level;
-  return level;
-}, function (_ref11) {
-  var typography = _ref11.typography;
-  return typography;
-}, function (_ref12) {
-  var typography = _ref12.typography;
-  return typography;
-}, function (_ref13) {
-  var typography = _ref13.typography;
-  return typography;
-}, function (_ref14) {
-  var level = _ref14.level;
-  return level;
+  var darkMode = _ref9.darkMode;
+  return darkMode ? 'var(--base-color-white)' : 'var(--base-color-errorstate)';
 });
 
-var StyledTag = function StyledTag(_ref) {
-  var tag = _ref.tag,
-      typography = _ref.typography,
-      children = _ref.children,
-      level = _ref.level;
-  return /*#__PURE__*/React__default.createElement(Wrapper$1, {
-    typography: typography,
-    as: tag,
-    level: level
-  }, children);
-};
-var AltHeader = function AltHeader(_ref2) {
-  var level = _ref2.level,
-      children = _ref2.children;
-  var renderedTag = "h" + level;
-  return /*#__PURE__*/React__default.createElement(StyledTag, {
-    tag: renderedTag,
-    typography: "altHeader",
-    level: level
-  }, children);
-};
-var BodyText = function BodyText(_ref3) {
-  var level = _ref3.level,
-      children = _ref3.children,
-      _ref3$tag = _ref3.tag,
-      tag = _ref3$tag === void 0 ? 'div' : _ref3$tag;
-  var renderedTag = tag;
-  return /*#__PURE__*/React__default.createElement(StyledTag, {
-    tag: renderedTag,
-    typography: "body",
-    level: level
-  }, children);
-};
-var Header = function Header(_ref4) {
-  var semanticLevel = _ref4.semanticLevel,
-      level = _ref4.level,
-      children = _ref4.children;
-  var renderedTag = semanticLevel ? "h" + semanticLevel : "h" + level;
-  return /*#__PURE__*/React__default.createElement(StyledTag, {
-    tag: renderedTag,
-    typography: "header",
-    level: level
-  }, children);
-};
-var Overline = function Overline(_ref5) {
-  var level = _ref5.level,
-      children = _ref5.children,
-      _ref5$tag = _ref5.tag,
-      tag = _ref5$tag === void 0 ? 'div' : _ref5$tag;
-  var renderedTag = tag;
-  return /*#__PURE__*/React__default.createElement(StyledTag, {
-    tag: renderedTag,
-    typography: "overline",
-    level: level
-  }, children);
-};
-var Subtitle = function Subtitle(_ref6) {
-  var level = _ref6.level,
-      children = _ref6.children,
-      _ref6$tag = _ref6.tag,
-      tag = _ref6$tag === void 0 ? 'div' : _ref6$tag;
-  var renderedTag = tag;
-  return /*#__PURE__*/React__default.createElement(StyledTag, {
-    tag: renderedTag,
-    typography: "subtitle",
-    level: level
-  }, children);
-};
-
 var _excluded$5 = ["label", "error", "width", "darkMode", "height", "columnStartDesktop", "columnStartDevice", "columnSpanDesktop", "columnSpanDevice", "maxLength", "tabIndex"];
 /**
  * An HTML textarea component for Chord.
@@ -3186,9 +3415,9 @@ var TextArea = function TextArea(_ref) {
   }, error))));
 };
 
-var _templateObject$k, _templateObject2$8, _templateObject3$3, _templateObject4$2, _templateObject5;
-var TextFieldContainer = /*#__PURE__*/styled__default.div(_templateObject$k || (_templateObject$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n"])));
-var textStyles = /*#__PURE__*/styled.css(_templateObject2$8 || (_templateObject2$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-family: var(--font-family-body);\n  font-weight: ", ";\n  font-size: ", ";\n  line-height: ", ";\n"])), function (_ref) {
+var _templateObject$n, _templateObject2$b, _templateObject3$6, _templateObject4$3, _templateObject5$1;
+var TextFieldContainer = /*#__PURE__*/styled__default.div(_templateObject$n || (_templateObject$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n"])));
+var textStyles = /*#__PURE__*/styled.css(_templateObject2$b || (_templateObject2$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-family: var(--font-family-body);\n  font-weight: ", ";\n  font-size: ", ";\n  line-height: ", ";\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.fonts.desktop.weights.body[1];
 }, function (_ref2) {
@@ -3198,7 +3427,7 @@ var textStyles = /*#__PURE__*/styled.css(_templateObject2$8 || (_templateObject2
   var theme = _ref3.theme;
   return theme.spacing[7];
 });
-var Input = /*#__PURE__*/styled__default.input(_templateObject3$3 || (_templateObject3$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", "\n\n  width: 196px;\n  height: 48px;\n  padding: 0px 20px;\n\n  border: 1px solid ", ";\n  outline: none;\n\n  ", "\n\n  :disabled {\n    background-color: ", ";\n    border: 1px solid transparent;\n    outline: none;\n  }\n\n  :focus {\n    outline: ", "};\n  }\n"])), textStyles, function (_ref4) {
+var Input = /*#__PURE__*/styled__default.input(_templateObject3$6 || (_templateObject3$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", "\n\n  width: 196px;\n  height: 48px;\n  padding: 0px 20px;\n\n  border: 1px solid ", ";\n  outline: none;\n\n  ", "\n\n  :disabled {\n    background-color: ", ";\n    border: 1px solid transparent;\n    outline: none;\n  }\n\n  :focus {\n    outline: ", "};\n  }\n"])), textStyles, function (_ref4) {
   var theme = _ref4.theme;
   return theme.colors.darkgrey;
 }, function (_ref5) {
@@ -3215,12 +3444,12 @@ var Input = /*#__PURE__*/styled__default.input(_templateObject3$3 || (_templateO
   if (darkMode) return "4px solid " + theme.colors.lemonChiffon;
   return "3px solid " + theme.colors.lapisLazuli;
 });
-var TextLabel = /*#__PURE__*/styled__default.p(_templateObject4$2 || (_templateObject4$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", ";\n\n  color: ", ";\n"])), textStyles, function (_ref8) {
+var TextLabel = /*#__PURE__*/styled__default.p(_templateObject4$3 || (_templateObject4$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", ";\n\n  color: ", ";\n"])), textStyles, function (_ref8) {
   var darkMode = _ref8.darkMode,
       theme = _ref8.theme;
   return darkMode ? theme.colors.white : theme.colors.black;
 });
-var ErrorLabel = /*#__PURE__*/styled__default.p(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", ";\n\n  color: ", ";\n"])), textStyles, function (_ref9) {
+var ErrorLabel = /*#__PURE__*/styled__default.p(_templateObject5$1 || (_templateObject5$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", ";\n\n  color: ", ";\n"])), textStyles, function (_ref9) {
   var darkMode = _ref9.darkMode,
       theme = _ref9.theme;
   return darkMode ? theme.colors.white : theme.colors.error;
@@ -3287,15 +3516,15 @@ var TextField = function TextField(_ref) {
   }, error) : null);
 };
 
-var _templateObject$l, _templateObject2$9;
-var TextLinkWrapper = /*#__PURE__*/styled__default.a(_templateObject$l || (_templateObject$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  border-bottom: 1px solid;\n  padding-bottom: ", ";\n  font-family: var(--font-family-overline);\n  font-size: var(--font-size-overline-1);\n  font-weight: var(--font-weight-overline-1);\n  line-height: var(--line-height-overline-1);\n  letter-spacing: var(--letter-spacing-overline-1);\n  text-transform: var(--text-transform-overline);\n  color: var(--base-color-", ");\n  width: fit-content;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  text-decoration: none;\n"])), function (_ref) {
+var _templateObject$o, _templateObject2$c;
+var TextLinkWrapper = /*#__PURE__*/styled__default.a(_templateObject$o || (_templateObject$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  border-bottom: 1px solid;\n  padding-bottom: ", ";\n  font-family: var(--font-family-overline);\n  font-size: var(--font-size-overline-1);\n  font-weight: var(--font-weight-overline-1);\n  line-height: var(--line-height-overline-1);\n  letter-spacing: var(--letter-spacing-overline-1);\n  text-transform: var(--text-transform-overline);\n  color: var(--base-color-", ");\n  width: fit-content;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  text-decoration: none;\n"])), function (_ref) {
   var iconName = _ref.iconName;
   return iconName ? 'calc(var(--text-link-underline-offset) - 4px)' : 'var(--text-link-underline-offset)';
 }, function (_ref2) {
   var color = _ref2.color;
   return color;
 });
-var TextLinkIconWrapper = /*#__PURE__*/styled__default.span(_templateObject2$9 || (_templateObject2$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: var(--button-icon-width);\n  height: var(--button-icon-height);\n  margin-left: var(--button-icon-margin);\n"])));
+var TextLinkIconWrapper = /*#__PURE__*/styled__default.span(_templateObject2$c || (_templateObject2$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: var(--button-icon-width);\n  height: var(--button-icon-height);\n  margin-left: var(--button-icon-margin);\n"])));
 
 var _excluded$7 = ["children", "iconName", "iconDirection", "color"];
 
@@ -3319,20 +3548,20 @@ var TextLink = function TextLink(_ref) {
   })) : null);
 };
 
-var _templateObject$m, _templateObject2$a, _templateObject3$4, _templateObject4$3;
-var LogoWrapper = /*#__PURE__*/styled__default.div(_templateObject$m || (_templateObject$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-size: 10px;\n  margin-top: 140px;\n  display: grid;\n  grid-template-columns: repeat(2, auto);\n  font-family: var(--font-family-header);\n  font-size: ", ";\n  color: ", ";\n  width: auto;\n  margin: auto;\n"])), function (_ref) {
+var _templateObject$p, _templateObject2$d, _templateObject3$7, _templateObject4$4;
+var LogoWrapper = /*#__PURE__*/styled__default.div(_templateObject$p || (_templateObject$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-size: 10px;\n  margin-top: 140px;\n  display: grid;\n  grid-template-columns: repeat(2, auto);\n  font-family: var(--font-family-header);\n  font-size: ", ";\n  color: ", ";\n  width: auto;\n  margin: auto;\n"])), function (_ref) {
   var fontSize = _ref.fontSize;
   return fontSize + 'px';
 }, function (_ref2) {
   var color = _ref2.color;
   return color;
 });
-var LogoRightSide = /*#__PURE__*/styled__default.div(_templateObject2$a || (_templateObject2$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  padding-left: 10px;\n  font-weight: 500;\n  letter-spacing: 1px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n"])));
-var LogoLeftSide = /*#__PURE__*/styled__default.div(_templateObject3$4 || (_templateObject3$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  border-right: 1px solid ", ";\n  padding-right: 10px;\n  letter-spacing: 2px;\n  display: flex;\n  flex-direction: column;\n"])), function (_ref3) {
+var LogoRightSide = /*#__PURE__*/styled__default.div(_templateObject2$d || (_templateObject2$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  padding-left: 10px;\n  font-weight: 500;\n  letter-spacing: 1px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n"])));
+var LogoLeftSide = /*#__PURE__*/styled__default.div(_templateObject3$7 || (_templateObject3$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  border-right: 1px solid ", ";\n  padding-right: 10px;\n  letter-spacing: 2px;\n  display: flex;\n  flex-direction: column;\n"])), function (_ref3) {
   var color = _ref3.color;
   return color;
 });
-var LogoLeftSideRow = /*#__PURE__*/styled__default.div(_templateObject4$3 || (_templateObject4$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: block;\n  position: relative;\n  font-weight: 400;\n"])));
+var LogoLeftSideRow = /*#__PURE__*/styled__default.div(_templateObject4$4 || (_templateObject4$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: block;\n  position: relative;\n  font-weight: 400;\n"])));
 
 var TextLogoProduct;
 
@@ -3354,12 +3583,12 @@ var Logo = function Logo(_ref) {
   }, /*#__PURE__*/React.createElement(LogoLeftSideRow, null, "ROYAL"), /*#__PURE__*/React.createElement(LogoLeftSideRow, null, "OPERA"), /*#__PURE__*/React.createElement(LogoLeftSideRow, null, "HOUSE")), /*#__PURE__*/React.createElement(LogoRightSide, null, productName));
 };
 
-var _templateObject$n, _templateObject2$b, _templateObject3$5, _templateObject4$4;
-var TickboxError = /*#__PURE__*/styled__default.div(_templateObject$n || (_templateObject$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-block: 20px;\n  color: var(--base-color-", ");\n"])), function (_ref) {
+var _templateObject$q, _templateObject2$e, _templateObject3$8, _templateObject4$5;
+var TickboxError = /*#__PURE__*/styled__default.div(_templateObject$q || (_templateObject$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-block: 20px;\n  color: var(--base-color-", ");\n"])), function (_ref) {
   var dark = _ref.dark;
   return dark ? 'white' : 'errorstate';
 });
-var TickboxLabel = /*#__PURE__*/styled__default.label(_templateObject2$b || (_templateObject2$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: block;\n  width: fit-content;\n  position: relative;\n  padding-left: 32px;\n  color: var(\n    --base-color-", "\n  );\n  cursor: ", ";\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n\n  div {\n    margin-left: -32px;\n  }\n\n  @media ", " {\n    &:focus {\n      outline: 0;\n    }\n  }\n"])), function (_ref2) {
+var TickboxLabel = /*#__PURE__*/styled__default.label(_templateObject2$e || (_templateObject2$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: block;\n  width: fit-content;\n  position: relative;\n  padding-left: 32px;\n  color: var(\n    --base-color-", "\n  );\n  cursor: ", ";\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n\n  div {\n    margin-left: -32px;\n  }\n\n  @media ", " {\n    &:focus {\n      outline: 0;\n    }\n  }\n"])), function (_ref2) {
   var dark = _ref2.dark,
       disabled = _ref2.disabled;
   if (dark) return disabled ? 'lightgrey' : 'white';
@@ -3368,7 +3597,7 @@ var TickboxLabel = /*#__PURE__*/styled__default.label(_templateObject2$b || (_te
   var disabled = _ref3.disabled;
   return disabled ? 'not-allowed' : 'pointer';
 }, devices.mobileAndTablet);
-var TickboxCheckmark = /*#__PURE__*/styled__default.span(_templateObject3$5 || (_templateObject3$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: absolute;\n  top: 1px;\n  left: 0;\n  height: 20px;\n  width: 20px;\n  padding: 3px;\n  box-sizing: border-box;\n  border: 1px solid\n    var(\n      --base-color-", "\n    );\n  background-color: var(--base-color-", ");\n  outline: ", ";\n\n  svg {\n    display: none;\n  }\n\n  @media ", " {\n    top: 0;\n  }\n"])), function (_ref4) {
+var TickboxCheckmark = /*#__PURE__*/styled__default.span(_templateObject3$8 || (_templateObject3$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: absolute;\n  top: 1px;\n  left: 0;\n  height: 20px;\n  width: 20px;\n  padding: 3px;\n  box-sizing: border-box;\n  border: 1px solid\n    var(\n      --base-color-", "\n    );\n  background-color: var(--base-color-", ");\n  outline: ", ";\n\n  svg {\n    display: none;\n  }\n\n  @media ", " {\n    top: 0;\n  }\n"])), function (_ref4) {
   var dark = _ref4.dark,
       disabled = _ref4.disabled,
       error = _ref4.error;
@@ -3384,7 +3613,7 @@ var TickboxCheckmark = /*#__PURE__*/styled__default.span(_templateObject3$5 || (
       dark = _ref6.dark;
   return dark && error ? '1px solid var(--base-color-errorstate)' : 'none';
 }, devices.mobile);
-var TickboxInput = /*#__PURE__*/styled__default.input(_templateObject4$4 || (_templateObject4$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: none;\n\n  &:checked ~ ", " {\n    background-color: var(\n      --base-color-", "\n    );\n    & svg {\n      display: block;\n      path {\n        fill: var(\n          --base-color-", "\n        );\n      }\n    }\n  }\n"])), TickboxCheckmark, function (_ref7) {
+var TickboxInput = /*#__PURE__*/styled__default.input(_templateObject4$5 || (_templateObject4$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: none;\n\n  &:checked ~ ", " {\n    background-color: var(\n      --base-color-", "\n    );\n    & svg {\n      display: block;\n      path {\n        fill: var(\n          --base-color-", "\n        );\n      }\n    }\n  }\n"])), TickboxCheckmark, function (_ref7) {
   var dark = _ref7.dark,
       whiteBox = _ref7.whiteBox,
       disabled = _ref7.disabled;
@@ -3468,18 +3697,18 @@ var Tickbox = function Tickbox(_ref) {
   }, error)));
 };
 
-var _templateObject$o, _templateObject2$c, _templateObject3$6, _templateObject4$5, _templateObject5$1, _templateObject6, _templateObject7, _templateObject8;
-var TimerWrapper = /*#__PURE__*/styled__default.div(_templateObject$o || (_templateObject$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: var(--base-color-", ");\n"])), function (_ref) {
+var _templateObject$r, _templateObject2$f, _templateObject3$9, _templateObject4$6, _templateObject5$2, _templateObject6, _templateObject7, _templateObject8;
+var TimerWrapper = /*#__PURE__*/styled__default.div(_templateObject$r || (_templateObject$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: var(--base-color-", ");\n"])), function (_ref) {
   var color = _ref.color;
   return color;
 });
-var Line = /*#__PURE__*/styled__default.div(_templateObject2$c || (_templateObject2$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  height: 1px;\n  background-color: var(--base-color-", ");\n  margin-top: 32px;\n\n  @media ", " {\n    margin-top: 20px;\n  }\n"])), function (_ref2) {
+var Line = /*#__PURE__*/styled__default.div(_templateObject2$f || (_templateObject2$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  height: 1px;\n  background-color: var(--base-color-", ");\n  margin-top: 32px;\n\n  @media ", " {\n    margin-top: 20px;\n  }\n"])), function (_ref2) {
   var color = _ref2.color;
   return color;
 }, devices.mobileAndTablet);
-var TitleWrapper = /*#__PURE__*/styled__default.div(_templateObject3$6 || (_templateObject3$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-bottom: 16px;\n\n  @media ", " {\n    margin-bottom: 8px;\n  }\n"])), devices.mobileAndTablet);
-var ValuesWrapper = /*#__PURE__*/styled__default.div(_templateObject4$5 || (_templateObject4$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-size: var(--font-size-header-4);\n  font-family: var(--font-family-header);\n  font-feature-settings: var(--font-feature-settings-header);\n  font-weight: var(--font-weight-header-4);\n  letter-spacing: var(--letter-spacing-header-4);\n  line-height: var(--line-height-header-4);\n  text-transform: var(--text-transform-header);\n  display: flex;\n\n  @media ", " {\n    font-size: var(--font-size-header-5);\n  }\n"])), devices.tablet);
-var TimerLabel = /*#__PURE__*/styled__default.div(_templateObject5$1 || (_templateObject5$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-family: var(--font-family-overline);\n  font-size: var(--font-size-overline-1);\n  font-weight: var(--font-weight-overline-1);\n  line-height: var(--line-height-overline-1);\n  letter-spacing: var(--letter-spacing-overline-1);\n  text-transform: var(--text-transform-overline);\n  margin-top: 4px;\n"])));
+var TitleWrapper = /*#__PURE__*/styled__default.div(_templateObject3$9 || (_templateObject3$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-bottom: 16px;\n\n  @media ", " {\n    margin-bottom: 8px;\n  }\n"])), devices.mobileAndTablet);
+var ValuesWrapper = /*#__PURE__*/styled__default.div(_templateObject4$6 || (_templateObject4$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-size: var(--font-size-header-4);\n  font-family: var(--font-family-header);\n  font-feature-settings: var(--font-feature-settings-header);\n  font-weight: var(--font-weight-header-4);\n  letter-spacing: var(--letter-spacing-header-4);\n  line-height: var(--line-height-header-4);\n  text-transform: var(--text-transform-header);\n  display: flex;\n\n  @media ", " {\n    font-size: var(--font-size-header-5);\n  }\n"])), devices.tablet);
+var TimerLabel = /*#__PURE__*/styled__default.div(_templateObject5$2 || (_templateObject5$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-family: var(--font-family-overline);\n  font-size: var(--font-size-overline-1);\n  font-weight: var(--font-weight-overline-1);\n  line-height: var(--line-height-overline-1);\n  letter-spacing: var(--letter-spacing-overline-1);\n  text-transform: var(--text-transform-overline);\n  margin-top: 4px;\n"])));
 var TimerValueSeparator = /*#__PURE__*/styled__default.div(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin: 0 20px;\n\n  @media ", " {\n    margin: 0 12px;\n  }\n\n  @media ", " {\n    margin: 0 12px;\n  }\n"])), devices.tablet, devices.mobile);
 var TimerValueWrapper = /*#__PURE__*/styled__default.div(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
 var TimerValue = /*#__PURE__*/styled__default.div(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
@@ -3577,90 +3806,8 @@ var Timer = function Timer(_ref) {
   }));
 };
 
-var _templateObject$p, _templateObject2$d, _templateObject3$7, _templateObject4$6, _templateObject5$2;
-var ProgressView = /*#__PURE__*/styled__default.div(_templateObject$p || (_templateObject$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  height: ", ";\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n"])), function (_ref) {
-  var height = _ref.height;
-  return height ? height + "px" : '6px';
-});
-var ElapsedProgressView = /*#__PURE__*/styled__default.div(_templateObject2$d || (_templateObject2$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  background-color: ", ";\n  flex: ", ";\n  padding-left: ", ";\n\n  @media ", " {\n    padding-left: ", ";\n  }\n"])), function (_ref2) {
-  var color = _ref2.color;
-  return color ? "var(--base-color-" + color + ")" : 'var(--base-color-progress)';
-}, function (_ref3) {
-  var progress = _ref3.progress;
-  return progress;
-}, function (_ref4) {
-  var isFirstStep = _ref4.isFirstStep;
-  return isFirstStep ? '32px' : '0';
-}, devices.mobile, function (_ref5) {
-  var isFirstStep = _ref5.isFirstStep;
-  return isFirstStep ? '24px' : '0';
-});
-var PendingProgressView = /*#__PURE__*/styled__default.div(_templateObject3$7 || (_templateObject3$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  background-color: ", ";\n  opacity: 0.5;\n  flex: ", ";\n"])), function (_ref6) {
-  var color = _ref6.color;
-  return color ? "var(--base-color-" + color + ")" : 'var(--base-color-lightgrey)';
-}, function (_ref7) {
-  var progress = _ref7.progress;
-  return progress;
-});
-var StepsWrapper = /*#__PURE__*/styled__default.div(_templateObject4$6 || (_templateObject4$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-top: 10px;\n  display: flex;\n  justify-content: space-between;\n  font-family: var(--font-family-body);\n  font-feature-settings: var(--font-feature-settings-body);\n  text-transform: var(--text-transform-body);\n  font-size: var(--font-size-body-1);\n  font-weight: var(--font-weight-body-1);\n  letter-spacing: var(--letter-spacing-body-1);\n  line-height: var(--line-height-body-1);\n\n  @media ", " {\n    font-size: var(--font-size-body-2);\n    font-weight: var(--font-weight-body-2);\n    letter-spacing: var(--letter-spacing-body-2);\n    line-height: var(--line-height-body-2);\n  }\n"])), devices.mobile);
-var StepWrapper = /*#__PURE__*/styled__default.div(_templateObject5$2 || (_templateObject5$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  visibility: ", ";\n  color: ", ";\n  margin-right: 32px;\n\n  @media ", " {\n    margin-right: 24px;\n  }\n\n  &:first-child,\n  &:last-child {\n    margin: 0;\n  }\n"])), function (_ref8) {
-  var isVisible = _ref8.isVisible;
-  return isVisible ? "visible" : 'hidden';
-}, function (_ref9) {
-  var isActive = _ref9.isActive;
-  return isActive ? "var(--base-color-black)" : 'var(--base-color-midgrey)';
-}, devices.mobile);
-
-var Progress = function Progress(_ref) {
-  var _ref$progress = _ref.progress,
-      progress = _ref$progress === void 0 ? 0 : _ref$progress,
-      _ref$height = _ref.height,
-      height = _ref$height === void 0 ? 6 : _ref$height,
-      elapsedLineColor = _ref.elapsedLineColor,
-      pendingLineColor = _ref.pendingLineColor,
-      steps = _ref.steps;
-
-  var renderSteps = function renderSteps() {
-    if (!steps) return [];
-    return Array.from(Array(steps.quantity), function (_, index) {
-      return index + 1;
-    }).map(function (step) {
-      return /*#__PURE__*/React__default.createElement(StepWrapper, {
-        key: "progress-step-" + step,
-        isVisible: step <= steps.current,
-        isActive: step === steps.current
-      }, step, " / ", steps.quantity);
-    });
-  };
-
-  var getProgressValue = function getProgressValue() {
-    if (steps) {
-      return 100 / (steps.quantity - 1) * (steps.current - 1);
-    }
-
-    return progress;
-  };
-
-  var progressValue = getProgressValue();
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(ProgressView, {
-    height: height,
-    "data-testid": "progress-container"
-  }, /*#__PURE__*/React__default.createElement(ElapsedProgressView, {
-    color: elapsedLineColor,
-    isFirstStep: (steps == null ? void 0 : steps.current) === 1,
-    progress: progressValue,
-    "data-testid": "elapsedprogress"
-  }), /*#__PURE__*/React__default.createElement(PendingProgressView, {
-    color: pendingLineColor,
-    progress: 100 - progressValue,
-    "data-testid": "pendingprogress"
-  })), steps && /*#__PURE__*/React__default.createElement(StepsWrapper, {
-    "data-testid": "progress-steps-container"
-  }, renderSteps()));
-};
-
-var _templateObject$q;
-var TypeTagsContainer = /*#__PURE__*/styled__default.ul(_templateObject$q || (_templateObject$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  list-style-type: none;\n  margin: 0;\n  padding: 0;\n\n  & li {\n    display: inline-block;\n    margin: 0;\n  }\n\n  & li:before {\n    content: '\u2014';\n    margin: 0 0.5em;\n  }\n\n  & li:first-child:before {\n    display: none;\n  }\n"])));
+var _templateObject$s;
+var TypeTagsContainer = /*#__PURE__*/styled__default.ul(_templateObject$s || (_templateObject$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  list-style-type: none;\n  margin: 0;\n  padding: 0;\n\n  & li {\n    display: inline-block;\n    margin: 0;\n  }\n\n  & li:before {\n    content: '\u2014';\n    margin: 0 0.5em;\n  }\n\n  & li:first-child:before {\n    display: none;\n  }\n"])));
 
 var TypeTags = function TypeTags(_ref) {
   var list = _ref.list;
@@ -3673,82 +3820,10 @@ var TypeTags = function TypeTags(_ref) {
   }));
 };
 
-var _templateObject$r, _templateObject2$e, _templateObject3$8;
-var ButtonsContainer = /*#__PURE__*/styled__default.div(_templateObject$r || (_templateObject$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n"])));
-var IconWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject2$e || (_templateObject2$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  justify-content: center;\n  display: flex;\n  align-items: center;\n  width: var(--rotator-button-width);\n  height: var(--rotator-button-width);\n  background-color: var(--base-color-lightgrey);\n  color: var(--base-color-black);\n\n  svg {\n    width: var(--rotator-button-icon-width);\n    height: var(--rotator-button-icon-width);\n  }\n\n  svg path {\n    fill: var(--base-color-black);\n  }\n\n  :hover {\n    cursor: pointer;\n    background-color: ", ";\n\n    && svg path {\n      fill: var(--base-color-white);\n    }\n  }\n\n  @media ", " {\n    background-color: var(--base-color-black);\n\n    && svg path {\n      fill: var(--base-color-white);\n    }\n\n    :hover {\n      cursor: default;\n      background-color: var(--base-color-black);\n\n      && svg path {\n        fill: var(--base-color-white);\n      }\n    }\n  }\n"])), function (_ref) {
-  var theme = _ref.theme;
-  return theme.colors.primary;
-}, devices.mobile);
-var IconUnavailableWrapper = /*#__PURE__*/styled__default.div(_templateObject3$8 || (_templateObject3$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  justify-content: center;\n  display: flex;\n  align-items: center;\n  width: var(--navigation-large-margin);\n  height: var(--navigation-large-margin);\n  background-color: var(--base-color-lightgrey);\n  color: var(--base-color-black);\n  opacity: 0.2;\n\n  svg {\n    width: var(--navigation-xlarge-gap);\n    height: var(--navigation-xlarge-gap);\n  }\n\n  svg path {\n    fill: var(--base-color-black);\n  }\n\n  @media ", " {\n    opacity: 1;\n    pointer-events: none;\n    background-color: var(--base-color-black);\n\n    && svg path {\n      fill: var(--base-color-white);\n    }\n  }\n"])), devices.mobile);
-
-var RotatorButtons = function RotatorButtons(_ref) {
-  var onClickPrev = _ref.onClickPrev,
-      onClickNext = _ref.onClickNext,
-      _ref$availablePrev = _ref.availablePrev,
-      availablePrev = _ref$availablePrev === void 0 ? true : _ref$availablePrev,
-      _ref$availableNext = _ref.availableNext,
-      availableNext = _ref$availableNext === void 0 ? true : _ref$availableNext;
-
-  var onClickLeftHandler = function onClickLeftHandler() {
-    if (onClickPrev) {
-      onClickPrev();
-    }
-  };
-
-  var onPrevKeyDownHandler = function onPrevKeyDownHandler(e) {
-    if (e.key === 'Enter') {
-      onClickLeftHandler();
-    }
-  };
-
-  var onClickRightHandler = function onClickRightHandler() {
-    if (onClickNext) {
-      onClickNext();
-    }
-  };
-
-  var onNextKeyDownHandler = function onNextKeyDownHandler(e) {
-    if (e.key === 'Enter') {
-      onClickRightHandler();
-    }
-  };
-
-  var renderPrevIcon = function renderPrevIcon() {
-    return /*#__PURE__*/React__default.createElement(Icon, {
-      iconName: 'CarouselArrow',
-      direction: "reverse"
-    });
-  };
-
-  var renderNextIcon = function renderNextIcon() {
-    return /*#__PURE__*/React__default.createElement(Icon, {
-      iconName: 'CarouselArrow'
-    });
-  };
-
-  return /*#__PURE__*/React__default.createElement(ButtonsContainer, null, availablePrev ? /*#__PURE__*/React__default.createElement(IconWrapper$1, {
-    onClick: onClickLeftHandler,
-    onKeyDown: onPrevKeyDownHandler,
-    tabIndex: 0,
-    "data-testid": "iconprev",
-    className: "carousel-icon-wrapper-left"
-  }, renderPrevIcon()) : /*#__PURE__*/React__default.createElement(IconUnavailableWrapper, {
-    "data-testid": "iconprevnoavailable"
-  }, renderPrevIcon()), availableNext ? /*#__PURE__*/React__default.createElement(IconWrapper$1, {
-    onClick: onClickRightHandler,
-    onKeyDown: onNextKeyDownHandler,
-    tabIndex: 0,
-    "data-testid": "iconnext",
-    className: "carousel-icon-wrapper-right"
-  }, renderNextIcon()) : /*#__PURE__*/React__default.createElement(IconUnavailableWrapper, {
-    "data-testid": "iconnextnoavailable"
-  }, renderNextIcon()));
-};
-
-var _templateObject$s, _templateObject2$f, _templateObject3$9, _templateObject4$7, _templateObject5$3, _templateObject6$1, _templateObject7$1;
-var VideoPlayButton = /*#__PURE__*/styled__default.button(_templateObject$s || (_templateObject$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 48px;\n  height: 48px;\n  border-radius: 50%;\n  background-color: #fff;\n  border: none;\n  padding: 12px;\n"])));
-var VideoControlsWrapper = /*#__PURE__*/styled__default.div(_templateObject2$f || (_templateObject2$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: absolute;\n  left: 50px;\n  bottom: 24px;\n  display: flex;\n  align-items: center;\n  @media ", " {\n    left: 20px;\n    bottom: 12px;\n  }\n"])), devices.mobile);
-var VideoVolume = /*#__PURE__*/styled__default.input(_templateObject3$9 || (_templateObject3$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 100px;\n  margin-left: 24px;\n"])));
+var _templateObject$t, _templateObject2$g, _templateObject3$a, _templateObject4$7, _templateObject5$3, _templateObject6$1, _templateObject7$1;
+var VideoPlayButton = /*#__PURE__*/styled__default.button(_templateObject$t || (_templateObject$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 48px;\n  height: 48px;\n  border-radius: 50%;\n  background-color: #fff;\n  border: none;\n  padding: 12px;\n"])));
+var VideoControlsWrapper = /*#__PURE__*/styled__default.div(_templateObject2$g || (_templateObject2$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: absolute;\n  left: 50px;\n  bottom: 24px;\n  display: flex;\n  align-items: center;\n  @media ", " {\n    left: 20px;\n    bottom: 12px;\n  }\n"])), devices.mobile);
+var VideoVolume = /*#__PURE__*/styled__default.input(_templateObject3$a || (_templateObject3$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 100px;\n  margin-left: 24px;\n"])));
 var VideoMute = /*#__PURE__*/styled__default.button(_templateObject4$7 || (_templateObject4$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 17px;\n  height: 17px;\n  background: none;\n  border: none;\n  padding: 0;\n  svg {\n    width: 100%;\n    height: 100%;\n  }\n"])));
 var thumbStyes = /*#__PURE__*/styled.css(_templateObject5$3 || (_templateObject5$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  -webkit-appearance: none;\n  appearance: none;\n  border: none;\n  height: 8px;\n  width: 8px;\n  border-radius: 50%;\n  background: #ffffff;\n  border: none;\n  transform: translateY(-25%);\n"])));
 var trackStyles = /*#__PURE__*/styled.css(_templateObject6$1 || (_templateObject6$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 100%;\n  cursor: pointer;\n  height: 4px;\n  cursor: pointer;\n  background: rgb(241, 241, 241, 0.5);\n  border-radius: 1.3px;\n  border: none;\n"])));
@@ -3857,13 +3932,13 @@ var VideoControls = function VideoControls(_ref) {
   })));
 };
 
-var _templateObject$t, _templateObject2$g, _templateObject3$a, _templateObject4$8, _templateObject5$4;
-var StepperWrapper = /*#__PURE__*/styled__default.div(_templateObject$t || (_templateObject$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  justify-content: left;\n  align-items: left;\n"])));
-var StepperError = /*#__PURE__*/styled__default.div(_templateObject2$g || (_templateObject2$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: var(--base-color-", ");\n  margin-block: 15px 0;\n\n  * {\n    margin: 0;\n  }\n"])), function (_ref) {
+var _templateObject$u, _templateObject2$h, _templateObject3$b, _templateObject4$8, _templateObject5$4;
+var StepperWrapper = /*#__PURE__*/styled__default.div(_templateObject$u || (_templateObject$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  justify-content: left;\n  align-items: left;\n"])));
+var StepperError = /*#__PURE__*/styled__default.div(_templateObject2$h || (_templateObject2$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: var(--base-color-", ");\n  margin-block: 15px 0;\n\n  * {\n    margin: 0;\n  }\n"])), function (_ref) {
   var darkMode = _ref.darkMode;
   return darkMode ? 'white' : 'errorstate';
 });
-var StepperBox = /*#__PURE__*/styled__default.div(_templateObject3$a || (_templateObject3$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 154px;\n  height: 48px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  border: 1px solid\n    var(\n      --base-color-", "\n    );\n  background-color: var(--base-color-", ");\n  ", ";\n\n  * {\n    color: var(--base-color-", ");\n    word-break: unset;\n    user-select: none;\n  }\n\n  path {\n    fill: var(--base-color-", ") !important;\n  }\n\n  & > * {\n    width: 51px;\n  }\n"])), function (_ref2) {
+var StepperBox = /*#__PURE__*/styled__default.div(_templateObject3$b || (_templateObject3$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 154px;\n  height: 48px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  border: 1px solid\n    var(\n      --base-color-", "\n    );\n  background-color: var(--base-color-", ");\n  ", ";\n\n  * {\n    color: var(--base-color-", ");\n    word-break: unset;\n    user-select: none;\n  }\n\n  path {\n    fill: var(--base-color-", ") !important;\n  }\n\n  & > * {\n    width: 51px;\n  }\n"])), function (_ref2) {
   var darkMode = _ref2.darkMode,
       disabled = _ref2.disabled,
       error = _ref2.error;
@@ -4085,13 +4160,13 @@ var Component = function Component(_ref) {
   }, error)));
 };
 
-var _templateObject$u, _templateObject2$h, _templateObject3$b, _templateObject4$9, _templateObject5$5, _templateObject6$2, _templateObject7$2, _templateObject8$1, _templateObject9, _templateObject10, _templateObject11;
-var NavigationWrapper = /*#__PURE__*/styled__default.div(_templateObject$u || (_templateObject$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  @media ", " {\n    ", "\n  }\n"])), devices.mobileAndTablet, function (_ref) {
+var _templateObject$v, _templateObject2$i, _templateObject3$c, _templateObject4$9, _templateObject5$5, _templateObject6$2, _templateObject7$2, _templateObject8$1, _templateObject9, _templateObject10, _templateObject11;
+var NavigationWrapper = /*#__PURE__*/styled__default.div(_templateObject$v || (_templateObject$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  @media ", " {\n    ", "\n  }\n"])), devices.mobileAndTablet, function (_ref) {
   var isMenuOpen = _ref.isMenuOpen;
   return isMenuOpen && "\n      position: fixed;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      z-index: " + zIndexes.overlay + ";\n      background-color: var(--base-color-white);\n      overflow-y: auto;\n      scrollbar-width: none;\n      ::-webkit-scrollbar {\n        display: none;\n      }\n    ";
 });
-var FullScreenContainer = /*#__PURE__*/styled__default.div(_templateObject2$h || (_templateObject2$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  background-color: var(--base-color-black);\n  width: 100vw;\n  position: absolute;\n  z-index: ", ";\n  opacity: 0.4;\n"])), zIndexes.searchOverlay);
-var NavigationGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$b || (_templateObject3$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n  background-color: var(--base-color-white);\n  height: 140px;\n  z-index: ", ";\n\n  @media ", " {\n    height: 80px;\n  }\n"])), zIndexes.navigation, devices.mobile);
+var FullScreenContainer = /*#__PURE__*/styled__default.div(_templateObject2$i || (_templateObject2$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  background-color: var(--base-color-black);\n  width: 100vw;\n  position: absolute;\n  z-index: ", ";\n  opacity: 0.4;\n"])), zIndexes.searchOverlay);
+var NavigationGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$c || (_templateObject3$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n  background-color: var(--base-color-white);\n  height: 140px;\n  z-index: ", ";\n\n  @media ", " {\n    height: 80px;\n  }\n"])), zIndexes.navigation, devices.mobile);
 var SearchBackground = /*#__PURE__*/styled__default.div(_templateObject4$9 || (_templateObject4$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  background-color: var(--base-color-white);\n  height: 100px;\n  border-top: 1px solid var(--base-color-light-grey);\n  width: 100%;\n  position: absolute;\n  top: 140px;\n  z-index: ", ";\n\n  @media ", " {\n    height: 100%;\n    top: 80px;\n  }\n"])), zIndexes.search, devices.mobile);
 var GridItemSearch = /*#__PURE__*/styled__default(GridItem)(_templateObject5$5 || (_templateObject5$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  background-color: var(--base-color-white);\n  border-top: 1px solid var(--base-color-light-grey);\n  width: 100%;\n  position: absolute;\n  top: 140px;\n  z-index: ", ";\n  height: 100px;\n\n  @media ", " {\n    height: 100%;\n    top: 80px;\n  }\n"])), zIndexes.search, devices.mobile);
 var NavigationGridMobile = /*#__PURE__*/styled__default(Grid)(_templateObject6$2 || (_templateObject6$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: none;\n\n  @media ", " {\n    display: grid;\n    background-color: var(--base-color-white);\n    padding-top: ", ";\n    padding-bottom: var(--navigation-large-margin);\n  }\n"])), devices.mobileAndTablet, function (_ref2) {
@@ -4104,8 +4179,8 @@ var NavContainer = /*#__PURE__*/styled__default.div(_templateObject9 || (_templa
 var NavContainerGridItem = /*#__PURE__*/styled__default(GridItem)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  @media ", " {\n    grid-column: 3 / span 14;\n  }\n"])), devices.desktop);
 var NavTopContainer = /*#__PURE__*/styled__default.div(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  height: 26px;\n  right: 50px;\n  top: 20px;\n  position: absolute;\n\n  @media ", " {\n    margin-top: 1px;\n    position: inherit;\n  }\n"])), devices.mobileAndTablet);
 
-var _templateObject$v;
-var LogoWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$v || (_templateObject$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 66px;\n  height: auto;\n  cursor: pointer;\n  & img {\n    width: auto;\n    height: 100%;\n  }\n"])));
+var _templateObject$w;
+var LogoWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$w || (_templateObject$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 66px;\n  height: auto;\n  cursor: pointer;\n  & img {\n    width: auto;\n    height: 100%;\n  }\n"])));
 
 var Logo$1 = function Logo(_ref) {
   var _ref$id = _ref.id,
@@ -4134,11 +4209,11 @@ var Logo$1 = function Logo(_ref) {
   }))));
 };
 
-var _templateObject$w;
-var NavTopContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$w || (_templateObject$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: row;\n  column-gap: 16px;\n  justify-content: flex-end;\n  height: 26px;\n\n  @media ", " {\n    column-gap: 8px;\n  }\n"])), devices.mobile);
+var _templateObject$x;
+var NavTopContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$x || (_templateObject$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: row;\n  column-gap: 16px;\n  justify-content: flex-end;\n  height: 26px;\n\n  @media ", " {\n    column-gap: 8px;\n  }\n"])), devices.mobile);
 
-var _templateObject$x, _templateObject2$i, _templateObject3$c, _templateObject4$a;
-var BasketContainer = /*#__PURE__*/styled__default.div(_templateObject$x || (_templateObject$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: inline-flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  cursor: pointer;\n  border-bottom: 1px solid var(--base-color-transparent);\n\n  ", "\n\n  :hover {\n    border-bottom: 1px solid var(--base-color-", ");\n    && a {\n      color: var(--base-color-", ");\n    }\n    && svg path {\n      fill: var(--base-color-", ");\n    }\n  }\n\n  ", "\n"])), function (_ref) {
+var _templateObject$y, _templateObject2$j, _templateObject3$d, _templateObject4$a;
+var BasketContainer = /*#__PURE__*/styled__default.div(_templateObject$y || (_templateObject$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: inline-flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  cursor: pointer;\n  border-bottom: 1px solid var(--base-color-transparent);\n\n  ", "\n\n  :hover {\n    border-bottom: 1px solid var(--base-color-", ");\n    && a {\n      color: var(--base-color-", ");\n    }\n    && svg path {\n      fill: var(--base-color-", ");\n    }\n  }\n\n  ", "\n"])), function (_ref) {
   var selected = _ref.selected,
       colorPrimary = _ref.colorPrimary;
 
@@ -4166,8 +4241,8 @@ var BasketContainer = /*#__PURE__*/styled__default.div(_templateObject$x || (_te
 
   return '';
 });
-var SvgContainer = /*#__PURE__*/styled__default.div(_templateObject2$i || (_templateObject2$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n\n  svg {\n    width: var(--navigation-large-gap);\n    height: var(--navigation-large-gap);\n  }\n"])));
-var NumContainer = /*#__PURE__*/styled__default.div(_templateObject3$c || (_templateObject3$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-content: center;\n  width: 12px;\n  height: 12px;\n  position: absolute;\n  top: 8px;\n  margin-left: 6px;\n\n  & .basket-num {\n    color: white;\n    font-size: 10px;\n    font-family: var(--font-family-navigation);\n  }\n"])));
+var SvgContainer = /*#__PURE__*/styled__default.div(_templateObject2$j || (_templateObject2$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n\n  svg {\n    width: var(--navigation-large-gap);\n    height: var(--navigation-large-gap);\n  }\n"])));
+var NumContainer = /*#__PURE__*/styled__default.div(_templateObject3$d || (_templateObject3$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-content: center;\n  width: 12px;\n  height: 12px;\n  position: absolute;\n  top: 8px;\n  margin-left: 6px;\n\n  & .basket-num {\n    color: white;\n    font-size: 10px;\n    font-family: var(--font-family-navigation);\n  }\n"])));
 var BasketText = /*#__PURE__*/styled__default.a(_templateObject4$a || (_templateObject4$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-size: var(--font-size-navigation);\n  font-family: var(--font-family-navigation);\n  color: var(--base-color-black);\n  margin-left: 6px;\n  text-decoration: none;\n"])));
 
 var getSecondsUntil = function getSecondsUntil(expiryUnixTimestamp) {
@@ -4326,8 +4401,8 @@ var Basket$1 = function Basket(_ref) {
   }, expiryTime ? basketText : text) : ''));
 };
 
-var _templateObject$y, _templateObject2$j;
-var SearchContainer = /*#__PURE__*/styled__default.div(_templateObject$y || (_templateObject$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: inline-flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  cursor: pointer;\n  border-bottom: 1px solid var(--base-color-transparent);\n  ", "\n\n  :hover {\n    border-bottom: 1px solid var(--base-color-", ");\n    && svg path {\n      fill: var(--base-color-", ");\n    }\n  }\n"])), function (_ref) {
+var _templateObject$z, _templateObject2$k;
+var SearchContainer = /*#__PURE__*/styled__default.div(_templateObject$z || (_templateObject$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: inline-flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  cursor: pointer;\n  border-bottom: 1px solid var(--base-color-transparent);\n  ", "\n\n  :hover {\n    border-bottom: 1px solid var(--base-color-", ");\n    && svg path {\n      fill: var(--base-color-", ");\n    }\n  }\n"])), function (_ref) {
   var selected = _ref.selected,
       colorPrimary = _ref.colorPrimary;
 
@@ -4343,7 +4418,7 @@ var SearchContainer = /*#__PURE__*/styled__default.div(_templateObject$y || (_te
   var colorPrimary = _ref3.colorPrimary;
   return colorPrimary;
 });
-var SvgContainer$1 = /*#__PURE__*/styled__default.div(_templateObject2$j || (_templateObject2$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  svg {\n    width: var(--navigation-large-gap);\n    height: var(--navigation-large-gap);\n  }\n"])));
+var SvgContainer$1 = /*#__PURE__*/styled__default.div(_templateObject2$k || (_templateObject2$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  svg {\n    width: var(--navigation-large-gap);\n    height: var(--navigation-large-gap);\n  }\n"])));
 
 var Search$1 = function Search(_ref) {
   var _ref$selected = _ref.selected,
@@ -4618,16 +4693,16 @@ var NavTop = function NavTop(_ref) {
   }));
 };
 
-var _templateObject$z, _templateObject2$k, _templateObject3$d, _templateObject4$b;
-var TabsContainer = /*#__PURE__*/styled__default.div(_templateObject$z || (_templateObject$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: inline-flex;\n  flex-direction: row;\n  column-gap: 32px;\n"])));
-var ItemsContainer = /*#__PURE__*/styled__default.div(_templateObject2$k || (_templateObject2$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: inline-flex;\n  flex-direction: row;\n  column-gap: 32px;\n\n  @media ", " {\n    column-gap: 15px;\n  }\n\n  @media ", ", ", " {\n    div:last-child > div {\n      right: 1px;\n    }\n  }\n\n  @media ", " {\n    ", "\n  }\n"])), devices.desktop, devices.desktop, devices.largeDesktop, devices.mobileAndTablet, function (props) {
+var _templateObject$A, _templateObject2$l, _templateObject3$e, _templateObject4$b;
+var TabsContainer = /*#__PURE__*/styled__default.div(_templateObject$A || (_templateObject$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: inline-flex;\n  flex-direction: row;\n  column-gap: 32px;\n"])));
+var ItemsContainer = /*#__PURE__*/styled__default.div(_templateObject2$l || (_templateObject2$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: inline-flex;\n  flex-direction: row;\n  column-gap: 32px;\n\n  @media ", " {\n    column-gap: 15px;\n  }\n\n  @media ", ", ", " {\n    div:last-child > div {\n      right: 1px;\n    }\n  }\n\n  @media ", " {\n    ", "\n  }\n"])), devices.desktop, devices.desktop, devices.largeDesktop, devices.mobileAndTablet, function (props) {
   if (props.showMenu) {
     return "\n          display: flex;\n          flex-direction: column;\n          row-gap: 32px;\n        ";
   }
 
   return "display: none;";
 });
-var MenuContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$d || (_templateObject3$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: none;\n  width: 60px;\n\n  & a {\n    font-size: var(--font-size-navigation);\n    font-family: var(--font-family-navigation);\n    font-weight: var(--font-weight-navigation);\n    letter-spacing: var(--letter-spacing-navigation);\n    color: var(--base-color-black);\n    text-decoration: none;\n    cursor: pointer;\n\n    :hover {\n      color: var(--base-color-", ");\n    }\n  }\n\n  :hover {\n    && svg path {\n      fill: var(--base-color-", ");\n    }\n  }\n\n  @media ", " {\n    display: block;\n\n    svg {\n      width: 24px;\n      height: 24px;\n      margin-left: 40px;\n      margin-top: -20px;\n    }\n\n    a {\n      margin-left: 20px;\n    }\n  }\n"])), function (_ref) {
+var MenuContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$e || (_templateObject3$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: none;\n  width: 60px;\n\n  & a {\n    font-size: var(--font-size-navigation);\n    font-family: var(--font-family-navigation);\n    font-weight: var(--font-weight-navigation);\n    letter-spacing: var(--letter-spacing-navigation);\n    color: var(--base-color-black);\n    text-decoration: none;\n    cursor: pointer;\n\n    :hover {\n      color: var(--base-color-", ");\n    }\n  }\n\n  :hover {\n    && svg path {\n      fill: var(--base-color-", ");\n    }\n  }\n\n  @media ", " {\n    display: block;\n\n    svg {\n      width: 24px;\n      height: 24px;\n      margin-left: 40px;\n      margin-top: -20px;\n    }\n\n    a {\n      margin-left: 20px;\n    }\n  }\n"])), function (_ref) {
   var colorPrimary = _ref.colorPrimary;
   return colorPrimary;
 }, function (_ref2) {
@@ -4761,10 +4836,10 @@ var Tabs = function Tabs(_ref) {
   }, "MENU"))));
 };
 
-var _templateObject$A, _templateObject2$l, _templateObject3$e, _templateObject5$6, _templateObject6$3, _templateObject7$3;
-var SearchBarContainer = /*#__PURE__*/styled__default.div(_templateObject$A || (_templateObject$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: row;\n  column-gap: 64px;\n  justify-content: space-between;\n  align-items: center;\n  height: 100%;\n  background-color: var(--base-color-transparent);\n\n  @media ", " {\n    column-gap: 12px;\n  }\n"])), devices.mobile);
-var SvgContainerSearch = /*#__PURE__*/styled__default.div(_templateObject2$l || (_templateObject2$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  svg {\n    width: var(--navigation-xlarge-gap);\n    height: var(--navigation-xlarge-gap);\n  }\n"])));
-var SvgContainerClose = /*#__PURE__*/styled__default.div(_templateObject3$e || (_templateObject3$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  svg {\n    width: var(--navigation-large-gap);\n    height: var(--navigation-large-gap);\n  }\n\n  :hover {\n    cursor: pointer;\n    && svg path {\n      fill: var(--base-color-navigation);\n    }\n  }\n"])));
+var _templateObject$B, _templateObject2$m, _templateObject3$f, _templateObject5$6, _templateObject6$3, _templateObject7$3;
+var SearchBarContainer = /*#__PURE__*/styled__default.div(_templateObject$B || (_templateObject$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: row;\n  column-gap: 64px;\n  justify-content: space-between;\n  align-items: center;\n  height: 100%;\n  background-color: var(--base-color-transparent);\n\n  @media ", " {\n    column-gap: 12px;\n  }\n"])), devices.mobile);
+var SvgContainerSearch = /*#__PURE__*/styled__default.div(_templateObject2$m || (_templateObject2$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  svg {\n    width: var(--navigation-xlarge-gap);\n    height: var(--navigation-xlarge-gap);\n  }\n"])));
+var SvgContainerClose = /*#__PURE__*/styled__default.div(_templateObject3$f || (_templateObject3$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  svg {\n    width: var(--navigation-large-gap);\n    height: var(--navigation-large-gap);\n  }\n\n  :hover {\n    cursor: pointer;\n    && svg path {\n      fill: var(--base-color-navigation);\n    }\n  }\n"])));
 var InputContainer = /*#__PURE__*/styled__default.div(_templateObject5$6 || (_templateObject5$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  background-color: blue;\n  width: 100%;\n\n  input {\n    font-size: var(--font-size-search);\n    font-family: var(--font-family-search);\n    border: none;\n    border-radius: 0;\n    outline: none;\n    outline-color: var(--base-color-white);\n    height: 48px;\n    box-sizing: border-box;\n    width: 100%;\n    -webkit-appearance: none;\n\n    &.search-input {\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    @media ", " {\n      column-gap: 24px;\n    }\n  }\n"])), devices.mobile);
 var SearchLinkContainer = /*#__PURE__*/styled__default.div(_templateObject6$3 || (_templateObject6$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  @media ", " {\n    display: none;\n  }\n"])), devices.mobile);
 var SearchArrowContainer = /*#__PURE__*/styled__default.a(_templateObject7$3 || (_templateObject7$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: none;\n  height: 24px;\n  width: 24px;\n\n  @media ", " {\n    display: block;\n  }\n"])), devices.mobile);
@@ -4994,18 +5069,18 @@ var Navigation = function Navigation(_ref) {
   })))));
 };
 
-var _templateObject$B, _templateObject2$m, _templateObject3$f, _templateObject4$c, _templateObject5$7, _templateObject6$4;
-var FooterSection = /*#__PURE__*/styled__default.section(_templateObject$B || (_templateObject$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  background-color: var(--base-color-black);\n  color: var(--base-color-white);\n"])));
-var FooterContainer = /*#__PURE__*/styled__default.div(_templateObject2$m || (_templateObject2$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  height: var(--footer-height);\n  padding-top: var(--footer-padding-top);\n  padding-bottom: var(--footer-padding-bottom);\n  display: grid;\n  grid-template-rows:\n    min-content var(--footer-vertical-spacing-lg) min-content var(--footer-vertical-spacing-lg) min-content var(\n      --footer-vertical-spacing-sm\n    )\n    min-content;\n  grid-template-areas:\n    'row1'\n    '.'\n    'row2'\n    '.'\n    'row3'\n    '.'\n    'row4';\n"])));
-var PolicyLinksRow = /*#__PURE__*/styled__default.div(_templateObject3$f || (_templateObject3$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-area: row1;\n  justify-self: center;\n\n  @media ", " {\n    & {\n      justify-self: start;\n      grid-area: row2;\n    }\n  }\n"])), devices.mobile);
+var _templateObject$C, _templateObject2$n, _templateObject3$g, _templateObject4$c, _templateObject5$7, _templateObject6$4;
+var FooterSection = /*#__PURE__*/styled__default.section(_templateObject$C || (_templateObject$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  background-color: var(--base-color-black);\n  color: var(--base-color-white);\n"])));
+var FooterContainer = /*#__PURE__*/styled__default.div(_templateObject2$n || (_templateObject2$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  height: var(--footer-height);\n  padding-top: var(--footer-padding-top);\n  padding-bottom: var(--footer-padding-bottom);\n  display: grid;\n  grid-template-rows:\n    min-content var(--footer-vertical-spacing-lg) min-content var(--footer-vertical-spacing-lg) min-content var(\n      --footer-vertical-spacing-sm\n    )\n    min-content;\n  grid-template-areas:\n    'row1'\n    '.'\n    'row2'\n    '.'\n    'row3'\n    '.'\n    'row4';\n"])));
+var PolicyLinksRow = /*#__PURE__*/styled__default.div(_templateObject3$g || (_templateObject3$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-area: row1;\n  justify-self: center;\n\n  @media ", " {\n    & {\n      justify-self: start;\n      grid-area: row2;\n    }\n  }\n"])), devices.mobile);
 var ContactNewsletterRow = /*#__PURE__*/styled__default.div(_templateObject4$c || (_templateObject4$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-area: row2;\n\n  @media ", " {\n    & {\n      grid-area: row1;\n    }\n  }\n"])), devices.mobile);
 var ArtsLogoRow = /*#__PURE__*/styled__default.div(_templateObject5$7 || (_templateObject5$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-area: row3;\n  justify-self: center;\n\n  @media ", " {\n    justify-self: start;\n  }\n"])), devices.mobile);
 var AdditionalInfo = /*#__PURE__*/styled__default.p(_templateObject6$4 || (_templateObject6$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-area: row4;\n  font-family: var(--font-family-body);\n  font-size: var(--font-size-body-3);\n  line-height: var(--line-height-body-3);\n  text-align: center;\n  margin: 0;\n  padding: 0;\n\n  @media ", " {\n    text-align: left;\n  }\n"])), devices.mobile);
 
-var _templateObject$C, _templateObject2$n, _templateObject3$g;
-var PolicyLinksList = /*#__PURE__*/styled__default.ul(_templateObject$C || (_templateObject$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin: 0 auto;\n  padding: 0;\n  list-style: none;\n  display: flex;\n  gap: var(--footer-items-gap);\n\n  @media ", " {\n    & {\n      margin: 0;\n      flex-direction: column;\n    }\n  }\n"])), devices.mobile);
-var PolicyLinkItem = /*#__PURE__*/styled__default.li(_templateObject2$n || (_templateObject2$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-family: var(--font-family-overline);\n  font-size: var(--font-size-overline-1);\n  font-weight: var(--font-weight-overline-1);\n  line-height: var(--line-height-overline-1);\n  letter-spacing: var(--letter-spacing-overline-1);\n  text-transform: var(--text-transform-overline);\n  text-align: center;\n\n  @media ", " {\n    & {\n      text-align: left;\n    }\n  }\n"])), devices.mobile);
-var PolicyLink = /*#__PURE__*/styled__default.a(_templateObject3$g || (_templateObject3$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: fit-content;\n  text-decoration: none;\n  text-transform: uppercase;\n  color: var(--base-color-white);\n  cursor: pointer;\n"])));
+var _templateObject$D, _templateObject2$o, _templateObject3$h;
+var PolicyLinksList = /*#__PURE__*/styled__default.ul(_templateObject$D || (_templateObject$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin: 0 auto;\n  padding: 0;\n  list-style: none;\n  display: flex;\n  gap: var(--footer-items-gap);\n\n  @media ", " {\n    & {\n      margin: 0;\n      flex-direction: column;\n    }\n  }\n"])), devices.mobile);
+var PolicyLinkItem = /*#__PURE__*/styled__default.li(_templateObject2$o || (_templateObject2$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-family: var(--font-family-overline);\n  font-size: var(--font-size-overline-1);\n  font-weight: var(--font-weight-overline-1);\n  line-height: var(--line-height-overline-1);\n  letter-spacing: var(--letter-spacing-overline-1);\n  text-transform: var(--text-transform-overline);\n  text-align: center;\n\n  @media ", " {\n    & {\n      text-align: left;\n    }\n  }\n"])), devices.mobile);
+var PolicyLink = /*#__PURE__*/styled__default.a(_templateObject3$h || (_templateObject3$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: fit-content;\n  text-decoration: none;\n  text-transform: uppercase;\n  color: var(--base-color-white);\n  cursor: pointer;\n"])));
 
 var PolicyLinks = function PolicyLinks(_ref) {
   var _ref$items = _ref.items,
@@ -5021,10 +5096,10 @@ var PolicyLinks = function PolicyLinks(_ref) {
   }));
 };
 
-var _templateObject$D, _templateObject2$o, _templateObject3$h, _templateObject4$d, _templateObject5$8, _templateObject6$5, _templateObject7$4, _templateObject8$2;
-var ContactNewsletterWrapper = /*#__PURE__*/styled__default.div(_templateObject$D || (_templateObject$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: grid;\n  grid-template-columns: calc(50% - 1px) 2px calc(50% - 1px);\n  grid-template-rows: 100px;\n  gap: 0;\n\n  @media ", " {\n    & {\n      display: grid;\n      grid-template-columns: 100%;\n      grid-template-rows: min-content min-content;\n      gap: var(--footer-vertical-spacing-lg);\n    }\n  }\n"])), devices.mobile);
-var ContactNewsletterSeparator = /*#__PURE__*/styled__default.div(_templateObject2$o || (_templateObject2$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-column: 2;\n  justify-self: center;\n  height: 100%;\n  border: 1px solid var(--base-color-white);\n\n  @media ", " {\n    & {\n      grid-column: auto;\n      display: none;\n    }\n  }\n"])), devices.mobile);
-var SignUpWrapper = /*#__PURE__*/styled__default.div(_templateObject3$h || (_templateObject3$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-column: 1;\n  padding-top: 9px;\n  justify-self: center;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n\n  @media ", " {\n    & {\n      grid-column: auto;\n      align-items: start;\n      justify-self: start;\n      padding-top: 0;\n    }\n  }\n"])), devices.mobile);
+var _templateObject$E, _templateObject2$p, _templateObject3$i, _templateObject4$d, _templateObject5$8, _templateObject6$5, _templateObject7$4, _templateObject8$2;
+var ContactNewsletterWrapper = /*#__PURE__*/styled__default.div(_templateObject$E || (_templateObject$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: grid;\n  grid-template-columns: calc(50% - 1px) 2px calc(50% - 1px);\n  grid-template-rows: 100px;\n  gap: 0;\n\n  @media ", " {\n    & {\n      display: grid;\n      grid-template-columns: 100%;\n      grid-template-rows: min-content min-content;\n      gap: var(--footer-vertical-spacing-lg);\n    }\n  }\n"])), devices.mobile);
+var ContactNewsletterSeparator = /*#__PURE__*/styled__default.div(_templateObject2$p || (_templateObject2$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-column: 2;\n  justify-self: center;\n  height: 100%;\n  border: 1px solid var(--base-color-white);\n\n  @media ", " {\n    & {\n      grid-column: auto;\n      display: none;\n    }\n  }\n"])), devices.mobile);
+var SignUpWrapper = /*#__PURE__*/styled__default.div(_templateObject3$i || (_templateObject3$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-column: 1;\n  padding-top: 9px;\n  justify-self: center;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n\n  @media ", " {\n    & {\n      grid-column: auto;\n      align-items: start;\n      justify-self: start;\n      padding-top: 0;\n    }\n  }\n"])), devices.mobile);
 var SignUpText = /*#__PURE__*/styled__default.p(_templateObject4$d || (_templateObject4$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-family: var(--font-family-body);\n  font-size: var(--font-size-body-2);\n  line-height: var(--line-height-body-2);\n  width: 60%;\n  margin: 0 auto;\n  height: 60px;\n  text-align: center;\n\n  @media ", " {\n    & {\n      width: 100%;\n      height: auto;\n      text-align: left;\n      font-size: 14px;\n      margin-bottom: var(--footer-vertical-spacing-lg);\n    }\n  }\n"])), devices.mobile);
 var ContactWrapper = /*#__PURE__*/styled__default.div(_templateObject5$8 || (_templateObject5$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-column: 3;\n  justify-self: center;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding-top: 9px;\n\n  @media ", " {\n    & {\n      grid-column: auto;\n      align-items: start;\n      justify-self: start;\n      padding-top: 0;\n    }\n  }\n"])), devices.mobile);
 var MediaLinksWrapper = /*#__PURE__*/styled__default.div(_templateObject6$5 || (_templateObject6$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  gap: var(--footer-media-gap);\n  height: 60px;\n\n  @media ", " {\n    & {\n      height: auto;\n      margin-bottom: var(--footer-vertical-spacing-lg);\n    }\n  }\n"])), devices.mobile);
@@ -5095,14 +5170,14 @@ var Footer = function Footer(_ref) {
   }, additionalInfo)))));
 };
 
-var _templateObject$E, _templateObject2$p, _templateObject3$i, _templateObject4$e, _templateObject5$9, _templateObject6$6;
+var _templateObject$F, _templateObject2$q, _templateObject3$j, _templateObject4$e, _templateObject5$9, _templateObject6$6;
 var LIST_ITEM_GAP = 32;
-var AnchorTabbarWrapper = /*#__PURE__*/styled__default.div(_templateObject$E || (_templateObject$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: sticky;\n  width: 100%;\n  top: 0;\n  border-bottom: ", ";\n  background-color: var(--base-color-white);\n  z-index: ", ";\n"])), function (_ref) {
+var AnchorTabbarWrapper = /*#__PURE__*/styled__default.div(_templateObject$F || (_templateObject$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: sticky;\n  width: 100%;\n  top: 0;\n  border-bottom: ", ";\n  background-color: var(--base-color-white);\n  z-index: ", ";\n"])), function (_ref) {
   var bottomBorder = _ref.bottomBorder;
   return bottomBorder ? '2px solid var(--base-color-light-grey)' : 'none';
 }, zIndexes.anchor);
-var TabsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$p || (_templateObject2$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  height: var(--anchor-tabs-height);\n"])));
-var TabsWrapper = /*#__PURE__*/styled__default.div(_templateObject3$i || (_templateObject3$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n"])));
+var TabsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$q || (_templateObject2$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  height: var(--anchor-tabs-height);\n"])));
+var TabsWrapper = /*#__PURE__*/styled__default.div(_templateObject3$j || (_templateObject3$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n"])));
 var TabsList = /*#__PURE__*/styled__default.ul(_templateObject4$e || (_templateObject4$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: ", ";\n  display: flex;\n  gap: ", "px;\n  justify-content: ", ";\n  align-items: center;\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  height: var(--anchor-tabs-height);\n  white-space: nowrap;\n  overflow: scroll;\n  scrollbar-width: none;\n  ::-webkit-scrollbar {\n    display: none;\n  }\n  scroll-behavior: smooth;\n\n  @media ", " {\n    background: linear-gradient(\n      135deg,\n      rgba(255, 255, 255, 1) 0%,\n      rgba(255, 255, 255, 0.48) 85%,\n      rgba(235, 235, 235, 0.4) 99%,\n      rgba(255, 255, 255, 0.39) 100%\n    );\n  }\n\n  @media ", " {\n    & {\n      width: ", ";\n    }\n  }\n"])), function (_ref2) {
   var tabsOverflow = _ref2.tabsOverflow;
   return tabsOverflow ? 'calc(100% - 74px)' : '100%';
@@ -5363,8 +5438,8 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
   })) : null) : null))));
 };
 
-var _templateObject$F, _templateObject2$q, _templateObject3$j, _templateObject4$f, _templateObject5$a;
-var CarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject$F || (_templateObject$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  user-select: none;\n\n  .swiper {\n    ", ";\n  }\n\n  .swiper-wrapper {\n    height: 100%;\n  }\n  .swiper-slide {\n    height: unset;\n  }\n\n  ", "\n\n  @media ", " {\n    ", "\n  }\n"])), function (_ref) {
+var _templateObject$G, _templateObject2$r, _templateObject3$k, _templateObject4$f, _templateObject5$a;
+var CarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject$G || (_templateObject$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  user-select: none;\n\n  .swiper {\n    ", ";\n  }\n\n  .swiper-wrapper {\n    height: 100%;\n  }\n  .swiper-slide {\n    height: unset;\n  }\n\n  ", "\n\n  @media ", " {\n    ", "\n  }\n"])), function (_ref) {
   var overflow = _ref.overflow;
   return overflow ? "overflow: " + overflow : '';
 }, function (_ref2) {
@@ -5399,8 +5474,8 @@ var CarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject$F || (_te
     return "\n        &&& {\n          .swiper-slide > div{\n            height: calc(" + imagesHeightDevice + "px + var(--line-height-body-2) + 12px);\n          }\n        }";
   }
 });
-var TitleButtonsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$q || (_templateObject2$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-bottom: 28px;\n\n  @media ", " {\n    margin-bottom: 20px;\n  }\n"])), devices.mobile);
-var TitleWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$j || (_templateObject3$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  height: 100%;\n  display: flex;\n  align-items: center;\n  user-select: text;\n\n  h4 {\n    padding: 0;\n    margin: 0;\n  }\n"])));
+var TitleButtonsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$r || (_templateObject2$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-bottom: 28px;\n\n  @media ", " {\n    margin-bottom: 20px;\n  }\n"])), devices.mobile);
+var TitleWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$k || (_templateObject3$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  height: 100%;\n  display: flex;\n  align-items: center;\n  user-select: text;\n\n  h4 {\n    padding: 0;\n    margin: 0;\n  }\n"])));
 var ButtonsWrapper = /*#__PURE__*/styled__default.div(_templateObject4$f || (_templateObject4$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-content: flex-end;\n  align-items: start;\n\n  @media ", " {\n    display: none;\n  }\n"])), devices.mobile);
 var TitleGridItem = /*#__PURE__*/styled__default(GridItem)(_templateObject5$a || (_templateObject5$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  @media ", " {\n    grid-column: 2 / span 10;\n  }\n"])), devices.tablet);
 
@@ -5527,9 +5602,9 @@ var Theme = function Theme(_ref) {
   }, children);
 };
 
-var _templateObject$G, _templateObject2$r, _templateObject3$k, _templateObject4$g, _templateObject5$b, _templateObject6$7, _templateObject7$5, _templateObject8$3, _templateObject9$1, _templateObject10$1, _templateObject11$1, _templateObject12, _templateObject13, _templateObject14;
-var HighlightsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$G || (_templateObject$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n  grid-template-rows: max-content minmax(0, 1fr);\n  gap: 0 var(--grid-column-gap);\n  background-color: var(--base-color-black);\n  color: var(--base-color-white);\n  user-select: none;\n\n  @media ", " {\n    & {\n      grid-template-rows: min-content max-content max-content;\n    }\n  }\n"])), devices.mobile);
-var CarouselTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject2$r || (_templateObject2$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-area: 1 / 1 / 1 / 7;\n  box-sizing: border-box;\n  width: calc(100% + var(--grid-column-gap));\n  padding-top: 40px;\n  padding-left: 50px;\n  padding-right: 36px;\n  user-select: text;\n\n  h4 {\n    margin: 0;\n    padding: 0;\n  }\n\n  h5 {\n    display: none;\n  }\n\n  @media ", " {\n    & {\n      grid-area: 1 / 1 / 2 / 12;\n      padding: 12px 0 12px var(--grid-margin);\n      min-height: 64px;\n      box-sizing: border-box;\n      width: 100%;\n\n      h4 {\n        display: none;\n      }\n\n      h5 {\n        margin: 0;\n        padding: 0;\n        display: block;\n        font-size: ", ";\n        font-weight: ", ";\n        letter-spacing: ", ";\n        line-height: 40px;\n      }\n    }\n  }\n\n  @media ", " {\n    & {\n      grid-area: 1 / 1 / 2 / 11;\n      width: 100%;\n      padding: 8px 0 8px 20px;\n      min-height: var(--line-height-altHeader-5);\n\n      h4 {\n        display: none;\n      }\n\n      h5 {\n        margin: 0;\n        padding: 0;\n        display: block;\n      }\n    }\n  }\n"])), devices.tablet, function (_ref) {
+var _templateObject$H, _templateObject2$s, _templateObject3$l, _templateObject4$g, _templateObject5$b, _templateObject6$7, _templateObject7$5, _templateObject8$3, _templateObject9$1, _templateObject10$1, _templateObject11$1, _templateObject12, _templateObject13, _templateObject14;
+var HighlightsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$H || (_templateObject$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n  grid-template-rows: max-content minmax(0, 1fr);\n  gap: 0 var(--grid-column-gap);\n  background-color: var(--base-color-black);\n  color: var(--base-color-white);\n  user-select: none;\n\n  @media ", " {\n    & {\n      grid-template-rows: min-content max-content max-content;\n    }\n  }\n"])), devices.mobile);
+var CarouselTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject2$s || (_templateObject2$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-area: 1 / 1 / 1 / 7;\n  box-sizing: border-box;\n  width: calc(100% + var(--grid-column-gap));\n  padding-top: 40px;\n  padding-left: 50px;\n  padding-right: 36px;\n  user-select: text;\n\n  h4 {\n    margin: 0;\n    padding: 0;\n  }\n\n  h5 {\n    display: none;\n  }\n\n  @media ", " {\n    & {\n      grid-area: 1 / 1 / 2 / 12;\n      padding: 12px 0 12px var(--grid-margin);\n      min-height: 64px;\n      box-sizing: border-box;\n      width: 100%;\n\n      h4 {\n        display: none;\n      }\n\n      h5 {\n        margin: 0;\n        padding: 0;\n        display: block;\n        font-size: ", ";\n        font-weight: ", ";\n        letter-spacing: ", ";\n        line-height: 40px;\n      }\n    }\n  }\n\n  @media ", " {\n    & {\n      grid-area: 1 / 1 / 2 / 11;\n      width: 100%;\n      padding: 8px 0 8px 20px;\n      min-height: var(--line-height-altHeader-5);\n\n      h4 {\n        display: none;\n      }\n\n      h5 {\n        margin: 0;\n        padding: 0;\n        display: block;\n      }\n    }\n  }\n"])), devices.tablet, function (_ref) {
   var theme = _ref.theme;
   return theme.fonts.mobile.sizes.altHeaders[5];
 }, function (_ref2) {
@@ -5539,7 +5614,7 @@ var CarouselTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject2$r |
   var theme = _ref3.theme;
   return theme.fonts.mobile.letterSpacing.altHeaders[5];
 }, devices.mobile);
-var InfoWrapper = /*#__PURE__*/styled__default.div(_templateObject3$k || (_templateObject3$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-area: 2 / 1 / 2 / 7;\n  box-sizing: border-box;\n  width: calc(100% + var(--grid-column-gap));\n  align-self: center;\n  padding: 36px 36px 36px 50px;\n\n  @media ", " {\n    & {\n      grid-area: 2 / 1 / 2 / 7;\n      padding: 0 12px 12px var(--grid-margin);\n    }\n  }\n\n  @media ", " {\n    & {\n      grid-area: 3 / 1 / 4 / 15;\n      width: 100%;\n      padding: 0 20px;\n      margin: 24px 0;\n    }\n  }\n"])), devices.tablet, devices.mobile);
+var InfoWrapper = /*#__PURE__*/styled__default.div(_templateObject3$l || (_templateObject3$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-area: 2 / 1 / 2 / 7;\n  box-sizing: border-box;\n  width: calc(100% + var(--grid-column-gap));\n  align-self: center;\n  padding: 36px 36px 36px 50px;\n\n  @media ", " {\n    & {\n      grid-area: 2 / 1 / 2 / 7;\n      padding: 0 12px 12px var(--grid-margin);\n    }\n  }\n\n  @media ", " {\n    & {\n      grid-area: 3 / 1 / 4 / 15;\n      width: 100%;\n      padding: 0 20px;\n      margin: 24px 0;\n    }\n  }\n"])), devices.tablet, devices.mobile);
 var InfoLogoWrapper = /*#__PURE__*/styled__default.div(_templateObject4$g || (_templateObject4$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-bottom: 32px;\n  width: 132px;\n  height: 36px;\n\n  @media ", " {\n    & {\n      margin-bottom: 16px;\n      width: 102px;\n      height: 28px;\n    }\n  }\n\n  @media ", " {\n    & {\n      margin-bottom: 20px;\n      width: 102px;\n      height: 28px;\n    }\n  }\n"])), devices.tablet, devices.mobile);
 var InfoTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject5$b || (_templateObject5$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  user-select: text;\n  h3 {\n    padding: 0;\n    margin: 0 0 8px 0;\n  }\n\n  h6 {\n    padding: 0;\n    margin: 0;\n  }\n\n  @media ", " {\n    & {\n      h3 {\n        font-size: ", ";\n        font-weight: ", ";\n        letter-spacing: ", ";\n        line-height: ", ";\n      }\n\n      h6 {\n        font-size: ", ";\n        font-weight: ", ";\n        letter-spacing: ", ";\n        line-height: ", ";\n      }\n    }\n  }\n"])), devices.tablet, function (_ref4) {
   var theme = _ref4.theme;
@@ -5883,13 +5958,13 @@ var HighlightsStream = function HighlightsStream(_ref) {
   })));
 };
 
-var _templateObject$H, _templateObject2$s, _templateObject3$l, _templateObject4$h, _templateObject6$8, _templateObject7$6, _templateObject8$4, _templateObject9$2, _templateObject10$2;
-var TitleCTAGridWrapper = /*#__PURE__*/styled__default.div(_templateObject$H || (_templateObject$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: ", ";\n  top: -1px;\n  background-color: var(--base-color-white);\n  z-index: ", ";\n"])), function (_ref) {
+var _templateObject$I, _templateObject2$t, _templateObject3$m, _templateObject4$h, _templateObject6$8, _templateObject7$6, _templateObject8$4, _templateObject9$2, _templateObject10$2;
+var TitleCTAGridWrapper = /*#__PURE__*/styled__default.div(_templateObject$I || (_templateObject$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: ", ";\n  top: -1px;\n  background-color: var(--base-color-white);\n  z-index: ", ";\n"])), function (_ref) {
   var sticky = _ref.sticky;
   return sticky ? 'sticky' : 'initial';
 }, zIndexes.anchor);
-var TitleCTAGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$s || (_templateObject2$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  border-bottom: solid 2px var(--base-color-lightgrey);\n"])));
-var TitleCTAGridItem = /*#__PURE__*/styled__default.div(_templateObject3$l || (_templateObject3$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-column: 2 / span 15;\n  display: flex;\n  align-items: center;\n  flex-direction: ", ";\n  gap: 40px;\n  justify-content: space-between;\n\n  @media ", " {\n    & {\n      grid-column: 2 / span 13;\n      gap: 20px;\n    }\n  }\n\n  @media ", " {\n    & {\n      grid-column: 2 / span 12;\n    }\n  }\n"])), function (_ref2) {
+var TitleCTAGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$t || (_templateObject2$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  border-bottom: solid 2px var(--base-color-lightgrey);\n"])));
+var TitleCTAGridItem = /*#__PURE__*/styled__default.div(_templateObject3$m || (_templateObject3$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-column: 2 / span 15;\n  display: flex;\n  align-items: center;\n  flex-direction: ", ";\n  gap: 40px;\n  justify-content: space-between;\n\n  @media ", " {\n    & {\n      grid-column: 2 / span 13;\n      gap: 20px;\n    }\n  }\n\n  @media ", " {\n    & {\n      grid-column: 2 / span 12;\n    }\n  }\n"])), function (_ref2) {
   var title = _ref2.title;
   return title ? 'row' : 'row-reverse';
 }, devices.tablet, devices.mobile);
@@ -5947,10 +6022,10 @@ var TitleWithCTA = function TitleWithCTA(_ref) {
   }, message)));
 };
 
-var _templateObject$I, _templateObject2$t, _templateObject3$m, _templateObject4$i, _templateObject5$c, _templateObject6$9, _templateObject7$7, _templateObject8$5;
-var Wrapper$2 = /*#__PURE__*/styled__default.div(_templateObject$I || (_templateObject$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  background-color: var(--base-color-lightgrey);\n  padding: 40px;\n\n  display: block;\n  position: relative;\n\n  @media ", " {\n    margin-top: 0;\n    padding: 40px 20px;\n  }\n"])), devices.tablet);
-var PromoLabelWrapper = /*#__PURE__*/styled__default.div(_templateObject2$t || (_templateObject2$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-end;\n  align-self: flex-end;\n  height: 15px;\n"])));
-var PromoLabel = /*#__PURE__*/styled__default.div(_templateObject3$m || (_templateObject3$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  background: ", ";\n  color: ", ";\n  padding: 6px 8px;\n  width: fit-content;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: absolute;\n  right: 20px;\n  top: 0;\n  width: auto;\n  margin: auto;\n  font-family: var(--font-family-header);\n  font-feature-settings: 'tnum' on, 'lnum' on, 'liga' off, 'calt' off;\n  font-size: var(--font-size-overline-2);\n  line-height: 12px;\n  text-align: center;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n"])), function (_ref) {
+var _templateObject$J, _templateObject2$u, _templateObject3$n, _templateObject4$i, _templateObject5$c, _templateObject6$9, _templateObject7$7, _templateObject8$5;
+var Wrapper$2 = /*#__PURE__*/styled__default.div(_templateObject$J || (_templateObject$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  background-color: var(--base-color-lightgrey);\n  padding: 40px;\n\n  display: block;\n  position: relative;\n\n  @media ", " {\n    margin-top: 0;\n    padding: 40px 20px;\n  }\n"])), devices.tablet);
+var PromoLabelWrapper = /*#__PURE__*/styled__default.div(_templateObject2$u || (_templateObject2$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-end;\n  align-self: flex-end;\n  height: 15px;\n"])));
+var PromoLabel = /*#__PURE__*/styled__default.div(_templateObject3$n || (_templateObject3$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  background: ", ";\n  color: ", ";\n  padding: 6px 8px;\n  width: fit-content;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: absolute;\n  right: 20px;\n  top: 0;\n  width: auto;\n  margin: auto;\n  font-family: var(--font-family-header);\n  font-feature-settings: 'tnum' on, 'lnum' on, 'liga' off, 'calt' off;\n  font-size: var(--font-size-overline-2);\n  line-height: 12px;\n  text-align: center;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.colors.primary;
 }, exports.Colors.White);
@@ -6028,8 +6103,8 @@ var UpsellCard = function UpsellCard(_ref) {
   }), link && /*#__PURE__*/React__default.createElement(ButtonContainer, null, /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, link), truncate(link.text, LENGTH_SMALL_TEXT)))));
 };
 
-var _templateObject$J;
-var Wrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$J || (_templateObject$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: grid;\n  gap: 60px 75px;\n  grid-template-columns: repeat(2, 1fr);\n  width: 100%;\n\n  @media ", " {\n    padding-left: 0;\n    padding-right: 0;\n  }\n\n  @media ", " {\n    width: 100%;\n    padding-left: 0;\n    padding-right: 0;\n    grid-template-columns: 1fr;\n  }\n"])), devices.tablet, devices.mobile);
+var _templateObject$K;
+var Wrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$K || (_templateObject$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: grid;\n  gap: 60px 75px;\n  grid-template-columns: repeat(2, 1fr);\n  width: 100%;\n\n  @media ", " {\n    padding-left: 0;\n    padding-right: 0;\n  }\n\n  @media ", " {\n    width: 100%;\n    padding-left: 0;\n    padding-right: 0;\n    grid-template-columns: 1fr;\n  }\n"])), devices.tablet, devices.mobile);
 
 var UpsellCards = function UpsellCards(_ref) {
   var upsellCards = _ref.upsellCards;
@@ -6047,18 +6122,18 @@ var UpsellCards = function UpsellCards(_ref) {
   }));
 };
 
-var _templateObject$K, _templateObject2$u, _templateObject3$n;
-var UpsellBorderBox = /*#__PURE__*/styled__default.div(_templateObject$K || (_templateObject$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  border: solid 4px;\n  border-color: ", ";\n  padding: 80px;\n\n  @media ", " {\n    & {\n      border-left: none;\n      border-right: none;\n      padding-top: 2.5em;\n      padding-left: 0;\n      padding-right: 0;\n      padding-bottom: 2.5em;\n    }\n  }\n\n  @media ", " {\n    & {\n      padding: 25px;\n      padding-top: 2.5em;\n    }\n  }\n"])), function (_ref) {
+var _templateObject$L, _templateObject2$v, _templateObject3$o;
+var UpsellBorderBox = /*#__PURE__*/styled__default.div(_templateObject$L || (_templateObject$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  border: solid 4px;\n  border-color: ", ";\n  padding: 80px;\n\n  @media ", " {\n    & {\n      border-left: none;\n      border-right: none;\n      padding-top: 2.5em;\n      padding-left: 0;\n      padding-right: 0;\n      padding-bottom: 2.5em;\n    }\n  }\n\n  @media ", " {\n    & {\n      padding: 25px;\n      padding-top: 2.5em;\n    }\n  }\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.colors.primary;
 }, devices.mobile, devices.tablet);
-var TitleContainer$2 = /*#__PURE__*/styled__default.div(_templateObject2$u || (_templateObject2$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin: 0;\n  @media ", " {\n    margin-left: 1.5em;\n    margin-right: 1.5em;\n  }\n"])), devices.mobile);
-var TextContainer = /*#__PURE__*/styled__default.div(_templateObject3$n || (_templateObject3$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-bottom: 2.5em;\n  div > :first-child {\n    margin-top: 1.5em;\n  }\n\n  @media ", " {\n    margin-top: 0;\n    div > :first-child {\n      margin-top: 0.5em;\n    }\n  }\n\n  @media ", " {\n    margin-left: 1.5em;\n    margin-right: 1.5em;\n    & {\n      div > :first-child {\n        margin-top: 1em;\n      }\n    }\n  }\n"])), devices.tablet, devices.mobile);
+var TitleContainer$2 = /*#__PURE__*/styled__default.div(_templateObject2$v || (_templateObject2$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin: 0;\n  @media ", " {\n    margin-left: 1.5em;\n    margin-right: 1.5em;\n  }\n"])), devices.mobile);
+var TextContainer = /*#__PURE__*/styled__default.div(_templateObject3$o || (_templateObject3$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-bottom: 2.5em;\n  div > :first-child {\n    margin-top: 1.5em;\n  }\n\n  @media ", " {\n    margin-top: 0;\n    div > :first-child {\n      margin-top: 0.5em;\n    }\n  }\n\n  @media ", " {\n    margin-left: 1.5em;\n    margin-right: 1.5em;\n    & {\n      div > :first-child {\n        margin-top: 1em;\n      }\n    }\n  }\n"])), devices.tablet, devices.mobile);
 
-var _templateObject$L, _templateObject2$v, _templateObject3$o, _templateObject4$j, _templateObject5$d;
-var AccordionContainer = /*#__PURE__*/styled__default.div(_templateObject$L || (_templateObject$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  div {\n    overflow: hidden;\n  }\n"])));
-var LineContainer = /*#__PURE__*/styled__default.div(_templateObject2$v || (_templateObject2$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  height: 2px;\n  background-color: var(--base-color-lightgrey);\n  width: 100%;\n"])));
-var ChildrenContainer = /*#__PURE__*/styled__default.div(_templateObject3$o || (_templateObject3$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin: 0px 20px 28px 20px;\n\n  @media ", " {\n    margin: 12px 0px 24px 0px;\n  }\n"])), devices.mobile);
+var _templateObject$M, _templateObject2$w, _templateObject3$p, _templateObject4$j, _templateObject5$d;
+var AccordionContainer = /*#__PURE__*/styled__default.div(_templateObject$M || (_templateObject$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  div {\n    overflow: hidden;\n  }\n"])));
+var LineContainer = /*#__PURE__*/styled__default.div(_templateObject2$w || (_templateObject2$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  height: 2px;\n  background-color: var(--base-color-lightgrey);\n  width: 100%;\n"])));
+var ChildrenContainer = /*#__PURE__*/styled__default.div(_templateObject3$p || (_templateObject3$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin: 0px 20px 28px 20px;\n\n  @media ", " {\n    margin: 12px 0px 24px 0px;\n  }\n"])), devices.mobile);
 var TitleContainer$3 = /*#__PURE__*/styled__default.div(_templateObject4$j || (_templateObject4$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n\n  && a {\n    font-size: var(--font-size-subtitle-1);\n    font-family: var(--font-family-subtitle);\n    font-weight: var(--font-weight-subtitle-1);\n    letter-spacing: var(--letter-spacing-subtitle-1);\n    line-height: var(--line-height-subtitle-1);\n    text-transform: var(--text-transform-subtitle);\n    white-space: break-spaces;\n    overflow-wrap: break-word;\n    margin: 28px 20px;\n\n    @media ", " {\n      margin: 12px 20px 12px 0px;\n    }\n  }\n\n  && svg {\n    width: var(--navigation-middle-gap);\n    height: var(--navigation-middle-gap);\n    margin-right: 20px;\n\n    @media ", " {\n      margin-right: 0px;\n    }\n  }\n\n  :hover {\n    cursor: pointer;\n  }\n"])), devices.mobile, devices.mobile);
 var ContentContainer = /*#__PURE__*/styled__default.div(_templateObject5$d || (_templateObject5$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  overflow: auto;\n  transition: max-height 0.2s ease;\n  font-size: var(--font-size-body-1);\n  font-family: var(--font-family-body);\n  font-feature-settings: var(--font-feature-settings-body);\n  font-weight: var(--font-weight-body-1);\n  letter-spacing: var(--letter-spacing-body-1);\n  line-height: var(--line-height-body-1);\n  text-transform: var(--text-transform-body);\n\n  & h1 {\n    font-size: var(--font-size-header-4);\n    font-family: var(--font-family-header);\n    font-feature-settings: var(--font-feature-settings-header);\n    font-weight: var(--font-weight-header-4);\n    letter-spacing: var(--letter-spacing-header-4);\n    line-height: var(--line-height-header-4);\n    text-transform: var(--text-transform-header);\n    white-space: break-spaces;\n    overflow-wrap: break-word;\n  }\n\n  & h2 {\n    font-size: var(--font-size-subtitle-1);\n    font-family: var(--font-family-subtitle);\n    font-feature-settings: var(--font-feature-settings-subtitle);\n    font-weight: var(--font-weight-subtitle-1);\n    letter-spacing: var(--letter-spacing-subtitle-1);\n    line-height: var(--line-height-subtitle-1);\n    text-transform: var(--text-transform-subtitle);\n    white-space: break-spaces;\n    overflow-wrap: break-word;\n  }\n\n  & em {\n    font-family: var(--font-family-body-italics);\n  }\n\n  & u {\n    font-size: var(--font-size-body-1);\n    font-family: var(--font-family-body);\n  }\n"])));
 
@@ -6141,8 +6216,8 @@ var Accordion = function Accordion(_ref) {
   }, children)), showLine && /*#__PURE__*/React__default.createElement(LineContainer, null));
 };
 
-var _templateObject$M;
-var AccordionsContainer = /*#__PURE__*/styled__default.div(_templateObject$M || (_templateObject$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n"])));
+var _templateObject$N;
+var AccordionsContainer = /*#__PURE__*/styled__default.div(_templateObject$N || (_templateObject$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n"])));
 
 var Accordions = function Accordions(_ref) {
   var _ref$items = _ref.items,
@@ -6162,13 +6237,13 @@ var Accordions = function Accordions(_ref) {
   }));
 };
 
-var _templateObject$N, _templateObject2$w, _templateObject3$p;
-var AnnouncementBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$N || (_templateObject$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  padding: 28px 0;\n  background-color: ", ";\n  color: var(--base-color-white);\n\n  @media ", " {\n    padding: 20px 0;\n  }\n"])), function (_ref) {
+var _templateObject$O, _templateObject2$x, _templateObject3$q;
+var AnnouncementBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$O || (_templateObject$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  padding: 28px 0;\n  background-color: ", ";\n  color: var(--base-color-white);\n\n  @media ", " {\n    padding: 20px 0;\n  }\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.colors.primary;
 }, devices.mobile);
-var SvgContainer$2 = /*#__PURE__*/styled__default.div(_templateObject2$w || (_templateObject2$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  height: 100%;\n  display: flex;\n  align-items: center;\n  svg {\n    width: var(--navigation-large-gap);\n    height: var(--navigation-large-gap);\n  }\n\n  @media ", " {\n    align-items: flex-start;\n  }\n"])), devices.mobile);
-var ContentContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$p || (_templateObject3$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  overflow: auto;\n  transition: max-height 0.2s ease;\n  font-size: var(--font-size-body-1);\n  font-family: var(--font-family-body);\n  font-feature-settings: var(--font-feature-settings-body);\n  font-weight: var(--font-weight-body-1);\n  letter-spacing: var(--letter-spacing-body-1);\n  line-height: var(--line-height-body-1);\n  text-transform: var(--text-transform-body);\n  color: var(--base-color-white);\n  a {\n    color: var(--base-color-white);\n    text-decoration: underline;\n  }\n"])));
+var SvgContainer$2 = /*#__PURE__*/styled__default.div(_templateObject2$x || (_templateObject2$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  height: 100%;\n  display: flex;\n  align-items: center;\n  svg {\n    width: var(--navigation-large-gap);\n    height: var(--navigation-large-gap);\n  }\n\n  @media ", " {\n    align-items: flex-start;\n  }\n"])), devices.mobile);
+var ContentContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$q || (_templateObject3$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  overflow: auto;\n  transition: max-height 0.2s ease;\n  font-size: var(--font-size-body-1);\n  font-family: var(--font-family-body);\n  font-feature-settings: var(--font-feature-settings-body);\n  font-weight: var(--font-weight-body-1);\n  letter-spacing: var(--letter-spacing-body-1);\n  line-height: var(--line-height-body-1);\n  text-transform: var(--text-transform-body);\n  color: var(--base-color-white);\n  a {\n    color: var(--base-color-white);\n    text-decoration: underline;\n  }\n"])));
 
 var AnnouncementBanner = function AnnouncementBanner(_ref) {
   var title = _ref.title,
@@ -6205,24 +6280,24 @@ var AnnouncementBanner = function AnnouncementBanner(_ref) {
   }))))));
 };
 
-var _templateObject$O, _templateObject2$x, _templateObject3$q, _templateObject4$k, _templateObject5$e, _templateObject6$a, _templateObject7$8, _templateObject8$6, _templateObject9$3, _templateObject10$3, _templateObject11$2, _templateObject12$1;
+var _templateObject$P, _templateObject2$y, _templateObject3$r, _templateObject4$k, _templateObject5$e, _templateObject6$a, _templateObject7$8, _templateObject8$6, _templateObject9$3, _templateObject10$3, _templateObject11$2, _templateObject12$1;
 var LENGTH_LARGE_TEXT = 28;
 var LENGTH_SMALL_TEXT$1 = 19;
 var LENGTH_TEXT_TABLET = 10;
-var CardContainer = /*#__PURE__*/styled__default.div(_templateObject$O || (_templateObject$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  cursor: ", ";\n  position: relative;\n  ", "\n\n  .targetLink {\n    text-decoration: none;\n    color: inherit;\n  }\n"])), function (_ref) {
+var CardContainer = /*#__PURE__*/styled__default.div(_templateObject$P || (_templateObject$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  cursor: ", ";\n  position: relative;\n  ", "\n\n  .targetLink {\n    text-decoration: none;\n    color: inherit;\n  }\n"])), function (_ref) {
   var isCardClickable = _ref.isCardClickable;
   return isCardClickable ? 'pointer' : 'default';
 }, function (_ref2) {
   var onlyShowButtonsOnHover = _ref2.onlyShowButtonsOnHover;
   return !onlyShowButtonsOnHover ? "height: 100%;\n       display: flex;\n       flex-direction: column;\n       justify-content: space-between;  \n    " : '';
 });
-var HoverContainer = /*#__PURE__*/styled__default.div(_templateObject2$x || (_templateObject2$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  height: var(--editorial-spacing-hover);\n  background-color: ", ";\n  position: absolute;\n  width: 100%;\n  z-index: ", ";\n"])), function (_ref3) {
+var HoverContainer = /*#__PURE__*/styled__default.div(_templateObject2$y || (_templateObject2$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  height: var(--editorial-spacing-hover);\n  background-color: ", ";\n  position: absolute;\n  width: 100%;\n  z-index: ", ";\n"])), function (_ref3) {
   var lineColor = _ref3.lineColor,
       theme = _ref3.theme;
   if (lineColor === exports.Colors.Cinema) return 'var(--base-color-white)';
   return lineColor ? "var(--base-color-" + lineColor + ")" : theme.colors.primary;
 }, zIndexes.contentOverlay);
-var ProgressContainer = /*#__PURE__*/styled__default.div(_templateObject3$q || (_templateObject3$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-top: -10px;\n"])));
+var ProgressContainer = /*#__PURE__*/styled__default.div(_templateObject3$r || (_templateObject3$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-top: -10px;\n"])));
 var ContentContainer$2 = /*#__PURE__*/styled__default.div(_templateObject4$k || (_templateObject4$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  margin-top: var(--editorial-margin-between);\n\n  @media ", " {\n    margin-left: ", ";\n    margin-right: ", ";\n  }\n"])), devices.mobile, function (_ref4) {
   var fullWidth = _ref4.fullWidth;
   return fullWidth ? '0' : '20px';
@@ -6428,9 +6503,9 @@ var Card = function Card(_ref) {
   }, firstButton && /*#__PURE__*/React__default.createElement(FirstButtonComponent, Object.assign({}, restFirstButton), primaryButtonTextTruncate), secondButton && /*#__PURE__*/React__default.createElement(SecondButtonComponent, Object.assign({}, restSecondButton), tertiaryButtonTextTruncate)));
 };
 
-var _templateObject$P, _templateObject2$y;
-var CardsContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$P || (_templateObject$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  gap: var(--line-height-people-listing-gap) var(--grid-column-gap);\n\n  @media ", " {\n    grid-row-gap: var(--cards-spacing-stack);\n  }\n"])), devices.mobile);
-var GridItemContainer = /*#__PURE__*/styled__default(GridItem)(_templateObject2$y || (_templateObject2$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  @media ", " {\n    grid-column: 1 / span 14;\n  }\n"])), devices.mobile);
+var _templateObject$Q, _templateObject2$z;
+var CardsContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$Q || (_templateObject$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  gap: var(--line-height-people-listing-gap) var(--grid-column-gap);\n\n  @media ", " {\n    grid-row-gap: var(--cards-spacing-stack);\n  }\n"])), devices.mobile);
+var GridItemContainer = /*#__PURE__*/styled__default(GridItem)(_templateObject2$z || (_templateObject2$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  @media ", " {\n    grid-column: 1 / span 14;\n  }\n"])), devices.mobile);
 
 var Cards = function Cards(_ref) {
   var cards = _ref.cards,
@@ -6473,16 +6548,16 @@ var Cards = function Cards(_ref) {
   }));
 };
 
-var _templateObject$Q, _templateObject2$z, _templateObject3$r, _templateObject4$l, _templateObject5$f;
-var ContentWrapper = /*#__PURE__*/styled__default.div(_templateObject$Q || (_templateObject$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  & > div {\n    margin-bottom: 2px;\n\n    &:first-child {\n      margin-bottom: 4px;\n\n      @media ", " {\n        margin-bottom: 6px;\n      }\n    }\n  }\n\n  @media ", " {\n    grid-column: 2 / span 12;\n  }\n"])), devices.mobile, devices.mobileAndTablet);
-var Wrapper$4 = /*#__PURE__*/styled__default.div(_templateObject2$z || (_templateObject2$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", "\n  ", "\n  padding: 30px 0;\n\n  @media ", " {\n    display: grid;\n    grid-template-columns: var(--grid-template-columns);\n    grid-template-rows: max-content;\n    gap: var(--grid-column-gap);\n    margin: 0;\n  }\n"])), function (_ref) {
+var _templateObject$R, _templateObject2$A, _templateObject3$s, _templateObject4$l, _templateObject5$f;
+var ContentWrapper = /*#__PURE__*/styled__default.div(_templateObject$R || (_templateObject$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  & > div {\n    margin-bottom: 2px;\n\n    &:first-child {\n      margin-bottom: 4px;\n\n      @media ", " {\n        margin-bottom: 6px;\n      }\n    }\n  }\n\n  @media ", " {\n    grid-column: 2 / span 12;\n  }\n"])), devices.mobile, devices.mobileAndTablet);
+var Wrapper$4 = /*#__PURE__*/styled__default.div(_templateObject2$A || (_templateObject2$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", "\n  ", "\n  padding: 30px 0;\n\n  @media ", " {\n    display: grid;\n    grid-template-columns: var(--grid-template-columns);\n    grid-template-rows: max-content;\n    gap: var(--grid-column-gap);\n    margin: 0;\n  }\n"])), function (_ref) {
   var hideBottomBorder = _ref.hideBottomBorder;
   return "border-bottom: " + (hideBottomBorder ? 'none' : '2px solid var(--base-color-midgrey)') + ";";
 }, function (_ref2) {
   var hideTopBorder = _ref2.hideTopBorder;
   return "border-top: " + (hideTopBorder ? 'none' : '2px solid var(--base-color-midgrey)') + ";";
 }, devices.mobileAndTablet);
-var AddressWrapperDesktop = /*#__PURE__*/styled__default.div(_templateObject3$r || (_templateObject3$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  @media ", " {\n    display: none;\n  }\n"])), devices.mobile);
+var AddressWrapperDesktop = /*#__PURE__*/styled__default.div(_templateObject3$s || (_templateObject3$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  @media ", " {\n    display: none;\n  }\n"])), devices.mobile);
 var AddressWrapperMobile = /*#__PURE__*/styled__default.div(_templateObject4$l || (_templateObject4$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: none;\n\n  & > div {\n    margin-bottom: 2px;\n  }\n\n  @media ", " {\n    display: block;\n  }\n"])), devices.mobile);
 var DetailsWrapper = /*#__PURE__*/styled__default.div(_templateObject5$f || (_templateObject5$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n\n  @media ", " {\n    flex-direction: column;\n    margin: 4px 0;\n  }\n\n  a {\n    font-size: var(--font-size-body-1);\n    font-family: var(--font-family-body);\n    font-feature-settings: var(--font-feature-settings-body);\n    font-weight: var(--font-weight-body-1);\n    letter-spacing: var(--letter-spacing-body-1);\n    line-height: var(--line-height-body-1);\n    text-transform: var(--text-transform-body);\n    color: var(--base-color-black);\n    text-decoration: underline;\n\n    &:before {\n      display: inline-block;\n      content: '';\n      background-color: var(--base-color-black);\n      width: 1px;\n      height: 18px;\n      margin: 0 8px -4px;\n\n      @media ", " {\n        display: none;\n      }\n    }\n\n    &:first-child:before {\n      display: none;\n    }\n  }\n"])), devices.mobile, devices.mobile);
 
@@ -6541,12 +6616,12 @@ var ContactCard = function ContactCard(_ref) {
   }, addressString)), /*#__PURE__*/React__default.createElement(AddressWrapperMobile, null, divideAddressString(addressString)))))));
 };
 
-var _templateObject$R, _templateObject2$A, _templateObject3$s, _templateObject4$m, _templateObject5$g;
-var ContentSummaryWrapper = /*#__PURE__*/styled__default.article(_templateObject$R || (_templateObject$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-items: start;\n  align-items: center;\n  margin: 20px 0;\n  gap: 24px;\n  cursor: ", ";\n\n  @media ", " {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n  }\n"])), function (props) {
+var _templateObject$S, _templateObject2$B, _templateObject3$t, _templateObject4$m, _templateObject5$g;
+var ContentSummaryWrapper = /*#__PURE__*/styled__default.article(_templateObject$S || (_templateObject$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-items: start;\n  align-items: center;\n  margin: 20px 0;\n  gap: 24px;\n  cursor: ", ";\n\n  @media ", " {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n  }\n"])), function (props) {
   return props.clickable ? 'pointer' : 'default';
 }, devices.mobile);
-var ContentSummaryImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$A || (_templateObject2$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  flex: 0 0 33.3%;\n"])));
-var ContentSummaryTextWrapper = /*#__PURE__*/styled__default.div(_templateObject3$s || (_templateObject3$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-column: ", ";\n  display: flex;\n  flex-direction: column;\n  justify-content: space-around;\n  gap: 22px;\n\n  & > * {\n    margin-block-start: 0;\n    margin-block-end: 0;\n  }\n\n  @media ", " {\n    margin: 0 20px;\n    gap: 12px;\n  }\n\n  & .content-summary-text-link {\n    height: unset;\n  }\n"])), function (props) {
+var ContentSummaryImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$B || (_templateObject2$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  flex: 0 0 33.3%;\n"])));
+var ContentSummaryTextWrapper = /*#__PURE__*/styled__default.div(_templateObject3$t || (_templateObject3$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-column: ", ";\n  display: flex;\n  flex-direction: column;\n  justify-content: space-around;\n  gap: 22px;\n\n  & > * {\n    margin-block-start: 0;\n    margin-block-end: 0;\n  }\n\n  @media ", " {\n    margin: 0 20px;\n    gap: 12px;\n  }\n\n  & .content-summary-text-link {\n    height: unset;\n  }\n"])), function (props) {
   return props.showImage ? 2 : '1 / span 4';
 }, devices.mobile);
 var ContentSummaryTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject4$m || (_templateObject4$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  & > * {\n    margin: 0;\n  }\n\n  @media ", " {\n    & > * {\n      font-size: var(--font-size-header-5);\n      font-weight: var(--font-weight-header-5);\n    }\n  }\n"])), devices.mobile);
@@ -6622,16 +6697,16 @@ var ContentSummary = function ContentSummary(_ref) {
   }), link.text)));
 };
 
-var _templateObject$S, _templateObject2$B, _templateObject3$t, _templateObject4$n, _templateObject5$h;
-var EditorialGrid = /*#__PURE__*/styled__default.div(_templateObject$S || (_templateObject$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: grid;\n  grid-template-columns: repeat(12, minmax(0, 1fr));\n  gap: var(--grid-column-gap);\n  grid-template-areas: ", ";\n\n  @media ", " {\n    & {\n      display: grid;\n      grid-template-columns: 100%;\n      grid-template-rows: min-content 24px min-content;\n      grid-template-areas:\n        'row1'\n        '.'\n        'row2';\n    }\n  }\n"])), function (_ref) {
+var _templateObject$T, _templateObject2$C, _templateObject3$u, _templateObject4$n, _templateObject5$h;
+var EditorialGrid = /*#__PURE__*/styled__default.div(_templateObject$T || (_templateObject$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: grid;\n  grid-template-columns: repeat(12, minmax(0, 1fr));\n  gap: var(--grid-column-gap);\n  grid-template-areas: ", ";\n\n  @media ", " {\n    & {\n      display: grid;\n      grid-template-columns: 100%;\n      grid-template-rows: min-content 24px min-content;\n      grid-template-areas:\n        'row1'\n        '.'\n        'row2';\n    }\n  }\n"])), function (_ref) {
   var imageToLeft = _ref.imageToLeft;
   return imageToLeft ? "'left left left left left . right right right right right right'" : "'left left left left left left . right right right right right'";
 }, devices.mobile);
-var EditorialImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$B || (_templateObject2$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  align-self: center;\n  grid-area: ", ";\n  @media ", " {\n    & {\n      grid-area: row1;\n  }\n"])), function (_ref2) {
+var EditorialImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$C || (_templateObject2$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  align-self: center;\n  grid-area: ", ";\n  @media ", " {\n    & {\n      grid-area: row1;\n  }\n"])), function (_ref2) {
   var imageToLeft = _ref2.imageToLeft;
   return imageToLeft ? 'left' : 'right';
 }, devices.mobile);
-var EditorialTextWrapper = /*#__PURE__*/styled__default.div(_templateObject3$t || (_templateObject3$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-area: ", ";\n  align-self: center;\n  @media ", " {\n    & {\n      grid-area: row2;\n      align-self: start;\n  }\n"])), function (_ref3) {
+var EditorialTextWrapper = /*#__PURE__*/styled__default.div(_templateObject3$u || (_templateObject3$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-area: ", ";\n  align-self: center;\n  @media ", " {\n    & {\n      grid-area: row2;\n      align-self: start;\n  }\n"])), function (_ref3) {
   var imageToLeft = _ref3.imageToLeft;
   return imageToLeft ? 'right' : 'left';
 }, devices.mobile);
@@ -6700,10 +6775,10 @@ var BackgroundColour;
   BackgroundColour["White"] = "white";
 })(BackgroundColour || (BackgroundColour = {}));
 
-var _templateObject$T, _templateObject2$C, _templateObject3$u, _templateObject4$o;
-var InfoContent = /*#__PURE__*/styled__default('div')(_templateObject$T || (_templateObject$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-family: var(--font-family-altHeader);\n  font-feature-settings: var(--font-feature-settings-altHeader);\n  font-size: var(--font-size-altHeader-6);\n  font-weight: var(--font-weight-altHeader-6);\n  -webkit-letter-spacing: var(--letter-spacing-altHeader-6);\n  -moz-letter-spacing: var(--letter-spacing-altHeader-6);\n  -ms-letter-spacing: var(--letter-spacing-altHeader-6);\n  letter-spacing: var(--letter-spacing-altHeader-6);\n  line-height: var(--line-height-altHeader-6);\n  word-break: var(--word-break-altHeader);\n"])));
-var InfoTitle = /*#__PURE__*/styled__default('div')(_templateObject2$C || (_templateObject2$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  * {\n    margin-block: 0;\n  }\n"])));
-var InfoCTAWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$u || (_templateObject3$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin: 32px 0;\n\n  ", "}\n"])), function (props) {
+var _templateObject$U, _templateObject2$D, _templateObject3$v, _templateObject4$o;
+var InfoContent = /*#__PURE__*/styled__default('div')(_templateObject$U || (_templateObject$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-family: var(--font-family-altHeader);\n  font-feature-settings: var(--font-feature-settings-altHeader);\n  font-size: var(--font-size-altHeader-6);\n  font-weight: var(--font-weight-altHeader-6);\n  -webkit-letter-spacing: var(--letter-spacing-altHeader-6);\n  -moz-letter-spacing: var(--letter-spacing-altHeader-6);\n  -ms-letter-spacing: var(--letter-spacing-altHeader-6);\n  letter-spacing: var(--letter-spacing-altHeader-6);\n  line-height: var(--line-height-altHeader-6);\n  word-break: var(--word-break-altHeader);\n"])));
+var InfoTitle = /*#__PURE__*/styled__default('div')(_templateObject2$D || (_templateObject2$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  * {\n    margin-block: 0;\n  }\n"])));
+var InfoCTAWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$v || (_templateObject3$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin: 32px 0;\n\n  ", "}\n"])), function (props) {
   if (!props.infoThemed) {
     return;
   } else {
@@ -6827,16 +6902,16 @@ var Information = function Information(_ref) {
   }))));
 };
 
-var _templateObject$U, _templateObject2$D, _templateObject3$v, _templateObject4$p, _templateObject5$i, _templateObject6$b, _templateObject7$9, _templateObject8$7;
-var PageHeadingWrapper = /*#__PURE__*/styled__default.div(_templateObject$U || (_templateObject$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  padding-bottom: 80px;\n  background-color: ", ";\n  color: var(--base-color-white);\n\n  ", ";\n\n  h2 {\n    margin: 0;\n    padding: 0;\n  }\n\n  @media ", " {\n    padding-bottom: 0;\n  }\n"])), function (_ref) {
+var _templateObject$V, _templateObject2$E, _templateObject3$w, _templateObject4$p, _templateObject5$i, _templateObject6$b, _templateObject7$9, _templateObject8$7;
+var PageHeadingWrapper = /*#__PURE__*/styled__default.div(_templateObject$V || (_templateObject$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  padding-bottom: 80px;\n  background-color: ", ";\n  color: var(--base-color-white);\n\n  ", ";\n\n  h2 {\n    margin: 0;\n    padding: 0;\n  }\n\n  @media ", " {\n    padding-bottom: 0;\n  }\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.colors.primary;
 }, function (_ref2) {
   var isPageHeadingWithoutTitle = _ref2.isPageHeadingWithoutTitle;
   return isPageHeadingWithoutTitle && "\n    padding-bottom: 42px;\n  ";
 }, devices.mobile);
-var PageHeadingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$D || (_templateObject2$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  gap: 0 var(--grid-column-gap);\n  grid-template-rows: min-content min-content;\n  grid-template-areas:\n    '. . title title title title title title title title title title . . logo .'\n    '. . text text text text text text text text text button button button . .';\n\n  @media ", " {\n    & {\n      grid-template-rows: 20px min-content min-content min-content 20px;\n      grid-template-areas:\n        '. . . . . . . . . . . . . .'\n        '. title title title title title title title title title title logo logo .'\n        '. text text text text text text text text text text text text .'\n        '. button button button button button button button button button button button button .'\n        '. . . . . . . . . . . . . .';\n    }\n  }\n\n  @media ", " {\n    & {\n      grid-template-areas:\n        '. title title title title title title title title title title logo logo .'\n        '. text text text text text text text text text button button button .';\n    }\n  }\n"])), devices.mobile, devices.tablet);
-var TitleWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject3$v || (_templateObject3$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-area: title;\n  margin-top: 80px;\n\n  ", ";\n\n  @media ", " {\n    & {\n      margin-top: 0;\n    }\n  }\n"])), function (_ref3) {
+var PageHeadingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$E || (_templateObject2$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  gap: 0 var(--grid-column-gap);\n  grid-template-rows: min-content min-content;\n  grid-template-areas:\n    '. . title title title title title title title title title title . . logo .'\n    '. . text text text text text text text text text button button button . .';\n\n  @media ", " {\n    & {\n      grid-template-rows: 20px min-content min-content min-content 20px;\n      grid-template-areas:\n        '. . . . . . . . . . . . . .'\n        '. title title title title title title title title title title logo logo .'\n        '. text text text text text text text text text text text text .'\n        '. button button button button button button button button button button button button .'\n        '. . . . . . . . . . . . . .';\n    }\n  }\n\n  @media ", " {\n    & {\n      grid-template-areas:\n        '. title title title title title title title title title title logo logo .'\n        '. text text text text text text text text text button button button .';\n    }\n  }\n"])), devices.mobile, devices.tablet);
+var TitleWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject3$w || (_templateObject3$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-area: title;\n  margin-top: 80px;\n\n  ", ";\n\n  @media ", " {\n    & {\n      margin-top: 0;\n    }\n  }\n"])), function (_ref3) {
   var isPageHeadingWithoutTitle = _ref3.isPageHeadingWithoutTitle;
   return isPageHeadingWithoutTitle && "\n    margin-top: 42px;\n  ";
 }, devices.mobile);
@@ -6925,9 +7000,9 @@ var PageHeadingCinema = function PageHeadingCinema(_ref) {
   }), /*#__PURE__*/React__default.createElement(CinemaBadge, null)));
 };
 
-var _templateObject$V, _templateObject2$E, _templateObject3$w, _templateObject4$q, _templateObject5$j, _templateObject6$c, _templateObject7$a;
-var HighlightsGrid$1 = /*#__PURE__*/styled__default(Grid)(_templateObject$V || (_templateObject$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n  grid-template-rows: max-content minmax(0, 1fr);\n  gap: 0 var(--grid-column-gap);\n  background-color: var(--base-color-black);\n  color: var(--base-color-white);\n  user-select: none;\n\n  @media ", " {\n    & {\n      grid-template-rows: min-content max-content max-content;\n    }\n  }\n"])), devices.mobile);
-var HighlightTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject2$E || (_templateObject2$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  user-select: text;\n  h3 {\n    padding: 0;\n    margin: 0 0 8px 0;\n  }\n\n  @media ", " {\n    & {\n      h3 {\n        font-size: ", ";\n        font-weight: ", ";\n        letter-spacing: ", ";\n        line-height: ", ";\n      }\n    }\n  }\n"])), devices.tablet, function (_ref) {
+var _templateObject$W, _templateObject2$F, _templateObject3$x, _templateObject4$q, _templateObject5$j, _templateObject6$c, _templateObject7$a;
+var HighlightsGrid$1 = /*#__PURE__*/styled__default(Grid)(_templateObject$W || (_templateObject$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n  grid-template-rows: max-content minmax(0, 1fr);\n  gap: 0 var(--grid-column-gap);\n  background-color: var(--base-color-black);\n  color: var(--base-color-white);\n  user-select: none;\n\n  @media ", " {\n    & {\n      grid-template-rows: min-content max-content max-content;\n    }\n  }\n"])), devices.mobile);
+var HighlightTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject2$F || (_templateObject2$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  user-select: text;\n  h3 {\n    padding: 0;\n    margin: 0 0 8px 0;\n  }\n\n  @media ", " {\n    & {\n      h3 {\n        font-size: ", ";\n        font-weight: ", ";\n        letter-spacing: ", ";\n        line-height: ", ";\n      }\n    }\n  }\n"])), devices.tablet, function (_ref) {
   var theme = _ref.theme;
   return theme.fonts.mobile.sizes.headers[3];
 }, function (_ref2) {
@@ -6940,7 +7015,7 @@ var HighlightTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject2$E
   var theme = _ref4.theme;
   return theme.fonts.mobile.lineHeights.headers[3];
 });
-var HighlightTextWrapper = /*#__PURE__*/styled__default.div(_templateObject3$w || (_templateObject3$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-top: 24px;\n  user-select: text;\n\n  @media ", " {\n    & {\n      margin-top: 20px;\n\n      > div {\n        font-size: ", ";\n        font-weight: ", ";\n        letter-spacing: ", ";\n        line-height: ", ";\n      }\n    }\n  }\n\n  @media ", " {\n    & {\n      margin-top: 20px;\n    }\n  }\n"])), devices.tablet, function (_ref5) {
+var HighlightTextWrapper = /*#__PURE__*/styled__default.div(_templateObject3$x || (_templateObject3$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-top: 24px;\n  user-select: text;\n\n  @media ", " {\n    & {\n      margin-top: 20px;\n\n      > div {\n        font-size: ", ";\n        font-weight: ", ";\n        letter-spacing: ", ";\n        line-height: ", ";\n      }\n    }\n  }\n\n  @media ", " {\n    & {\n      margin-top: 20px;\n    }\n  }\n"])), devices.tablet, function (_ref5) {
   var theme = _ref5.theme;
   return theme.fonts.mobile.sizes.body[1];
 }, function (_ref6) {
@@ -7050,10 +7125,10 @@ var PageHeadingHighlight = function PageHeadingHighlight(_ref) {
   }))));
 };
 
-var _templateObject$W, _templateObject2$F, _templateObject3$x, _templateObject4$r, _templateObject5$k, _templateObject6$d, _templateObject7$b, _templateObject8$8;
-var ImpactWrapper = /*#__PURE__*/styled__default.div(_templateObject$W || (_templateObject$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  aspect-ratio: 16 / 9;\n  @supports not (aspect-ratio: 16 / 9) {\n    height: 56.25vw;\n  }\n\n  position: relative;\n  display: flex;\n  background: var(--base-color-black);\n\n  @media ", " {\n    aspect-ratio: 1 / 1;\n    @supports not (aspect-ratio: 1 / 1) {\n      height: 100vw;\n    }\n  }\n"])), devices.mobile);
-var ImpactHeaderImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$F || (_templateObject2$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 100%;\n  overflow: hidden;\n  aspect-ratio: 16 / 9;\n  @supports not (aspect-ratio: 16 / 9) {\n    height: 56.25vw;\n  }\n\n  img {\n    width: 100%;\n    filter: brightness(0.7);\n    opacity: 0.95;\n  }\n\n  @media ", " {\n    height: fit-content;\n    aspect-ratio: 1 / 1;\n    @supports not (aspect-ratio: 1 / 1) {\n      height: 100vw;\n    }\n\n    img {\n      height: 100%;\n      object-fit: cover;\n    }\n  }\n"])), devices.mobile);
-var ImpactGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$x || (_templateObject3$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: absolute;\n  align-self: center;\n  width: 100%;\n  z-index: ", ";\n  gap: 0 var(--grid-column-gap);\n  grid-template-rows: min-content min-content min-content;\n  grid-template-areas:\n    '. . . . . logo logo logo logo logo logo . . . . .'\n    '. . . text text text text text text text text text text . . .'\n    '. . . button button button button button button button button button button . . .';\n\n  @media ", " {\n    & {\n      height: 100%;\n      grid-template-rows: 1fr max-content 1fr;\n      grid-template-areas:\n        '. . . logo logo logo logo logo logo logo logo . . .'\n        '. text text text text text text text text text text text text .'\n        '. button button button button button button button button button button button button .';\n    }\n  }\n\n  @media ", " {\n    align-content: center;\n\n    & {\n      grid-template-areas:\n        '. . . logo logo logo logo logo logo logo logo . . .'\n        '. . text text text text text text text text text text . .'\n        '. . button button button button button button button button button button . .';\n    }\n  }\n"])), zIndexes.contentOverlay, devices.mobile, devices.tablet);
+var _templateObject$X, _templateObject2$G, _templateObject3$y, _templateObject4$r, _templateObject5$k, _templateObject6$d, _templateObject7$b, _templateObject8$8;
+var ImpactWrapper = /*#__PURE__*/styled__default.div(_templateObject$X || (_templateObject$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  aspect-ratio: 16 / 9;\n  @supports not (aspect-ratio: 16 / 9) {\n    height: 56.25vw;\n  }\n\n  position: relative;\n  display: flex;\n  background: var(--base-color-black);\n\n  @media ", " {\n    aspect-ratio: 1 / 1;\n    @supports not (aspect-ratio: 1 / 1) {\n      height: 100vw;\n    }\n  }\n"])), devices.mobile);
+var ImpactHeaderImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$G || (_templateObject2$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 100%;\n  overflow: hidden;\n  aspect-ratio: 16 / 9;\n  @supports not (aspect-ratio: 16 / 9) {\n    height: 56.25vw;\n  }\n\n  img {\n    width: 100%;\n    filter: brightness(0.7);\n    opacity: 0.95;\n  }\n\n  @media ", " {\n    height: fit-content;\n    aspect-ratio: 1 / 1;\n    @supports not (aspect-ratio: 1 / 1) {\n      height: 100vw;\n    }\n\n    img {\n      height: 100%;\n      object-fit: cover;\n    }\n  }\n"])), devices.mobile);
+var ImpactGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$y || (_templateObject3$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: absolute;\n  align-self: center;\n  width: 100%;\n  z-index: ", ";\n  gap: 0 var(--grid-column-gap);\n  grid-template-rows: min-content min-content min-content;\n  grid-template-areas:\n    '. . . . . logo logo logo logo logo logo . . . . .'\n    '. . . text text text text text text text text text text . . .'\n    '. . . button button button button button button button button button button . . .';\n\n  @media ", " {\n    & {\n      height: 100%;\n      grid-template-rows: 1fr max-content 1fr;\n      grid-template-areas:\n        '. . . logo logo logo logo logo logo logo logo . . .'\n        '. text text text text text text text text text text text text .'\n        '. button button button button button button button button button button button button .';\n    }\n  }\n\n  @media ", " {\n    align-content: center;\n\n    & {\n      grid-template-areas:\n        '. . . logo logo logo logo logo logo logo logo . . .'\n        '. . text text text text text text text text text text . .'\n        '. . button button button button button button button button button button . .';\n    }\n  }\n"])), zIndexes.contentOverlay, devices.mobile, devices.tablet);
 var SponsorWrapper = /*#__PURE__*/styled__default.div(_templateObject4$r || (_templateObject4$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: absolute;\n  top: 20px;\n  right: var(--grid-outer-margin);\n  width: fit-content;\n  z-index: ", ";\n\n  @media ", " {\n    & {\n      right: var(--grid-margin);\n    }\n  }\n"])), zIndexes.sponsorship, devices.mobileAndTablet);
 var LogoWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject5$k || (_templateObject5$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-area: logo;\n  align-self: end;\n"])));
 var TextWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject6$d || (_templateObject6$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-area: text;\n  color: var(--base-color-white);\n  text-align: center;\n  margin-top: 40px;\n  max-height: calc(2 * var(--line-height-header-3));\n  overflow: hidden;\n\n  h3 {\n    margin: 0;\n    padding: 0;\n  }\n\n  @media ", " {\n    & {\n      max-height: calc(4 * var(--line-height-header-3));\n    }\n  }\n\n  @media ", " {\n    & {\n      margin-top: 12px;\n      max-height: calc(4 * var(--line-height-header-3));\n    }\n\n    h3 {\n      font-size: var(--font-size-header-3);\n      letter-spacing: var(--letter-spacing-header-5);\n      line-height: var(--line-height-header-5);\n    }\n  }\n"])), devices.tablet, devices.mobile);
@@ -7123,19 +7198,19 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
   }, "Scroll Down")) : null);
 };
 
-var _templateObject$X, _templateObject2$G, _templateObject3$y, _templateObject4$s, _templateObject5$l;
-var PanelGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$X || (_templateObject$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  gap: 0 var(--grid-column-gap);\n\n  ", "\n\n  @media ", " {\n    grid-template-rows: 48px max-content max-content;\n  }\n"])), function (_ref) {
+var _templateObject$Y, _templateObject2$H, _templateObject3$z, _templateObject4$s, _templateObject5$l;
+var PanelGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$Y || (_templateObject$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  gap: 0 var(--grid-column-gap);\n\n  ", "\n\n  @media ", " {\n    grid-template-rows: 48px max-content max-content;\n  }\n"])), function (_ref) {
   var color = _ref.color;
   return "\n    background-color: " + (color ? "var(--base-color-" + color + ")" : 'var(--base-color-core)') + ";\n    color: " + (color === exports.Colors.White ? 'var(--base-color-black)' : 'var(--base-color-white)') + ";\n  ";
 }, devices.mobileAndTablet);
-var LeftPanel = /*#__PURE__*/styled__default.div(_templateObject2$G || (_templateObject2$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-area: ", ";\n  box-sizing: border-box;\n  height: 100%;\n  display: grid;\n  grid-auto-rows: 90% 1fr;\n  gap: 0px 36px;\n  align-items: center;\n\n  @media ", " {\n    grid-area: ", ";\n  }\n"])), function (_ref2) {
+var LeftPanel = /*#__PURE__*/styled__default.div(_templateObject2$H || (_templateObject2$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-area: ", ";\n  box-sizing: border-box;\n  height: 100%;\n  display: grid;\n  grid-auto-rows: 90% 1fr;\n  gap: 0px 36px;\n  align-items: center;\n\n  @media ", " {\n    grid-area: ", ";\n  }\n"])), function (_ref2) {
   var hasImage = _ref2.hasImage;
   return hasImage ? '1 / 1 / 3 / 7' : '1 / 1 / 3 / 12';
 }, devices.mobileAndTablet, function (_ref3) {
   var hasImage = _ref3.hasImage;
   return hasImage ? '3 / 1 / 4 / 15' : '1 / 1 / 3 / 15';
 });
-var RightPanel = /*#__PURE__*/styled__default.div(_templateObject3$y || (_templateObject3$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-area: 1 / 7 / 3 / 17;\n  position: relative;\n  height: 100%;\n  width: 100%;\n  background-color: var(--base-color-black);\n\n  @media ", " {\n    grid-area: 2 / 1 / 3 / 15;\n  }\n"])), devices.mobileAndTablet);
+var RightPanel = /*#__PURE__*/styled__default.div(_templateObject3$z || (_templateObject3$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-area: 1 / 7 / 3 / 17;\n  position: relative;\n  height: 100%;\n  width: 100%;\n  background-color: var(--base-color-black);\n\n  @media ", " {\n    grid-area: 2 / 1 / 3 / 15;\n  }\n"])), devices.mobileAndTablet);
 var InfoWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject4$s || (_templateObject4$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin: 36px;\n  max-height: 33vw;\n  overflow: hidden;\n\n  :first-child * {\n    margin-block-start: 0;\n  }\n\n  @media ", " {\n    margin: 36px 20px;\n    max-height: unset;\n  }\n"])), devices.mobileAndTablet);
 var ScrollDownWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject5$l || (_templateObject5$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  padding: 0 0 25px 36px;\n\n  @keyframes UpDown {\n    0%,\n    100% {\n      transform: translateY(0);\n    }\n    50% {\n      transform: translateY(8px);\n    }\n  }\n\n  a {\n    font-size: var(--font-size-overline-1);\n    font-weight: var(--font-weight-overline-1);\n    letter-spacing: var(--letter-spacing-overline-1);\n    border: none;\n    padding: 0;\n\n    :hover {\n      border: none;\n\n      > span {\n        animation: UpDown 1500ms linear infinite;\n      }\n    }\n  }\n\n  @media ", " {\n    display: none;\n  }\n"])), devices.mobileAndTablet);
 
@@ -7168,8 +7243,8 @@ var PageHeadingPanel = function PageHeadingPanel(_ref) {
   }))));
 };
 
-var _templateObject$Y;
-var StreamWrapper = /*#__PURE__*/styled__default.div(_templateObject$Y || (_templateObject$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  h2::selection,\n  div::selection {\n    color: #1866dc;\n    background-color: #fff;\n  }\n"])));
+var _templateObject$Z;
+var StreamWrapper = /*#__PURE__*/styled__default.div(_templateObject$Z || (_templateObject$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  h2::selection,\n  div::selection {\n    color: #1866dc;\n    background-color: #fff;\n  }\n"])));
 
 var _excluded$k = ["link"];
 
@@ -7189,10 +7264,10 @@ var PageHeadingStream = function PageHeadingStream(_ref) {
   }), /*#__PURE__*/React__default.createElement(StreamBadge, null))));
 };
 
-var _templateObject$Z, _templateObject2$H, _templateObject3$z, _templateObject5$m, _templateObject6$e, _templateObject7$c, _templateObject8$9, _templateObject9$4, _templateObject10$4;
-var BrandingTextBlock = /*#__PURE__*/styled__default.div(_templateObject$Z || (_templateObject$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-size: var(--font-size-overline-4);\n  font-family: var(--font-family-header);\n  text-transform: uppercase;\n  margin: 0;\n  white-space: nowrap;\n  @media screen and (max-width: 920px) {\n    white-space: normal;\n  }\n  @media ", " {\n    white-space: nowrap;\n  }\n"])), devices.mobile);
-var BrandingTextBody = /*#__PURE__*/styled__default.p(_templateObject2$H || (_templateObject2$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-family: var(--font-family-body);\n  font-size: var(--font-size-heading-6);\n  line-height: var(--line-height-heading-6);\n"])));
-var ComapctHeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$z || (_templateObject3$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n  display: block;\n"])));
+var _templateObject$_, _templateObject2$I, _templateObject3$A, _templateObject5$m, _templateObject6$e, _templateObject7$c, _templateObject8$9, _templateObject9$4, _templateObject10$4;
+var BrandingTextBlock = /*#__PURE__*/styled__default.div(_templateObject$_ || (_templateObject$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-size: var(--font-size-overline-4);\n  font-family: var(--font-family-header);\n  text-transform: uppercase;\n  margin: 0;\n  white-space: nowrap;\n  @media screen and (max-width: 920px) {\n    white-space: normal;\n  }\n  @media ", " {\n    white-space: nowrap;\n  }\n"])), devices.mobile);
+var BrandingTextBody = /*#__PURE__*/styled__default.p(_templateObject2$I || (_templateObject2$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-family: var(--font-family-body);\n  font-size: var(--font-size-heading-6);\n  line-height: var(--line-height-heading-6);\n"])));
+var ComapctHeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$A || (_templateObject3$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n  display: block;\n"])));
 var CompactHeaderAssetWrapper = /*#__PURE__*/styled__default.div(_templateObject5$m || (_templateObject5$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  height: 37.5vw;\n  width: 100%;\n  position: relative;\n  overflow: hidden;\n  background-color: #000;\n  img {\n    position: relative;\n    height: 100%;\n    width: 100%;\n    object-fit: cover;\n  }\n  video {\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n    object-fit: contain;\n    @media ", " {\n      position: absolute;\n      top: 0;\n      left: 0;\n      bottom: 0;\n      margin: auto;\n      height: auto;\n      max-height: 100vh;\n      width: 100%;\n      object-fit: contain;\n    }\n  }\n  @media ", " {\n    height: 85vw;\n    max-height: 100vh;\n  }\n"])), devices.mobile, devices.mobile);
 var CompactHeaderCopyWrapper = /*#__PURE__*/styled__default(Grid)(_templateObject6$e || (_templateObject6$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n  height: 160px;\n  grid-template-rows: min-content min-content;\n  grid-template-rows: min-content min-content;\n  grid-template-columns: [logo] 1fr [title] 3fr [cta] 1fr;\n  align-content: center;\n  gap: 0;\n  background-color: ", ";\n  color: ", ";\n\n  svg {\n    max-width: 155px;\n    fill: ", ";\n  }\n\n  h1::selection,\n  div::selection {\n    ", ";\n  }\n\n  @media ", " {\n    display: flex;\n    flex-direction: column;\n    height: auto;\n    padding: 32px 20px;\n  }\n"])), function (_ref) {
   var invert = _ref.invert,
@@ -7468,17 +7543,17 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
   }), /*#__PURE__*/React__default.createElement(CompactHeaderTitleWrapper, null, /*#__PURE__*/React__default.createElement(Header, {
     level: titleSize,
     semanticLevel: 1
-  }, title && truncate(title, 40))), /*#__PURE__*/React__default.createElement(CompactHeaderCTAWrapper, null, /*#__PURE__*/React__default.createElement(PrimaryButtonWithInversion, Object.assign({}, restLink, {
+  }, title && truncate(title, 40))), link && /*#__PURE__*/React__default.createElement(CompactHeaderCTAWrapper, null, /*#__PURE__*/React__default.createElement(PrimaryButtonWithInversion, Object.assign({}, restLink, {
     invert: invert,
     className: "page-heading-compact__button"
   }), linkText))));
 };
 
-var _templateObject$_, _templateObject2$I, _templateObject3$A, _templateObject4$t;
-var MorePages = /*#__PURE__*/styled__default.span(_templateObject$_ || (_templateObject$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  cursor: not-allowed;\n  pointer-events: none;\n"])));
-var PageNumberWrapper = /*#__PURE__*/styled__default.ol(_templateObject2$I || (_templateObject2$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-top: 40px;\n  margin-bottom: 40px;\n  flex-wrap: nowrap;\n  flex-direction: row;\n  list-style: none;\n  padding: 0;\n  max-width: fit-content;\n  margin: auto;\n  li {\n    font-size: var(--font-size-subtitle-1);\n    font-weight: var(--font-weight-body-1);\n    line-height: var(--line-height-subtitle-1);\n    letter-spacing: var(--letter-spacing-subtitle-1);\n    margin-left: 16px;\n    color: var(--base-color-dark-grey);\n    display: flex;\n    align-items: center;\n    border-bottom: 1px solid rgba(0, 0, 0, 0);\n  }\n"]))); // PageNumber extends bodyText but uses subtitle-1 font size
+var _templateObject$$, _templateObject2$J, _templateObject3$B, _templateObject4$t;
+var MorePages = /*#__PURE__*/styled__default.span(_templateObject$$ || (_templateObject$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  cursor: not-allowed;\n  pointer-events: none;\n"])));
+var PageNumberWrapper = /*#__PURE__*/styled__default.ol(_templateObject2$J || (_templateObject2$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-top: 40px;\n  margin-bottom: 40px;\n  flex-wrap: nowrap;\n  flex-direction: row;\n  list-style: none;\n  padding: 0;\n  max-width: fit-content;\n  margin: auto;\n  li {\n    font-size: var(--font-size-subtitle-1);\n    font-weight: var(--font-weight-body-1);\n    line-height: var(--line-height-subtitle-1);\n    letter-spacing: var(--letter-spacing-subtitle-1);\n    margin-left: 16px;\n    color: var(--base-color-dark-grey);\n    display: flex;\n    align-items: center;\n    border-bottom: 1px solid rgba(0, 0, 0, 0);\n  }\n"]))); // PageNumber extends bodyText but uses subtitle-1 font size
 
-var PageNumber = /*#__PURE__*/styled__default(reactRouterDom.Link)(_templateObject3$A || (_templateObject3$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: inherit;\n  margin: 0;\n  border-bottom: 1px solid transparent;\n  line-height: var(--base-line-height);\n  text-decoration: none;\n  font-family: var(--font-family-body-1);\n  :hover {\n    color: var(--base-color-core);\n    border-bottom: 1px solid var(--base-color-core);\n    svg > path {\n      fill: var(--base-color-core);\n    }\n  }\n  /* active state - string used because react returns error for bool */\n  ", "\n"])), function (_ref) {
+var PageNumber = /*#__PURE__*/styled__default(reactRouterDom.Link)(_templateObject3$B || (_templateObject3$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: inherit;\n  margin: 0;\n  border-bottom: 1px solid transparent;\n  line-height: var(--base-line-height);\n  text-decoration: none;\n  font-family: var(--font-family-body-1);\n  :hover {\n    color: var(--base-color-core);\n    border-bottom: 1px solid var(--base-color-core);\n    svg > path {\n      fill: var(--base-color-core);\n    }\n  }\n  /* active state - string used because react returns error for bool */\n  ", "\n"])), function (_ref) {
   var active = _ref.active;
   return active === 'true' && " \n      color: var(--base-color-core);\n    ";
 });
@@ -7551,10 +7626,10 @@ var Pagination = function Pagination(_ref) {
   }))));
 };
 
-var _templateObject$$, _templateObject2$J, _templateObject3$B, _templateObject4$u, _templateObject5$n, _templateObject6$f;
-var PeopleListingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$$ || (_templateObject$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  gap: var(--line-height-people-listing-gap) var(--grid-column-gap);\n\n  p {\n    margin: 0;\n  }\n\n  grid-template-columns: 1fr 1fr 1fr;\n\n  @media ", " {\n    grid-template-columns: 1fr;\n  }\n\n  @media ", " {\n    grid-template-columns: 1fr 1fr;\n  }\n\n  @media ", " {\n    grid-template-columns: 1fr 1fr 1fr 1fr;\n  }\n"])), devices.mobile, devices.tablet, devices.largeDesktop);
-var PersonWrapper = /*#__PURE__*/styled__default.div(_templateObject2$J || (_templateObject2$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: grid;\n  grid-template-columns: 60px 1fr;\n  grid-template-areas: 'headshot role-person';\n  grid-column-gap: 10px;\n"])));
-var HeadshotWrapper = /*#__PURE__*/styled__default.div(_templateObject3$B || (_templateObject3$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  grid-area: headshot;\n  img {\n    width: 60px;\n    height: 60px;\n  }\n"])));
+var _templateObject$10, _templateObject2$K, _templateObject3$C, _templateObject4$u, _templateObject5$n, _templateObject6$f;
+var PeopleListingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$10 || (_templateObject$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  gap: var(--line-height-people-listing-gap) var(--grid-column-gap);\n\n  p {\n    margin: 0;\n  }\n\n  grid-template-columns: 1fr 1fr 1fr;\n\n  @media ", " {\n    grid-template-columns: 1fr;\n  }\n\n  @media ", " {\n    grid-template-columns: 1fr 1fr;\n  }\n\n  @media ", " {\n    grid-template-columns: 1fr 1fr 1fr 1fr;\n  }\n"])), devices.mobile, devices.tablet, devices.largeDesktop);
+var PersonWrapper = /*#__PURE__*/styled__default.div(_templateObject2$K || (_templateObject2$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: grid;\n  grid-template-columns: 60px 1fr;\n  grid-template-areas: 'headshot role-person';\n  grid-column-gap: 10px;\n"])));
+var HeadshotWrapper = /*#__PURE__*/styled__default.div(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  grid-area: headshot;\n  img {\n    width: 60px;\n    height: 60px;\n  }\n"])));
 var RoleWrapper = /*#__PURE__*/styled__default.div(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: var(--base-color-darkgrey);\n  overflow-wrap: break-word;\n  margin-bottom: 4px;\n"])));
 var TextWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject5$n || (_templateObject5$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-area: role-person;\n"])));
 var PersonLink = /*#__PURE__*/styled__default.a(_templateObject6$f || (_templateObject6$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: var(--base-color-black);\n  text-decoration: underline;\n\n  :hover {\n    color: var(--base-color-primary);\n    :after {\n      color: var(--base-color-black);\n    }\n  }\n\n  :visited {\n    color: var(--base-color-black);\n  }\n"])));
@@ -7608,14 +7683,14 @@ var PeopleListing = function PeopleListing(_ref) {
   }));
 };
 
-var _templateObject$10, _templateObject2$K, _templateObject3$C, _templateObject4$v, _templateObject5$o, _templateObject6$g, _templateObject7$d, _templateObject8$a, _templateObject9$5, _templateObject10$5, _templateObject11$3, _templateObject12$2, _templateObject13$1, _templateObject14$1, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21;
+var _templateObject$11, _templateObject2$L, _templateObject3$D, _templateObject4$v, _templateObject5$o, _templateObject6$g, _templateObject7$d, _templateObject8$a, _templateObject9$5, _templateObject10$5, _templateObject11$3, _templateObject12$2, _templateObject13$1, _templateObject14$1, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21;
 var LENGTH_TEXT = 28;
 var LENGTH_TEXT_TABLET$1 = 12;
 var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
 var GridTemplateImageToRight = "'. . left left left left left . right right right right right right right right'";
 var GridTemplateAsCard = "'. . left left left left left right right right right right right right . . '";
 var GridTemplateAsCardTablet = "'. . left left left left left left left right right right right right . . '";
-var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$10 || (_templateObject$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-template-areas: ", ";\n\n  @media ", " {\n    & {\n      grid-template-areas: ", ";\n    }\n  }\n\n  @media ", " {\n    & {\n      grid-template-columns: var(--grid-margin) minmax(0, 1fr) var(--grid-margin);\n      grid-template-rows: min-content 24px min-content;\n      gap: 0;\n      grid-template-areas:\n        'row1 row1 row1'\n        '. . .'\n        '. row2 .';\n    }\n  }\n\n  /* Overwrite template for card */\n  ", "\n"])), function (_ref) {
+var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$11 || (_templateObject$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-template-areas: ", ";\n\n  @media ", " {\n    & {\n      grid-template-areas: ", ";\n    }\n  }\n\n  @media ", " {\n    & {\n      grid-template-columns: var(--grid-margin) minmax(0, 1fr) var(--grid-margin);\n      grid-template-rows: min-content 24px min-content;\n      gap: 0;\n      grid-template-areas:\n        'row1 row1 row1'\n        '. . .'\n        '. row2 .';\n    }\n  }\n\n  /* Overwrite template for card */\n  ", "\n"])), function (_ref) {
   var imageToLeft = _ref.imageToLeft;
   return imageToLeft ? GridTemplateImageToLeft : GridTemplateImageToRight;
 }, devices.tablet, function (_ref2) {
@@ -7625,8 +7700,8 @@ var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$10 ||
   var asCard = _ref3.asCard;
   return asCard ? "\n    grid-template-areas: " + GridTemplateAsCard + ";\n    @media " + devices.tablet + " {\n      grid-template-areas: " + GridTemplateAsCardTablet + ";\n    }\n  " : "";
 });
-var PromoWithTagsSubtitle = /*#__PURE__*/styled__default.span(_templateObject2$K || (_templateObject2$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-family: var(--font-family-subtitle);\n  font-feature-settings: var(--font-feature-settings-subtitle);\n  font-size: var(--font-size-subtitle-1);\n  font-weight: var(--font-weight-subtitle-1);\n  line-height: var(--line-height-subtitle-1);\n  letter-spacing: var(--letter-spacing-subtitle-1);\n  text-transform: var(--text-transform-subtitle);\n  margin-bottom: var(--editorial-subtitle-margin-bottom);\n  display: block;\n  overflow-wrap: break-word;\n"])));
-var PromoWithTagsText = /*#__PURE__*/styled__default.div(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-family: var(--font-family-body);\n  font-feature-settings: var(--font-feature-settings-body);\n  font-size: var(--font-size-body-1);\n  font-weight: var(--font-weight-body-1);\n  line-height: var(--line-height-body-1);\n  letter-spacing: var(--letter-spacing-body-1);\n  text-transform: var(--text-transform-body);\n  margin: 0;\n  padding: 0;\n  white-space: break-spaces;\n  overflow-wrap: break-word;\n\n  h5,\n  h6 {\n    margin: 0 0 4px 0;\n    font-family: var(--font-family-subtitle);\n    font-feature-settings: var(--font-feature-settings-subtitle);\n    font-size: var(--font-size-subtitle-2);\n    font-weight: var(--font-weight-subtitle-2);\n    line-height: var(--line-height-subtitle-2);\n    letter-spacing: var(--letter-spacing-subtitle-2);\n    text-transform: var(--text-transform-subtitle);\n    overflow-wrap: break-word;\n  }\n\n  em {\n    font-family: var(--font-family-body-italics);\n  }\n\n  a {\n    text-decoration: underline;\n    cursor: pointer;\n\n    &[href^='tel:'] {\n      text-decoration: none;\n    }\n\n    &:link {\n      color: ", ";\n    }\n\n    &:visited {\n      color: ", ";\n    }\n\n    &:hover {\n      color: ", ";\n    }\n  }\n"])), function (_ref4) {
+var PromoWithTagsSubtitle = /*#__PURE__*/styled__default.span(_templateObject2$L || (_templateObject2$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-family: var(--font-family-subtitle);\n  font-feature-settings: var(--font-feature-settings-subtitle);\n  font-size: var(--font-size-subtitle-1);\n  font-weight: var(--font-weight-subtitle-1);\n  line-height: var(--line-height-subtitle-1);\n  letter-spacing: var(--letter-spacing-subtitle-1);\n  text-transform: var(--text-transform-subtitle);\n  margin-bottom: var(--editorial-subtitle-margin-bottom);\n  display: block;\n  overflow-wrap: break-word;\n"])));
+var PromoWithTagsText = /*#__PURE__*/styled__default.div(_templateObject3$D || (_templateObject3$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-family: var(--font-family-body);\n  font-feature-settings: var(--font-feature-settings-body);\n  font-size: var(--font-size-body-1);\n  font-weight: var(--font-weight-body-1);\n  line-height: var(--line-height-body-1);\n  letter-spacing: var(--letter-spacing-body-1);\n  text-transform: var(--text-transform-body);\n  margin: 0;\n  padding: 0;\n  white-space: break-spaces;\n  overflow-wrap: break-word;\n\n  h5,\n  h6 {\n    margin: 0 0 4px 0;\n    font-family: var(--font-family-subtitle);\n    font-feature-settings: var(--font-feature-settings-subtitle);\n    font-size: var(--font-size-subtitle-2);\n    font-weight: var(--font-weight-subtitle-2);\n    line-height: var(--line-height-subtitle-2);\n    letter-spacing: var(--letter-spacing-subtitle-2);\n    text-transform: var(--text-transform-subtitle);\n    overflow-wrap: break-word;\n  }\n\n  em {\n    font-family: var(--font-family-body-italics);\n  }\n\n  a {\n    text-decoration: underline;\n    cursor: pointer;\n\n    &[href^='tel:'] {\n      text-decoration: none;\n    }\n\n    &:link {\n      color: ", ";\n    }\n\n    &:visited {\n      color: ", ";\n    }\n\n    &:hover {\n      color: ", ";\n    }\n  }\n"])), function (_ref4) {
   var theme = _ref4.theme;
   return theme.colors.black;
 }, function (_ref5) {
@@ -7890,21 +7965,21 @@ var PromoWithTags = function PromoWithTags(_ref) {
   }))));
 };
 
-var _templateObject$11, _templateObject2$L, _templateObject3$D, _templateObject4$w, _templateObject5$p, _templateObject6$h, _templateObject7$e;
+var _templateObject$12, _templateObject2$M, _templateObject3$E, _templateObject4$w, _templateObject5$p, _templateObject6$h, _templateObject7$e;
 var LENGTH_TEXT$2 = 28;
 var LENGTH_TEXT_TABLET$2 = 10;
-var PromoWithTitleGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$11 || (_templateObject$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-template-areas: ", ";\n\n  @media ", " {\n    & {\n      grid-template-areas: ", ";\n    }\n  }\n\n  @media ", " {\n    & {\n      grid-template-columns: var(--grid-margin) minmax(0, 1fr) var(--grid-margin);\n      grid-template-rows: min-content 24px min-content;\n      gap: 0;\n      grid-template-areas:\n        'row1 row1 row1'\n        '. . .'\n        '. row2 .';\n    }\n  }\n"])), function (_ref) {
+var PromoWithTitleGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$12 || (_templateObject$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-template-areas: ", ";\n\n  @media ", " {\n    & {\n      grid-template-areas: ", ";\n    }\n  }\n\n  @media ", " {\n    & {\n      grid-template-columns: var(--grid-margin) minmax(0, 1fr) var(--grid-margin);\n      grid-template-rows: min-content 24px min-content;\n      gap: 0;\n      grid-template-areas:\n        'row1 row1 row1'\n        '. . .'\n        '. row2 .';\n    }\n  }\n"])), function (_ref) {
   var imageToLeft = _ref.imageToLeft;
   return imageToLeft ? "'left left left left left left left left . right right right right right . .'" : "'. . left left left left left . right right right right right right right right'";
 }, devices.tablet, function (_ref2) {
   var imageToLeft = _ref2.imageToLeft;
   return imageToLeft ? "'left left left left left left left right right right right right right .'" : "'. left left left left left left right right right right right right right'";
 }, devices.mobile);
-var PromoWithTitleImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$L || (_templateObject2$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-area: ", ";\n  align-self: center;\n  @media ", " {\n    & {\n      grid-area: row1;\n    }\n  }\n"])), function (_ref3) {
+var PromoWithTitleImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$M || (_templateObject2$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-area: ", ";\n  align-self: center;\n  @media ", " {\n    & {\n      grid-area: row1;\n    }\n  }\n"])), function (_ref3) {
   var imageToLeft = _ref3.imageToLeft;
   return imageToLeft ? 'left' : 'right';
 }, devices.mobile);
-var PromoWithTitleContentWrapper = /*#__PURE__*/styled__default.div(_templateObject3$D || (_templateObject3$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-area: ", ";\n  align-self: center;\n  @media ", " {\n    & {\n      grid-area: row2;\n      align-self: start;\n    }\n  }\n"])), function (_ref4) {
+var PromoWithTitleContentWrapper = /*#__PURE__*/styled__default.div(_templateObject3$E || (_templateObject3$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-area: ", ";\n  align-self: center;\n  @media ", " {\n    & {\n      grid-area: row2;\n      align-self: start;\n    }\n  }\n"])), function (_ref4) {
   var imageToLeft = _ref4.imageToLeft;
   return imageToLeft ? 'right' : 'left';
 }, devices.mobile);
@@ -8007,8 +8082,8 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
   }, primaryButton ? /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, restPrimaryButton), primaryButtonTextTruncate) : null, tertiaryButton ? /*#__PURE__*/React__default.createElement(Button$1, Object.assign({}, restTertiaryButton), tertiaryButtonTextTruncate) : null) : null));
 };
 
-var _templateObject$12;
-var SectionTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject$12 || (_templateObject$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin: 30px 0;\n\n  & > div {\n    row-gap: 0;\n  }\n\n  & h1,\n  & h2 {\n    margin: 16px 0;\n    white-space: pre-wrap;\n  }\n\n  @media ", " {\n    & h1,\n    & h2 {\n      margin: 12px 0;\n    }\n  }\n\n  & div {\n    font-size: var(--font-size-title-description);\n    line-height: var(--line-height-title-description);\n    margin-block-start: 0;\n  }\n"])), devices.mobile);
+var _templateObject$13;
+var SectionTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject$13 || (_templateObject$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin: 30px 0;\n\n  & > div {\n    row-gap: 0;\n  }\n\n  & h1,\n  & h2 {\n    margin: 16px 0;\n    white-space: pre-wrap;\n  }\n\n  @media ", " {\n    & h1,\n    & h2 {\n      margin: 12px 0;\n    }\n  }\n\n  & div {\n    font-size: var(--font-size-title-description);\n    line-height: var(--line-height-title-description);\n    margin-block-start: 0;\n  }\n"])), devices.mobile);
 
 var SectionTitle = function SectionTitle(_ref) {
   var title = _ref.title,
@@ -8034,8 +8109,8 @@ var SectionTitle = function SectionTitle(_ref) {
   }, description))));
 };
 
-var _templateObject$13, _templateObject2$M, _templateObject3$E, _templateObject4$x, _templateObject5$q, _templateObject6$i, _templateObject7$f, _templateObject8$b, _templateObject9$6, _templateObject10$6, _templateObject11$4;
-var stateStyles = /*#__PURE__*/styled.css(_templateObject$13 || (_templateObject$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  &:focus,\n  &.focus {\n    outline: ", ";\n  }\n\n  &.disabled {\n    background-color: ", ";\n    color: ", ";\n    pointer-events: none;\n    cursor: none;\n  }\n"])), function (_ref) {
+var _templateObject$14, _templateObject2$N, _templateObject3$F, _templateObject4$x, _templateObject5$q, _templateObject6$i, _templateObject7$f, _templateObject8$b, _templateObject9$6, _templateObject10$6, _templateObject11$4;
+var stateStyles = /*#__PURE__*/styled.css(_templateObject$14 || (_templateObject$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  &:focus,\n  &.focus {\n    outline: ", ";\n  }\n\n  &.disabled {\n    background-color: ", ";\n    color: ", ";\n    pointer-events: none;\n    cursor: none;\n  }\n"])), function (_ref) {
   var theme = _ref.theme;
   return "3px solid " + theme.colors.lapisLazuli;
 }, function (_ref2) {
@@ -8045,11 +8120,11 @@ var stateStyles = /*#__PURE__*/styled.css(_templateObject$13 || (_templateObject
   var theme = _ref3.theme;
   return theme.colors.lightgrey;
 });
-var borderStyles = /*#__PURE__*/styled.css(_templateObject2$M || (_templateObject2$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  border-radius: 0;\n  outline: 1px solid ", ";\n"])), function (_ref4) {
+var borderStyles = /*#__PURE__*/styled.css(_templateObject2$N || (_templateObject2$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  border-radius: 0;\n  outline: 1px solid ", ";\n"])), function (_ref4) {
   var theme = _ref4.theme;
   return theme.colors.darkgrey;
 });
-var noMarginAndPaddingStyles = /*#__PURE__*/styled.css(_templateObject3$E || (_templateObject3$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin: 0;\n  padding: 0;\n"])));
+var noMarginAndPaddingStyles = /*#__PURE__*/styled.css(_templateObject3$F || (_templateObject3$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin: 0;\n  padding: 0;\n"])));
 var listItemStyles = /*#__PURE__*/styled.css(_templateObject4$x || (_templateObject4$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  list-style: none;\n  user-select: none;\n"])));
 var ArrowIcon = /*#__PURE__*/styled__default(Icon).attrs(function (_ref5) {
   var theme = _ref5.theme;
@@ -8456,8 +8531,8 @@ function Select(_ref3) {
   }))), /*#__PURE__*/React__default.createElement(ArrowIcon, null)));
 }
 
-var _templateObject$14;
-var TextContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$14 || (_templateObject$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-size: var(--font-size-body-1);\n  font-family: var(--font-family-body);\n  font-feature-settings: var(--font-feature-settings-body);\n  font-weight: var(--font-weight-body-1);\n  letter-spacing: var(--letter-spacing-body-1);\n  line-height: var(--line-height-body-1);\n  text-transform: var(--text-transform-body);\n\n  & h1,\n  h2,\n  h3,\n  h4 {\n    font-size: var(--font-size-header-4);\n    font-family: var(--font-family-header);\n    font-feature-settings: var(--font-feature-settings-header);\n    font-weight: var(--font-weight-header-4);\n    letter-spacing: var(--letter-spacing-header-4);\n    line-height: var(--line-height-header-4);\n    text-transform: var(--text-transform-header);\n    white-space: break-spaces;\n    overflow-wrap: break-word;\n    margin: 80px 0 16px;\n\n    @media ", " {\n      margin-top: 60px;\n    }\n\n    + p {\n      margin-top: 0px;\n    }\n  }\n\n  & h5,\n  h6 {\n    font-size: var(--font-size-subtitle-1);\n    font-family: var(--font-family-subtitle);\n    font-feature-settings: var(--font-feature-settings-subtitle);\n    font-weight: var(--font-weight-subtitle-1);\n    letter-spacing: var(--letter-spacing-subtitle-1);\n    line-height: var(--line-height-subtitle-1);\n    text-transform: var(--text-transform-subtitle);\n    white-space: break-spaces;\n    overflow-wrap: break-word;\n    margin: 80px 0 16px;\n\n    @media ", " {\n      margin-top: 60px;\n    }\n\n    + p {\n      margin-top: 10px;\n    }\n  }\n\n  & a {\n    color: ", ";\n    text-decoration: underline;\n    cursor: pointer;\n  }\n\n  p {\n    margin: 30px 0;\n  }\n\n  & em {\n    font-family: var(--font-family-body-italics);\n  }\n\n  & strong {\n    font-weight: bold;\n  }\n\n  & u {\n    font-size: var(--font-size-body-1);\n    font-family: var(--font-family-body);\n  }\n\n  & ul {\n    padding: 0;\n    list-style: none;\n    margin: 0 0 0 30px;\n\n    li {\n      text-indent: -20px;\n      line-height: var(--line-height-listing);\n    }\n  }\n\n  & ol {\n    padding: 0;\n    margin: 0 0 0 20px;\n\n    li {\n      line-height: var(--line-height-listing);\n    }\n  }\n\n  & ul > li:before {\n    display: inline-block;\n    content: '\u2014';\n    width: 0px;\n    margin-left: 12px;\n    margin-right: 8px;\n  }\n"])), devices.mobileAndTablet, devices.mobileAndTablet, function (_ref) {
+var _templateObject$15;
+var TextContainer$2 = /*#__PURE__*/styled__default.div(_templateObject$15 || (_templateObject$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-size: var(--font-size-body-1);\n  font-family: var(--font-family-body);\n  font-feature-settings: var(--font-feature-settings-body);\n  font-weight: var(--font-weight-body-1);\n  letter-spacing: var(--letter-spacing-body-1);\n  line-height: var(--line-height-body-1);\n  text-transform: var(--text-transform-body);\n\n  & h1,\n  h2,\n  h3,\n  h4 {\n    font-size: var(--font-size-header-4);\n    font-family: var(--font-family-header);\n    font-feature-settings: var(--font-feature-settings-header);\n    font-weight: var(--font-weight-header-4);\n    letter-spacing: var(--letter-spacing-header-4);\n    line-height: var(--line-height-header-4);\n    text-transform: var(--text-transform-header);\n    white-space: break-spaces;\n    overflow-wrap: break-word;\n    margin: 80px 0 16px;\n\n    @media ", " {\n      margin-top: 60px;\n    }\n\n    + p {\n      margin-top: 0px;\n    }\n  }\n\n  & h5,\n  h6 {\n    font-size: var(--font-size-subtitle-1);\n    font-family: var(--font-family-subtitle);\n    font-feature-settings: var(--font-feature-settings-subtitle);\n    font-weight: var(--font-weight-subtitle-1);\n    letter-spacing: var(--letter-spacing-subtitle-1);\n    line-height: var(--line-height-subtitle-1);\n    text-transform: var(--text-transform-subtitle);\n    white-space: break-spaces;\n    overflow-wrap: break-word;\n    margin: 80px 0 16px;\n\n    @media ", " {\n      margin-top: 60px;\n    }\n\n    + p {\n      margin-top: 10px;\n    }\n  }\n\n  & a {\n    color: ", ";\n    text-decoration: underline;\n    cursor: pointer;\n  }\n\n  p {\n    margin: 30px 0;\n  }\n\n  & em {\n    font-family: var(--font-family-body-italics);\n  }\n\n  & strong {\n    font-weight: bold;\n  }\n\n  & u {\n    font-size: var(--font-size-body-1);\n    font-family: var(--font-family-body);\n  }\n\n  & ul {\n    padding: 0;\n    list-style: none;\n    margin: 0 0 0 30px;\n\n    li {\n      text-indent: -20px;\n      line-height: var(--line-height-listing);\n    }\n  }\n\n  & ol {\n    padding: 0;\n    margin: 0 0 0 20px;\n\n    li {\n      line-height: var(--line-height-listing);\n    }\n  }\n\n  & ul > li:before {\n    display: inline-block;\n    content: '\u2014';\n    width: 0px;\n    margin-left: 12px;\n    margin-right: 8px;\n  }\n"])), devices.mobileAndTablet, devices.mobileAndTablet, function (_ref) {
   var theme = _ref.theme;
   return theme.colors.primary;
 });
@@ -8485,8 +8560,8 @@ var TextOnly = function TextOnly(_ref) {
   })));
 };
 
-var _templateObject$15, _templateObject2$N;
-var Wrapper$6 = /*#__PURE__*/styled__default.div(_templateObject$15 || (_templateObject$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  width: fit-content;\n\n  ", " {\n    height: calc(100% - 12px - var(--line-height-body-2));\n    @supports not (aspect-ratio: ", ") {\n      width: ", ";\n    }\n  }\n"])), ImageAspectRatioWrapper, function (_ref) {
+var _templateObject$16, _templateObject2$O;
+var Wrapper$6 = /*#__PURE__*/styled__default.div(_templateObject$16 || (_templateObject$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  width: fit-content;\n\n  ", " {\n    height: calc(100% - 12px - var(--line-height-body-2));\n    @supports not (aspect-ratio: ", ") {\n      width: ", ";\n    }\n  }\n"])), ImageAspectRatioWrapper, function (_ref) {
   var _ref$aspectRatio = _ref.aspectRatio,
       aspectRatio = _ref$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref$aspectRatio;
   return aspectRatio;
@@ -8496,7 +8571,7 @@ var Wrapper$6 = /*#__PURE__*/styled__default.div(_templateObject$15 || (_templat
       height = _ref2.height;
   return "calc(calc(" + height + "px - 12px - var(--line-height-body-2)) * " + AspectRatioWidth[aspectRatio] + ")";
 });
-var CaptionWrapper = /*#__PURE__*/styled__default.div(_templateObject2$N || (_templateObject2$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-top: 12px;\n  height: var(--line-height-body-2);\n  font-family: var(--font-family-body);\n  font-feature-settings: var(--font-feature-settings-body);\n  font-size: var(--font-size-body-2);\n  font-weight: var(--font-weight-body-2);\n  letter-spacing: var(--letter-spacing-body-2);\n  line-height: var(--line-height-body-2);\n  text-transform: var(--text-transform-body-2);\n  word-break: var(--word-break-body-2);\n  font-style: italic;\n"])));
+var CaptionWrapper = /*#__PURE__*/styled__default.div(_templateObject2$O || (_templateObject2$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-top: 12px;\n  height: var(--line-height-body-2);\n  font-family: var(--font-family-body);\n  font-feature-settings: var(--font-feature-settings-body);\n  font-size: var(--font-size-body-2);\n  font-weight: var(--font-weight-body-2);\n  letter-spacing: var(--letter-spacing-body-2);\n  line-height: var(--line-height-body-2);\n  text-transform: var(--text-transform-body-2);\n  word-break: var(--word-break-body-2);\n  font-style: italic;\n"])));
 
 var ImageWithCaption = function ImageWithCaption(_ref) {
   var caption = _ref.caption,
@@ -8534,13 +8609,13 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
   }, children), /*#__PURE__*/React__default.createElement(CaptionWrapper, null, caption));
 };
 
-var _templateObject$16, _templateObject2$O, _templateObject3$F;
-var TextWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$16 || (_templateObject$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  h4 {\n    margin: 0;\n  }\n"])));
-var AttributionWrapper = /*#__PURE__*/styled__default.div(_templateObject2$O || (_templateObject2$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref) {
+var _templateObject$17, _templateObject2$P, _templateObject3$G;
+var TextWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$17 || (_templateObject$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  h4 {\n    margin: 0;\n  }\n"])));
+var AttributionWrapper = /*#__PURE__*/styled__default.div(_templateObject2$P || (_templateObject2$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref) {
   var displayAttribution = _ref.displayAttribution;
   return "display: " + (displayAttribution ? 'block' : 'none') + ";";
 });
-var Line$1 = /*#__PURE__*/styled__default.div(_templateObject3$F || (_templateObject3$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  background-color: var(--base-color-black);\n  height: 2px;\n  width: 62px;\n  margin: 32px 0;\n\n  @media ", " {\n    height: 1px;\n    width: 46px;\n    margin: 24px 0;\n  }\n"])), devices.mobile);
+var Line$1 = /*#__PURE__*/styled__default.div(_templateObject3$G || (_templateObject3$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  background-color: var(--base-color-black);\n  height: 2px;\n  width: 62px;\n  margin: 32px 0;\n\n  @media ", " {\n    height: 1px;\n    width: 46px;\n    margin: 24px 0;\n  }\n"])), devices.mobile);
 
 var Quote = function Quote(_ref) {
   var text = _ref.text,
@@ -8564,10 +8639,10 @@ var Quote = function Quote(_ref) {
   }, attribution))));
 };
 
-var _templateObject$17, _templateObject2$P, _templateObject3$G, _templateObject4$y, _templateObject5$r, _templateObject6$j;
-var CardContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$17 || (_templateObject$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  cursor: pointer;\n  width: 100%;\n  display: grid;\n  grid-template-columns: repeat(7, minmax(0, 1fr));\n  gap: 15px;\n  min-height: 50px;\n"])));
-var ContentContainer$3 = /*#__PURE__*/styled__default.div(_templateObject2$P || (_templateObject2$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n"])));
-var StyledImage = /*#__PURE__*/styled__default.img(_templateObject3$G || (_templateObject3$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  border: 1px solid var(--base-color-white);\n"])));
+var _templateObject$18, _templateObject2$Q, _templateObject3$H, _templateObject4$y, _templateObject5$r, _templateObject6$j;
+var CardContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$18 || (_templateObject$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  cursor: pointer;\n  width: 100%;\n  display: grid;\n  grid-template-columns: repeat(7, minmax(0, 1fr));\n  gap: 15px;\n  min-height: 50px;\n"])));
+var ContentContainer$3 = /*#__PURE__*/styled__default.div(_templateObject2$Q || (_templateObject2$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n"])));
+var StyledImage = /*#__PURE__*/styled__default.img(_templateObject3$H || (_templateObject3$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  border: 1px solid var(--base-color-white);\n"])));
 var ImageWrapper = /*#__PURE__*/styled__default.div(_templateObject4$y || (_templateObject4$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n"])));
 var IconWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject5$r || (_templateObject5$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  background: rgba(0, 0, 0, 0.4);\n  position: absolute;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  span {\n    width: 40px;\n    height: 40px;\n    @media ", " {\n      width: 24px;\n      height: 24px;\n    }\n    @media ", " {\n      width: 18px;\n      height: 18px;\n    }\n  }\n"])), devices.tablet, devices.mobile);
 var TitleWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject6$j || (_templateObject6$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-top: 8px;\n  div {\n    @media ", " {\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n  }\n"])), devices.mobile);
@@ -8696,9 +8771,9 @@ var LiveChat = function LiveChat() {
   });
 };
 
-var _templateObject$18, _templateObject2$Q;
-var StickyBarWrapper = /*#__PURE__*/styled__default.div(_templateObject$18 || (_templateObject$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  top: 0;\n  position: sticky;\n  z-index: ", ";\n  background-color: var(--base-color-white);\n"])), zIndexes.anchor);
-var StickyBarGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$Q || (_templateObject2$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  border-bottom: 2px solid var(--base-color-lightgrey);\n  padding: 28px 0 26px;\n\n  @media ", " {\n    padding: 24px 0 28px;\n  }\n\n  @media ", " {\n    border-bottom: none;\n  }\n"])), devices.mobileAndTablet, devices.mobile);
+var _templateObject$19, _templateObject2$R;
+var StickyBarWrapper = /*#__PURE__*/styled__default.div(_templateObject$19 || (_templateObject$19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  top: 0;\n  position: sticky;\n  z-index: ", ";\n  background-color: var(--base-color-white);\n"])), zIndexes.anchor);
+var StickyBarGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$R || (_templateObject2$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  border-bottom: 2px solid var(--base-color-lightgrey);\n  padding: 28px 0 26px;\n\n  @media ", " {\n    padding: 24px 0 28px;\n  }\n\n  @media ", " {\n    border-bottom: none;\n  }\n"])), devices.mobileAndTablet, devices.mobile);
 
 var StickyBar = function StickyBar(_ref) {
   var _ref$columnStartDeskt = _ref.columnStartDesktop,
@@ -8720,9 +8795,9 @@ var StickyBar = function StickyBar(_ref) {
   }, children)));
 };
 
-var _templateObject$19, _templateObject3$H;
-var CarouselWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject$19 || (_templateObject$19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  user-select: none;\n\n  .swiper-wrapper {\n    height: 100%;\n  }\n  .swiper-slide {\n    height: unset;\n  }\n\n  display: flex;\n"])));
-var ButtonsWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$H || (_templateObject3$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  margin-left: 6px;\n"])));
+var _templateObject$1a, _templateObject3$I;
+var CarouselWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject$1a || (_templateObject$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  user-select: none;\n\n  .swiper-wrapper {\n    height: 100%;\n  }\n  .swiper-slide {\n    height: unset;\n  }\n\n  display: flex;\n"])));
+var ButtonsWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$I || (_templateObject3$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  margin-left: 6px;\n"])));
 
 var MinimalCarousel = function MinimalCarousel(_ref) {
   var children = _ref.children;
@@ -8784,8 +8859,8 @@ var MinimalCarousel = function MinimalCarousel(_ref) {
   })));
 };
 
-var _templateObject$1a;
-var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_templateObject$1a || (_templateObject$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  html {\n    --base-color-primary: ", ";\n    --base-color-core: ", ";\n    --base-color-stream: ", ";\n    --base-color-cinema: ", ";\n    --base-color-white: ", ";\n    --base-color-black: ", ";\n    --base-color-dark-grey: ", ";\n    --base-color-mid-grey: ", ";\n    --base-color-light-grey: ", ";\n    --error-color-state: ", ";\n    --medium-color-state: ", ";\n    --good-color-state: ", ";\n    --base-color-darkgrey: ", ";\n    --base-color-midgrey: ", ";\n    --base-color-lightgrey: ", ";\n    --base-color-transparent: transparent;\n    --base-color-errorstate: ", ";\n    --base-color-mediumstate: ", ";\n    --base-color-goodstate: ", ";\n    --base-color-progress: ", ";\n    --base-color-navigation: ", ";\n    --base-color-lapislazuli: ", ";\n    --base-color-lemonchiffon: ", ";\n\n    --button-height: ", ";\n    --button-line-height: ", ";\n    --button-padding-x: ", ";\n    --button-padding-y: ", ";\n    --button-padding-y-icon: ", ";\n    --button-icon-margin: ", ";\n    --button-icon-width: ", ";\n    --button-icon-height: ", ";\n    --button-font-size: ", ";\n    --button-font-weight: ", ";\n\n    --font-size-header-1: ", ";\n    --font-weight-header-1: ", ";\n    --letter-spacing-header-1: ", ";\n    --line-height-header-1: ", ";\n    --margin-header-1: ", ";\n\n    --font-size-header-2: ", ";\n    --font-weight-header-2: ", ";\n    --letter-spacing-header-2: ", ";\n    --line-height-header-2: ", ";\n    --margin-header-2: ", ";\n\n    --font-size-header-3: ", ";\n    --font-weight-header-3: ", ";\n    --letter-spacing-header-3: ", ";\n    --line-height-header-3: ", ";\n    --margin-header-3: ", ";\n\n    --font-size-header-4: ", ";\n    --font-weight-header-4: ", ";\n    --letter-spacing-header-4: ", ";\n    --line-height-header-4: ", ";\n    --margin-header-4: ", ";\n\n    --font-size-header-5: ", ";\n    --font-weight-header-5: ", ";\n    --letter-spacing-header-5: ", ";\n    --line-height-header-5: ", ";\n    --margin-header-5: ", ";\n\n    --font-size-header-6: ", ";\n    --font-weight-header-6: ", ";\n    --letter-spacing-header-6: ", ";\n    --line-height-header-6: ", ";\n    --margin-header-6: ", ";\n\n    --font-size-altHeader-3: ", ";\n    --font-weight-altHeader-3: ", ";\n    --letter-spacing-altHeader-3: ", ";\n    --line-height-altHeader-3: ", ";\n\n    --font-size-altHeader-4: ", ";\n    --font-weight-altHeader-4: ", ";\n    --letter-spacing-altHeader-4: ", ";\n    --line-height-altHeader-4: ", ";\n\n    --font-size-altHeader-5: ", ";\n    --font-weight-altHeader-5: ", ";\n    --letter-spacing-altHeader-5: ", ";\n    --line-height-altHeader-5: ", ";\n\n    --font-size-altHeader-6: ", ";\n    --font-weight-altHeader-6: ", ";\n    --letter-spacing-altHeader-6: ", ";\n    --line-height-altHeader-6: ", ";\n\n    --font-size-overline-1: ", ";\n    --font-weight-overline-1: ", ";\n    --letter-spacing-overline-1: ", ";\n    --line-height-overline-1: ", ";\n\n    --font-size-overline-2: ", ";\n    --font-weight-overline-2: ", ";\n    --letter-spacing-overline-2: ", ";\n    --line-height-overline-2: ", ";\n\n    --font-size-overline-3: ", ";\n    --font-weight-overline-3: ", ";\n    --letter-spacing-overline-3: ", ";\n    --line-height-overline-3: ", "; \n\n    --font-size-overline-4: ", ";\n    --font-weight-overline-4: ", ";\n    --letter-spacing-overline-4: ", ";\n    --line-height-overline-4: ", ";\n\n    --font-size-body-1: ", ";\n    --font-weight-body-1: ", ";\n    --letter-spacing-body-1: ", ";\n    --line-height-body-1: ", ";\n\n    --font-size-body-2: ", ";\n    --font-weight-body-2: ", ";\n    --letter-spacing-body-2: ", ";\n    --line-height-body-2: ", ";\n\n    --font-size-body-3: ", ";\n    --font-weight-body-3: ", ";\n    --letter-spacing-body-3: ", ";\n    --line-height-body-3: ", ";\n\n    --font-size-subtitle-1: ", ";\n    --font-weight-subtitle-1: ", ";\n    --letter-spacing-subtitle-1: ", ";\n    --line-height-subtitle-1: ", ";\n    \n    --font-size-subtitle-2: ", ";\n    --font-weight-subtitle-2: ", ";\n    --letter-spacing-subtitle-2: ", ";\n    --line-height-subtitle-2: ", ";\n\n    --font-size-title-description: ", ";\n    --line-height-title-description: ", ";\n    --line-height-listing: ", ";\n    --font-size-individual-listing-name: ", ";\n    --line-height-individual-listing-name: ", ";\n    --line-height-people-listing-gap: ", ";\n\n    --font-family-header: ", ";\n    --font-family-altHeader: ", ";\n    --font-family-body: ", ";\n    --font-family-body-italics: ", ";\n    --font-family-buttons: ", ";\n    --font-family-overline: ", ";\n    --font-family-subtitle: ", ";\n    --font-family-people-listing-role: ", ";\n    --font-family-people-listing-name: ", ";\n\n    --font-feature-settings-header: ", ";\n    --font-feature-settings-altHeader: ", ";\n    --font-feature-settings-overline: ", ";\n    --font-feature-settings-subtitle: ", ";\n    --font-feature-settings-body: ", ";\n    --font-feature-settings-navigation: ", ";\n\n    --text-transform-header: ", ";\n    --text-transform-altHeader: ", ";\n    --text-transform-body: ", ";\n    --text-transform-overline: ", ";\n    --text-transform-subtitle ", ";\n\n    --word-break-header: ", ";\n    --word-break-altHeader: ", ";\n    --word-break-body: ", ";\n    --word-break-overline: ", ";\n    --word-break-subtitle: ", ";\n\n    --font-family-navigation: ", ";\n    --font-size-navigation: ", ";\n    --font-weight-navigation: ", ";\n    --line-height-navigation: ", ";\n    --text-transform-navigation: ", ";\n    --letter-spacing-navigation: ", ";\n\n    --navigation-small-gap: ", ";\n    --navigation-middle-gap: ", ";\n    --navigation-large-gap: ", ";\n    --navigation-xlarge-gap: ", ";\n    --navigation-large-margin: ", ";\n\n    --rotator-button-width: ", ";\n    --rotator-button-icon-width: ", ";\n\n    --font-size-search: ", ";\n    --font-family-search: ", ";\n\n    --grid-margin: ", ";\n    --grid-outer-margin: ", ";\n    --grid-template-columns: calc(", " - ", ") calc(", " - ", " - ", ") repeat(12, minmax(0,1fr)) calc(", " - ", " - ", ") calc(", " - ", ");\n    --grid-column-gap: ", ";\n    --grid-margin: 0;\n\n    --footer-height: ", ";\n    --footer-padding-top: ", ";\n    --footer-padding-bottom: ", ";\n    --footer-items-gap: ", ";\n    --footer-media-gap: ", ";\n    --footer-media-icon-width: ", ";\n    --footer-media-icon-height: ", ";\n    --footer-vertical-spacing-lg: ", ";\n    --footer-vertical-spacing-sm: ", ";\n\n    --text-link-underline-offset: ", ";\n\n    --cards-spacing-stack: ", ";\n\n    --editorial-subtitle-margin-bottom: ", ";\n    --editorial-margin-between: ", ";\n    --editorial-spacing-hover: ", ";\n    --anchor-tabs-height: 70px;\n    \n\n    @media ", " {\n\n      --font-size-header-1: ", ";\n      --font-weight-header-1: ", ";\n      --letter-spacing-header-1: ", ";\n      --line-height-header-1: ", ";\n  \n      --font-size-header-2: ", ";\n      --font-weight-header-2: ", ";\n      --letter-spacing-header-2: ", ";\n      --line-height-header-2: ", ";\n  \n      --font-size-header-3: ", ";\n      --font-weight-header-3: ", ";\n      --letter-spacing-header-3: ", ";\n      --line-height-header-3: ", ";\n  \n      --font-size-header-4: ", ";\n      --font-weight-header-4: ", ";\n      --letter-spacing-header-4: ", ";\n      --line-height-header-4: ", ";\n  \n      --font-size-header-5: ", ";\n      --font-weight-header-5: ", ";\n      --letter-spacing-header-5: ", ";\n      --line-height-header-5: ", ";\n  \n      --font-size-header-6: ", ";\n      --font-weight-header-6: ", ";\n      --letter-spacing-header-6: ", ";\n      --line-height-header-6: ", ";\n  \n      --font-size-altHeader-3: ", ";\n      --font-weight-altHeader-3: ", ";\n      --letter-spacing-altHeader-3: ", ";\n      --line-height-altHeader-3: ", ";\n  \n      --font-size-altHeader-4: ", ";\n      --font-weight-altHeader-4: ", ";\n      --letter-spacing-altHeader-4: ", ";\n      --line-height-altHeader-4: ", ";\n  \n      --font-size-altHeader-5: ", ";\n      --font-weight-altHeader-5: ", ";\n      --letter-spacing-altHeader-5: ", ";\n      --line-height-altHeader-5: ", ";\n  \n      --font-size-altHeader-6: ", ";\n      --font-weight-altHeader-6: ", ";\n      --letter-spacing-altHeader-6: ", ";\n      --line-height-altHeader-6: ", ";\n  \n      --font-size-overline-1: ", ";\n      --font-weight-overline-1: ", ";\n      --letter-spacing-overline-1: ", ";\n      --line-height-overline-1: ", ";\n  \n      --font-size-overline-2: ", ";\n      --font-weight-overline-2: ", ";\n      --letter-spacing-overline-2: ", ";\n      --line-height-overline-2: ", ";\n  \n      --font-size-body-1: ", ";\n      --font-weight-body-1: ", ";\n      --letter-spacing-body-1: ", ";\n      --line-height-body-1: ", ";\n  \n      --font-size-body-2: ", ";\n      --font-weight-body-2: ", ";\n      --letter-spacing-body-2: ", ";\n      --line-height-body-2: ", ";\n  \n      --font-size-body-3: ", ";\n      --font-weight-body-3: ", ";\n      --letter-spacing-body-3: ", ";\n      --line-height-body-3: ", ";\n  \n      --font-size-subtitle-1: ", ";\n      --font-weight-subtitle-1: ", ";\n      --letter-spacing-subtitle-1: ", ";\n      --line-height-subtitle-1: ", ";\n      \n      --font-size-subtitle-2: ", ";\n      --font-weight-subtitle-2: ", ";\n      --letter-spacing-subtitle-2: ", ";\n      --line-height-subtitle-2: ", ";\n\n      --font-size-title-description: ", ";\n      --line-height-title-description: ", ";\n      --line-height-people-listing-gap: ", ";\n\n      --font-size-search: ", ";\n      --font-family-search: ", ";\n\n      --font-family-header: ", ";\n      --font-family-altHeader: ", ";\n      --font-family-body: ", ";\n      --font-family-body-italics: ", ";\n      --font-family-buttons: ", ";\n      --font-family-overline: ", ";\n      --font-family-subtitle: ", ";\n      --font-family-people-listing-role: ", ";\n      --font-family-people-listing-name: ", ";\n  \n      --font-feature-settings-header: ", ";\n      --font-feature-settings-altHeader: ", ";\n      --font-feature-settings-overline: ", ";\n      --font-feature-settings-subtitle: ", ";\n      --font-feature-settings-body: ", ";\n      --font-feature-settings-navigation: ", ";\n  \n      --text-transform-header: ", ";\n      --text-transform-altHeader: ", ";\n      --text-transform-body: ", ";\n      --text-transform-overline: ", ";\n      --text-transform-subtitle ", ";\n  \n      --word-break-header: ", ";\n      --word-break-altHeader: ", ";\n      --word-break-body: ", ";\n      --word-break-overline: ", ";\n      --word-break-subtitle: ", ";\n  \n      --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n      --grid-column-gap: ", ";\n      --grid-margin: ", ";\n\n      --footer-height: ", ";\n      --footer-padding-top: ", ";\n      --footer-padding-bottom: ", ";\n      --footer-items-gap: ", ";\n      --footer-media-gap: ", ";\n      --footer-media-icon-width: ", ";\n      --footer-media-icon-height: ", ";\n      --footer-vertical-spacing-lg: ", ";\n      --footer-vertical-spacing-sm: ", ";\n\n      --anchor-tabs-height: 60px;\n      --rotator-button-width: ", ";\n      --rotator-button-icon-width: ", ";\n    }\n\n    @media ", " {\n      --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n      --grid-column-gap: ", ";\n      --grid-margin: ", ";\n      --rotator-button-width: ", ";\n      --rotator-button-icon-width: ", ";\n\n      --font-size-header-6: ", ";\n\n      --font-size-altHeader-4: ", ";\n\n      --font-size-body-1: ", ";\n    }\n\n    @media ", " {\n      \n    }\n\n    @media ", " {\n      \n    }\n  }\n"])), function (_ref) {
+var _templateObject$1b;
+var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_templateObject$1b || (_templateObject$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  html {\n    --base-color-primary: ", ";\n    --base-color-core: ", ";\n    --base-color-stream: ", ";\n    --base-color-cinema: ", ";\n    --base-color-white: ", ";\n    --base-color-black: ", ";\n    --base-color-dark-grey: ", ";\n    --base-color-mid-grey: ", ";\n    --base-color-light-grey: ", ";\n    --error-color-state: ", ";\n    --medium-color-state: ", ";\n    --good-color-state: ", ";\n    --base-color-darkgrey: ", ";\n    --base-color-midgrey: ", ";\n    --base-color-lightgrey: ", ";\n    --base-color-transparent: transparent;\n    --base-color-errorstate: ", ";\n    --base-color-mediumstate: ", ";\n    --base-color-goodstate: ", ";\n    --base-color-progress: ", ";\n    --base-color-navigation: ", ";\n    --base-color-lapislazuli: ", ";\n    --base-color-lemonchiffon: ", ";\n\n    --button-height: ", ";\n    --button-line-height: ", ";\n    --button-padding-x: ", ";\n    --button-padding-y: ", ";\n    --button-padding-y-icon: ", ";\n    --button-icon-margin: ", ";\n    --button-icon-width: ", ";\n    --button-icon-height: ", ";\n    --button-font-size: ", ";\n    --button-font-weight: ", ";\n\n    --font-size-header-1: ", ";\n    --font-weight-header-1: ", ";\n    --letter-spacing-header-1: ", ";\n    --line-height-header-1: ", ";\n    --margin-header-1: ", ";\n\n    --font-size-header-2: ", ";\n    --font-weight-header-2: ", ";\n    --letter-spacing-header-2: ", ";\n    --line-height-header-2: ", ";\n    --margin-header-2: ", ";\n\n    --font-size-header-3: ", ";\n    --font-weight-header-3: ", ";\n    --letter-spacing-header-3: ", ";\n    --line-height-header-3: ", ";\n    --margin-header-3: ", ";\n\n    --font-size-header-4: ", ";\n    --font-weight-header-4: ", ";\n    --letter-spacing-header-4: ", ";\n    --line-height-header-4: ", ";\n    --margin-header-4: ", ";\n\n    --font-size-header-5: ", ";\n    --font-weight-header-5: ", ";\n    --letter-spacing-header-5: ", ";\n    --line-height-header-5: ", ";\n    --margin-header-5: ", ";\n\n    --font-size-header-6: ", ";\n    --font-weight-header-6: ", ";\n    --letter-spacing-header-6: ", ";\n    --line-height-header-6: ", ";\n    --margin-header-6: ", ";\n\n    --font-size-altHeader-3: ", ";\n    --font-weight-altHeader-3: ", ";\n    --letter-spacing-altHeader-3: ", ";\n    --line-height-altHeader-3: ", ";\n\n    --font-size-altHeader-4: ", ";\n    --font-weight-altHeader-4: ", ";\n    --letter-spacing-altHeader-4: ", ";\n    --line-height-altHeader-4: ", ";\n\n    --font-size-altHeader-5: ", ";\n    --font-weight-altHeader-5: ", ";\n    --letter-spacing-altHeader-5: ", ";\n    --line-height-altHeader-5: ", ";\n\n    --font-size-altHeader-6: ", ";\n    --font-weight-altHeader-6: ", ";\n    --letter-spacing-altHeader-6: ", ";\n    --line-height-altHeader-6: ", ";\n\n    --font-size-overline-1: ", ";\n    --font-weight-overline-1: ", ";\n    --letter-spacing-overline-1: ", ";\n    --line-height-overline-1: ", ";\n\n    --font-size-overline-2: ", ";\n    --font-weight-overline-2: ", ";\n    --letter-spacing-overline-2: ", ";\n    --line-height-overline-2: ", ";\n\n    --font-size-overline-3: ", ";\n    --font-weight-overline-3: ", ";\n    --letter-spacing-overline-3: ", ";\n    --line-height-overline-3: ", "; \n\n    --font-size-overline-4: ", ";\n    --font-weight-overline-4: ", ";\n    --letter-spacing-overline-4: ", ";\n    --line-height-overline-4: ", ";\n\n    --font-size-body-1: ", ";\n    --font-weight-body-1: ", ";\n    --letter-spacing-body-1: ", ";\n    --line-height-body-1: ", ";\n\n    --font-size-body-2: ", ";\n    --font-weight-body-2: ", ";\n    --letter-spacing-body-2: ", ";\n    --line-height-body-2: ", ";\n\n    --font-size-body-3: ", ";\n    --font-weight-body-3: ", ";\n    --letter-spacing-body-3: ", ";\n    --line-height-body-3: ", ";\n\n    --font-size-subtitle-1: ", ";\n    --font-weight-subtitle-1: ", ";\n    --letter-spacing-subtitle-1: ", ";\n    --line-height-subtitle-1: ", ";\n    \n    --font-size-subtitle-2: ", ";\n    --font-weight-subtitle-2: ", ";\n    --letter-spacing-subtitle-2: ", ";\n    --line-height-subtitle-2: ", ";\n\n    --font-size-title-description: ", ";\n    --line-height-title-description: ", ";\n    --line-height-listing: ", ";\n    --font-size-individual-listing-name: ", ";\n    --line-height-individual-listing-name: ", ";\n    --line-height-people-listing-gap: ", ";\n\n    --font-family-header: ", ";\n    --font-family-altHeader: ", ";\n    --font-family-body: ", ";\n    --font-family-body-italics: ", ";\n    --font-family-buttons: ", ";\n    --font-family-overline: ", ";\n    --font-family-subtitle: ", ";\n    --font-family-people-listing-role: ", ";\n    --font-family-people-listing-name: ", ";\n\n    --font-feature-settings-header: ", ";\n    --font-feature-settings-altHeader: ", ";\n    --font-feature-settings-overline: ", ";\n    --font-feature-settings-subtitle: ", ";\n    --font-feature-settings-body: ", ";\n    --font-feature-settings-navigation: ", ";\n\n    --text-transform-header: ", ";\n    --text-transform-altHeader: ", ";\n    --text-transform-body: ", ";\n    --text-transform-overline: ", ";\n    --text-transform-subtitle ", ";\n\n    --word-break-header: ", ";\n    --word-break-altHeader: ", ";\n    --word-break-body: ", ";\n    --word-break-overline: ", ";\n    --word-break-subtitle: ", ";\n\n    --font-family-navigation: ", ";\n    --font-size-navigation: ", ";\n    --font-weight-navigation: ", ";\n    --line-height-navigation: ", ";\n    --text-transform-navigation: ", ";\n    --letter-spacing-navigation: ", ";\n\n    --navigation-small-gap: ", ";\n    --navigation-middle-gap: ", ";\n    --navigation-large-gap: ", ";\n    --navigation-xlarge-gap: ", ";\n    --navigation-large-margin: ", ";\n\n    --rotator-button-width: ", ";\n    --rotator-button-icon-width: ", ";\n\n    --font-size-search: ", ";\n    --font-family-search: ", ";\n\n    --grid-margin: ", ";\n    --grid-outer-margin: ", ";\n    --grid-template-columns: calc(", " - ", ") calc(", " - ", " - ", ") repeat(12, minmax(0,1fr)) calc(", " - ", " - ", ") calc(", " - ", ");\n    --grid-column-gap: ", ";\n    --grid-margin: 0;\n\n    --footer-height: ", ";\n    --footer-padding-top: ", ";\n    --footer-padding-bottom: ", ";\n    --footer-items-gap: ", ";\n    --footer-media-gap: ", ";\n    --footer-media-icon-width: ", ";\n    --footer-media-icon-height: ", ";\n    --footer-vertical-spacing-lg: ", ";\n    --footer-vertical-spacing-sm: ", ";\n\n    --text-link-underline-offset: ", ";\n\n    --cards-spacing-stack: ", ";\n\n    --editorial-subtitle-margin-bottom: ", ";\n    --editorial-margin-between: ", ";\n    --editorial-spacing-hover: ", ";\n    --anchor-tabs-height: 70px;\n    \n\n    @media ", " {\n\n      --font-size-header-1: ", ";\n      --font-weight-header-1: ", ";\n      --letter-spacing-header-1: ", ";\n      --line-height-header-1: ", ";\n  \n      --font-size-header-2: ", ";\n      --font-weight-header-2: ", ";\n      --letter-spacing-header-2: ", ";\n      --line-height-header-2: ", ";\n  \n      --font-size-header-3: ", ";\n      --font-weight-header-3: ", ";\n      --letter-spacing-header-3: ", ";\n      --line-height-header-3: ", ";\n  \n      --font-size-header-4: ", ";\n      --font-weight-header-4: ", ";\n      --letter-spacing-header-4: ", ";\n      --line-height-header-4: ", ";\n  \n      --font-size-header-5: ", ";\n      --font-weight-header-5: ", ";\n      --letter-spacing-header-5: ", ";\n      --line-height-header-5: ", ";\n  \n      --font-size-header-6: ", ";\n      --font-weight-header-6: ", ";\n      --letter-spacing-header-6: ", ";\n      --line-height-header-6: ", ";\n  \n      --font-size-altHeader-3: ", ";\n      --font-weight-altHeader-3: ", ";\n      --letter-spacing-altHeader-3: ", ";\n      --line-height-altHeader-3: ", ";\n  \n      --font-size-altHeader-4: ", ";\n      --font-weight-altHeader-4: ", ";\n      --letter-spacing-altHeader-4: ", ";\n      --line-height-altHeader-4: ", ";\n  \n      --font-size-altHeader-5: ", ";\n      --font-weight-altHeader-5: ", ";\n      --letter-spacing-altHeader-5: ", ";\n      --line-height-altHeader-5: ", ";\n  \n      --font-size-altHeader-6: ", ";\n      --font-weight-altHeader-6: ", ";\n      --letter-spacing-altHeader-6: ", ";\n      --line-height-altHeader-6: ", ";\n  \n      --font-size-overline-1: ", ";\n      --font-weight-overline-1: ", ";\n      --letter-spacing-overline-1: ", ";\n      --line-height-overline-1: ", ";\n  \n      --font-size-overline-2: ", ";\n      --font-weight-overline-2: ", ";\n      --letter-spacing-overline-2: ", ";\n      --line-height-overline-2: ", ";\n  \n      --font-size-body-1: ", ";\n      --font-weight-body-1: ", ";\n      --letter-spacing-body-1: ", ";\n      --line-height-body-1: ", ";\n  \n      --font-size-body-2: ", ";\n      --font-weight-body-2: ", ";\n      --letter-spacing-body-2: ", ";\n      --line-height-body-2: ", ";\n  \n      --font-size-body-3: ", ";\n      --font-weight-body-3: ", ";\n      --letter-spacing-body-3: ", ";\n      --line-height-body-3: ", ";\n  \n      --font-size-subtitle-1: ", ";\n      --font-weight-subtitle-1: ", ";\n      --letter-spacing-subtitle-1: ", ";\n      --line-height-subtitle-1: ", ";\n      \n      --font-size-subtitle-2: ", ";\n      --font-weight-subtitle-2: ", ";\n      --letter-spacing-subtitle-2: ", ";\n      --line-height-subtitle-2: ", ";\n\n      --font-size-title-description: ", ";\n      --line-height-title-description: ", ";\n      --line-height-people-listing-gap: ", ";\n\n      --font-size-search: ", ";\n      --font-family-search: ", ";\n\n      --font-family-header: ", ";\n      --font-family-altHeader: ", ";\n      --font-family-body: ", ";\n      --font-family-body-italics: ", ";\n      --font-family-buttons: ", ";\n      --font-family-overline: ", ";\n      --font-family-subtitle: ", ";\n      --font-family-people-listing-role: ", ";\n      --font-family-people-listing-name: ", ";\n  \n      --font-feature-settings-header: ", ";\n      --font-feature-settings-altHeader: ", ";\n      --font-feature-settings-overline: ", ";\n      --font-feature-settings-subtitle: ", ";\n      --font-feature-settings-body: ", ";\n      --font-feature-settings-navigation: ", ";\n  \n      --text-transform-header: ", ";\n      --text-transform-altHeader: ", ";\n      --text-transform-body: ", ";\n      --text-transform-overline: ", ";\n      --text-transform-subtitle ", ";\n  \n      --word-break-header: ", ";\n      --word-break-altHeader: ", ";\n      --word-break-body: ", ";\n      --word-break-overline: ", ";\n      --word-break-subtitle: ", ";\n  \n      --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n      --grid-column-gap: ", ";\n      --grid-margin: ", ";\n\n      --footer-height: ", ";\n      --footer-padding-top: ", ";\n      --footer-padding-bottom: ", ";\n      --footer-items-gap: ", ";\n      --footer-media-gap: ", ";\n      --footer-media-icon-width: ", ";\n      --footer-media-icon-height: ", ";\n      --footer-vertical-spacing-lg: ", ";\n      --footer-vertical-spacing-sm: ", ";\n\n      --anchor-tabs-height: 60px;\n      --rotator-button-width: ", ";\n      --rotator-button-icon-width: ", ";\n    }\n\n    @media ", " {\n      --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n      --grid-column-gap: ", ";\n      --grid-margin: ", ";\n      --rotator-button-width: ", ";\n      --rotator-button-icon-width: ", ";\n\n      --font-size-header-6: ", ";\n\n      --font-size-altHeader-4: ", ";\n\n      --font-size-body-1: ", ";\n    }\n\n    @media ", " {\n      \n    }\n\n    @media ", " {\n      \n    }\n  }\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.colors.primary;
 }, function (_ref2) {
@@ -9772,6 +9847,7 @@ exports.Progress = Progress;
 exports.PromoWithTags = PromoWithTags;
 exports.PromoWithTitle = PromoWithTitle;
 exports.Quote = Quote;
+exports.Radio = Radio;
 exports.RotatorButtons = RotatorButtons;
 exports.SearchBar = SearchBar;
 exports.SecondaryButton = SecondaryButton;