@royaloperahouse/harmonic 0.18.2-a → 0.18.2-c

package/dist/harmonic.esm.js

@@ -1,6 +1,6 @@
 import React__default, { createElement, memo, useCallback, useRef, useImperativeHandle, useMemo, useEffect, useState, forwardRef, cloneElement, useLayoutEffect } from 'react';
 import styled, { css, ThemeProvider, createGlobalStyle } from 'styled-components';
-import moment from 'moment';
+import { isPast, intervalToDuration, differenceInDays } from 'date-fns';
 import { renderToString } from 'react-dom/server';
 import Select$1, { components } from 'react-select';
 import Select$2 from 'react-select/async';
@@ -3132,7 +3132,7 @@ var ProgressView = /*#__PURE__*/styled.div(_templateObject$b || (_templateObject
 });
 var ElapsedProgressView = /*#__PURE__*/styled.div(_templateObject2$6 || (_templateObject2$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  background-color: ", ";\n  flex: ", ";\n  z-index: ", ";\n  padding-left: ", ";\n\n  @media ", " {\n    padding-left: ", ";\n  }\n"])), function (_ref3) {
   var color = _ref3.color;
-  return color ? "var(--color-" + color + ")" : 'var(--color-base-white)';
+  return color ? "var(--color-base-" + color + ")" : 'var(--color-base-white)';
 }, function (_ref4) {
   var progress = _ref4.progress;
   return progress;
@@ -3145,7 +3145,7 @@ var ElapsedProgressView = /*#__PURE__*/styled.div(_templateObject2$6 || (_templa
 });
 var PendingProgressView = /*#__PURE__*/styled.div(_templateObject3$2 || (_templateObject3$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  background-color: ", ";\n  flex: ", ";\n  z-index: ", ";\n"])), function (_ref7) {
   var color = _ref7.color;
-  return color ? "var(--color-" + color + ")" : 'var(--color-base-mid-grey)';
+  return color ? "var(--color-base-" + color + ")" : 'var(--color-base-mid-grey)';
 }, function (_ref8) {
   var progress = _ref8.progress;
   return progress;
@@ -3156,7 +3156,7 @@ var StepWrapper = /*#__PURE__*/styled.div(_templateObject5 || (_templateObject5
   return isVisible ? "visible" : 'hidden';
 }, function (_ref0) {
   var isActive = _ref0.isActive;
-  return isActive ? "var(--color-base-black)" : 'var(--color-base-mid-grey)';
+  return isActive ? "var(--base-color-black)" : 'var(--base-color-mid-grey)';
 });
 
 /* eslint-disable react/jsx-one-expression-per-line */
@@ -3848,6 +3848,7 @@ var Tab = function Tab(_ref) {
     className = _ref.className,
     role = _ref.role,
     ariaLabel = _ref.ariaLabel,
+    tabLinkId = _ref.tabLinkId,
     color = _ref.color,
     dataTestId = _ref.dataTestId,
     isOpen = _ref.isOpen;
@@ -3882,8 +3883,9 @@ var Tab = function Tab(_ref) {
     className: className,
     "data-testid": dataTestId
   }, /*#__PURE__*/React__default.createElement(TabText, {
-    color: color,
+    id: tabLinkId,
     trimText: trimText,
+    color: color,
     withTextInMobile: withTextInMobile,
     "aria-hidden": "true"
   }, title), withIcon !== 'none' && /*#__PURE__*/React__default.createElement(Icon, {
@@ -4569,6 +4571,31 @@ var TimerValueSeparator = /*#__PURE__*/styled.div(_templateObject6$3 || (_templa
 var TimerValueWrapper = /*#__PURE__*/styled.div(_templateObject7$1 || (_templateObject7$1 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
 var TimerValue = /*#__PURE__*/styled.div(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
 
+var pad = function pad(num) {
+  return String(num || 0).padStart(2, '0');
+};
+var renderTimerValue = function renderTimerValue(value, label, separator) {
+  if (separator === void 0) {
+    separator = true;
+  }
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(TimerValueWrapper, null, /*#__PURE__*/React__default.createElement(TimerValue, {
+    className: "harmonic-timer-value"
+  }, /*#__PURE__*/React__default.createElement(HarmonicHeader, {
+    color: "inherit",
+    hierarchy: "h3",
+    size: "medium",
+    "data-testid": label
+  }, value)), /*#__PURE__*/React__default.createElement(TimerLabel, {
+    className: "harmonic-timer-label"
+  }, /*#__PURE__*/React__default.createElement(HarmonicOverline, {
+    color: "inherit",
+    size: "large"
+  }, label))), separator && (/*#__PURE__*/React__default.createElement(HarmonicHeader, {
+    color: "inherit",
+    hierarchy: "h3",
+    size: "medium"
+  }, /*#__PURE__*/React__default.createElement(TimerValueSeparator, null, ":"))));
+};
 var Timer = function Timer(_ref) {
   var endDate = _ref.endDate,
     title = _ref.title,
@@ -4577,43 +4604,22 @@ var Timer = function Timer(_ref) {
     bottomLine = _ref$bottomLine === void 0 ? true : _ref$bottomLine,
     _ref$color = _ref.color,
     color = _ref$color === void 0 ? ThemeColor['base-black'] : _ref$color;
-  var _React$useState = React__default.useState('00'),
-    seconds = _React$useState[0],
-    setSeconds = _React$useState[1];
-  var _React$useState2 = React__default.useState('00'),
-    minutes = _React$useState2[0],
-    setMinutes = _React$useState2[1];
-  var _React$useState3 = React__default.useState('00'),
-    hours = _React$useState3[0],
-    setHours = _React$useState3[1];
-  var _React$useState4 = React__default.useState('00'),
-    days = _React$useState4[0],
-    setDays = _React$useState4[1];
-  var _React$useState5 = React__default.useState(false),
-    isEndDateReached = _React$useState5[0],
-    setIsEndDateReached = _React$useState5[1];
-  var renderTimerValue = function renderTimerValue(value, label, separator) {
-    if (separator === void 0) {
-      separator = true;
-    }
-    return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(TimerValueWrapper, null, /*#__PURE__*/React__default.createElement(TimerValue, {
-      className: "harmonic-timer-value"
-    }, /*#__PURE__*/React__default.createElement(HarmonicHeader, {
-      color: "inherit",
-      hierarchy: "h3",
-      size: "medium"
-    }, value)), /*#__PURE__*/React__default.createElement(TimerLabel, {
-      className: "harmonic-timer-label"
-    }, /*#__PURE__*/React__default.createElement(HarmonicOverline, {
-      color: "inherit",
-      size: "large"
-    }, label))), separator && (/*#__PURE__*/React__default.createElement(HarmonicHeader, {
-      color: "inherit",
-      hierarchy: "h3",
-      size: "medium"
-    }, /*#__PURE__*/React__default.createElement(TimerValueSeparator, null, ":"))));
-  };
-  React__default.useEffect(function () {
+  var _useState = useState('00'),
+    seconds = _useState[0],
+    setSeconds = _useState[1];
+  var _useState2 = useState('00'),
+    minutes = _useState2[0],
+    setMinutes = _useState2[1];
+  var _useState3 = useState('00'),
+    hours = _useState3[0],
+    setHours = _useState3[1];
+  var _useState4 = useState('00'),
+    days = _useState4[0],
+    setDays = _useState4[1];
+  var _useState5 = useState(false),
+    isEndDateReached = _useState5[0],
+    setIsEndDateReached = _useState5[1];
+  useEffect(function () {
     if (isEndDateReached) return undefined;
     // We use this to set values for the timer immediately
     var setIntervalAndExecute = function setIntervalAndExecute(fn, delay) {
@@ -4621,19 +4627,21 @@ var Timer = function Timer(_ref) {
       return setInterval(fn, delay);
     };
     var updateValues = function updateValues() {
-      var futureDate = moment(endDate);
-      var nowDate = moment();
-      var differenceInMilliseconds = futureDate.valueOf() - nowDate.valueOf();
-      var difference = moment(differenceInMilliseconds).utc();
-      if (differenceInMilliseconds < 0) {
+      var futureDate = new Date(endDate);
+      var nowDate = new Date();
+      var diffInMs = futureDate.getTime() - nowDate.getTime();
+      if (diffInMs < 0) {
         setIsEndDateReached(true);
         if (endDateHandler) endDateHandler();
       } else {
-        var fullDaysLeft = Math.floor(futureDate.diff(nowDate, 'days', true));
-        var daysDiff = fullDaysLeft < 10 ? "0" + fullDaysLeft : fullDaysLeft.toString();
-        var hoursDiff = difference.format('HH');
-        var minutesDiff = difference.format('mm');
-        var secondsDiff = difference.format('ss');
+        var duration = intervalToDuration({
+          start: nowDate,
+          end: futureDate
+        });
+        var daysDiff = pad(differenceInDays(futureDate, nowDate));
+        var hoursDiff = pad(duration.hours);
+        var minutesDiff = pad(duration.minutes);
+        var secondsDiff = pad(duration.seconds);
         setDays(daysDiff);
         setHours(hoursDiff);
         setMinutes(minutesDiff);
@@ -4645,7 +4653,7 @@ var Timer = function Timer(_ref) {
       clearInterval(interval);
     };
   });
-  var hideTimer = moment(endDate).isBefore(moment());
+  var hideTimer = isPast(new Date(endDate));
   if (hideTimer) return null;
   return /*#__PURE__*/React__default.createElement(TimerWrapper, {
     color: color
@@ -5363,6 +5371,7 @@ var Dropdown = function Dropdown(_ref) {
     className = _ref.className,
     role = _ref.role,
     ariaLabel = _ref.ariaLabel,
+    tabLinkId = _ref.tabLinkId,
     trimTabText = _ref.trimTabText;
   var node = useRef();
   var _useState = useState(false),
@@ -5459,6 +5468,7 @@ var Dropdown = function Dropdown(_ref) {
   };
   var renderTab = function renderTab() {
     return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Tab, {
+      tabLinkId: tabLinkId,
       trimText: trimTabText,
       title: title,
       titleLink: titleLink,
@@ -5538,7 +5548,8 @@ var Account = function Account(_ref) {
     iconName: iconName,
     withOptionsInMobile: false,
     withIcon: "left",
-    className: className
+    className: className,
+    tabLinkId: "account-link"
   });
 };
 
@@ -5925,8 +5936,6 @@ var Accordion = function Accordion(_ref) {
     childrenVisibility = _useState4[0],
     setChildrenVisibility = _useState4[1];
   var content = useRef(null);
-  var timeoutRef = useRef(null);
-  var rafRef = useRef(null);
   useEffect(function () {
     if (content != null && content.current && initOpen) {
       setTextHeight(content.current.scrollHeight + "px");
@@ -5934,7 +5943,7 @@ var Accordion = function Accordion(_ref) {
   }, [content, initOpen]);
   useEffect(function () {
     if (openAccordion && content != null && content.current) {
-      rafRef.current = window.requestAnimationFrame(function () {
+      requestAnimationFrame(function () {
         var _content$current$scro, _content$current;
         setTextHeight(((_content$current$scro = (_content$current = content.current) == null ? void 0 : _content$current.scrollHeight) != null ? _content$current$scro : 0) + "px");
       });
@@ -5942,30 +5951,14 @@ var Accordion = function Accordion(_ref) {
       setTextHeight('0px');
     }
   }, [openAccordion, childrenVisibility, content]);
-  useEffect(function () {
-    return function () {
-      if (timeoutRef.current) {
-        window.clearTimeout(timeoutRef.current);
-        timeoutRef.current = null;
-      }
-      if (rafRef.current) {
-        window.cancelAnimationFrame(rafRef.current);
-        rafRef.current = null;
-      }
-    };
-  }, []);
   var toggleAccordion = function toggleAccordion() {
     if (React__default.Children.count(children) === 0) return;
     if (openAccordion) {
+      setIcon(collapsedStateIconData);
       setOpenAccordion(false);
       setTextHeight('0px');
-      setIcon(collapsedStateIconData);
-      if (timeoutRef.current) {
-        window.clearTimeout(timeoutRef.current);
-      }
-      timeoutRef.current = window.setTimeout(function () {
-        setChildrenVisibility(false);
-        timeoutRef.current = null;
+      window.setTimeout(function () {
+        return setChildrenVisibility(false);
       }, 300);
     } else {
       setChildrenVisibility(true);
@@ -6000,7 +5993,7 @@ var Accordion = function Accordion(_ref) {
     "aria-live": openAccordion ? 'polite' : 'off',
     tag: "div",
     size: "large"
-  }, childrenVisibility && /*#__PURE__*/React__default.createElement(ChildrenContainer, {
+  }, openAccordion && /*#__PURE__*/React__default.createElement(ChildrenContainer, {
     isVisible: childrenVisibility
   }, children)));
 };
@@ -6808,22 +6801,25 @@ var InfoBodyWrapper = /*#__PURE__*/styled(BodyCopyHarmonic)(_templateObject4$m |
 var css_248z$1 = "@font-face {\n  font-family: 'GreyLLTT';\n  src: url('https://static.roh.org.uk/fonts/harmonic/GreyLLTT-Regular.woff2') format('woff2');\n  font-weight: 400;\n  font-style: normal;\n  font-display: swap;\n}\n\n@font-face {\n  font-family: 'GreyLLTT';\n  src: url('https://static.roh.org.uk/fonts/harmonic/GreyLLTT-Medium.woff2') format('woff2');\n  font-weight: 500;\n  font-style: normal;\n  font-display: swap;\n}\n\n@font-face {\n  font-family: 'GreyLLTT';\n  src: url('https://static.roh.org.uk/fonts/harmonic/GreyLLTT-Bold.woff2') format('woff2');\n  font-weight: 700;\n  font-style: normal;\n  font-display: swap;\n}\n\n@font-face {\n  font-family: 'VictorSerif';\n  src: url('https://static.roh.org.uk/fonts/harmonic/VictorSerif-Medium.woff2') format('woff2');\n  font-weight: 500;\n  font-style: normal;\n  font-display: swap;\n}\n\n@font-face {\n  font-family: 'VictorSerif';\n  src: url('https://static.roh.org.uk/fonts/harmonic/VictorSerif-MediumItalic.woff2') format('woff2');\n  font-weight: 500;\n  font-style: italic;\n  font-display: swap;\n}\n";
 styleInject(css_248z$1);
 
-var css_248z$2 = ".core-theme-module_coreTheme__pWxYB {\n  /* RBO Red */\n  /* Primary Palette */\n  --color-primary: #1a1a1a;\n  --color-primary-background: #eb0a0a;\n  --color-primary-red: #eb0a0a;\n  --color-primary-black: #1a1a1a;\n\n  /* Base Colours */\n  --color-base-white: #ffffff;\n  --color-base-black: #000000;\n  --color-base-dark-grey: #4c4f53;\n  --color-base-mid-grey: #72767c;\n  --color-base-light-grey: #e9e9e9;\n  --color-base-transparent: transparent;\n\n  /* States */\n  --color-state-error: #cc071e;\n  --color-state-medium: #ffce45;\n  --color-state-good: #2a874a;\n  --color-state-focused: #1e1da0;\n  --color-state-disabled: #b3b3b3;\n\n  /* RBO Red (Core) */\n  --color-rbo-red-hovered: #c40808;\n  --color-rbo-red-pressed: #9d0707;\n\n  /* RBO Black */\n  --color-rbo-black-hovered: #575757;\n  --color-rbo-black-pressed: #353535;\n\n  /* Black */\n  --color-black-hovered: #575757;\n  --color-black-pressed: #353535;\n\n  /* White */\n  --color-white-hovered: #fafafa;\n  --color-white-pressed: #f2f2f2;\n\n  /* Secondary Palette */\n  --color-secondary-yellow: #ffce45;\n  --color-secondary-pink: #ff36d0;\n  --color-secondary-orange: #ff6700;\n  --color-secondary-blue: #5f9cff;\n\n  /* Shadows */\n  --shadow-floating: 0px 4px 38px 0px #0000000a;\n\n  /* Core theme colors */\n  --base-color-primary: #c8102e;\n  --base-color-core: #c8102e;\n  --base-color-stream: #1866dc;\n  --base-color-cinema: #1a1a1a;\n  --base-color-white: #ffffff;\n  --base-color-black: #000000;\n  --base-color-dark-grey: #4c4f53;\n  --base-color-mid-grey: #72767c;\n  --base-color-light-grey: #e9e9e9;\n  --base-color-transparent: transparent;\n  --base-color-errorstate: #eb0a0a;\n  --base-color-mediumstate: #ffce45;\n  --base-color-goodstate: #2a874a;\n  --base-color-progress: #1866dc;\n  --base-color-navigation: #c8102e;\n  --base-color-lapislazuli: #0060a0;\n  --base-color-lemonchiffon: #fffbbe;\n\n  --button-height: 48px;\n  --button-line-height: 20px;\n  --button-padding-x: 20px;\n  --button-padding-y: 14px;\n  --button-padding-y-icon: 12px;\n  --button-icon-margin: 12px;\n  --button-icon-width: 20px;\n  --button-icon-height: 20px;\n  --button-font-size: 14px;\n  --button-font-weight: 400;\n  --button-color: var(--color-base-white);\n  --button-bg-color: var(--color-primary-red);\n  --button-hover-color: var(--color-rbo-red-hovered);\n  --button-pressed-color: var(--color-rbo-red-pressed);\n  --button-secondary-color: var(--color-primary-red);\n  --button-secondary-hover-color: var(--color-rbo-red-hovered);\n  --button-secondary-pressed-color: var(--color-rbo-red-pressed);\n  --button-tertiary-color: var(--color-primary-black);\n  --button-tertiary-hover-color: var(--color-rbo-black-hovered);\n  --button-tertiary-pressed-color: var(--color-rbo-black-pressed);\n  --button-auxiliary-color: var(--color-primary-black);\n  --button-auxiliary-bg-color: var(--color-base-transparent);\n  --button-anchor-tab-color: var(--color-primary-red);\n\n  /* -----  Variables already used in Harmonic START  ----- */\n  --grid-column-gap: 36px;\n  --grid-margin: 10%;\n\n  --rotator-button-width: 60px;\n  --rotator-button-icon-width: 36px;\n  --rotator-button-small-width: 44px;\n  --rotator-button-small-icon-width: 28px;\n  --rotator-button-color: var(--color-primary-black);\n  --rotator-button-bg-color: var(--color-base-light-grey);\n  --rotator-button-hover-color: var(--color-base-white);\n  --rotator-button-hover-bg-color: var(--color-primary-red);\n\n  --carousel-image-caption-margin: 12px;\n\n  --line-height-listing: 36px;\n\n  --upsell-border-color: var(--color-primary-red);\n\n  --font-feature-settings-body: 'pnum' on, 'onum' on, 'liga' off;\n  --font-feature-settings-header: 'tnum' on, 'lnum' on;\n  --font-feature-settings-subtitle: 'tnum' on, 'lnum' on;\n\n  --text-transform-body: none;\n  --text-transform-header: uppercase;\n  --text-transform-subtitle: uppercase;\n\n  @media (max-width: 699px) {\n    --grid-column-gap: 12px;\n    --grid-margin: 20px;\n    --rotator-button-width: 40px;\n    --rotator-button-icon-width: 24px;\n\n    --line-height-listing: 34px;\n\n    --font-feature-settings-body: 'pnum' on, 'onum' on, 'liga' off;\n    --font-feature-settings-header: 'tnum' on, 'lnum' on;\n    --font-feature-settings-subtitle: 'tnum' on, 'lnum' on;\n\n    --text-transform-body: none;\n    --text-transform-header: uppercase;\n    --text-transform-subtitle: uppercase;\n  }\n\n  @media (min-width: 700px) and (max-width: 1139px) {\n    --grid-column-gap: 20px;\n    --grid-margin: 32px;\n    --rotator-button-width: 44px;\n    --rotator-button-icon-width: 24px;\n  }\n\n  /* -----  Variables already used in Harmonic END  ----- */\n\n  --font-size-header-1: 96px;\n  --font-weight-header-1: 500;\n  --letter-spacing-header-1: 2px;\n  --line-height-header-1: 110px;\n  --margin-header-1: 0.67em 0;\n\n  --font-size-header-2: 68px;\n  --font-weight-header-2: 500;\n  --letter-spacing-header-2: 1px;\n  --line-height-header-2: 72px;\n  --margin-header-2: 0.83em 0;\n\n  --font-size-header-3: 44px;\n  --font-weight-header-3: 500;\n  --letter-spacing-header-3: 1px;\n  --line-height-header-3: 48px;\n  --margin-header-3: 1em 0;\n\n  --font-size-header-4: 34px;\n  --font-weight-header-4: 500;\n  --letter-spacing-header-4: 1px;\n  --line-height-header-4: 40px;\n  --margin-header-4: 1.33em 0;\n\n  --font-size-header-5: 24px;\n  --font-weight-header-5: 500;\n  --letter-spacing-header-5: 1px;\n  --line-height-header-5: 30px;\n  --margin-header-5: 1.67em 0;\n\n  --font-size-header-6: 20px;\n  --font-weight-header-6: 500;\n  --letter-spacing-header-6: 1px;\n  --line-height-header-6: 28px;\n  --margin-header-6: 2.33em 0;\n\n  --font-size-altHeader-3: 44px;\n  --font-weight-altHeader-3: normal;\n  --letter-spacing-altHeader-3: normal;\n  --line-height-altHeader-3: 48px;\n\n  --font-size-altHeader-4: 34px;\n  --font-weight-altHeader-4: normal;\n  --letter-spacing-altHeader-4: normal;\n  --line-height-altHeader-4: 44px;\n\n  --font-size-altHeader-5: 24px;\n  --font-weight-altHeader-5: normal;\n  --letter-spacing-altHeader-5: normal;\n  --line-height-altHeader-5: 30px;\n\n  --font-size-altHeader-6: 20px;\n  --font-weight-altHeader-6: normal;\n  --letter-spacing-altHeader-6: normal;\n  --line-height-altHeader-6: 28px;\n\n  --font-size-overline-1: 14px;\n  --font-weight-overline-1: 500;\n  --letter-spacing-overline-1: 1px;\n  --line-height-overline-1: 16px;\n\n  --font-size-overline-2: 12px;\n  --font-weight-overline-2: 500;\n  --letter-spacing-overline-2: 1px;\n  --line-height-overline-2: 14px;\n\n  --font-size-overline-3: 10px;\n  --font-weight-overline-3: 500;\n  --letter-spacing-overline-3: 1px;\n  --line-height-overline-3: 12px;\n\n  --font-size-overline-4: 8px;\n  --font-weight-overline-4: 500;\n  --letter-spacing-overline-4: 1px;\n  --line-height-overline-4: 10px;\n\n  --font-size-body-1: 19px;\n  --font-weight-body-1: 400;\n  --letter-spacing-body-1: normal;\n  --line-height-body-1: 26px;\n\n  --font-size-body-2: 16px;\n  --font-weight-body-2: 400;\n  --letter-spacing-body-2: normal;\n  --line-height-body-2: 22px;\n\n  --font-size-body-3: 14px;\n  --font-weight-body-3: 400;\n  --letter-spacing-body-3: normal;\n  --line-height-body-3: 20px;\n\n  --font-size-subtitle-1: 18px;\n  --font-weight-subtitle-1: 500;\n  --letter-spacing-subtitle-1: 1px;\n  --line-height-subtitle-1: 22px;\n\n  --font-size-subtitle-2: 14px;\n  --font-weight-subtitle-2: 500;\n  --letter-spacing-subtitle-2: 1px;\n  --line-height-subtitle-2: 22px;\n\n  --font-size-title-description: 20px;\n  --line-height-title-description: 28px;\n\n  --font-size-individual-listing-name: 19px;\n  --line-height-individual-listing-name: 24px;\n  --line-height-people-listing-gap: 24px;\n\n  --font-family-header: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;\n  --font-family-altHeader: 'adobe-garamond-pro';\n  --font-family-body: 'adobe-garamond-pro';\n  --font-family-body-italics: 'adobe-garamond-pro';\n  --font-family-buttons: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;\n  --font-family-overline: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;\n  --font-family-subtitle: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;\n  --font-family-people-listing-role: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;\n  --font-family-people-listing-name: 'adobe-garamond-pro';\n\n  --font-feature-settings-altHeader: 'pnum' on, 'onum' on;\n  --font-feature-settings-overline: 'tnum' on, 'lnum' on, 'liga' off, 'calt' off;\n  --font-feature-settings-navigation: 'tnum' on, 'lnum' on, 'liga' off, 'calt' off;\n\n  --text-transform-altHeader: none;\n  --text-transform-overline: uppercase;\n\n  --word-break-header: break-word;\n  --word-break-altHeader: break-word;\n  --word-break-body: break-word;\n  --word-break-overline: break-word;\n  --word-break-subtitle: break-word;\n\n  --font-family-navigation: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;\n  --font-size-navigation: 13px;\n  --font-weight-navigation: 500;\n  --line-height-navigation: 16px;\n  --text-transform-navigation: uppercase;\n  --letter-spacing-navigation: 1px;\n\n  --navigation-small-gap: 16px;\n  --navigation-middle-gap: 20px;\n  --navigation-large-gap: 24px;\n  --navigation-xlarge-gap: 36px;\n  --navigation-large-margin: 60px;\n\n  --font-size-search: 24px;\n  --font-family-search: 'adobe-garamond-pro';\n\n  --grid-outer-margin: 50px;\n  --grid-template-columns: 14px calc(10% - 86px) repeat(12, minmax(0, 1fr)) calc(10% - 86px) 14px;\n\n  --footer-height: 380px;\n  --footer-padding-top: 44px;\n  --footer-padding-bottom: 44px;\n  --footer-items-gap: 32px;\n  --footer-media-gap: 32px;\n  --footer-media-icon-width: 24px;\n  --footer-media-icon-height: 24px;\n  --footer-vertical-spacing-lg: 58px;\n  --footer-vertical-spacing-sm: 16px;\n\n  --text-link-underline-offset: 8px;\n  --cards-spacing-stack: 40px;\n\n  --editorial-subtitle-margin-bottom: 16px;\n  --editorial-margin-between: 24px;\n  --editorial-spacing-hover: 4px;\n  --anchor-tabs-height: 70px;\n\n  --font-family-sans: 'GreyLLTT', 'Roboto', sans-serif;\n  --font-family-serif: 'VictorSerif', 'Inria Serif Regular', serif;\n\n  --harmonic-text-link-underline-offset: 4px;\n  --harmonic-font-size-navigation: 19px;\n\n  --announcement-banner-color: var(--color-base-white);\n  --announcement-banner-bg-color: var(--color-primary-red);\n  --announcement-banner-hover-color: var(--color-white-hovered);\n  --announcement-banner-pressed-color: var(--color-white-pressed);\n\n  --information-panel-color: var(--color-base-white);\n  --information-panel-bg-color: var(--color-primary-red);\n  --information-panel-button-color: var(--color-primary-black);\n  --information-panel-button-bg-color: var(--color-base-white);\n  --information-panel-button-hover-color: var(--color-white-hovered);\n  --information-panel-button-pressed-color: var(--color-white-pressed);\n\n  --heading-promo-bg-color: var(--color-primary-red);\n  --page-header-bg-color: var(--color-primary-red);\n\n  @media (max-width: 699px) {\n    --font-size-header-1: 38px;\n    --font-weight-header-1: 500;\n    --letter-spacing-header-1: 1px;\n    --line-height-header-1: 42px;\n\n    --font-size-header-2: 30px;\n    --font-weight-header-2: 500;\n    --letter-spacing-header-2: 1px;\n    --line-height-header-2: 34px;\n\n    --font-size-header-3: 26px;\n    --font-weight-header-3: 500;\n    --letter-spacing-header-3: 1px;\n    --line-height-header-3: 30px;\n\n    --font-size-header-4: 24px;\n    --font-weight-header-4: 500;\n    --letter-spacing-header-4: 1px;\n    --line-height-header-4: 28px;\n\n    --font-size-header-5: 20px;\n    --font-weight-header-5: 500;\n    --letter-spacing-header-5: 1px;\n    --line-height-header-5: 28px;\n\n    --font-size-header-6: 17px;\n    --font-weight-header-6: 500;\n    --letter-spacing-header-6: 1px;\n    --line-height-header-6: 24px;\n\n    --font-size-altHeader-3: 26px;\n    --font-weight-altHeader-3: normal;\n    --letter-spacing-altHeader-3: normal;\n    --line-height-altHeader-3: 30px;\n\n    --font-size-altHeader-4: 24px;\n    --font-weight-altHeader-4: normal;\n    --letter-spacing-altHeader-4: normal;\n    --line-height-altHeader-4: 28px;\n\n    --font-size-altHeader-5: 20px;\n    --font-weight-altHeader-5: normal;\n    --letter-spacing-altHeader-5: normal;\n    --line-height-altHeader-5: 28px;\n\n    --font-size-altHeader-6: 17px;\n    --font-weight-altHeader-6: normal;\n    --letter-spacing-altHeader-6: normal;\n    --line-height-altHeader-6: 24px;\n\n    --font-size-overline-1: 14px;\n    --font-weight-overline-1: 500;\n    --letter-spacing-overline-1: 1px;\n    --line-height-overline-1: 16px;\n\n    --font-size-overline-2: 12px;\n    --font-weight-overline-2: 500;\n    --letter-spacing-overline-2: 1px;\n    --line-height-overline-2: 14px;\n\n    --font-size-body-1: 17px;\n    --font-weight-body-1: 400;\n    --letter-spacing-body-1: normal;\n    --line-height-body-1: 24px;\n\n    --font-size-body-2: 12px;\n    --font-weight-body-2: 400;\n    --letter-spacing-body-2: normal;\n    --line-height-body-2: 18px;\n\n    --font-size-body-3: 11px;\n    --font-weight-body-3: 400;\n    --letter-spacing-body-3: normal;\n    --line-height-body-3: 16px;\n\n    --font-size-subtitle-1: 16px;\n    --font-weight-subtitle-1: 500;\n    --letter-spacing-subtitle-1: 1px;\n    --line-height-subtitle-1: 24px;\n\n    --font-size-subtitle-2: 14px;\n    --font-weight-subtitle-2: 500;\n    --letter-spacing-subtitle-2: 1px;\n    --line-height-subtitle-2: 18px;\n\n    --font-size-title-description: 17px;\n    --line-height-title-description: 24px;\n    --line-height-people-listing-gap: 16px;\n\n    --font-size-search: 20px;\n    --font-family-search: 'adobe-garamond-pro';\n\n    --font-family-header: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;\n    --font-family-altHeader: 'adobe-garamond-pro';\n    --font-family-body: 'adobe-garamond-pro';\n    --font-family-body-italics: 'adobe-garamond-pro';\n    --font-family-buttons: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;\n    --font-family-overline: 'Gotham SSm Medium', sans-serif;\n    --font-family-subtitle: 'Gotham SSm Medium', 'Montserrat', sans-serif;\n    --font-family-people-listing-role: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;\n    --font-family-people-listing-name: 'adobe-garamond-pro';\n\n    --font-feature-settings-altHeader: 'pnum' on, 'onum' on;\n    --font-feature-settings-overline: 'tnum' on, 'lnum' on, 'liga' off, 'calt' off;\n    --font-feature-settings-navigation: 'tnum' on, 'lnum' on, 'liga' off, 'calt' off;\n\n    --text-transform-altHeader: none;\n    --text-transform-overline: uppercase;\n\n    --word-break-header: break-word;\n    --word-break-altHeader: break-word;\n    --word-break-body: break-word;\n    --word-break-overline: break-word;\n    --word-break-subtitle: break-word;\n\n    --grid-template-columns: calc(20px - 12px) repeat(12, minmax(0, 1fr)) calc(20px - 12px);\n\n    --footer-height: auto;\n    --footer-padding-top: 20px;\n    --footer-padding-bottom: 20px;\n    --footer-items-gap: 12px;\n    --footer-media-icon-width: 28px;\n    --footer-media-icon-height: 28px;\n    --footer-vertical-spacing-lg: 24px;\n    --footer-vertical-spacing-sm: 24px;\n\n    --anchor-tabs-height: 60px;\n  }\n\n  @media (min-width: 700px) and (max-width: 1139px) {\n    --grid-template-columns: calc(32px - 20px) repeat(12, minmax(0, 1fr)) calc(32px - 20px);\n    --font-size-header-6: 17px;\n    --font-size-altHeader-4: 24px;\n    --font-size-body-1: 17px;\n\n    --footer-media-gap: 24px;\n    --footer-padding-top: 40px;\n    --footer-padding-bottom: 40px;\n  }\n}\n";
-var coreThemeStyles = {"coreTheme":"core-theme-module_coreTheme__pWxYB"};
+var css_248z$2 = "/* ~~~~~ General Styling Classes ~~~~~ */\n.typography_color-primary__LOfDi {\n  color: var(--color-primary);\n}\n\n.typography_color-black__6MHRL {\n  color: var(--color-base-black);\n}\n\n.typography_color-white__PfW5s {\n  color: var(--color-base-white);\n}\n\n.typography_color-red__iPlbG {\n  color: var(--color-primary-red);\n}\n\n.typography_color-grey__GA1c2 {\n  color: var(--color-base-dark-grey);\n}\n\n.typography_color-inherit__RDd0Y {\n  color: inherit;\n}\n\n.typography_em__E6tX- {\n  font-style: italic;\n}\n/* ~~~ */\n\n/* Display Headers */\n.typography_display__-F3p4 {\n  margin: 0;\n  font-family: var(--font-family-sans);\n  line-height: 100%;\n\n  &.typography_large__uq0zC {\n    font-size: 96px;\n    font-weight: 700;\n    letter-spacing: -5px;\n  }\n\n  &.typography_small__wfQ0K {\n    font-size: 68px;\n    font-weight: 500;\n    letter-spacing: -3px;\n  }\n\n  /* Serif and Italic styles */\n  &.typography_serif__VSO38,\n  &.typography_em__E6tX- {\n    font-family: var(--font-family-serif);\n    font-weight: 500;\n  }\n\n  /* Serif and Italic adjustments */\n  &.typography_large__uq0zC.typography_serif__VSO38,\n  &.typography_large__uq0zC.typography_em__E6tX- {\n    letter-spacing: -3px;\n  }\n\n  &.typography_small__wfQ0K.typography_serif__VSO38,\n  &.typography_small__wfQ0K.typography_em__E6tX- {\n    letter-spacing: -2px;\n  }\n\n  @media (max-width: 699px) {\n    &.typography_large__uq0zC {\n      font-size: 38px;\n      letter-spacing: -1.5px;\n    }\n\n    &.typography_small__wfQ0K {\n      font-size: 32px;\n      letter-spacing: -1.5px;\n    }\n\n    &.typography_large__uq0zC.typography_serif__VSO38,\n    &.typography_large__uq0zC.typography_em__E6tX-,\n    &.typography_small__wfQ0K.typography_serif__VSO38,\n    &.typography_small__wfQ0K.typography_em__E6tX- {\n      letter-spacing: -0.5px;\n    }\n  }\n}\n\n/* Headers */\n.typography_header__BexiD {\n  margin: 0;\n  font-family: var(--font-family-sans);\n  font-weight: 500;\n\n  &.typography_large__uq0zC {\n    font-size: 44px;\n    line-height: 48px;\n    letter-spacing: -1.5px;\n  }\n\n  &.typography_medium__K0uZD {\n    font-size: 34px;\n    line-height: 40px;\n    letter-spacing: -1px;\n  }\n\n  &.typography_small__wfQ0K {\n    font-size: 26px;\n    line-height: 32px;\n    letter-spacing: -0.5px;\n  }\n\n  /* Serif and Italic styles */\n  &.typography_serif__VSO38,\n  &.typography_em__E6tX- {\n    font-family: var(--font-family-serif);\n  }\n\n  /* Serif and Italic letter-spacing overrides */\n  &.typography_large__uq0zC.typography_serif__VSO38,\n  &.typography_large__uq0zC.typography_em__E6tX- {\n    letter-spacing: -0.5px;\n  }\n\n  &.typography_medium__K0uZD.typography_serif__VSO38,\n  &.typography_medium__K0uZD.typography_em__E6tX- {\n    letter-spacing: -0.5px;\n  }\n\n  &.typography_small__wfQ0K.typography_serif__VSO38,\n  &.typography_small__wfQ0K.typography_em__E6tX- {\n    letter-spacing: -0.5px;\n  }\n\n  @media (max-width: 699px) {\n    &.typography_large__uq0zC {\n      font-size: 28px;\n      line-height: 34px;\n      letter-spacing: -1.5px;\n    }\n\n    &.typography_medium__K0uZD {\n      font-size: 24px;\n      line-height: 28px;\n      letter-spacing: -1px;\n    }\n\n    &.typography_small__wfQ0K {\n      font-size: 20px;\n      line-height: 26px;\n      letter-spacing: -0.75px;\n    }\n\n    /* Mobile overrides for serif/italic letter-spacing */\n    &.typography_large__uq0zC.typography_serif__VSO38,\n    &.typography_large__uq0zC.typography_em__E6tX-,\n    &.typography_medium__K0uZD.typography_serif__VSO38,\n    &.typography_medium__K0uZD.typography_em__E6tX-,\n    &.typography_small__wfQ0K.typography_serif__VSO38,\n    &.typography_small__wfQ0K.typography_em__E6tX- {\n      letter-spacing: -0.5px;\n    }\n  }\n}\n\n/* Subtitle */\n.typography_subtitle__aoFTV {\n  margin: 0;\n  font-family: var(--font-family-sans);\n  font-weight: 500;\n\n  &.typography_large__uq0zC {\n    font-size: 19px;\n    line-height: 26px;\n    letter-spacing: -0.5px;\n  }\n\n  &.typography_small__wfQ0K {\n    font-size: 17px;\n    line-height: 24px;\n    letter-spacing: -0.5px;\n  }\n\n  @media (max-width: 699px) {\n    &.typography_large__uq0zC {\n      font-size: 17px;\n      line-height: 24px;\n      letter-spacing: -0.5px;\n    }\n\n    &.typography_small__wfQ0K {\n      font-size: 14px;\n      line-height: 20px;\n      letter-spacing: -0.2px;\n    }\n  }\n}\n\n/* Body Copy */\n.typography_bodycopy__vYtQ8 {\n  margin: 0;\n  font-family: var(--font-family-sans);\n  font-weight: 400;\n\n  &.typography_large__uq0zC {\n    font-size: 19px;\n    line-height: 26px;\n    letter-spacing: -0.5px;\n  }\n\n  &.typography_medium__K0uZD {\n    font-size: 17px;\n    line-height: 24px;\n    letter-spacing: -0.5px;\n  }\n\n  &.typography_small__wfQ0K {\n    font-size: 14px;\n    line-height: 20px;\n    letter-spacing: -0.5px;\n  }\n\n  @media (max-width: 699px) {\n    &.typography_large__uq0zC {\n      font-size: 17px;\n      line-height: 24px;\n      letter-spacing: -0.5px;\n    }\n\n    &.typography_medium__K0uZD {\n      font-size: 14px;\n      line-height: 20px;\n      letter-spacing: -0.2px;\n    }\n\n    &.typography_small__wfQ0K {\n      font-size: 11px;\n      line-height: 16px;\n      letter-spacing: -0.2px;\n    }\n  }\n}\n\n/* Overline */\n.typography_overline__EnUK3 {\n  margin: 0;\n  font-family: var(--font-family-sans);\n  font-weight: 500;\n  text-transform: uppercase;\n\n  &.typography_large__uq0zC {\n    font-size: 14px;\n    line-height: 18px;\n    letter-spacing: 0.3px;\n  }\n\n  &.typography_small__wfQ0K {\n    font-size: 12px;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n  @media (max-width: 699px) {\n    &.typography_large__uq0zC {\n      line-height: 17px;\n      letter-spacing: 0.3px; /* Added to ensure it stays */\n    }\n\n    &.typography_small__wfQ0K {\n      line-height: 14px;\n      letter-spacing: 0.3px;\n    }\n  }\n}\n\n/* Button Text */\n.typography_buttontext__vcxNi {\n  margin: 0;\n  font-family: var(--font-family-sans);\n  font-size: 17px;\n  line-height: 20px;\n  letter-spacing: -0.5px;\n  font-weight: 400;\n\n  @media (max-width: 699px) {\n    font-weight: 500;\n    line-height: 17px;\n  }\n}\n\n/* Caption Text */\n.typography_captiontext__91UFb {\n  margin: 0;\n  font-family: var(--font-family-sans);\n  font-weight: 400;\n  font-size: 17px;\n  line-height: 24px;\n  letter-spacing: -0.5px;\n\n  @media (max-width: 699px) {\n    font-size: 14px;\n    line-height: 20px;\n    letter-spacing: -0.2px;\n  }\n}\n\n/* Navigation Text */\n.typography_navigationtext__YfGf7 {\n  margin: 0;\n  font-family: var(--font-family-sans);\n  font-size: 19px;\n  line-height: 19px;\n  letter-spacing: 0.4px;\n  font-weight: 500;\n\n  @media (max-width: 699px) {\n    font-size: 17px;\n    line-height: 17px;\n  }\n}\n";
 styleInject(css_248z$2);
 
-var css_248z$3 = ".stream-theme-module_streamTheme__lTfqQ {\n  /* Stream theme overrides */\n  --base-color-primary: #1a1a1a;\n  --color-primary: #1a1a1a;\n  --color-primary-background: #1a1a1a;\n  --color-primary-button: #1a1a1a;\n  --color-secondary-button: #ffffff;\n  --color-tertiary-button: transparent;\n  --color-auxiliary-button: transparent;\n  --color-primary-button-reverse-bg: #1a1a1a;\n  --color-primary-button-reverse: #ffffff;\n\n  --button-color: var(--color-base-white);\n  --button-bg-color: var(--color-primary-black);\n  --button-hover-color: var(--color-black-hovered);\n  --button-pressed-color: var(--color-black-pressed);\n  --button-secondary-color: var(--color-primary-black);\n  --button-secondary-hover-color: var(--color-black-hovered);\n  --button-secondary-pressed-color: var(--color-black-pressed);\n  --button-tertiary-color: var(--color-primary-black);\n  --button-tertiary-hover-color: var(--color-rbo-black-hovered);\n  --button-tertiary-pressed-color: var(--color-rbo-black-pressed);\n  --button-anchor-tab-color: var(--color-primary-black);\n\n  --rotator-button-color: var(--color-base-black);\n  --rotator-button-bg-color: var(--color-base-light-grey);\n  --rotator-button-hover-color: var(--color-base-white);\n  --rotator-button-hover-bg-color: var(--color-primary-black);\n\n  --announcement-banner-color: var(--color-base-white);\n  --announcement-banner-bg-color: var(--color-primary-black);\n  --announcement-banner-hover-color: var(--color-white-hovered);\n  --announcement-banner-pressed-color: var(--color-white-pressed);\n\n  --information-panel-color: var(--color-base-white);\n  --information-panel-bg-color: var(--color-primary-black);\n\n  --heading-promo-bg-color: var(--color-base-black);\n  --page-header-bg-color: var(--color-primary-black);\n\n  --upsell-border-color: var(--color-primary-black);\n}\n";
-var streamThemeStyles = {"streamTheme":"stream-theme-module_streamTheme__lTfqQ"};
+var css_248z$3 = ".core-theme-module_coreTheme__pWxYB {\n  /* RBO Red */\n  /* Primary Palette */\n  --color-primary: #1a1a1a;\n  --color-primary-background: #eb0a0a;\n  --color-primary-red: #eb0a0a;\n  --color-primary-black: #1a1a1a;\n\n  /* Base Colours */\n  --color-base-white: #ffffff;\n  --color-base-black: #000000;\n  --color-base-dark-grey: #4c4f53;\n  --color-base-mid-grey: #72767c;\n  --color-base-light-grey: #e9e9e9;\n  --color-base-transparent: transparent;\n\n  /* States */\n  --color-state-error: #cc071e;\n  --color-state-medium: #ffce45;\n  --color-state-good: #2a874a;\n  --color-state-focused: #1e1da0;\n  --color-state-disabled: #b3b3b3;\n\n  /* RBO Red (Core) */\n  --color-rbo-red-hovered: #c40808;\n  --color-rbo-red-pressed: #9d0707;\n\n  /* RBO Black */\n  --color-rbo-black-hovered: #575757;\n  --color-rbo-black-pressed: #353535;\n\n  /* Black */\n  --color-black-hovered: #575757;\n  --color-black-pressed: #353535;\n\n  /* White */\n  --color-white-hovered: #fafafa;\n  --color-white-pressed: #f2f2f2;\n\n  /* Secondary Palette */\n  --color-secondary-yellow: #ffce45;\n  --color-secondary-pink: #ff36d0;\n  --color-secondary-orange: #ff6700;\n  --color-secondary-blue: #5f9cff;\n\n  /* Shadows */\n  --shadow-floating: 0px 4px 38px 0px #0000000a;\n\n  /* Core theme colors */\n  --base-color-primary: #c8102e;\n  --base-color-core: #c8102e;\n  --base-color-stream: #1866dc;\n  --base-color-cinema: #1a1a1a;\n  --base-color-white: #ffffff;\n  --base-color-black: #000000;\n  --base-color-dark-grey: #4c4f53;\n  --base-color-mid-grey: #72767c;\n  --base-color-light-grey: #e9e9e9;\n  --base-color-transparent: transparent;\n  --base-color-errorstate: #eb0a0a;\n  --base-color-mediumstate: #ffce45;\n  --base-color-goodstate: #2a874a;\n  --base-color-progress: #1866dc;\n  --base-color-navigation: #c8102e;\n  --base-color-lapislazuli: #0060a0;\n  --base-color-lemonchiffon: #fffbbe;\n\n  --button-height: 48px;\n  --button-line-height: 20px;\n  --button-padding-x: 20px;\n  --button-padding-y: 14px;\n  --button-padding-y-icon: 12px;\n  --button-icon-margin: 12px;\n  --button-icon-width: 20px;\n  --button-icon-height: 20px;\n  --button-font-size: 14px;\n  --button-font-weight: 400;\n  --button-color: var(--color-base-white);\n  --button-bg-color: var(--color-primary-red);\n  --button-hover-color: var(--color-rbo-red-hovered);\n  --button-pressed-color: var(--color-rbo-red-pressed);\n  --button-secondary-color: var(--color-primary-red);\n  --button-secondary-hover-color: var(--color-rbo-red-hovered);\n  --button-secondary-pressed-color: var(--color-rbo-red-pressed);\n  --button-tertiary-color: var(--color-primary-black);\n  --button-tertiary-hover-color: var(--color-rbo-black-hovered);\n  --button-tertiary-pressed-color: var(--color-rbo-black-pressed);\n  --button-auxiliary-color: var(--color-primary-black);\n  --button-auxiliary-bg-color: var(--color-base-transparent);\n  --button-anchor-tab-color: var(--color-primary-red);\n\n  /* -----  Variables already used in Harmonic START  ----- */\n  --grid-column-gap: 36px;\n  --grid-margin: 10%;\n\n  --rotator-button-width: 60px;\n  --rotator-button-icon-width: 36px;\n  --rotator-button-small-width: 44px;\n  --rotator-button-small-icon-width: 28px;\n  --rotator-button-color: var(--color-primary-black);\n  --rotator-button-bg-color: var(--color-base-light-grey);\n  --rotator-button-hover-color: var(--color-base-white);\n  --rotator-button-hover-bg-color: var(--color-primary-red);\n\n  --carousel-image-caption-margin: 12px;\n\n  --line-height-listing: 36px;\n\n  --upsell-border-color: var(--color-primary-red);\n\n  --font-feature-settings-body: 'pnum' on, 'onum' on, 'liga' off;\n  --font-feature-settings-header: 'tnum' on, 'lnum' on;\n  --font-feature-settings-subtitle: 'tnum' on, 'lnum' on;\n\n  --text-transform-body: none;\n  --text-transform-header: uppercase;\n  --text-transform-subtitle: uppercase;\n\n  @media (max-width: 699px) {\n    --grid-column-gap: 12px;\n    --grid-margin: 20px;\n    --rotator-button-width: 40px;\n    --rotator-button-icon-width: 24px;\n\n    --line-height-listing: 34px;\n\n    --font-feature-settings-body: 'pnum' on, 'onum' on, 'liga' off;\n    --font-feature-settings-header: 'tnum' on, 'lnum' on;\n    --font-feature-settings-subtitle: 'tnum' on, 'lnum' on;\n\n    --text-transform-body: none;\n    --text-transform-header: uppercase;\n    --text-transform-subtitle: uppercase;\n  }\n\n  @media (min-width: 700px) and (max-width: 1139px) {\n    --grid-column-gap: 20px;\n    --grid-margin: 32px;\n    --rotator-button-width: 44px;\n    --rotator-button-icon-width: 24px;\n  }\n\n  /* -----  Variables already used in Harmonic END  ----- */\n\n  --font-size-header-1: 96px;\n  --font-weight-header-1: 500;\n  --letter-spacing-header-1: 2px;\n  --line-height-header-1: 110px;\n  --margin-header-1: 0.67em 0;\n\n  --font-size-header-2: 68px;\n  --font-weight-header-2: 500;\n  --letter-spacing-header-2: 1px;\n  --line-height-header-2: 72px;\n  --margin-header-2: 0.83em 0;\n\n  --font-size-header-3: 44px;\n  --font-weight-header-3: 500;\n  --letter-spacing-header-3: 1px;\n  --line-height-header-3: 48px;\n  --margin-header-3: 1em 0;\n\n  --font-size-header-4: 34px;\n  --font-weight-header-4: 500;\n  --letter-spacing-header-4: 1px;\n  --line-height-header-4: 40px;\n  --margin-header-4: 1.33em 0;\n\n  --font-size-header-5: 24px;\n  --font-weight-header-5: 500;\n  --letter-spacing-header-5: 1px;\n  --line-height-header-5: 30px;\n  --margin-header-5: 1.67em 0;\n\n  --font-size-header-6: 20px;\n  --font-weight-header-6: 500;\n  --letter-spacing-header-6: 1px;\n  --line-height-header-6: 28px;\n  --margin-header-6: 2.33em 0;\n\n  --font-size-altHeader-3: 44px;\n  --font-weight-altHeader-3: normal;\n  --letter-spacing-altHeader-3: normal;\n  --line-height-altHeader-3: 48px;\n\n  --font-size-altHeader-4: 34px;\n  --font-weight-altHeader-4: normal;\n  --letter-spacing-altHeader-4: normal;\n  --line-height-altHeader-4: 44px;\n\n  --font-size-altHeader-5: 24px;\n  --font-weight-altHeader-5: normal;\n  --letter-spacing-altHeader-5: normal;\n  --line-height-altHeader-5: 30px;\n\n  --font-size-altHeader-6: 20px;\n  --font-weight-altHeader-6: normal;\n  --letter-spacing-altHeader-6: normal;\n  --line-height-altHeader-6: 28px;\n\n  --font-size-overline-1: 14px;\n  --font-weight-overline-1: 500;\n  --letter-spacing-overline-1: 1px;\n  --line-height-overline-1: 16px;\n\n  --font-size-overline-2: 12px;\n  --font-weight-overline-2: 500;\n  --letter-spacing-overline-2: 1px;\n  --line-height-overline-2: 14px;\n\n  --font-size-overline-3: 10px;\n  --font-weight-overline-3: 500;\n  --letter-spacing-overline-3: 1px;\n  --line-height-overline-3: 12px;\n\n  --font-size-overline-4: 8px;\n  --font-weight-overline-4: 500;\n  --letter-spacing-overline-4: 1px;\n  --line-height-overline-4: 10px;\n\n  --font-size-body-1: 19px;\n  --font-weight-body-1: 400;\n  --letter-spacing-body-1: normal;\n  --line-height-body-1: 26px;\n\n  --font-size-body-2: 16px;\n  --font-weight-body-2: 400;\n  --letter-spacing-body-2: normal;\n  --line-height-body-2: 22px;\n\n  --font-size-body-3: 14px;\n  --font-weight-body-3: 400;\n  --letter-spacing-body-3: normal;\n  --line-height-body-3: 20px;\n\n  --font-size-subtitle-1: 18px;\n  --font-weight-subtitle-1: 500;\n  --letter-spacing-subtitle-1: 1px;\n  --line-height-subtitle-1: 22px;\n\n  --font-size-subtitle-2: 14px;\n  --font-weight-subtitle-2: 500;\n  --letter-spacing-subtitle-2: 1px;\n  --line-height-subtitle-2: 22px;\n\n  --font-size-title-description: 20px;\n  --line-height-title-description: 28px;\n\n  --font-size-individual-listing-name: 19px;\n  --line-height-individual-listing-name: 24px;\n  --line-height-people-listing-gap: 24px;\n\n  --font-family-header: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;\n  --font-family-altHeader: 'adobe-garamond-pro';\n  --font-family-body: 'adobe-garamond-pro';\n  --font-family-body-italics: 'adobe-garamond-pro';\n  --font-family-buttons: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;\n  --font-family-overline: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;\n  --font-family-subtitle: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;\n  --font-family-people-listing-role: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;\n  --font-family-people-listing-name: 'adobe-garamond-pro';\n\n  --font-feature-settings-altHeader: 'pnum' on, 'onum' on;\n  --font-feature-settings-overline: 'tnum' on, 'lnum' on, 'liga' off, 'calt' off;\n  --font-feature-settings-navigation: 'tnum' on, 'lnum' on, 'liga' off, 'calt' off;\n\n  --text-transform-altHeader: none;\n  --text-transform-overline: uppercase;\n\n  --word-break-header: break-word;\n  --word-break-altHeader: break-word;\n  --word-break-body: break-word;\n  --word-break-overline: break-word;\n  --word-break-subtitle: break-word;\n\n  --font-family-navigation: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;\n  --font-size-navigation: 13px;\n  --font-weight-navigation: 500;\n  --line-height-navigation: 16px;\n  --text-transform-navigation: uppercase;\n  --letter-spacing-navigation: 1px;\n\n  --navigation-small-gap: 16px;\n  --navigation-middle-gap: 20px;\n  --navigation-large-gap: 24px;\n  --navigation-xlarge-gap: 36px;\n  --navigation-large-margin: 60px;\n\n  --font-size-search: 24px;\n  --font-family-search: 'adobe-garamond-pro';\n\n  --grid-outer-margin: 50px;\n  --grid-template-columns: 14px calc(10% - 86px) repeat(12, minmax(0, 1fr)) calc(10% - 86px) 14px;\n\n  --footer-height: 380px;\n  --footer-padding-top: 44px;\n  --footer-padding-bottom: 44px;\n  --footer-items-gap: 32px;\n  --footer-media-gap: 32px;\n  --footer-media-icon-width: 24px;\n  --footer-media-icon-height: 24px;\n  --footer-vertical-spacing-lg: 58px;\n  --footer-vertical-spacing-sm: 16px;\n\n  --text-link-underline-offset: 8px;\n  --cards-spacing-stack: 40px;\n\n  --editorial-subtitle-margin-bottom: 16px;\n  --editorial-margin-between: 24px;\n  --editorial-spacing-hover: 4px;\n  --anchor-tabs-height: 70px;\n\n  --font-family-sans: 'GreyLLTT', 'Roboto', sans-serif;\n  --font-family-serif: 'VictorSerif', 'Inria Serif Regular', serif;\n\n  --harmonic-text-link-underline-offset: 4px;\n  --harmonic-font-size-navigation: 19px;\n\n  --announcement-banner-color: var(--color-base-white);\n  --announcement-banner-bg-color: var(--color-primary-red);\n  --announcement-banner-hover-color: var(--color-white-hovered);\n  --announcement-banner-pressed-color: var(--color-white-pressed);\n\n  --information-panel-color: var(--color-base-white);\n  --information-panel-bg-color: var(--color-primary-red);\n  --information-panel-button-color: var(--color-primary-black);\n  --information-panel-button-bg-color: var(--color-base-white);\n  --information-panel-button-hover-color: var(--color-white-hovered);\n  --information-panel-button-pressed-color: var(--color-white-pressed);\n\n  --heading-promo-bg-color: var(--color-primary-red);\n  --page-header-bg-color: var(--color-primary-red);\n\n  @media (max-width: 699px) {\n    --font-size-header-1: 38px;\n    --font-weight-header-1: 500;\n    --letter-spacing-header-1: 1px;\n    --line-height-header-1: 42px;\n\n    --font-size-header-2: 30px;\n    --font-weight-header-2: 500;\n    --letter-spacing-header-2: 1px;\n    --line-height-header-2: 34px;\n\n    --font-size-header-3: 26px;\n    --font-weight-header-3: 500;\n    --letter-spacing-header-3: 1px;\n    --line-height-header-3: 30px;\n\n    --font-size-header-4: 24px;\n    --font-weight-header-4: 500;\n    --letter-spacing-header-4: 1px;\n    --line-height-header-4: 28px;\n\n    --font-size-header-5: 20px;\n    --font-weight-header-5: 500;\n    --letter-spacing-header-5: 1px;\n    --line-height-header-5: 28px;\n\n    --font-size-header-6: 17px;\n    --font-weight-header-6: 500;\n    --letter-spacing-header-6: 1px;\n    --line-height-header-6: 24px;\n\n    --font-size-altHeader-3: 26px;\n    --font-weight-altHeader-3: normal;\n    --letter-spacing-altHeader-3: normal;\n    --line-height-altHeader-3: 30px;\n\n    --font-size-altHeader-4: 24px;\n    --font-weight-altHeader-4: normal;\n    --letter-spacing-altHeader-4: normal;\n    --line-height-altHeader-4: 28px;\n\n    --font-size-altHeader-5: 20px;\n    --font-weight-altHeader-5: normal;\n    --letter-spacing-altHeader-5: normal;\n    --line-height-altHeader-5: 28px;\n\n    --font-size-altHeader-6: 17px;\n    --font-weight-altHeader-6: normal;\n    --letter-spacing-altHeader-6: normal;\n    --line-height-altHeader-6: 24px;\n\n    --font-size-overline-1: 14px;\n    --font-weight-overline-1: 500;\n    --letter-spacing-overline-1: 1px;\n    --line-height-overline-1: 16px;\n\n    --font-size-overline-2: 12px;\n    --font-weight-overline-2: 500;\n    --letter-spacing-overline-2: 1px;\n    --line-height-overline-2: 14px;\n\n    --font-size-body-1: 17px;\n    --font-weight-body-1: 400;\n    --letter-spacing-body-1: normal;\n    --line-height-body-1: 24px;\n\n    --font-size-body-2: 12px;\n    --font-weight-body-2: 400;\n    --letter-spacing-body-2: normal;\n    --line-height-body-2: 18px;\n\n    --font-size-body-3: 11px;\n    --font-weight-body-3: 400;\n    --letter-spacing-body-3: normal;\n    --line-height-body-3: 16px;\n\n    --font-size-subtitle-1: 16px;\n    --font-weight-subtitle-1: 500;\n    --letter-spacing-subtitle-1: 1px;\n    --line-height-subtitle-1: 24px;\n\n    --font-size-subtitle-2: 14px;\n    --font-weight-subtitle-2: 500;\n    --letter-spacing-subtitle-2: 1px;\n    --line-height-subtitle-2: 18px;\n\n    --font-size-title-description: 17px;\n    --line-height-title-description: 24px;\n    --line-height-people-listing-gap: 16px;\n\n    --font-size-search: 20px;\n    --font-family-search: 'adobe-garamond-pro';\n\n    --font-family-header: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;\n    --font-family-altHeader: 'adobe-garamond-pro';\n    --font-family-body: 'adobe-garamond-pro';\n    --font-family-body-italics: 'adobe-garamond-pro';\n    --font-family-buttons: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;\n    --font-family-overline: 'Gotham SSm Medium', sans-serif;\n    --font-family-subtitle: 'Gotham SSm Medium', 'Montserrat', sans-serif;\n    --font-family-people-listing-role: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;\n    --font-family-people-listing-name: 'adobe-garamond-pro';\n\n    --font-feature-settings-altHeader: 'pnum' on, 'onum' on;\n    --font-feature-settings-overline: 'tnum' on, 'lnum' on, 'liga' off, 'calt' off;\n    --font-feature-settings-navigation: 'tnum' on, 'lnum' on, 'liga' off, 'calt' off;\n\n    --text-transform-altHeader: none;\n    --text-transform-overline: uppercase;\n\n    --word-break-header: break-word;\n    --word-break-altHeader: break-word;\n    --word-break-body: break-word;\n    --word-break-overline: break-word;\n    --word-break-subtitle: break-word;\n\n    --grid-template-columns: calc(20px - 12px) repeat(12, minmax(0, 1fr)) calc(20px - 12px);\n\n    --footer-height: auto;\n    --footer-padding-top: 20px;\n    --footer-padding-bottom: 20px;\n    --footer-items-gap: 12px;\n    --footer-media-icon-width: 28px;\n    --footer-media-icon-height: 28px;\n    --footer-vertical-spacing-lg: 24px;\n    --footer-vertical-spacing-sm: 24px;\n\n    --anchor-tabs-height: 60px;\n  }\n\n  @media (min-width: 700px) and (max-width: 1139px) {\n    --grid-template-columns: calc(32px - 20px) repeat(12, minmax(0, 1fr)) calc(32px - 20px);\n    --font-size-header-6: 17px;\n    --font-size-altHeader-4: 24px;\n    --font-size-body-1: 17px;\n\n    --footer-media-gap: 24px;\n    --footer-padding-top: 40px;\n    --footer-padding-bottom: 40px;\n  }\n}\n";
+var coreThemeStyles = {"coreTheme":"core-theme-module_coreTheme__pWxYB"};
 styleInject(css_248z$3);
 
-var css_248z$4 = ".cinema-theme-module_cinemaTheme__f5QFs {\n  /* White */\n  --base-color-primary: #1a1a1a;\n  --color-primary: #1a1a1a;\n  --color-primary-button: #ffffff;\n  --color-primary-background: #1a1a1a;\n  --color-primary-button-reverse-bg: #ffffff;\n  --color-primary-button-reverse: #1a1a1a;\n  --color-secondary-button: #ffffff;\n  --color-tertiary-button: transparent;\n  --color-auxiliary-button: transparent;\n  --color-white-hovered: #fafafa;\n  --color-white-pressed: #f2f2f2;\n\n  --button-color: var(--color-primary-black);\n  --button-bg-color: var(--color-base-white);\n  --button-hover-color: var(--color-white-hovered);\n  --button-pressed-color: var(--color-white-pressed);\n  --button-secondary-color: var(--color-base-white);\n  --button-secondary-hover-color: var(--color-white-hovered);\n  --button-secondary-pressed-color: var(--color-white-pressed);\n  --button-tertiary-color: var(--color-base-white);\n  --button-tertiary-hover-color: var(--color-white-hovered);\n  --button-tertiary-pressed-color: var(--color-white-pressed);\n  --button-anchor-tab-color: var(--color-primary-black);\n\n  --rotator-button-color: var(--color-primary-black);\n  --rotator-button-bg-color: var(--color-base-light-grey);\n  --rotator-button-hover-color: var(--color-base-white);\n  --rotator-button-hover-bg-color: var(--color-primary-black);\n\n  --announcement-banner-color: var(--color-primary-red);\n  --announcement-banner-bg-color: var(--color-base-white);\n  --announcement-banner-hover-color: var(--color-rbo-red-hovered);\n  --announcement-banner-pressed-color: var(--color-rbo-red-pressed);\n\n  --information-panel-color: var(--color-primary-black);\n  --information-panel-bg-color: var(--color-base-white);\n  --information-panel-button-color: var(--color-base-white);\n  --information-panel-button-bg-color: var(--color-primary-red);\n  --information-panel-button-hover-color: var(--color-rbo-red-hovered);\n  --information-panel-button-pressed-color: var(--color-rbo-red-pressed);\n\n  --heading-promo-bg-color: var(--color-base-white);\n  --page-header-bg-color: var(--color-primary-black);\n\n  --upsell-border-color: var(--color-primary-black);\n}\n";
-var cinemaThemeStyles = {"cinemaTheme":"cinema-theme-module_cinemaTheme__f5QFs"};
+var css_248z$4 = ".stream-theme-module_streamTheme__lTfqQ {\n  /* Stream theme overrides */\n  --base-color-primary: #1a1a1a;\n  --color-primary: #1a1a1a;\n  --color-primary-background: #1a1a1a;\n  --color-primary-button: #1a1a1a;\n  --color-secondary-button: #ffffff;\n  --color-tertiary-button: transparent;\n  --color-auxiliary-button: transparent;\n  --color-primary-button-reverse-bg: #1a1a1a;\n  --color-primary-button-reverse: #ffffff;\n\n  --button-color: var(--color-base-white);\n  --button-bg-color: var(--color-primary-black);\n  --button-hover-color: var(--color-black-hovered);\n  --button-pressed-color: var(--color-black-pressed);\n  --button-secondary-color: var(--color-primary-black);\n  --button-secondary-hover-color: var(--color-black-hovered);\n  --button-secondary-pressed-color: var(--color-black-pressed);\n  --button-tertiary-color: var(--color-primary-black);\n  --button-tertiary-hover-color: var(--color-rbo-black-hovered);\n  --button-tertiary-pressed-color: var(--color-rbo-black-pressed);\n  --button-anchor-tab-color: var(--color-primary-black);\n\n  --rotator-button-color: var(--color-base-black);\n  --rotator-button-bg-color: var(--color-base-light-grey);\n  --rotator-button-hover-color: var(--color-base-white);\n  --rotator-button-hover-bg-color: var(--color-primary-black);\n\n  --announcement-banner-color: var(--color-base-white);\n  --announcement-banner-bg-color: var(--color-primary-black);\n  --announcement-banner-hover-color: var(--color-white-hovered);\n  --announcement-banner-pressed-color: var(--color-white-pressed);\n\n  --information-panel-color: var(--color-base-white);\n  --information-panel-bg-color: var(--color-primary-black);\n\n  --heading-promo-bg-color: var(--color-base-black);\n  --page-header-bg-color: var(--color-primary-black);\n\n  --upsell-border-color: var(--color-primary-black);\n}\n";
+var streamThemeStyles = {"streamTheme":"stream-theme-module_streamTheme__lTfqQ"};
 styleInject(css_248z$4);
 
-var css_248z$5 = ".schools-theme-module_schoolsTheme__CWHba {\n  /* Schools theme overrides */\n  --base-color-primary: #c8102e;\n  --color-primary: #c8102e;\n  --color-primary-button: #c8102e;\n  --color-primary-button-reverse-bg: #1a1a1a;\n  --color-primary-button-reverse: #ffffff;\n  --color-secondary-button: #ffffff;\n  --color-tertiary-button: transparent;\n  --color-auxiliary-button: transparent;\n\n  --text-transform-header: none;\n  --text-transform-altHeader: none;\n  --text-transform-body: none;\n  --text-transform-overline: none;\n  --text-transform-subtitle: none;\n  --text-transform-navigation: uppercase;\n\n  @media only screen and (max-width: calc(var(--breakpoint-sm) - 1px)) {\n    --text-transform-header: none;\n    --text-transform-altHeader: none;\n    --text-transform-body: none;\n    --text-transform-overline: none;\n    --text-transform-subtitle: none;\n    --text-transform-navigation: uppercase;\n  }\n}\n";
-var schoolsThemeStyles = {"schoolsTheme":"schools-theme-module_schoolsTheme__CWHba"};
+var css_248z$5 = ".cinema-theme-module_cinemaTheme__f5QFs {\n  /* White */\n  --base-color-primary: #1a1a1a;\n  --color-primary: #1a1a1a;\n  --color-primary-button: #ffffff;\n  --color-primary-background: #1a1a1a;\n  --color-primary-button-reverse-bg: #ffffff;\n  --color-primary-button-reverse: #1a1a1a;\n  --color-secondary-button: #ffffff;\n  --color-tertiary-button: transparent;\n  --color-auxiliary-button: transparent;\n  --color-white-hovered: #fafafa;\n  --color-white-pressed: #f2f2f2;\n\n  --button-color: var(--color-primary-black);\n  --button-bg-color: var(--color-base-white);\n  --button-hover-color: var(--color-white-hovered);\n  --button-pressed-color: var(--color-white-pressed);\n  --button-secondary-color: var(--color-base-white);\n  --button-secondary-hover-color: var(--color-white-hovered);\n  --button-secondary-pressed-color: var(--color-white-pressed);\n  --button-tertiary-color: var(--color-base-white);\n  --button-tertiary-hover-color: var(--color-white-hovered);\n  --button-tertiary-pressed-color: var(--color-white-pressed);\n  --button-anchor-tab-color: var(--color-primary-black);\n\n  --rotator-button-color: var(--color-primary-black);\n  --rotator-button-bg-color: var(--color-base-light-grey);\n  --rotator-button-hover-color: var(--color-base-white);\n  --rotator-button-hover-bg-color: var(--color-primary-black);\n\n  --announcement-banner-color: var(--color-primary-red);\n  --announcement-banner-bg-color: var(--color-base-white);\n  --announcement-banner-hover-color: var(--color-rbo-red-hovered);\n  --announcement-banner-pressed-color: var(--color-rbo-red-pressed);\n\n  --information-panel-color: var(--color-primary-black);\n  --information-panel-bg-color: var(--color-base-white);\n  --information-panel-button-color: var(--color-base-white);\n  --information-panel-button-bg-color: var(--color-primary-red);\n  --information-panel-button-hover-color: var(--color-rbo-red-hovered);\n  --information-panel-button-pressed-color: var(--color-rbo-red-pressed);\n\n  --heading-promo-bg-color: var(--color-base-white);\n  --page-header-bg-color: var(--color-primary-black);\n\n  --upsell-border-color: var(--color-primary-black);\n}\n";
+var cinemaThemeStyles = {"cinemaTheme":"cinema-theme-module_cinemaTheme__f5QFs"};
 styleInject(css_248z$5);
 
+var css_248z$6 = ".schools-theme-module_schoolsTheme__CWHba {\n  /* Schools theme overrides */\n  --base-color-primary: #c8102e;\n  --color-primary: #c8102e;\n  --color-primary-button: #c8102e;\n  --color-primary-button-reverse-bg: #1a1a1a;\n  --color-primary-button-reverse: #ffffff;\n  --color-secondary-button: #ffffff;\n  --color-tertiary-button: transparent;\n  --color-auxiliary-button: transparent;\n\n  --text-transform-header: none;\n  --text-transform-altHeader: none;\n  --text-transform-body: none;\n  --text-transform-overline: none;\n  --text-transform-subtitle: none;\n  --text-transform-navigation: uppercase;\n\n  @media only screen and (max-width: calc(var(--breakpoint-sm) - 1px)) {\n    --text-transform-header: none;\n    --text-transform-altHeader: none;\n    --text-transform-body: none;\n    --text-transform-overline: none;\n    --text-transform-subtitle: none;\n    --text-transform-navigation: uppercase;\n  }\n}\n";
+var schoolsThemeStyles = {"schoolsTheme":"schools-theme-module_schoolsTheme__CWHba"};
+styleInject(css_248z$6);
+
 /* eslint-disable react/jsx-no-useless-fragment */
 var DEFAULT_THEME = ThemeType.Core;
 var getThemeClass = function getThemeClass(theme) {
@@ -8128,7 +8124,6 @@ var HighlightsCarouselWrapper = /*#__PURE__*/styled.div(_templateObject5$n || (_
 var RotatorButtonsWrapperMobile = /*#__PURE__*/styled.div(_templateObject6$g || (_templateObject6$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: none;\n  margin-top: 8px;\n  margin-bottom: 8px;\n\n  @media ", " {\n    div {\n      background-color: var(--color-base-black);\n    }\n    svg path {\n      fill: var(--color-base-white) !important;\n    }\n\n    & {\n      display: flex;\n      margin-left: 100px;\n      align-self: center;\n      justify-content: flex-end;\n    }\n  }\n"])), devices.mobile);
 var RotatorButtonsWrapper = /*#__PURE__*/styled.div(_templateObject7$c || (_templateObject7$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: absolute;\n  right: 50px;\n  top: calc(50% - calc(var(--rotator-button-width) / 2));\n  z-index: 2;\n\n  @media ", " {\n    & {\n      display: none;\n    }\n  }\n"])), devices.mobileAndTablet);
 
-/* eslint-disable react/no-danger */
 var PageHeadingHighlightCarousel = function PageHeadingHighlightCarousel(_ref) {
   var title = _ref.title,
     subtitle = _ref.subtitle,
@@ -8589,7 +8584,7 @@ var PolicyLinks = function PolicyLinks(_ref) {
   }));
 };
 
-var _templateObject$11, _templateObject3$A, _templateObject4$u, _templateObject5$p, _templateObject6$i, _templateObject7$e, _templateObject8$9, _templateObject9$5, _templateObject0$5, _templateObject1$3, _templateObject10$2, _templateObject11$2, _templateObject12$2, _templateObject13$1, _templateObject14, _templateObject15, _templateObject16, _templateObject17;
+var _templateObject$11, _templateObject3$A, _templateObject4$u, _templateObject5$p, _templateObject6$i, _templateObject7$e, _templateObject8$9, _templateObject9$5, _templateObject0$5, _templateObject1$3, _templateObject10$2, _templateObject11$2, _templateObject12$2, _templateObject13$1, _templateObject14, _templateObject15, _templateObject16;
 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 . .'";
@@ -8658,19 +8653,18 @@ var PromoWithTagsContentWrapper = /*#__PURE__*/styled.div(_templateObject11$2 ||
   var asCard = _ref10.asCard;
   return asCard && asCardOverrides;
 });
-var TimerWrapper$1 = /*#__PURE__*/styled.div(_templateObject12$2 || (_templateObject12$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-bottom: 32px;\n\n  @media ", " {\n    margin-bottom: 24px;\n  }\n"])), devices.mobile);
-var ProgressWrapper = /*#__PURE__*/styled.div(_templateObject13$1 || (_templateObject13$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-bottom: 32px;\n\n  p {\n    margin-bottom: 16px;\n  }\n\n  @media ", " {\n    margin-bottom: 24px;\n\n    p {\n      margin-bottom: 12px;\n    }\n  }\n"])), devices.mobile);
-var EndDateText = /*#__PURE__*/styled.div(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  border-bottom: 1px solid var(--color-base-black);\n  padding-bottom: 32px;\n  margin-bottom: 32px;\n\n  @media ", " {\n    padding-bottom: 20px;\n    margin-bottom: 20px;\n  }\n"])), devices.mobile);
-var HarmonicHeaderWithWrapper = /*#__PURE__*/styled(HarmonicHeader)(_templateObject15 || (_templateObject15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin: 0;\n  padding-bottom: 32px;\n\n  @media ", " {\n    padding-bottom: 24px;\n  }\n"])), devices.mobileAndTablet);
-var BodyCopyHarmonicWithWrapper$1 = /*#__PURE__*/styled(BodyCopyHarmonic)(_templateObject16 || (_templateObject16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  padding: 0;\n  margin: 0;\n  margin-bottom: 32px;\n  whiete-space: break-spaces;\n  overflow-wrap: break-word;\n\n  a {\n    text-decoration: underline;\n    cursor: pointer;\n\n    &[href^='tel:'] {\n      text-decoration: none;\n    }\n\n    &:link {\n      color: var(--color-primary-black);\n    }\n\n    &:visited {\n      color: var(--color-base-dark-grey);\n    }\n\n    &:hover {\n      color: var(--color-primary-red);\n    }\n  }\n  @media ", " {\n    margin-bottom: 24px;\n  }\n"])), devices.mobile);
-var HarmonicSubtitleWithWrapper = /*#__PURE__*/styled(HarmonicSubtitle)(_templateObject17 || (_templateObject17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  overflow-wrap: break-word;\n  margin-bottom: 16px;\n"])));
+var TimerWrapper$1 = /*#__PURE__*/styled.div(_templateObject12$2 || (_templateObject12$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-bottom: 32px;\n"])));
+var EndDateText = /*#__PURE__*/styled.div(_templateObject13$1 || (_templateObject13$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  border-bottom: 1px solid var(--color-base-black);\n  padding-bottom: 32px;\n  margin-bottom: 32px;\n\n  @media ", " {\n    padding-bottom: 20px;\n    margin-bottom: 20px;\n  }\n"])), devices.mobile);
+var HarmonicHeaderWithWrapper = /*#__PURE__*/styled(HarmonicHeader)(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin: 0;\n  padding-bottom: 32px;\n\n  @media ", " {\n    padding-bottom: 24px;\n  }\n"])), devices.mobileAndTablet);
+var BodyCopyHarmonicWithWrapper$1 = /*#__PURE__*/styled(BodyCopyHarmonic)(_templateObject15 || (_templateObject15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  padding: 0;\n  margin: 0;\n  margin-bottom: 32px;\n  whiete-space: break-spaces;\n  overflow-wrap: break-word;\n\n  a {\n    text-decoration: underline;\n    cursor: pointer;\n\n    &[href^='tel:'] {\n      text-decoration: none;\n    }\n\n    &:link {\n      color: var(--color-primary-black);\n    }\n\n    &:visited {\n      color: var(--color-base-dark-grey);\n    }\n\n    &:hover {\n      color: var(--color-primary-red);\n    }\n  }\n  @media ", " {\n    margin-bottom: 24px;\n  }\n"])), devices.mobile);
+var HarmonicSubtitleWithWrapper = /*#__PURE__*/styled(HarmonicSubtitle)(_templateObject16 || (_templateObject16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  overflow-wrap: break-word;\n  margin-bottom: 16px;\n"])));
 
 var _excluded$l = ["text"],
   _excluded2$2 = ["text"],
   _excluded3$1 = ["text"];
 var _buttonTypeToButton$1;
 var LENGTH_TEXT$1 = 28;
-var LENGTH_TEXT_PARAGRAPH = 130;
+var LENGTH_TEXT_PARAGRAPH = 185;
 var buttonTypeToButton$1 = (_buttonTypeToButton$1 = {}, _buttonTypeToButton$1[ButtonType.Primary] = PrimaryButton, _buttonTypeToButton$1[ButtonType.Secondary] = SecondaryButton, _buttonTypeToButton$1[ButtonType.Tertiary] = TertiaryButton, _buttonTypeToButton$1);
 var PromoWithTags = function PromoWithTags(_ref) {
   var _ref$imagePosition = _ref.imagePosition,
@@ -8697,12 +8691,7 @@ var PromoWithTags = function PromoWithTags(_ref) {
     _ref$disabledCTACopy = _ref.disabledCTACopy,
     disabledCTACopy = _ref$disabledCTACopy === void 0 ? 'Sold Out' : _ref$disabledCTACopy,
     timerParams = _ref.timerParams,
-    className = _ref.className,
-    _ref$withContinueWatc = _ref.withContinueWatching,
-    withContinueWatching = _ref$withContinueWatc === void 0 ? false : _ref$withContinueWatc,
-    _ref$progress = _ref.progress,
-    progress = _ref$progress === void 0 ? 0 : _ref$progress,
-    progressTitle = _ref.progressTitle;
+    className = _ref.className;
   var _useViewport = useViewport(),
     hydrated = _useViewport.hydrated;
   var _useState = useState(false),
@@ -8783,15 +8772,7 @@ var PromoWithTags = function PromoWithTags(_ref) {
     imageToLeft: imageToLeft,
     hideSection: showExtraContent,
     asCard: asCard
-  }, renderTimerBlock(), withContinueWatching && (/*#__PURE__*/React__default.createElement(ProgressWrapper, {
-    "data-testid": "progress-wrapper"
-  }, progressTitle && (/*#__PURE__*/React__default.createElement(BodyCopyHarmonic, {
-    size: "medium",
-    "data-testid": "progress-title"
-  }, progressTitle)), /*#__PURE__*/React__default.createElement(Progress, {
-    progress: progress,
-    elapsedLineColor: ThemeColor['base-black']
-  }))), /*#__PURE__*/React__default.createElement(React__default.Fragment, null, !!(aboveTitleTags != null && aboveTitleTags.length) && (/*#__PURE__*/React__default.createElement(PromoWithTagsTagWrapper, {
+  }, renderTimerBlock(), /*#__PURE__*/React__default.createElement(React__default.Fragment, null, !!(aboveTitleTags != null && aboveTitleTags.length) && (/*#__PURE__*/React__default.createElement(PromoWithTagsTagWrapper, {
     marginBottom: 24
   }, /*#__PURE__*/React__default.createElement(TypeTags, {
     list: aboveTitleTags
@@ -11233,14 +11214,9 @@ var BodyContent = function BodyContent(_ref2) {
     _ref2$renderGridItem = _ref2.renderGridItem,
     renderGridItem = _ref2$renderGridItem === void 0 ? true : _ref2$renderGridItem;
   var textContainerClassName = !renderGrid && !renderGridItem ? className : undefined;
-  var content = /*#__PURE__*/React__default.createElement(TextContainer$1, {
-    tag: "div",
-    size: "large",
-    "data-testid": "text-container",
+  var content = /*#__PURE__*/React__default.createElement(BodyContentTextContainer, {
     className: textContainerClassName,
-    dangerouslySetInnerHTML: {
-      __html: addTypographyClasses(text)
-    }
+    html: text
   });
   var gridItemOrContent = renderGridItem ? (/*#__PURE__*/React__default.createElement(GridItem, {
     columnStartDesktop: columnStartDesktop,
@@ -11305,158 +11281,6 @@ var Paywall = function Paywall(_ref) {
   }, "Sign in"))));
 };
 
-var _templateObject$1m, _templateObject2$12, _templateObject3$P, _templateObject4$H, _templateObject5$B, _templateObject6$r, _templateObject7$l, _templateObject8$e, _templateObject9$9, _templateObject0$8;
-var CastFiltersComponentWrapper = /*#__PURE__*/styled.div(_templateObject$1m || (_templateObject$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n\n  @media ", " {\n    flex-direction: column-reverse;\n    gap: 15px;\n  }\n"])), devices.mobile);
-var CastFiltersWrapper = /*#__PURE__*/styled.div(_templateObject2$12 || (_templateObject2$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n\n  @media ", " {\n    gap: 15px;\n  }\n"])), devices.mobile);
-var CastWrapper = /*#__PURE__*/styled.div(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: row;\n  gap: 20px;\n  overflow-x: scroll;\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n\n  ::-webkit-scrollbar {\n    display: none;\n  }\n\n  @media ", " {\n    flex-direction: column;\n    gap: 10px;\n  }\n"])), devices.mobile);
-var ActionButtons = /*#__PURE__*/styled.div(_templateObject4$H || (_templateObject4$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: row;\n  align-items: baseline;\n  gap: 32px;\n\n  .mobile-only {\n    visibility: hidden;\n\n    p {\n      font-size: 14px;\n      line-height: 17px;\n    }\n  }\n\n  @media ", " {\n    .mobile-only {\n      visibility: visible;\n      padding-block: 24px;\n      font-size: 17px;\n      line-height: 24px;\n    }\n\n    flex-direction: row-reverse;\n    gap: unset;\n    justify-content: space-between;\n    border-block-end: 2px solid var(--base-color-light-grey);\n\n    :has(.mobile-only) {\n      justify-content: left;\n    }\n\n    :not(:has(.mobile-only)) {\n      padding-block: 12px;\n    }\n\n    a {\n      width: fit-content;\n    }\n  }\n"])), devices.mobile);
-var PersonWrapper$1 = /*#__PURE__*/styled.div(_templateObject5$B || (_templateObject5$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 6px;\n  margin-block-start: 2px;\n  margin-inline: 2px;\n\n  p {\n    font-size: 14px;\n    line-height: 17px;\n  }\n\n  :focus-visible {\n    outline: none;\n\n    & > div:first-child {\n      outline: 2px solid var(--color-base-black);\n    }\n  }\n\n  @media ", " {\n    flex-direction: row;\n    gap: 20px;\n    margin-block-end: 2px;\n    margin-inline-end: unset;\n\n    p {\n      font-size: 17px;\n      line-height: 24px;\n    }\n  }\n"])), devices.mobile);
-var PersonToggle = /*#__PURE__*/styled.div(_templateObject6$r || (_templateObject6$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  width: 86px;\n  height: 86px;\n  min-width: 86px;\n  border: 4px solid;\n  border-color: ", ";\n  border-radius: 50%;\n  background: var(--color-base-white);\n  position: relative;\n  box-shadow: inset 0 0 0 4px var(--color-base-white);\n"])), function (_ref) {
-  var isSelected = _ref.isSelected;
-  return isSelected ? 'var(--color-primary-red)' : 'var(--color-base-light-grey)';
-});
-var PersonImage = /*#__PURE__*/styled.img(_templateObject7$l || (_templateObject7$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: calc(100% - 8px);\n  height: calc(100% - 8px);\n  margin: 4px;\n  object-fit: cover;\n  border-radius: 50%;\n\n  // This is really specific to the SVG that we have been provided\n  // as a fallback person image. I don't think there's a simpler and\n  // more general way to handle this, so if we're given a new placeholder\n  // image later, we may have to change the scale here\n  ", "\n"])), function (_ref2) {
-  var isDefaultPlaceholder = _ref2.isDefaultPlaceholder;
-  return isDefaultPlaceholder && "\n    transform: scale(1.24);\n    padding-inline-end: 6px;\n  ";
-});
-var PersonName = /*#__PURE__*/styled.div(_templateObject8$e || (_templateObject8$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  max-width: 86px;\n  display: flex;\n  flex-wrap: wrap;\n  text-align: center;\n\n  @media ", " {\n    max-width: unset;\n    text-align: left;\n    font-size: 17px;\n    line-height: 24px;\n  }\n"])), devices.mobile);
-var Decal = /*#__PURE__*/styled.div(_templateObject9$9 || (_templateObject9$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  background: var(--color-primary-red);\n  display: ", ";\n  position: absolute;\n  top: 6px;\n  right: -6px;\n  align-items: center;\n  justify-content: center;\n\n  span {\n    display: ", ";\n    width: 65%;\n    height: 65%;\n  }\n"])), function (_ref3) {
-  var isSelected = _ref3.isSelected;
-  return isSelected ? 'flex' : 'none';
-}, function (_ref4) {
-  var isSelected = _ref4.isSelected;
-  return isSelected ? 'flex' : 'none';
-});
-var EmptySelectionTextSpacer = /*#__PURE__*/styled.div(_templateObject0$8 || (_templateObject0$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  visibility: hidden;\n\n  @media ", " {\n    visibility: visible;\n    min-height: var(--button-height);\n  }\n"])), devices.mobile);
-
-var defaultPlaceholderImage = "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23c9c9c9%3Bstroke%3A%23c9c9c9%3B%7D.cls-1%2C.cls-2%2C.cls-3%7Bstroke-miterlimit%3A10%3B%7D.cls-2%7Bfill-rule%3Aevenodd%3B%7D.cls-2%2C.cls-3%7Bfill%3A%2372767c%3Bstroke%3A%2372767c%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M50.42%2C89.58c21.86%2C0%2C39.58-17.72%2C39.58-39.58S72.28%2C10.42%2C50.42%2C10.42%2C10.83%2C28.14%2C10.83%2C50s17.72%2C39.58%2C39.58%2C39.58Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M50.4%2C89.58c10.88%2C0%2C20.75-4.42%2C27.92-11.54-4.96-10.46-15.58-17.71-27.92-17.71s-22.96%2C7.25-27.92%2C17.71c7.17%2C7.12%2C17%2C11.54%2C27.92%2C11.54Z%22%2F%3E%3Cpath%20class%3D%22cls-3%22%20d%3D%22M50.4%2C55.67c8.05%2C0%2C14.58-6.53%2C14.58-14.58s-6.53-14.58-14.58-14.58-14.58%2C6.53-14.58%2C14.58%2C6.53%2C14.58%2C14.58%2C14.58Z%22%2F%3E%3C%2Fsvg%3E";
-
-var _excluded$q = ["name", "image", "onClick"];
-var CastFilters = function CastFilters(_ref) {
-  var cast = _ref.cast,
-    headingText = _ref.headingText,
-    ctaText = _ref.ctaText,
-    textLinkText = _ref.textLinkText,
-    emptySelectionText = _ref.emptySelectionText,
-    placeholderImage = _ref.placeholderImage,
-    listRoleDescription = _ref.listRoleDescription,
-    className = _ref.className,
-    onSelect = _ref.onSelect,
-    onApply = _ref.onApply,
-    onClear = _ref.onClear,
-    _ref$selectedIndices = _ref.selectedIndices,
-    selectedIndices = _ref$selectedIndices === void 0 ? [] : _ref$selectedIndices;
-  var castWrapperRef = useRef(null);
-  var isDraggingRef = useRef(false);
-  var startXRef = useRef(0);
-  var scrollStartRef = useRef(0);
-  var hasDraggedRef = useRef(false);
-  var handleMouseDown = useCallback(function (e) {
-    if (!castWrapperRef.current) return;
-    isDraggingRef.current = true;
-    hasDraggedRef.current = false;
-    startXRef.current = e.clientX;
-    scrollStartRef.current = castWrapperRef.current.scrollLeft;
-    if (e.target === castWrapperRef.current) e.preventDefault();
-  }, []);
-  var handleMouseMove = useCallback(function (e) {
-    if (!isDraggingRef.current || !castWrapperRef.current) return;
-    var deltaX = e.clientX - startXRef.current;
-    var threshold = 5;
-    if (Math.abs(deltaX) > threshold) {
-      hasDraggedRef.current = true;
-      e.preventDefault();
-      castWrapperRef.current.scrollLeft = scrollStartRef.current - deltaX;
-    }
-  }, []);
-  var handleMouseUp = useCallback(function () {
-    isDraggingRef.current = false;
-    setTimeout(function () {
-      hasDraggedRef.current = false;
-    }, 0);
-  }, []);
-  var handleMouseLeave = useCallback(function () {
-    isDraggingRef.current = false;
-    hasDraggedRef.current = false;
-  }, []);
-  var handleClick = React__default.useCallback(function (index, onClick) {
-    if (hasDraggedRef.current) return;
-    if (onSelect) onSelect(index);
-    if (onClick) onClick();
-  }, [onSelect]);
-  var handlePersonKeydown = React__default.useCallback(function (e, index, onClick) {
-    if (e.key === 'Enter') {
-      handleClick(index, onClick);
-    }
-  }, [handleClick]);
-  var handleClearKeydown = React__default.useCallback(function (e) {
-    if (e.key === 'Enter' && onClear) {
-      onClear();
-    }
-  }, [onClear]);
-  var showActionButtonsSection = onApply || onClear || emptySelectionText;
-  return /*#__PURE__*/React__default.createElement(CastFiltersComponentWrapper, {
-    className: className
-  }, /*#__PURE__*/React__default.createElement(CastFiltersWrapper, null, headingText && /*#__PURE__*/React__default.createElement(BodyCopyHarmonic, {
-    size: "large"
-  }, headingText), /*#__PURE__*/React__default.createElement(CastWrapper, {
-    ref: castWrapperRef,
-    role: "listbox",
-    "aria-roledescription": listRoleDescription != null ? listRoleDescription : 'filter list',
-    "aria-label": "filter list",
-    "aria-multiselectable": true,
-    onMouseDown: handleMouseDown,
-    onMouseMove: handleMouseMove,
-    onMouseUp: handleMouseUp,
-    onMouseLeave: handleMouseLeave
-  }, cast.map(function (person, index) {
-    var name = person.name,
-      image = person.image,
-      _onClick = person.onClick,
-      rest = _objectWithoutPropertiesLoose(person, _excluded$q);
-    var isSelected = selectedIndices.includes(index);
-    var personImage = image || placeholderImage || defaultPlaceholderImage;
-    return /*#__PURE__*/React__default.createElement(PersonWrapper$1, {
-      key: index,
-      "aria-selected": isSelected,
-      role: "option",
-      tabIndex: 0,
-      onKeyDown: function onKeyDown(e) {
-        return handlePersonKeydown(e, index, _onClick);
-      }
-    }, /*#__PURE__*/React__default.createElement(PersonToggle, Object.assign({
-      isSelected: isSelected,
-      onClick: function onClick() {
-        return handleClick(index, _onClick);
-      }
-    }, rest), /*#__PURE__*/React__default.createElement(PersonImage, {
-      src: personImage,
-      alt: image ? name : "Placeholder image for " + name,
-      draggable: false,
-      isDefaultPlaceholder: !(!!image || !!placeholderImage)
-    }), /*#__PURE__*/React__default.createElement(Decal, {
-      isSelected: isSelected
-    }, /*#__PURE__*/React__default.createElement(Icon, {
-      iconName: "Confirm",
-      color: "white"
-    }))), /*#__PURE__*/React__default.createElement(PersonName, null, /*#__PURE__*/React__default.createElement(BodyCopyHarmonic, {
-      size: "medium"
-    }, name)));
-  }))), showActionButtonsSection && (/*#__PURE__*/React__default.createElement(ActionButtons, null, selectedIndices.length === 0 && emptySelectionText && (/*#__PURE__*/React__default.createElement(BodyCopyHarmonic, {
-    size: "medium",
-    className: "mobile-only"
-  }, emptySelectionText)), selectedIndices.length === 0 && !emptySelectionText && /*#__PURE__*/React__default.createElement(EmptySelectionTextSpacer, null), selectedIndices.length > 0 && (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, onApply && /*#__PURE__*/React__default.createElement(PrimaryButton, {
-    onClick: function onClick() {
-      return onApply(selectedIndices);
-    }
-  }, ctaText != null ? ctaText : 'Apply'), onClear && (/*#__PURE__*/React__default.createElement(TextLink, {
-    tabIndex: 0,
-    role: "button",
-    onClick: onClear,
-    onKeyDown: handleClearKeydown
-  }, textLinkText != null ? textLinkText : 'Clear')))))));
-};
-
 var dataRoh = 'imgLogo';
 var title = 'Royal Ballet and Opera';
 var Navigation = function Navigation(_ref) {
@@ -11623,14 +11447,14 @@ var Navigation = function Navigation(_ref) {
   })))))));
 };
 
-var _templateObject$1n, _templateObject2$13, _templateObject3$Q, _templateObject4$I, _templateObject5$C, _templateObject6$s, _templateObject7$m;
-var FooterSection = /*#__PURE__*/styled(Grid)(_templateObject$1n || (_templateObject$1n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  background-color: var(--color-base-black);\n  color: var(--color-base-white);\n  padding: 44px 0px;\n  grid-template-areas: '. . policy policy policy policy social social social social logo logo logo logo . .';\n\n  @media ", " {\n    padding: 40px 0px;\n    gap: 24px;\n  }\n\n  @media ", " {\n    padding: 20px 0px;\n    row-gap: 40px;\n    grid-template-areas:\n      '. social social social social social social social social social social social social .'\n      '. policy policy policy policy policy policy policy policy policy policy policy policy .'\n      '. logo logo logo logo logo logo logo logo logo logo logo logo .';\n  }\n"])), devices.tablet, devices.mobile);
-var PolicyLinksSection = /*#__PURE__*/styled(GridItem)(_templateObject2$13 || (_templateObject2$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-area: policy;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n\n  @media ", " {\n    gap: 20px;\n  }\n\n  @media ", " {\n    gap: 12px;\n  }\n"])), devices.tablet, devices.mobile);
-var SocialAndNewsletterSection = /*#__PURE__*/styled(GridItem)(_templateObject3$Q || (_templateObject3$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-area: social;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  gap: 20px;\n\n  @media ", " {\n    gap: 40px;\n  }\n"])), devices.mobile);
-var SectionWrapper = /*#__PURE__*/styled.div(_templateObject4$I || (_templateObject4$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n\n  @media ", " {\n    gap: 24px;\n  }\n"])), devices.mobile);
-var LogoAndDescriptionSection = /*#__PURE__*/styled(GridItem)(_templateObject5$C || (_templateObject5$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-area: logo;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n\n  @media ", " {\n    gap: 24px;\n  }\n"])), devices.mobile);
-var SponsorLogoContainer = /*#__PURE__*/styled.div(_templateObject6$s || (_templateObject6$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  max-width: 290px;\n\n  @media ", " {\n    max-width: unset;\n  }\n"])), devices.mobile);
-var TextLinkWrapper$3 = /*#__PURE__*/styled(TextLink)(_templateObject7$m || (_templateObject7$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-family: var(--font-family-sans);\n  font-size: 17px;\n  line-height: 24px;\n  letter-spacing: 0.4px;\n  color: var(--color-base-white);\n  border-bottom: unset;\n  text-decoration: underline;\n  text-underline-offset: var(--harmonic-text-link-underline-offset);\n  margin-bottom: 0;\n  padding-bottom: 0;\n"])));
+var _templateObject$1m, _templateObject2$12, _templateObject3$P, _templateObject4$H, _templateObject5$B, _templateObject6$r, _templateObject7$l;
+var FooterSection = /*#__PURE__*/styled(Grid)(_templateObject$1m || (_templateObject$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  background-color: var(--color-base-black);\n  color: var(--color-base-white);\n  padding: 44px 0px;\n  grid-template-areas: '. . policy policy policy policy social social social social logo logo logo logo . .';\n\n  @media ", " {\n    padding: 40px 0px;\n    gap: 24px;\n  }\n\n  @media ", " {\n    padding: 20px 0px;\n    row-gap: 40px;\n    grid-template-areas:\n      '. social social social social social social social social social social social social .'\n      '. policy policy policy policy policy policy policy policy policy policy policy policy .'\n      '. logo logo logo logo logo logo logo logo logo logo logo logo .';\n  }\n"])), devices.tablet, devices.mobile);
+var PolicyLinksSection = /*#__PURE__*/styled(GridItem)(_templateObject2$12 || (_templateObject2$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-area: policy;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n\n  @media ", " {\n    gap: 20px;\n  }\n\n  @media ", " {\n    gap: 12px;\n  }\n"])), devices.tablet, devices.mobile);
+var SocialAndNewsletterSection = /*#__PURE__*/styled(GridItem)(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-area: social;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  gap: 20px;\n\n  @media ", " {\n    gap: 40px;\n  }\n"])), devices.mobile);
+var SectionWrapper = /*#__PURE__*/styled.div(_templateObject4$H || (_templateObject4$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n\n  @media ", " {\n    gap: 24px;\n  }\n"])), devices.mobile);
+var LogoAndDescriptionSection = /*#__PURE__*/styled(GridItem)(_templateObject5$B || (_templateObject5$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-area: logo;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n\n  @media ", " {\n    gap: 24px;\n  }\n"])), devices.mobile);
+var SponsorLogoContainer = /*#__PURE__*/styled.div(_templateObject6$r || (_templateObject6$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  max-width: 290px;\n\n  @media ", " {\n    max-width: unset;\n  }\n"])), devices.mobile);
+var TextLinkWrapper$3 = /*#__PURE__*/styled(TextLink)(_templateObject7$l || (_templateObject7$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-family: var(--font-family-sans);\n  font-size: 17px;\n  line-height: 24px;\n  letter-spacing: 0.4px;\n  color: var(--color-base-white);\n  border-bottom: unset;\n  text-decoration: underline;\n  text-underline-offset: var(--harmonic-text-link-underline-offset);\n  margin-bottom: 0;\n  padding-bottom: 0;\n"])));
 
 var SPONSOR_IMAGE_SOURCE = 'https://s3.eu-west-1.amazonaws.com/static.roh.org.uk/sponsorlogos/arts-council-england-invert.svg';
 var Footer = function Footer(_ref) {
@@ -11688,18 +11512,18 @@ var Footer = function Footer(_ref) {
   }, additionalInfo))));
 };
 
-var _templateObject$1o, _templateObject2$14, _templateObject3$R, _templateObject4$J, _templateObject5$D, _templateObject8$f, _templateObject9$a, _templateObject0$9;
+var _templateObject$1n, _templateObject2$13, _templateObject3$Q, _templateObject4$I, _templateObject5$C, _templateObject8$e, _templateObject9$9, _templateObject0$8;
 var LIST_ITEM_GAP = 32;
-var AnchorTabbarWrapper = /*#__PURE__*/styled.div(_templateObject$1o || (_templateObject$1o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: sticky;\n  width: 100%;\n  top: 0;\n  border-bottom: ", ";\n  background-color: var(--color-base-white);\n  z-index: ", ";\n\n  ", "\n"])), function (_ref) {
+var AnchorTabbarWrapper = /*#__PURE__*/styled.div(_templateObject$1n || (_templateObject$1n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: sticky;\n  width: 100%;\n  top: 0;\n  border-bottom: ", ";\n  background-color: var(--color-base-white);\n  z-index: ", ";\n\n  ", "\n"])), function (_ref) {
   var bottomBorder = _ref.bottomBorder;
   return bottomBorder ? '1px solid var(--color-base-light-grey)' : 'none';
 }, zIndexes.anchor, function (_ref2) {
   var withShadow = _ref2.withShadow;
-  return withShadow && css(_templateObject2$14 || (_templateObject2$14 = _taggedTemplateLiteralLoose(["\n      box-shadow: var(--shadow-floating);\n    "])));
+  return withShadow && css(_templateObject2$13 || (_templateObject2$13 = _taggedTemplateLiteralLoose(["\n      box-shadow: var(--shadow-floating);\n    "])));
 });
-var TabsGrid = /*#__PURE__*/styled(Grid)(_templateObject3$R || (_templateObject3$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  height: var(--anchor-tabs-height);\n"])));
-var TabsWrapper = /*#__PURE__*/styled.div(_templateObject4$J || (_templateObject4$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n"])));
-var TabsList = /*#__PURE__*/styled.ul(_templateObject5$D || (_templateObject5$D = /*#__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    & {\n      width: ", ";\n    }\n  }\n"])), function (_ref3) {
+var TabsGrid = /*#__PURE__*/styled(Grid)(_templateObject3$Q || (_templateObject3$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  height: var(--anchor-tabs-height);\n"])));
+var TabsWrapper = /*#__PURE__*/styled.div(_templateObject4$I || (_templateObject4$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n"])));
+var TabsList = /*#__PURE__*/styled.ul(_templateObject5$C || (_templateObject5$C = /*#__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    & {\n      width: ", ";\n    }\n  }\n"])), function (_ref3) {
   var tabsOverflow = _ref3.tabsOverflow;
   return tabsOverflow ? 'calc(100% - 74px)' : '100%';
 }, LIST_ITEM_GAP, function (_ref4) {
@@ -11710,11 +11534,11 @@ var TabsList = /*#__PURE__*/styled.ul(_templateObject5$D || (_templateObject5$D
     hasTwoArrows = _ref5.hasTwoArrows;
   return tabsOverflow && hasTwoArrows ? 'calc(100% - 50px)' : '100%';
 });
-var ArrowsContainer = /*#__PURE__*/styled.div(_templateObject8$f || (_templateObject8$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 74px;\n  height: var(--anchor-tabs-height);\n  background-color: var(--color-base-white);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n\n  ", "\n"])), function (_ref7) {
+var ArrowsContainer = /*#__PURE__*/styled.div(_templateObject8$e || (_templateObject8$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 74px;\n  height: var(--anchor-tabs-height);\n  background-color: var(--color-base-white);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n\n  ", "\n"])), function (_ref7) {
   var withShadow = _ref7.withShadow;
-  return withShadow && css(_templateObject9$a || (_templateObject9$a = _taggedTemplateLiteralLoose(["\n      box-shadow: var(--shadow-floating);\n    "])));
+  return withShadow && css(_templateObject9$9 || (_templateObject9$9 = _taggedTemplateLiteralLoose(["\n      box-shadow: var(--shadow-floating);\n    "])));
 });
-var ArrowWrapper = /*#__PURE__*/styled.div(_templateObject0$9 || (_templateObject0$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 24px;\n  height: 24px;\n  cursor: ", ";\n  pinter-events: ", ";\n  display: flex;\n  align-items: center;\n  justify-content: flex-center;\n\n  && svg path {\n    fill: ", ";\n  }\n"])), function (_ref8) {
+var ArrowWrapper = /*#__PURE__*/styled.div(_templateObject0$8 || (_templateObject0$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 24px;\n  height: 24px;\n  cursor: ", ";\n  pinter-events: ", ";\n  display: flex;\n  align-items: center;\n  justify-content: flex-center;\n\n  && svg path {\n    fill: ", ";\n  }\n"])), function (_ref8) {
   var disabled = _ref8.disabled;
   return disabled ? 'not-allowed' : 'pointer';
 }, function (_ref9) {
@@ -11725,7 +11549,7 @@ var ArrowWrapper = /*#__PURE__*/styled.div(_templateObject0$9 || (_templateObjec
   return disabled ? 'var(--color-state-disabled)' : 'var(--button-anchor-tab-color)';
 });
 
-var _excluded$r = ["id", "text"];
+var _excluded$q = ["id", "text"];
 var AnchorTabBar = function AnchorTabBar(_ref) {
   var tabs = _ref.tabs,
     onTabClick = _ref.onTabClick,
@@ -11936,7 +11760,7 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
   }, tabs.map(function (_ref4) {
     var id = _ref4.id,
       text = _ref4.text,
-      rest = _objectWithoutPropertiesLoose(_ref4, _excluded$r);
+      rest = _objectWithoutPropertiesLoose(_ref4, _excluded$q);
     return /*#__PURE__*/React__default.createElement("li", {
       key: id
     }, /*#__PURE__*/React__default.createElement(TabLink, Object.assign({
@@ -11969,20 +11793,20 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
   })))) : null))));
 };
 
-var _templateObject$1p, _templateObject2$15, _templateObject3$S, _templateObject4$K, _templateObject6$t, _templateObject7$n, _templateObject8$g, _templateObject9$b, _templateObject0$a;
-var TitleCTAGridWrapper = /*#__PURE__*/styled.div(_templateObject$1p || (_templateObject$1p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: ", ";\n  top: -1px;\n  background-color: var(--base-color-white);\n  z-index: ", ";\n"])), function (_ref) {
+var _templateObject$1o, _templateObject2$14, _templateObject3$R, _templateObject4$J, _templateObject6$s, _templateObject7$m, _templateObject8$f, _templateObject9$a, _templateObject0$9;
+var TitleCTAGridWrapper = /*#__PURE__*/styled.div(_templateObject$1o || (_templateObject$1o = /*#__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(Grid)(_templateObject2$15 || (_templateObject2$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  border-bottom: solid 2px var(--base-color-light-grey);\n"])));
-var TitleCTAGridItem = /*#__PURE__*/styled.div(_templateObject3$S || (_templateObject3$S = /*#__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(Grid)(_templateObject2$14 || (_templateObject2$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  border-bottom: solid 2px var(--base-color-light-grey);\n"])));
+var TitleCTAGridItem = /*#__PURE__*/styled.div(_templateObject3$R || (_templateObject3$R = /*#__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);
-var AnchorTitle = /*#__PURE__*/styled.div(_templateObject4$K || (_templateObject4$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  min-height: var(--button-height);\n\n  h5 {\n    padding: 0;\n    margin: 0;\n  }\n\n  @media ", " {\n    & {\n      min-height: 50px;\n    }\n  }\n"])), devices.mobile);
-var ButtonsDesktopWrapper = /*#__PURE__*/styled.div(_templateObject6$t || (_templateObject6$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-content: flex-end;\n\n  @media ", " {\n    display: none;\n  }\n\n  a {\n    width: max-content;\n  }\n"])), devices.mobile);
-var ButtonsMobileWrapper = /*#__PURE__*/styled.div(_templateObject7$n || (_templateObject7$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: none;\n\n  @media ", " {\n    & {\n      display: block;\n    }\n  }\n"])), devices.mobile);
-var PrimaryButtonReverse = /*#__PURE__*/styled(PrimaryButton)(_templateObject8$g || (_templateObject8$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  && {\n    background-color: ", ";\n    border-color: ", ";\n    color: ", ";\n    svg path {\n      fill: ", ";\n    }\n  }\n"])), function (_ref3) {
+var AnchorTitle = /*#__PURE__*/styled.div(_templateObject4$J || (_templateObject4$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  min-height: var(--button-height);\n\n  h5 {\n    padding: 0;\n    margin: 0;\n  }\n\n  @media ", " {\n    & {\n      min-height: 50px;\n    }\n  }\n"])), devices.mobile);
+var ButtonsDesktopWrapper = /*#__PURE__*/styled.div(_templateObject6$s || (_templateObject6$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-content: flex-end;\n\n  @media ", " {\n    display: none;\n  }\n\n  a {\n    width: max-content;\n  }\n"])), devices.mobile);
+var ButtonsMobileWrapper = /*#__PURE__*/styled.div(_templateObject7$m || (_templateObject7$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: none;\n\n  @media ", " {\n    & {\n      display: block;\n    }\n  }\n"])), devices.mobile);
+var PrimaryButtonReverse = /*#__PURE__*/styled(PrimaryButton)(_templateObject8$f || (_templateObject8$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  && {\n    background-color: ", ";\n    border-color: ", ";\n    color: ", ";\n    svg path {\n      fill: ", ";\n    }\n  }\n"])), function (_ref3) {
   var theme = _ref3.theme;
   return theme.colors.primaryButtonReverseBg;
 }, function (_ref4) {
@@ -11995,10 +11819,10 @@ var PrimaryButtonReverse = /*#__PURE__*/styled(PrimaryButton)(_templateObject8$g
   var theme = _ref6.theme;
   return theme.colors.primaryButtonReverse;
 });
-var MessageWrapper$1 = /*#__PURE__*/styled.div(_templateObject9$b || (_templateObject9$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  margin-right: var(--grid-outer-margin);\n  height: var(--button-height);\n\n  h6 {\n    margin: 0;\n    padding: 0;\n  }\n\n  @media ", " {\n    & {\n      margin-right: var(--grid-margin);\n    }\n  }\n\n  @media ", " {\n    & {\n      display: none;\n    }\n  }\n"])), devices.tablet, devices.mobile);
-var MessageWrapperMobile = /*#__PURE__*/styled.div(_templateObject0$a || (_templateObject0$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  h6 {\n    margin: 0;\n    padding: 0;\n  }\n  display: none;\n\n  @media ", " {\n    & {\n      display: flex;\n      align-items: center;\n      margin-left: var(--grid-margin);\n      padding: 12px 0;\n    }\n  }\n"])), devices.mobile);
+var MessageWrapper$1 = /*#__PURE__*/styled.div(_templateObject9$a || (_templateObject9$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  margin-right: var(--grid-outer-margin);\n  height: var(--button-height);\n\n  h6 {\n    margin: 0;\n    padding: 0;\n  }\n\n  @media ", " {\n    & {\n      margin-right: var(--grid-margin);\n    }\n  }\n\n  @media ", " {\n    & {\n      display: none;\n    }\n  }\n"])), devices.tablet, devices.mobile);
+var MessageWrapperMobile = /*#__PURE__*/styled.div(_templateObject0$9 || (_templateObject0$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  h6 {\n    margin: 0;\n    padding: 0;\n  }\n  display: none;\n\n  @media ", " {\n    & {\n      display: flex;\n      align-items: center;\n      margin-left: var(--grid-margin);\n      padding: 12px 0;\n    }\n  }\n"])), devices.mobile);
 
-var _excluded$s = ["text"],
+var _excluded$r = ["text"],
   _excluded2$4 = ["text"];
 var TitleWithCTA = function TitleWithCTA(_ref) {
   var title = _ref.title,
@@ -12008,7 +11832,7 @@ var TitleWithCTA = function TitleWithCTA(_ref) {
     message = _ref.message;
   var _ref2 = (links == null ? void 0 : links[0]) || {},
     primaryButtonText = _ref2.text,
-    primaryButtonProps = _objectWithoutPropertiesLoose(_ref2, _excluded$s);
+    primaryButtonProps = _objectWithoutPropertiesLoose(_ref2, _excluded$r);
   var _ref3 = (links == null ? void 0 : links[1]) || {},
     secondaryButtonText = _ref3.text,
     secondaryButtonProps = _objectWithoutPropertiesLoose(_ref3, _excluded2$4);
@@ -12029,14 +11853,14 @@ var TitleWithCTA = function TitleWithCTA(_ref) {
   }, message))));
 };
 
-var _templateObject$1q, _templateObject2$16, _templateObject3$T, _templateObject4$L;
-var UpsellBorderBox = /*#__PURE__*/styled.div(_templateObject$1q || (_templateObject$1q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  border: solid 4px;\n  border-color: var(--upsell-border-color);\n  padding: 66px 74px 70px;\n\n  @media ", " {\n    & {\n      border-left: none;\n      border-right: none;\n      padding: 40px 0px;\n    }\n  }\n"])), devices.mobile);
-var TitleContent = /*#__PURE__*/styled(HarmonicHeader)(_templateObject2$16 || (_templateObject2$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  && {\n    color: var(--color-primary-black);\n\n    @media ", " {\n      margin-left: 20px;\n      margin-right: 20px;\n    }\n  }\n"])), devices.mobile);
-var TextContainer$2 = /*#__PURE__*/styled.div(_templateObject3$T || (_templateObject3$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-bottom: 60px;\n\n  @media ", " {\n    margin-bottom: 40px;\n    margin-left: 20px;\n    margin-right: 20px;\n  }\n"])), devices.mobile);
-var TextContent = /*#__PURE__*/styled(BodyContent)(_templateObject4$L || (_templateObject4$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  && :is(h1, h2, h3, h4, h5, h6, p, ul, ol):first-child {\n    margin: 35px 0 10px;\n\n    @media ", " {\n      margin-top: 24px;\n    }\n  }\n\n  && :is(h1, h2, h3, h4, h5, h6, p, ul, ol):last-child {\n    margin-bottom: 0;\n  }\n"])), devices.mobile);
+var _templateObject$1p, _templateObject2$15, _templateObject3$S, _templateObject4$K;
+var UpsellBorderBox = /*#__PURE__*/styled.div(_templateObject$1p || (_templateObject$1p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  border: solid 4px;\n  border-color: var(--upsell-border-color);\n  padding: 66px 74px 70px;\n\n  @media ", " {\n    & {\n      border-left: none;\n      border-right: none;\n      padding: 40px 0px;\n    }\n  }\n"])), devices.mobile);
+var TitleContent = /*#__PURE__*/styled(HarmonicHeader)(_templateObject2$15 || (_templateObject2$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  && {\n    color: var(--color-primary-black);\n\n    @media ", " {\n      margin-left: 20px;\n      margin-right: 20px;\n    }\n  }\n"])), devices.mobile);
+var TextContainer$2 = /*#__PURE__*/styled.div(_templateObject3$S || (_templateObject3$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-bottom: 60px;\n\n  @media ", " {\n    margin-bottom: 40px;\n    margin-left: 20px;\n    margin-right: 20px;\n  }\n"])), devices.mobile);
+var TextContent = /*#__PURE__*/styled(BodyContent)(_templateObject4$K || (_templateObject4$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  && :is(h1, h2, h3, h4, h5, h6, p, ul, ol):first-child {\n    margin: 35px 0 10px;\n\n    @media ", " {\n      margin-top: 24px;\n    }\n  }\n\n  && :is(h1, h2, h3, h4, h5, h6, p, ul, ol):last-child {\n    margin-bottom: 0;\n  }\n"])), devices.mobile);
 
-var _templateObject$1r;
-var Wrapper$a = /*#__PURE__*/styled.div(_templateObject$1r || (_templateObject$1r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: grid;\n  gap: 60px 74px;\n  grid-template-columns: repeat(2, 1fr);\n  width: 100%;\n\n  @media ", " {\n    gap: 40px 74px;\n    width: 100%;\n    padding-left: 0;\n    padding-right: 0;\n    grid-template-columns: 1fr;\n  }\n"])), devices.mobile);
+var _templateObject$1q;
+var Wrapper$a = /*#__PURE__*/styled.div(_templateObject$1q || (_templateObject$1q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: grid;\n  gap: 60px 74px;\n  grid-template-columns: repeat(2, 1fr);\n  width: 100%;\n\n  @media ", " {\n    gap: 40px 74px;\n    width: 100%;\n    padding-left: 0;\n    padding-right: 0;\n    grid-template-columns: 1fr;\n  }\n"])), devices.mobile);
 
 var UpsellCards = function UpsellCards(_ref) {
   var upsellCards = _ref.upsellCards;
@@ -12098,9 +11922,9 @@ var UpsellSection = function UpsellSection(_ref) {
   })))));
 };
 
-var _templateObject$1s, _templateObject2$17;
-var StickyBarWrapper = /*#__PURE__*/styled.div(_templateObject$1s || (_templateObject$1s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  top: 0;\n  position: sticky;\n  z-index: ", ";\n  background-color: var(--color-base-white);\n"])), zIndexes.anchor);
-var StickyBarGrid = /*#__PURE__*/styled(Grid)(_templateObject2$17 || (_templateObject2$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", "\n  padding: 28px 0 26px;\n\n  @media ", " {\n    padding: 24px 0 28px;\n  }\n\n  @media ", " {\n    border-bottom: none;\n  }\n"])), function (_ref) {
+var _templateObject$1r, _templateObject2$16;
+var StickyBarWrapper = /*#__PURE__*/styled.div(_templateObject$1r || (_templateObject$1r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  top: 0;\n  position: sticky;\n  z-index: ", ";\n  background-color: var(--color-base-white);\n"])), zIndexes.anchor);
+var StickyBarGrid = /*#__PURE__*/styled(Grid)(_templateObject2$16 || (_templateObject2$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", "\n  padding: 28px 0 26px;\n\n  @media ", " {\n    padding: 24px 0 28px;\n  }\n\n  @media ", " {\n    border-bottom: none;\n  }\n"])), function (_ref) {
   var bottomBorder = _ref.bottomBorder;
   return bottomBorder && 'border-bottom: 1px solid var(--color-base-light-grey);';
 }, devices.mobileAndTablet, devices.mobile);
@@ -12131,13 +11955,13 @@ var StickyBar = function StickyBar(_ref) {
   }, children)));
 };
 
-var _templateObject$1t, _templateObject2$18, _templateObject3$U, _templateObject4$M;
-var InnerModal = /*#__PURE__*/styled.div(_templateObject$1t || (_templateObject$1t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  padding: 62px;\n  background-color: var(--base-color-white);\n  z-index: ", ";\n  position: relative;\n\n  @media ", ", ", " {\n    height: 100vh;\n    padding: 62px 0 0;\n  }\n"])), zIndexes.popup, devices.smallMobile, devices.mobile);
-var CloseButton = /*#__PURE__*/styled.button(_templateObject2$18 || (_templateObject2$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: absolute;\n  top: 0;\n  right: 0;\n  margin: 15px;\n  height: 26px;\n  width: 26px;\n  padding: 0;\n  background-color: transparent;\n  border: none;\n  cursor: pointer;\n  @media ", " {\n    margin: 25px;\n  }\n  @media ", ", ", " {\n    margin: 30px;\n  }\n"])), devices.tablet, devices.desktop, devices.largeDesktop);
-var ContentWrapper$3 = /*#__PURE__*/styled.div(_templateObject3$U || (_templateObject3$U = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
-var Overlay = /*#__PURE__*/styled(Grid)(_templateObject4$M || (_templateObject4$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100vh;\n  align-content: center;\n  background-color: rgba(0, 0, 0, 0.4);\n"])));
+var _templateObject$1s, _templateObject2$17, _templateObject3$T, _templateObject4$L;
+var InnerModal = /*#__PURE__*/styled.div(_templateObject$1s || (_templateObject$1s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  padding: 62px;\n  background-color: var(--base-color-white);\n  z-index: ", ";\n  position: relative;\n\n  @media ", ", ", " {\n    height: 100vh;\n    padding: 62px 0 0;\n  }\n"])), zIndexes.popup, devices.smallMobile, devices.mobile);
+var CloseButton = /*#__PURE__*/styled.button(_templateObject2$17 || (_templateObject2$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: absolute;\n  top: 0;\n  right: 0;\n  margin: 15px;\n  height: 26px;\n  width: 26px;\n  padding: 0;\n  background-color: transparent;\n  border: none;\n  cursor: pointer;\n  @media ", " {\n    margin: 25px;\n  }\n  @media ", ", ", " {\n    margin: 30px;\n  }\n"])), devices.tablet, devices.desktop, devices.largeDesktop);
+var ContentWrapper$3 = /*#__PURE__*/styled.div(_templateObject3$T || (_templateObject3$T = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
+var Overlay = /*#__PURE__*/styled(Grid)(_templateObject4$L || (_templateObject4$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100vh;\n  align-content: center;\n  background-color: rgba(0, 0, 0, 0.4);\n"])));
 
-var _excluded$t = ["isOpen", "setIsOpen", "children", "appElementId"];
+var _excluded$s = ["isOpen", "setIsOpen", "children", "appElementId"];
 var MAX_Z_INDEX = 9999999999;
 if (Modal.defaultStyles.content) {
   Modal.defaultStyles.content.position = 'static';
@@ -12211,7 +12035,7 @@ var ModalWindow = function ModalWindow(_ref) {
     setIsOpen = _ref.setIsOpen,
     children = _ref.children,
     appElementId = _ref.appElementId,
-    modalProps = _objectWithoutPropertiesLoose(_ref, _excluded$t);
+    modalProps = _objectWithoutPropertiesLoose(_ref, _excluded$s);
   var isMobile = useMobile();
   var customStyles = {
     overlay: {
@@ -12339,29 +12163,29 @@ var getCardSlideMobileStyles = function getCardSlideMobileStyles(type) {
   return "\n      width: " + ("calc((" + columnsPerSlide + " * " + gridColumnWidth + ") + (" + gapsPerSlide + " * " + GRID_COLUMN_GAP + "))") + ";\n      margin-right: " + ("calc(" + gridColumnWidth + " + (" + GRID_COLUMN_GAP + " * 2))") + ";\n    ";
 };
 
-var _templateObject$1u, _templateObject2$19, _templateObject3$V, _templateObject4$N, _templateObject5$E, _templateObject6$u, _templateObject7$o, _templateObject8$h, _templateObject9$c;
-var ImageCarouselWrapper = /*#__PURE__*/styled.div(_templateObject$1u || (_templateObject$1u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", "\n\n  @media ", " {\n    ", "\n  }}\n\n  &:fullscreen {\n    background: var(--color-base-white);\n    padding-top: 44px;\n    padding-bottom: 84px;\n\n    .swipe-slide > figure {\n        height: var(--fullscreen-figure-height);\n\n        > div {\n          height: var(--fullscreen-figure-height);\n        }\n    }\n  }\n"])), function (_ref) {
+var _templateObject$1t, _templateObject2$18, _templateObject3$U, _templateObject4$M, _templateObject5$D, _templateObject6$t, _templateObject7$n, _templateObject8$g, _templateObject9$b;
+var ImageCarouselWrapper = /*#__PURE__*/styled.div(_templateObject$1t || (_templateObject$1t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", "\n\n  @media ", " {\n    ", "\n  }}\n\n  &:fullscreen {\n    background: var(--color-base-white);\n    padding-top: 44px;\n    padding-bottom: 84px;\n\n    .swipe-slide > figure {\n        height: var(--fullscreen-figure-height);\n\n        > div {\n          height: var(--fullscreen-figure-height);\n        }\n    }\n  }\n"])), function (_ref) {
   var imagesHeightDesktop = _ref.imagesHeightDesktop;
   return "& {\n      .swipe-slide {\n        height: fit-content;\n        width: auto;\n        margin-right: var(--grid-column-gap);\n\n        > figure {\n          margin: 0px;\n\n          > div {\n            height: " + imagesHeightDesktop + "px;\n          }\n        }\n      }\n    }";
 }, devices.mobile, function (_ref2) {
   var imagesHeightDevice = _ref2.imagesHeightDevice;
   return "&&& {\n        .swipe-slide > figure {\n            > div {\n              height: " + imagesHeightDevice + "px;\n            }\n        }\n      }";
 });
-var CardsCarouselWrapper = /*#__PURE__*/styled.div(_templateObject2$19 || (_templateObject2$19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", "\n}"])), function (_ref3) {
+var CardsCarouselWrapper = /*#__PURE__*/styled.div(_templateObject2$18 || (_templateObject2$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", "\n}"])), function (_ref3) {
   var type = _ref3.type,
     isActive = _ref3.isActive;
   return "\n      & {\n        .swipe-slide {\n          " + getCardSlideDesktopStyles(type, isActive) + "\n        }\n      }\n\n      @media " + devices.tablet + " {\n        & {\n          .swipe-slide {\n            " + getCardSlideTabletStyles(type) + "\n          }\n        }\n      }\n\n      @media " + devices.mobile + " {\n        && {\n          .swipe-slide {\n            " + getCardSlideMobileStyles(type) + "\n          }\n        }\n      }\n    ";
 });
-var TitleButtonsGrid = /*#__PURE__*/styled(Grid)(_templateObject3$V || (_templateObject3$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-bottom: 28px;\n\n  @media ", " {\n    padding-bottom: 0;\n  }\n\n  @media ", " {\n    margin-bottom: 20px;\n  }\n"])), devices.mobile, devices.mobile);
-var CarouselInfoWrapper = /*#__PURE__*/styled.div(_templateObject4$N || (_templateObject4$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  user-select: text;\n"])));
-var TitleWrapper$5 = /*#__PURE__*/styled.div(_templateObject5$E || (_templateObject5$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", ";\n"])), function (_ref4) {
+var TitleButtonsGrid = /*#__PURE__*/styled(Grid)(_templateObject3$U || (_templateObject3$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-bottom: 28px;\n\n  @media ", " {\n    padding-bottom: 0;\n  }\n\n  @media ", " {\n    margin-bottom: 20px;\n  }\n"])), devices.mobile, devices.mobile);
+var CarouselInfoWrapper = /*#__PURE__*/styled.div(_templateObject4$M || (_templateObject4$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  user-select: text;\n"])));
+var TitleWrapper$5 = /*#__PURE__*/styled.div(_templateObject5$D || (_templateObject5$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", ";\n"])), function (_ref4) {
   var isDescriptionPresent = _ref4.isDescriptionPresent;
   return isDescriptionPresent && 'margin: 20px 0';
 });
-var TitleText$1 = /*#__PURE__*/styled(HarmonicHeader)(_templateObject6$u || (_templateObject6$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  && {\n    line-height: 42px;\n  }\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  text-overflow: ellipsis;\n  padding-bottom: 4px;\n  box-sizing: border-box;\n  /* max-height = 2 * 40px (two lines): 40px is the design line-height for header--medium (matches font-size/optical metrics), +4px provides extra descender room so glyphs like g/y aren't clipped \u2014 non\u2011WebKit fallback */\n  max-height: calc(2 * 40px + 4px);\n"])));
-var ButtonsWrapper = /*#__PURE__*/styled.div(_templateObject7$o || (_templateObject7$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-content: flex-end;\n  align-items: start;\n"])));
-var TitleGridItem = /*#__PURE__*/styled(GridItem)(_templateObject8$h || (_templateObject8$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  @media ", " {\n    grid-column: 2 / span 10;\n  }\n"])), devices.tablet);
-var SwipeGridWrapper = /*#__PURE__*/styled(GridItem)(_templateObject9$c || (_templateObject9$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  .swipe {\n    padding-inline-start: 2px;\n    padding-block-start: 2px;\n  }\n\n  ", ";\n\n  @media ", " {\n    grid-column: ", ";\n  }\n\n  @media ", " {\n    grid-column: 2 / span 13;\n  }\n"])), function (_ref5) {
+var TitleText$1 = /*#__PURE__*/styled(HarmonicHeader)(_templateObject6$t || (_templateObject6$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  && {\n    line-height: 42px;\n  }\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  text-overflow: ellipsis;\n  padding-bottom: 4px;\n  box-sizing: border-box;\n  /* max-height = 2 * 40px (two lines): 40px is the design line-height for header--medium (matches font-size/optical metrics), +4px provides extra descender room so glyphs like g/y aren't clipped \u2014 non\u2011WebKit fallback */\n  max-height: calc(2 * 40px + 4px);\n"])));
+var ButtonsWrapper = /*#__PURE__*/styled.div(_templateObject7$n || (_templateObject7$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-content: flex-end;\n  align-items: start;\n"])));
+var TitleGridItem = /*#__PURE__*/styled(GridItem)(_templateObject8$g || (_templateObject8$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  @media ", " {\n    grid-column: 2 / span 10;\n  }\n"])), devices.tablet);
+var SwipeGridWrapper = /*#__PURE__*/styled(GridItem)(_templateObject9$b || (_templateObject9$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  .swipe {\n    padding-inline-start: 2px;\n    padding-block-start: 2px;\n  }\n\n  ", ";\n\n  @media ", " {\n    grid-column: ", ";\n  }\n\n  @media ", " {\n    grid-column: 2 / span 13;\n  }\n"])), function (_ref5) {
   var active = _ref5.active;
   return active ? 'grid-column: 1 / span 16' : '';
 }, devices.tablet, function (_ref6) {
@@ -12604,17 +12428,17 @@ var Carousel = function Carousel(_ref) {
   }, children))));
 };
 
-var _templateObject$1v, _templateObject2$1a, _templateObject3$W, _templateObject4$O, _templateObject5$F, _templateObject6$v, _templateObject7$p, _templateObject8$i, _templateObject9$d, _templateObject0$b, _templateObject1$6, _templateObject10$4, _templateObject11$4, _templateObject12$4, _templateObject13$3, _templateObject14$1, _templateObject15$1, _templateObject16$1;
-var HighlightsGrid$1 = /*#__PURE__*/styled(Grid)(_templateObject$1v || (_templateObject$1v = /*#__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(--color-base-black);\n  user-select: none;\n\n  .highlight-carousel-text {\n    color: var(--color-base-white);\n  }\n\n  @media ", " {\n    & {\n      grid-template-rows: min-content max-content max-content;\n    }\n  }\n"])), devices.mobile);
-var CarouselTitleWrapper = /*#__PURE__*/styled.div(_templateObject2$1a || (_templateObject2$1a = /*#__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  @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  }\n\n  @media ", " {\n    & {\n      grid-area: 1 / 1 / 2 / 11;\n      width: 100%;\n      padding: 8px 0 8px 20px;\n      min-height: 28px;\n    }\n  }\n"])), devices.tablet, devices.mobile);
-var HeaderWrapper = /*#__PURE__*/styled.div(_templateObject3$W || (_templateObject3$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin: 0;\n  padding: 0;\n"])));
-var InfoWrapper$2 = /*#__PURE__*/styled.div(_templateObject4$O || (_templateObject4$O = /*#__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  a {\n    text-underline-offset: var(--harmonic-text-link-underline-offset);\n  }\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.div(_templateObject5$F || (_templateObject5$F = /*#__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.div(_templateObject6$v || (_templateObject6$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  user-select: text;\n\n  h1,\n  h2,\n  h3 {\n    margin-bottom: 8px;\n  }\n"])));
-var InfoTextWrapper = /*#__PURE__*/styled.div(_templateObject7$p || (_templateObject7$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-top: 24px;\n  user-select: text;\n\n  @media ", " {\n    & {\n      margin-top: 20px;\n    }\n  }\n"])), devices.mobileAndTablet);
-var InfoLinkWrapper = /*#__PURE__*/styled.div(_templateObject8$i || (_templateObject8$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-top: 32px;\n  display: flex;\n  flex-direction: row;\n\n  @media ", " {\n    & {\n      margin-top: 16px;\n    }\n  }\n\n  @media ", " {\n    & {\n      margin-top: 20px;\n    }\n    display: flex;\n    flex-direction: column;\n  }\n"])), devices.tablet, devices.mobile);
-var CarouselWrapper = /*#__PURE__*/styled.div(_templateObject9$d || (_templateObject9$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-area: 1 / 7 / 3 / 17;\n  position: relative;\n  height: 100%;\n  width: 100%;\n\n  .swipe-slide {\n    width: calc(100% - 50px - var(--rotator-button-width));\n    -webkit-transform: translate3d(0, 0, 0);\n  }\n\n  @media ", " {\n    & {\n      grid-area: 2 / 7 / 3 / 15;\n\n      .swipe-slide {\n        width: 100%;\n        -webkit-transform: translate3d(0, 0, 0);\n      }\n    }\n  }\n\n  @media ", " {\n    & {\n      grid-area: 2 / 1 / 3 / 15;\n\n      .swipe-slide {\n        width: 100%;\n        -webkit-transform: translate3d(0, 0, 0);\n      }\n    }\n  }\n"])), devices.tablet, devices.mobile);
-var RotatorButtonsWrapper$1 = /*#__PURE__*/styled.div(_templateObject0$b || (_templateObject0$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: absolute;\n  right: 50px;\n  top: calc(50% - calc(var(--rotator-button-width) / 2));\n  z-index: 2;\n\n  @media ", " {\n    & {\n      display: none;\n    }\n  }\n"])), devices.mobileAndTablet);
+var _templateObject$1u, _templateObject2$19, _templateObject3$V, _templateObject4$N, _templateObject5$E, _templateObject6$u, _templateObject7$o, _templateObject8$h, _templateObject9$c, _templateObject0$a, _templateObject1$6, _templateObject10$4, _templateObject11$4, _templateObject12$4, _templateObject13$3, _templateObject14$1, _templateObject15$1;
+var HighlightsGrid$1 = /*#__PURE__*/styled(Grid)(_templateObject$1u || (_templateObject$1u = /*#__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(--color-base-black);\n  user-select: none;\n\n  .highlight-carousel-text {\n    color: var(--color-base-white);\n  }\n\n  @media ", " {\n    & {\n      grid-template-rows: min-content max-content max-content;\n    }\n  }\n"])), devices.mobile);
+var CarouselTitleWrapper = /*#__PURE__*/styled.div(_templateObject2$19 || (_templateObject2$19 = /*#__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  @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  }\n\n  @media ", " {\n    & {\n      grid-area: 1 / 1 / 2 / 11;\n      width: 100%;\n      padding: 8px 0 8px 20px;\n      min-height: 28px;\n    }\n  }\n"])), devices.tablet, devices.mobile);
+var HeaderWrapper = /*#__PURE__*/styled.div(_templateObject3$V || (_templateObject3$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin: 0;\n  padding: 0;\n"])));
+var InfoWrapper$2 = /*#__PURE__*/styled.div(_templateObject4$N || (_templateObject4$N = /*#__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  a {\n    text-underline-offset: var(--harmonic-text-link-underline-offset);\n  }\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.div(_templateObject5$E || (_templateObject5$E = /*#__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.div(_templateObject6$u || (_templateObject6$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  user-select: text;\n\n  h1,\n  h2,\n  h3 {\n    margin-bottom: 8px;\n  }\n"])));
+var InfoTextWrapper = /*#__PURE__*/styled.div(_templateObject7$o || (_templateObject7$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-top: 24px;\n  user-select: text;\n\n  @media ", " {\n    & {\n      margin-top: 20px;\n    }\n  }\n"])), devices.mobileAndTablet);
+var InfoLinkWrapper = /*#__PURE__*/styled.div(_templateObject8$h || (_templateObject8$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-top: 32px;\n  display: flex;\n  flex-direction: row;\n\n  @media ", " {\n    & {\n      margin-top: 16px;\n    }\n  }\n\n  @media ", " {\n    & {\n      margin-top: 20px;\n    }\n    display: flex;\n    flex-direction: column;\n  }\n"])), devices.tablet, devices.mobile);
+var CarouselWrapper = /*#__PURE__*/styled.div(_templateObject9$c || (_templateObject9$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-area: 1 / 7 / 3 / 17;\n  position: relative;\n  height: 100%;\n  width: 100%;\n\n  .swipe-slide {\n    width: calc(100% - 50px - var(--rotator-button-width));\n    -webkit-transform: translate3d(0, 0, 0);\n  }\n\n  @media ", " {\n    & {\n      grid-area: 2 / 7 / 3 / 15;\n\n      .swipe-slide {\n        width: 100%;\n        -webkit-transform: translate3d(0, 0, 0);\n      }\n    }\n  }\n\n  @media ", " {\n    & {\n      grid-area: 2 / 1 / 3 / 15;\n\n      .swipe-slide {\n        width: 100%;\n        -webkit-transform: translate3d(0, 0, 0);\n      }\n    }\n  }\n"])), devices.tablet, devices.mobile);
+var RotatorButtonsWrapper$1 = /*#__PURE__*/styled.div(_templateObject0$a || (_templateObject0$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: absolute;\n  right: 50px;\n  top: calc(50% - calc(var(--rotator-button-width) / 2));\n  z-index: 2;\n\n  @media ", " {\n    & {\n      display: none;\n    }\n  }\n"])), devices.mobileAndTablet);
 var RotatorButtonsWrapperMobile$1 = /*#__PURE__*/styled.div(_templateObject1$6 || (_templateObject1$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: none;\n\n  @media ", " {\n    div {\n      background-color: var(--color-base-black);\n    }\n    svg path {\n      fill: var(--color-base-white);\n    }\n\n    & {\n      display: flex;\n      grid-area: 1 / 12 / 2 / 14;\n      align-self: center;\n      justify-content: flex-end;\n    }\n  }\n\n  @media ", " {\n    div {\n      background-color: var(--color-base-black);\n    }\n    svg path {\n      fill: var(--color-base-white);\n    }\n\n    & {\n      display: flex;\n      grid-area: 1 / 11 / 2 / 14;\n      align-self: center;\n      justify-content: flex-end;\n    }\n  }\n"])), devices.tablet, devices.mobile);
 var HtmlBodyText = /*#__PURE__*/styled.p(_templateObject10$4 || (_templateObject10$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  padding: 0;\n  margin: 0;\n"])));
 var FirstButtonComponentWrapper = /*#__PURE__*/styled.div(_templateObject11$4 || (_templateObject11$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-right: 16px;\n\n  @media ", " {\n    & {\n      display: flex;\n      flex-direction: column;\n      margin-right: 0;\n      margin-bottom: 10px;\n    }\n  }\n"])), devices.mobile);
@@ -12625,9 +12449,8 @@ var VideoWithControlsWrapper = /*#__PURE__*/styled.div(_templateObject15$1 || (_
   var isCurrentSlide = _ref.isCurrentSlide;
   return isCurrentSlide ? 'block' : 'none';
 }, devices.mobile);
-var ProgressContainer$1 = /*#__PURE__*/styled.div(_templateObject16$1 || (_templateObject16$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-top: 32px;\n\n  p {\n    margin-bottom: 16px;\n  }\n\n  @media ", " {\n    margin-top: 20px;\n\n    p {\n      margin-bottom: 12px;\n    }\n  }\n"])), devices.mobileAndTablet);
 
-var _excluded$u = ["text"],
+var _excluded$t = ["text"],
   _excluded2$5 = ["text"];
 var _buttonTypeToButton$2;
 var buttonTypeToButton$2 = (_buttonTypeToButton$2 = {}, _buttonTypeToButton$2[ButtonType.Primary] = PrimaryButton, _buttonTypeToButton$2[ButtonType.Secondary] = SecondaryButton, _buttonTypeToButton$2[ButtonType.Tertiary] = TertiaryButton, _buttonTypeToButton$2);
@@ -12638,7 +12461,7 @@ var Buttons = function Buttons(_ref) {
   var _ref2 = firstButton || {},
     _ref2$text = _ref2.text,
     firstButtonText = _ref2$text === void 0 ? '' : _ref2$text,
-    restFirstButton = _objectWithoutPropertiesLoose(_ref2, _excluded$u);
+    restFirstButton = _objectWithoutPropertiesLoose(_ref2, _excluded$t);
   var secondButton = links == null ? void 0 : links[1];
   var _ref3 = secondButton || {},
     _ref3$text = _ref3.text,
@@ -12665,12 +12488,7 @@ var InfoSection = function InfoSection(_ref) {
     infoTimeframe = slide.infoTimeframe,
     infoSubtitle = slide.infoSubtitle,
     timerParams = slide.timerParams,
-    additionalInfo = slide.additionalInfo,
-    _slide$withContinueWa = slide.withContinueWatching,
-    withContinueWatching = _slide$withContinueWa === void 0 ? false : _slide$withContinueWa,
-    _slide$progress = slide.progress,
-    progress = _slide$progress === void 0 ? 0 : _slide$progress,
-    progressTitle = slide.progressTitle;
+    additionalInfo = slide.additionalInfo;
   var description = infoText ? truncateHtmlString(infoText, 185, true) : '';
   var handleEndDate = function handleEndDate() {
     return setFinishedTimers([].concat(finishedTimers, [currentSlideIndex]));
@@ -12705,13 +12523,7 @@ var InfoSection = function InfoSection(_ref) {
   })), additionalInfo && (/*#__PURE__*/React__default.createElement(AdditionalInfoWrapper, null, /*#__PURE__*/React__default.createElement(BodyCopyHarmonic, {
     className: TYPOGRAPHY_CLASS_NAME,
     size: "large"
-  }, additionalInfo))), withContinueWatching && (/*#__PURE__*/React__default.createElement(ProgressContainer$1, null, progressTitle && (/*#__PURE__*/React__default.createElement(BodyCopyHarmonic, {
-    className: TYPOGRAPHY_CLASS_NAME,
-    size: "medium"
-  }, progressTitle)), /*#__PURE__*/React__default.createElement(Progress, {
-    progress: progress,
-    height: 6
-  })))));
+  }, additionalInfo)))));
 };
 
 var _BUTTONS_STYLE_VALUES;
@@ -12870,11 +12682,11 @@ var HighlightsCarousel = function HighlightsCarousel(_ref) {
   })));
 };
 
-var _excluded$v = ["logo", "slides"];
+var _excluded$u = ["logo", "slides"];
 var HighlightsCinema = function HighlightsCinema(_ref) {
   var logo = _ref.logo,
     slides = _ref.slides,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$v);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$u);
   var slidesWithLinks = slides.map(function (slide) {
     var links = processSlideLinks(slide.links);
     return _extends({}, slide, {
@@ -12891,10 +12703,10 @@ var HighlightsCinema = function HighlightsCinema(_ref) {
   })));
 };
 
-var _excluded$w = ["slides"];
+var _excluded$v = ["slides"];
 var HighlightsCore = function HighlightsCore(_ref) {
   var slides = _ref.slides,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$w);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$v);
   var slidesWithLinks = slides.map(function (slide) {
     var links = processSlideLinks(slide.links);
     return _extends({}, slide, {
@@ -12908,11 +12720,11 @@ var HighlightsCore = function HighlightsCore(_ref) {
   })));
 };
 
-var _excluded$x = ["logo", "slides"];
+var _excluded$w = ["logo", "slides"];
 var HighlightsStream = function HighlightsStream(_ref) {
   var logo = _ref.logo,
     slides = _ref.slides,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$x);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$w);
   var slidesWithLinks = slides.map(function (slide) {
     var links = processSlideLinks(slide.links);
     return _extends({}, slide, {
@@ -12929,9 +12741,9 @@ var HighlightsStream = function HighlightsStream(_ref) {
   })));
 };
 
-var _templateObject$1w, _templateObject3$X;
-var CarouselWrapper$1 = /*#__PURE__*/styled.div(_templateObject$1w || (_templateObject$1w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  user-select: none;\n  display: flex;\n\n  .swipe-slide {\n    width: 100%;\n  }\n"])));
-var ButtonsWrapper$1 = /*#__PURE__*/styled.div(_templateObject3$X || (_templateObject3$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  margin-left: 6px;\n"])));
+var _templateObject$1v, _templateObject3$W;
+var CarouselWrapper$1 = /*#__PURE__*/styled.div(_templateObject$1v || (_templateObject$1v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  user-select: none;\n  display: flex;\n\n  .swipe-slide {\n    width: 100%;\n  }\n"])));
+var ButtonsWrapper$1 = /*#__PURE__*/styled.div(_templateObject3$W || (_templateObject3$W = /*#__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;
@@ -13526,8 +13338,8 @@ var Theme = function Theme(_ref) {
   }, children);
 };
 
-var _templateObject$1x;
-var GlobalStyles = /*#__PURE__*/createGlobalStyle(_templateObject$1x || (_templateObject$1x = /*#__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    --harmonic-font-family-sans: 'Grey LL Bold', 'Roboto', sans-serif;\n    --harmonic-font-family-serif: 'Victor Serif Medium', 'Inria Serif Regular', serif;\n    --harmonic-text-link-underline-offset: 4px;\n    --harmonic-text-transform-navigation: capitalize;\n    --harmonic-font-size-navigation: 19px;\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      --footer-padding-top: ", ";\n      --footer-padding-bottom: ", ";\n    }\n\n    @media ", " {\n\n    }\n\n    @media ", " {\n\n    }\n  }\n"])), function (_ref) {
+var _templateObject$1w;
+var GlobalStyles = /*#__PURE__*/createGlobalStyle(_templateObject$1w || (_templateObject$1w = /*#__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    --harmonic-font-family-sans: 'Grey LL Bold', 'Roboto', sans-serif;\n    --harmonic-font-family-serif: 'Victor Serif Medium', 'Inria Serif Regular', serif;\n    --harmonic-text-link-underline-offset: 4px;\n    --harmonic-text-transform-navigation: capitalize;\n    --harmonic-font-size-navigation: 19px;\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      --footer-padding-top: ", ";\n      --footer-padding-bottom: ", ";\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) {
@@ -14474,10 +14286,10 @@ var GlobalStyles = /*#__PURE__*/createGlobalStyle(_templateObject$1x || (_templa
   return theme.footer.tablet.paddingBottom;
 }, devices.desktop, devices.largeDesktop);
 
-var _templateObject$1y, _templateObject2$1b, _templateObject3$Y;
-var FigureBlock = /*#__PURE__*/styled.figure(_templateObject$1y || (_templateObject$1y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin: 0;\n"])));
-var BlockquoteBlock = /*#__PURE__*/styled.blockquote(_templateObject2$1b || (_templateObject2$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin: 0;\n"])));
-var AttributionBlock = /*#__PURE__*/styled(HarmonicSubtitle)(_templateObject3$Y || (_templateObject3$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  padding: 32px 0;\n\n  & cite {\n    font-style: normal;\n  }\n\n  @media ", " {\n    padding: 24px 0;\n  }\n"])), devices.mobile);
+var _templateObject$1x, _templateObject2$1a, _templateObject3$X;
+var FigureBlock = /*#__PURE__*/styled.figure(_templateObject$1x || (_templateObject$1x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin: 0;\n"])));
+var BlockquoteBlock = /*#__PURE__*/styled.blockquote(_templateObject2$1a || (_templateObject2$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin: 0;\n"])));
+var AttributionBlock = /*#__PURE__*/styled(HarmonicSubtitle)(_templateObject3$X || (_templateObject3$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  padding: 32px 0;\n\n  & cite {\n    font-style: normal;\n  }\n\n  @media ", " {\n    padding: 24px 0;\n  }\n"])), devices.mobile);
 
 /* eslint-disable react/no-danger */
 var Quote = function Quote(_ref) {
@@ -14507,5 +14319,5 @@ var Quote = function Quote(_ref) {
   }, /*#__PURE__*/React__default.createElement("cite", null, attribution))))));
 };
 
-export { Accordion, Accordions, AltHeader, AnchorBar, AnchorTabBar, AnnouncementBanner, AspectRatio, AuxiliaryButton, AuxiliaryNav, BodyContent, BodyCopyHarmonic, BodyText, ButtonText, ButtonType, Caption, Card, Cards, Carousel, CarouselType, CastFilters as CastFilter, CinemaBadge, Colors, ContactCard, ContentSummary, ControlledDropdown, CreditListing, Editorial, Footer, GlobalStyles, Grid, GridItem, HarmonicHeader, HarmonicOverline, HarmonicSize, HarmonicSubtitle, HarmonicThemeProvider, Header, HighlightsCarousel, HighlightsCinema as HighlightsCarouselCinema, HighlightsCore as HighlightsCarouselCore, HighlightsStream as HighlightsCarouselStream, HotFilters, Icon, ImageAspectRatioWrapper, ImageWithCaption, Information, MiniCard, MinimalCarousel, ModalWindow, Navigation, NavigationText, Overline, PageHeading, PageHeadingCompact, PageHeadingHighlight, PageHeadingHighlightCarousel, PageHeadingImpact, PageHeadingPanel, PageHeadingPromo, Pagination, PasswordStrength, Paywall, PeopleListing, PersonCard, PrimaryButton, Progress, PromoWithTags, PromoWithTitle, Quote, Radio, Radio2, RadioGroup, RadioGroup2, ReadMore, RotatorButtons, SearchBar, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Select, SelectComponent as Select2, SelectComponent$1 as Select2Async, SignUpFormComponent as SignUpForm, Sponsorship, StatusBanner, Component as Stepper, StickyBar, StreamBadge, Subtitle, Tab, TabLink, Table, Tabs, TertiaryButton, TextArea, TextField, TextFieldLegacy, TextLink, ThemeColor, Theme as ThemeProvider, ThemeType, Tickbox, Tickbox2, TickboxMode, Timer, TitleWithCTA, TypeTags, UpsellCard, UpsellSection, VideoControls, VideoWithControls$1 as VideoWithControls, breakpoints, devices, useHarmonicTheme, zIndexes };
+export { Accordion, Accordions, AltHeader, AnchorBar, AnchorTabBar, AnnouncementBanner, AspectRatio, AuxiliaryButton, AuxiliaryNav, BodyContent, BodyCopyHarmonic, BodyText, ButtonText, ButtonType, Caption, Card, Cards, Carousel, CarouselType, CinemaBadge, Colors, ContactCard, ContentSummary, ControlledDropdown, CreditListing, Editorial, Footer, GlobalStyles, Grid, GridItem, HarmonicHeader, HarmonicOverline, HarmonicSize, HarmonicSubtitle, HarmonicThemeProvider, Header, HighlightsCarousel, HighlightsCinema as HighlightsCarouselCinema, HighlightsCore as HighlightsCarouselCore, HighlightsStream as HighlightsCarouselStream, HotFilters, Icon, ImageAspectRatioWrapper, ImageWithCaption, Information, MiniCard, MinimalCarousel, ModalWindow, Navigation, NavigationText, Overline, PageHeading, PageHeadingCompact, PageHeadingHighlight, PageHeadingHighlightCarousel, PageHeadingImpact, PageHeadingPanel, PageHeadingPromo, Pagination, PasswordStrength, Paywall, PeopleListing, PersonCard, PrimaryButton, Progress, PromoWithTags, PromoWithTitle, Quote, Radio, Radio2, RadioGroup, RadioGroup2, ReadMore, RotatorButtons, SearchBar, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Select, SelectComponent as Select2, SelectComponent$1 as Select2Async, SignUpFormComponent as SignUpForm, Sponsorship, StatusBanner, Component as Stepper, StickyBar, StreamBadge, Subtitle, Tab, TabLink, Table, Tabs, TertiaryButton, TextArea, TextField, TextFieldLegacy, TextLink, ThemeColor, Theme as ThemeProvider, ThemeType, Tickbox, Tickbox2, TickboxMode, Timer, TitleWithCTA, TypeTags, UpsellCard, UpsellSection, VideoControls, VideoWithControls$1 as VideoWithControls, breakpoints, devices, useHarmonicTheme, zIndexes };
 //# sourceMappingURL=harmonic.esm.js.map