@royaloperahouse/harmonic 0.4.1 → 0.5.1-a

package/dist/harmonic.cjs.development.js

@@ -61,47 +61,77 @@ function _objectWithoutPropertiesLoose(r, e) {
 }
 function _regeneratorRuntime() {
   _regeneratorRuntime = function () {
-    return e;
+    return r;
   };
   var t,
-    e = {},
-    r = Object.prototype,
-    n = r.hasOwnProperty,
-    o = Object.defineProperty || function (t, e, r) {
-      t[e] = r.value;
-    },
-    i = "function" == typeof Symbol ? Symbol : {},
-    a = i.iterator || "@@iterator",
-    c = i.asyncIterator || "@@asyncIterator",
-    u = i.toStringTag || "@@toStringTag";
-  function define(t, e, r) {
-    return Object.defineProperty(t, e, {
-      value: r,
-      enumerable: !0,
-      configurable: !0,
-      writable: !0
-    }), t[e];
+    r = {},
+    e = Object.prototype,
+    n = e.hasOwnProperty,
+    o = "function" == typeof Symbol ? Symbol : {},
+    i = o.iterator || "@@iterator",
+    a = o.asyncIterator || "@@asyncIterator",
+    u = o.toStringTag || "@@toStringTag";
+  function c(t, r, e, n) {
+    Object.defineProperty(t, r, {
+      value: e,
+      enumerable: !n,
+      configurable: !n,
+      writable: !n
+    });
   }
   try {
-    define({}, "");
+    c({}, "");
   } catch (t) {
-    define = function (t, e, r) {
-      return t[e] = r;
+    c = function (t, r, e) {
+      return t[r] = e;
     };
   }
-  function wrap(t, e, r, n) {
+  function h(r, e, n, o) {
     var i = e && e.prototype instanceof Generator ? e : Generator,
-      a = Object.create(i.prototype),
-      c = new Context(n || []);
-    return o(a, "_invoke", {
-      value: makeInvokeMethod(t, r, c)
-    }), a;
+      a = Object.create(i.prototype);
+    return c(a, "_invoke", function (r, e, n) {
+      var o = 1;
+      return function (i, a) {
+        if (3 === o) throw Error("Generator is already running");
+        if (4 === o) {
+          if ("throw" === i) throw a;
+          return {
+            value: t,
+            done: !0
+          };
+        }
+        for (n.method = i, n.arg = a;;) {
+          var u = n.delegate;
+          if (u) {
+            var c = d(u, n);
+            if (c) {
+              if (c === f) continue;
+              return c;
+            }
+          }
+          if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) {
+            if (1 === o) throw o = 4, n.arg;
+            n.dispatchException(n.arg);
+          } else "return" === n.method && n.abrupt("return", n.arg);
+          o = 3;
+          var h = s(r, e, n);
+          if ("normal" === h.type) {
+            if (o = n.done ? 4 : 2, h.arg === f) continue;
+            return {
+              value: h.arg,
+              done: n.done
+            };
+          }
+          "throw" === h.type && (o = 4, n.method = "throw", n.arg = h.arg);
+        }
+      };
+    }(r, n, new Context(o || [])), !0), a;
   }
-  function tryCatch(t, e, r) {
+  function s(t, r, e) {
     try {
       return {
         type: "normal",
-        arg: t.call(e, r)
+        arg: t.call(r, e)
       };
     } catch (t) {
       return {
@@ -110,255 +140,193 @@ function _regeneratorRuntime() {
       };
     }
   }
-  e.wrap = wrap;
-  var h = "suspendedStart",
-    l = "suspendedYield",
-    f = "executing",
-    s = "completed",
-    y = {};
+  r.wrap = h;
+  var f = {};
   function Generator() {}
   function GeneratorFunction() {}
   function GeneratorFunctionPrototype() {}
-  var p = {};
-  define(p, a, function () {
+  var l = {};
+  c(l, i, function () {
     return this;
   });
-  var d = Object.getPrototypeOf,
-    v = d && d(d(values([])));
-  v && v !== r && n.call(v, a) && (p = v);
-  var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p);
-  function defineIteratorMethods(t) {
-    ["next", "throw", "return"].forEach(function (e) {
-      define(t, e, function (t) {
-        return this._invoke(e, t);
+  var p = Object.getPrototypeOf,
+    y = p && p(p(x([])));
+  y && y !== e && n.call(y, i) && (l = y);
+  var v = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(l);
+  function g(t) {
+    ["next", "throw", "return"].forEach(function (r) {
+      c(t, r, function (t) {
+        return this._invoke(r, t);
       });
     });
   }
-  function AsyncIterator(t, e) {
-    function invoke(r, o, i, a) {
-      var c = tryCatch(t[r], t, o);
+  function AsyncIterator(t, r) {
+    function e(o, i, a, u) {
+      var c = s(t[o], t, i);
       if ("throw" !== c.type) {
-        var u = c.arg,
-          h = u.value;
-        return h && "object" == typeof h && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) {
-          invoke("next", t, i, a);
+        var h = c.arg,
+          f = h.value;
+        return f && "object" == typeof f && n.call(f, "__await") ? r.resolve(f.__await).then(function (t) {
+          e("next", t, a, u);
         }, function (t) {
-          invoke("throw", t, i, a);
-        }) : e.resolve(h).then(function (t) {
-          u.value = t, i(u);
+          e("throw", t, a, u);
+        }) : r.resolve(f).then(function (t) {
+          h.value = t, a(h);
         }, function (t) {
-          return invoke("throw", t, i, a);
+          return e("throw", t, a, u);
         });
       }
-      a(c.arg);
-    }
-    var r;
-    o(this, "_invoke", {
-      value: function (t, n) {
-        function callInvokeWithMethodAndArg() {
-          return new e(function (e, r) {
-            invoke(t, n, e, r);
-          });
-        }
-        return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
-      }
-    });
-  }
-  function makeInvokeMethod(e, r, n) {
-    var o = h;
-    return function (i, a) {
-      if (o === f) throw Error("Generator is already running");
-      if (o === s) {
-        if ("throw" === i) throw a;
-        return {
-          value: t,
-          done: !0
-        };
-      }
-      for (n.method = i, n.arg = a;;) {
-        var c = n.delegate;
-        if (c) {
-          var u = maybeInvokeDelegate(c, n);
-          if (u) {
-            if (u === y) continue;
-            return u;
-          }
-        }
-        if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) {
-          if (o === h) throw o = s, n.arg;
-          n.dispatchException(n.arg);
-        } else "return" === n.method && n.abrupt("return", n.arg);
-        o = f;
-        var p = tryCatch(e, r, n);
-        if ("normal" === p.type) {
-          if (o = n.done ? s : l, p.arg === y) continue;
-          return {
-            value: p.arg,
-            done: n.done
-          };
-        }
-        "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg);
+      u(c.arg);
+    }
+    var o;
+    c(this, "_invoke", function (t, n) {
+      function i() {
+        return new r(function (r, o) {
+          e(t, n, r, o);
+        });
       }
-    };
+      return o = o ? o.then(i, i) : i();
+    }, !0);
   }
-  function maybeInvokeDelegate(e, r) {
-    var n = r.method,
-      o = e.iterator[n];
-    if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y;
-    var i = tryCatch(o, e.iterator, r.arg);
-    if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y;
+  function d(r, e) {
+    var n = e.method,
+      o = r.i[n];
+    if (o === t) return e.delegate = null, "throw" === n && r.i.return && (e.method = "return", e.arg = t, d(r, e), "throw" === e.method) || "return" !== n && (e.method = "throw", e.arg = new TypeError("The iterator does not provide a '" + n + "' method")), f;
+    var i = s(o, r.i, e.arg);
+    if ("throw" === i.type) return e.method = "throw", e.arg = i.arg, e.delegate = null, f;
     var a = i.arg;
-    return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y);
+    return a ? a.done ? (e[r.r] = a.value, e.next = r.n, "return" !== e.method && (e.method = "next", e.arg = t), e.delegate = null, f) : a : (e.method = "throw", e.arg = new TypeError("iterator result is not an object"), e.delegate = null, f);
   }
-  function pushTryEntry(t) {
-    var e = {
-      tryLoc: t[0]
-    };
-    1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e);
+  function w(t) {
+    this.tryEntries.push(t);
   }
-  function resetTryEntry(t) {
-    var e = t.completion || {};
-    e.type = "normal", delete e.arg, t.completion = e;
+  function m(r) {
+    var e = r[4] || {};
+    e.type = "normal", e.arg = t, r[4] = e;
   }
   function Context(t) {
-    this.tryEntries = [{
-      tryLoc: "root"
-    }], t.forEach(pushTryEntry, this), this.reset(!0);
+    this.tryEntries = [[-1]], t.forEach(w, this), this.reset(!0);
   }
-  function values(e) {
-    if (e || "" === e) {
-      var r = e[a];
-      if (r) return r.call(e);
-      if ("function" == typeof e.next) return e;
-      if (!isNaN(e.length)) {
+  function x(r) {
+    if (null != r) {
+      var e = r[i];
+      if (e) return e.call(r);
+      if ("function" == typeof r.next) return r;
+      if (!isNaN(r.length)) {
         var o = -1,
-          i = function next() {
-            for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next;
-            return next.value = t, next.done = !0, next;
+          a = function e() {
+            for (; ++o < r.length;) if (n.call(r, o)) return e.value = r[o], e.done = !1, e;
+            return e.value = t, e.done = !0, e;
           };
-        return i.next = i;
+        return a.next = a;
       }
     }
-    throw new TypeError(typeof e + " is not iterable");
+    throw new TypeError(typeof r + " is not iterable");
   }
-  return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", {
-    value: GeneratorFunctionPrototype,
-    configurable: !0
-  }), o(GeneratorFunctionPrototype, "constructor", {
-    value: GeneratorFunction,
-    configurable: !0
-  }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) {
-    var e = "function" == typeof t && t.constructor;
-    return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name));
-  }, e.mark = function (t) {
-    return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t;
-  }, e.awrap = function (t) {
+  return GeneratorFunction.prototype = GeneratorFunctionPrototype, c(v, "constructor", GeneratorFunctionPrototype), c(GeneratorFunctionPrototype, "constructor", GeneratorFunction), c(GeneratorFunctionPrototype, u, GeneratorFunction.displayName = "GeneratorFunction"), r.isGeneratorFunction = function (t) {
+    var r = "function" == typeof t && t.constructor;
+    return !!r && (r === GeneratorFunction || "GeneratorFunction" === (r.displayName || r.name));
+  }, r.mark = function (t) {
+    return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, c(t, u, "GeneratorFunction")), t.prototype = Object.create(v), t;
+  }, r.awrap = function (t) {
     return {
       __await: t
     };
-  }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () {
+  }, g(AsyncIterator.prototype), c(AsyncIterator.prototype, a, function () {
     return this;
-  }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) {
+  }), r.AsyncIterator = AsyncIterator, r.async = function (t, e, n, o, i) {
     void 0 === i && (i = Promise);
-    var a = new AsyncIterator(wrap(t, r, n, o), i);
-    return e.isGeneratorFunction(r) ? a : a.next().then(function (t) {
+    var a = new AsyncIterator(h(t, e, n, o), i);
+    return r.isGeneratorFunction(e) ? a : a.next().then(function (t) {
       return t.done ? t.value : a.next();
     });
-  }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () {
+  }, g(v), c(v, u, "Generator"), c(v, i, function () {
     return this;
-  }), define(g, "toString", function () {
+  }), c(v, "toString", function () {
     return "[object Generator]";
-  }), e.keys = function (t) {
-    var e = Object(t),
-      r = [];
-    for (var n in e) r.push(n);
-    return r.reverse(), function next() {
-      for (; r.length;) {
-        var t = r.pop();
-        if (t in e) return next.value = t, next.done = !1, next;
-      }
-      return next.done = !0, next;
+  }), r.keys = function (t) {
+    var r = Object(t),
+      e = [];
+    for (var n in r) e.unshift(n);
+    return function t() {
+      for (; e.length;) if ((n = e.pop()) in r) return t.value = n, t.done = !1, t;
+      return t.done = !0, t;
     };
-  }, e.values = values, Context.prototype = {
+  }, r.values = x, Context.prototype = {
     constructor: Context,
-    reset: function (e) {
-      if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t);
+    reset: function (r) {
+      if (this.prev = this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(m), !r) for (var e in this) "t" === e.charAt(0) && n.call(this, e) && !isNaN(+e.slice(1)) && (this[e] = t);
     },
     stop: function () {
       this.done = !0;
-      var t = this.tryEntries[0].completion;
+      var t = this.tryEntries[0][4];
       if ("throw" === t.type) throw t.arg;
       return this.rval;
     },
-    dispatchException: function (e) {
-      if (this.done) throw e;
-      var r = this;
-      function handle(n, o) {
-        return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o;
+    dispatchException: function (r) {
+      if (this.done) throw r;
+      var e = this;
+      function n(t) {
+        a.type = "throw", a.arg = r, e.next = t;
       }
-      for (var o = this.tryEntries.length - 1; o >= 0; --o) {
+      for (var o = e.tryEntries.length - 1; o >= 0; --o) {
         var i = this.tryEntries[o],
-          a = i.completion;
-        if ("root" === i.tryLoc) return handle("end");
-        if (i.tryLoc <= this.prev) {
-          var c = n.call(i, "catchLoc"),
-            u = n.call(i, "finallyLoc");
-          if (c && u) {
-            if (this.prev < i.catchLoc) return handle(i.catchLoc, !0);
-            if (this.prev < i.finallyLoc) return handle(i.finallyLoc);
-          } else if (c) {
-            if (this.prev < i.catchLoc) return handle(i.catchLoc, !0);
-          } else {
-            if (!u) throw Error("try statement without catch or finally");
-            if (this.prev < i.finallyLoc) return handle(i.finallyLoc);
-          }
+          a = i[4],
+          u = this.prev,
+          c = i[1],
+          h = i[2];
+        if (-1 === i[0]) return n("end"), !1;
+        if (!c && !h) throw Error("try statement without catch or finally");
+        if (null != i[0] && i[0] <= u) {
+          if (u < c) return this.method = "next", this.arg = t, n(c), !0;
+          if (u < h) return n(h), !1;
         }
       }
     },
-    abrupt: function (t, e) {
-      for (var r = this.tryEntries.length - 1; r >= 0; --r) {
-        var o = this.tryEntries[r];
-        if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) {
-          var i = o;
+    abrupt: function (t, r) {
+      for (var e = this.tryEntries.length - 1; e >= 0; --e) {
+        var n = this.tryEntries[e];
+        if (n[0] > -1 && n[0] <= this.prev && this.prev < n[2]) {
+          var o = n;
           break;
         }
       }
-      i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null);
-      var a = i ? i.completion : {};
-      return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a);
+      o && ("break" === t || "continue" === t) && o[0] <= r && r <= o[2] && (o = null);
+      var i = o ? o[4] : {};
+      return i.type = t, i.arg = r, o ? (this.method = "next", this.next = o[2], f) : this.complete(i);
     },
-    complete: function (t, e) {
+    complete: function (t, r) {
       if ("throw" === t.type) throw t.arg;
-      return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y;
+      return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && r && (this.next = r), f;
     },
     finish: function (t) {
-      for (var e = this.tryEntries.length - 1; e >= 0; --e) {
-        var r = this.tryEntries[e];
-        if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y;
+      for (var r = this.tryEntries.length - 1; r >= 0; --r) {
+        var e = this.tryEntries[r];
+        if (e[2] === t) return this.complete(e[4], e[3]), m(e), f;
       }
     },
     catch: function (t) {
-      for (var e = this.tryEntries.length - 1; e >= 0; --e) {
-        var r = this.tryEntries[e];
-        if (r.tryLoc === t) {
-          var n = r.completion;
+      for (var r = this.tryEntries.length - 1; r >= 0; --r) {
+        var e = this.tryEntries[r];
+        if (e[0] === t) {
+          var n = e[4];
           if ("throw" === n.type) {
             var o = n.arg;
-            resetTryEntry(r);
+            m(e);
           }
           return o;
         }
       }
       throw Error("illegal catch attempt");
     },
-    delegateYield: function (e, r, n) {
+    delegateYield: function (r, e, n) {
       return this.delegate = {
-        iterator: values(e),
-        resultName: r,
-        nextLoc: n
-      }, "next" === this.method && (this.arg = t), y;
+        i: x(r),
+        r: e,
+        n: n
+      }, "next" === this.method && (this.arg = t), f;
     }
-  }, e;
+  }, r;
 }
 function _taggedTemplateLiteralLoose(e, t) {
   return t || (t = e.slice(0)), e.raw = t, e;
@@ -2971,7 +2939,7 @@ var OptionsContainer = /*#__PURE__*/styled__default.div(_templateObject3 || (_te
 
 var _templateObject$7, _templateObject2$5, _templateObject3$1, _templateObject4;
 var ControlledDropdownWrapper = /*#__PURE__*/styled__default.div(_templateObject$7 || (_templateObject$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n  width: fit-content;\n"])));
-var ControlledDropdownHeaderContainer = /*#__PURE__*/styled__default.span(_templateObject2$5 || (_templateObject2$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  gap: 6px;\n  border-bottom: 1px solid transparent;\n  height: 24px;\n  line-height: 24px;\n  font-size: var(--harmonic-font-size-navigation);\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-weight-navigation);\n  letter-spacing: var(--harmonic-letter-spacing-navigation);\n  color: var(--color-primary-black);\n  text-decoration: none;\n  cursor: pointer;\n  width: max-content;\n\n  ", "\n"])), function (_ref) {
+var ControlledDropdownHeaderContainer = /*#__PURE__*/styled__default.button(_templateObject2$5 || (_templateObject2$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  all: unset;\n\n  display: flex;\n  gap: 6px;\n  border-bottom: 1px solid transparent;\n  height: 24px;\n  line-height: 24px;\n  font-size: var(--harmonic-font-size-navigation);\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-weight-navigation);\n  letter-spacing: var(--harmonic-letter-spacing-navigation);\n  color: var(--color-primary-black);\n  text-decoration: none;\n  cursor: pointer;\n  width: max-content;\n\n  &:focus {\n    outline: 2px solid var(--color-primary-black);\n    outline-offset: 2px;\n  }\n\n  ", "\n"])), function (_ref) {
   var active = _ref.active;
   if (active) {
     return "\n      & {\n        color: var(--color-primary-red);\n      }\n      && svg path {\n        fill: var(--color-primary-red);\n      } \n      ";
@@ -2979,12 +2947,12 @@ var ControlledDropdownHeaderContainer = /*#__PURE__*/styled__default.span(_templ
   return '';
 });
 var ControlledDropdownHeaderContainerLink = /*#__PURE__*/styled__default(ControlledDropdownHeaderContainer).attrs({
-  as: 'a'
+  as: 'button'
 })(_templateObject3$1 || (_templateObject3$1 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
 var IconWrapper = /*#__PURE__*/styled__default.span(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 24px;\n  height: 24px;\n\n  span > svg path {\n    fill: var(--color-primary-black);\n  }\n"])));
 
 /* eslint-disable no-useless-return */
-var ControlledDropdown = function ControlledDropdown(_ref) {
+var ControlledDropdown = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var text = _ref.text,
     options = _ref.options,
     active = _ref.active,
@@ -2992,32 +2960,22 @@ var ControlledDropdown = function ControlledDropdown(_ref) {
     onOptionClick = _ref.onOptionClick,
     _onMouseEnter = _ref.onMouseEnter,
     _onMouseLeave = _ref.onMouseLeave,
+    _onFocusLeave = _ref.onFocusLeave,
     onReset = _ref.onReset,
     _onFocus = _ref.onFocus,
     _onBlur = _ref.onBlur,
     className = _ref.className;
-  var ref = React.useRef();
-  var resetHandler = React.useCallback(function () {
+  ControlledDropdown.displayName = 'ControlledDropdown';
+  var internalRef = React.useRef(null);
+  React.useImperativeHandle(ref, function () {
+    return internalRef.current;
+  });
+  var resetHandler = function resetHandler() {
     return onReset == null ? void 0 : onReset();
-  }, []);
-  React.useEffect(function () {
-    if (window.innerWidth > breakpoints.sm) {
-      var mouseClickHandler = function mouseClickHandler(e) {
-        var _ref$current;
-        if (ref != null && (_ref$current = ref.current) != null && _ref$current.contains(e.target)) {
-          return;
-        } else if (active) {
-          resetHandler();
-        }
-      };
-      document.addEventListener('click', mouseClickHandler);
-      return function () {
-        document.removeEventListener('click', mouseClickHandler);
-      };
-    }
-    // eslint-disable-next-line consistent-return
-    return;
-  }, [ref, resetHandler, active]);
+  };
+  var isDropdown = React.useMemo(function () {
+    return !!(options != null && options.length);
+  }, [options]);
   var handleOptionKeyDown = function handleOptionKeyDown(e, link) {
     if (e.key === 'Enter') {
       onOptionClick == null || onOptionClick(link);
@@ -3037,13 +2995,15 @@ var ControlledDropdown = function ControlledDropdown(_ref) {
       _onBlur == null || _onBlur();
     }
   };
-  var isDropdown = !!(options != null && options.length);
   var wrapperEvents = {
     onMouseEnter: function onMouseEnter() {
       return _onMouseEnter == null ? void 0 : _onMouseEnter();
     },
     onMouseLeave: function onMouseLeave() {
       return _onMouseLeave == null ? void 0 : _onMouseLeave();
+    },
+    onFocusLeave: function onFocusLeave() {
+      return _onFocusLeave == null ? void 0 : _onFocusLeave();
     }
   };
   var headerEvents = {
@@ -3059,21 +3019,51 @@ var ControlledDropdown = function ControlledDropdown(_ref) {
     },
     onKeyDown: handleHeaderKeyDown
   };
+  React.useEffect(function () {
+    var mouseEvent = function mouseEvent(e) {
+      var _internalRef$current;
+      if (internalRef != null && (_internalRef$current = internalRef.current) != null && _internalRef$current.contains(e.target)) return;
+      if (active) resetHandler();
+    };
+    if (window.innerWidth > breakpoints.sm) {
+      document.addEventListener('click', mouseEvent);
+    }
+    return function () {
+      document.removeEventListener('click', mouseEvent);
+    };
+  }, [resetHandler, active]);
+  React.useEffect(function () {
+    var handleFocusOut = function handleFocusOut(e) {
+      if (internalRef.current && !internalRef.current.contains(e.relatedTarget)) {
+        _onFocusLeave == null || _onFocusLeave();
+      }
+    };
+    var node = internalRef.current;
+    if (node) node.addEventListener('focusout', handleFocusOut);
+    return function () {
+      return node == null ? void 0 : node.removeEventListener('focusout', handleFocusOut);
+    };
+  }, [_onFocusLeave]);
   return /*#__PURE__*/React__default.createElement(ControlledDropdownWrapper, Object.assign({
-    ref: ref
+    ref: internalRef
   }, wrapperEvents, {
     className: className
   }), isDropdown ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(ControlledDropdownHeaderContainer, Object.assign({
     active: active
   }, headerEvents, {
-    tabIndex: 0,
-    "data-testid": "span-container"
+    "data-testid": "span-container",
+    role: "menuitem",
+    "aria-controls": "dropdown-menu",
+    "aria-haspopup": "menu",
+    "aria-expanded": active
   }), text, /*#__PURE__*/React__default.createElement(IconWrapper, {
     "data-testid": "dropdown-icon"
   }, /*#__PURE__*/React__default.createElement(Icon, {
     iconName: "DropdownArrow"
   }))), active && options ? (/*#__PURE__*/React__default.createElement(OptionsContainer, {
-    withOptionsInMobile: true
+    withOptionsInMobile: true,
+    role: "menu",
+    id: "dropdown-menu"
   }, options.map(function (optionItem, index) {
     return /*#__PURE__*/React__default.createElement(OptionItem, {
       key: "key-" + index + "-" + optionItem.option,
@@ -3087,15 +3077,17 @@ var ControlledDropdown = function ControlledDropdown(_ref) {
       onBlur: function onBlur() {
         return handleOptionBlur(index);
       },
-      href: optionItem.optionLink
+      href: optionItem.optionLink,
+      role: "menuitem"
     }, optionItem.option);
   }))) : null)) : (/*#__PURE__*/React__default.createElement(ControlledDropdownHeaderContainerLink, Object.assign({
     active: active
   }, headerEvents, {
     "data-testid": "link-container",
+    role: "menuitem",
     tabIndex: 0
   }), text)));
-};
+});
 
 var _templateObject$8;
 var Grid = /*#__PURE__*/styled__default.div(_templateObject$8 || (_templateObject$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: grid;\n  grid-template-columns: var(--grid-template-columns);\n  grid-template-rows: max-content;\n  gap: var(--grid-column-gap);\n  margin: 0;\n"])));
@@ -3225,8 +3217,8 @@ var StepsWrapper = /*#__PURE__*/styled__default.div(_templateObject4$1 || (_temp
 var StepWrapper = /*#__PURE__*/styled__default.div(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  visibility: ", ";\n  color: ", ";\n"])), function (_ref9) {
   var isVisible = _ref9.isVisible;
   return isVisible ? "visible" : 'hidden';
-}, function (_ref10) {
-  var isActive = _ref10.isActive;
+}, function (_ref0) {
+  var isActive = _ref0.isActive;
   return isActive ? "var(--base-color-black)" : 'var(--base-color-mid-grey)';
 });
 
@@ -3313,20 +3305,20 @@ var Wrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$d || (_template
 }, function (_ref9) {
   var typography = _ref9.typography;
   return typography;
-}, function (_ref10) {
-  var level = _ref10.level;
+}, function (_ref0) {
+  var level = _ref0.level;
   return level;
+}, function (_ref1) {
+  var typography = _ref1.typography;
+  return typography;
+}, function (_ref10) {
+  var typography = _ref10.typography;
+  return typography;
 }, function (_ref11) {
   var typography = _ref11.typography;
   return typography;
 }, function (_ref12) {
-  var typography = _ref12.typography;
-  return typography;
-}, function (_ref13) {
-  var typography = _ref13.typography;
-  return typography;
-}, function (_ref14) {
-  var level = _ref14.level;
+  var level = _ref12.level;
   return level;
 });
 
@@ -3663,264 +3655,77 @@ var SectionSplitter = function SectionSplitter(_ref) {
 };
 
 var _templateObject$i;
-var SponsorLogoWrapper = /*#__PURE__*/styled__default.div(_templateObject$i || (_templateObject$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  background-color: var(--color-base-black);\n  width: 100%;\n  max-width: 90%;\n  height: auto;\n\n  @media ", " {\n    max-width: 100%;\n  }\n\n  @media ", " {\n    max-width: 50%;\n  }\n\n  svg {\n    display: block; /* Avoids inline SVG extra spacing issues */\n    width: 100%;\n    height: auto;\n    max-width: 100%;\n  }\n"])), devices.tablet, devices.mobile);
+var SponsorLogoWrapper = /*#__PURE__*/styled__default.div(_templateObject$i || (_templateObject$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: inline-block;\n  height: auto;\n  width: 100%;\n  max-width: 100%;\n  background-color: transparent;\n\n  img {\n    display: block;\n    width: 100%;\n  }\n\n  @media ", " {\n    max-width: 100%;\n  }\n\n  @media ", " {\n    max-width: 50%;\n  }\n"])), devices.tablet, devices.mobile);
 
-/* eslint-disable max-len */
 var SponsorLogo = function SponsorLogo(_ref) {
-  var _ref$colorLogo = _ref.colorLogo,
-    colorLogo = _ref$colorLogo === void 0 ? '#fff' : _ref$colorLogo,
-    _ref$colorBackground = _ref.colorBackground,
-    colorBackground = _ref$colorBackground === void 0 ? '#1d1d1b' : _ref$colorBackground,
+  var imageSource = _ref.imageSource,
     _ref$alt = _ref.alt,
-    alt = _ref$alt === void 0 ? 'Sponsor Logo' : _ref$alt;
-  return /*#__PURE__*/React__default.createElement(SponsorLogoWrapper, null, /*#__PURE__*/React__default.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 258.64 57.26",
-    preserveAspectRatio: "xMidYMid meet" // Maintains the aspect ratio while centering
-    ,
-    role: "img",
-    "aria-label": alt
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "Layer_2",
-    "data-name": "Layer 2"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "Layer_1-2",
-    "data-name": "Layer 1"
-  }, /*#__PURE__*/React__default.createElement("path", {
-    fill: colorLogo,
-    d: "M48.59,20.83l0-1.16-4.8,1.72,0,1.26,4.9,1.44,0-1.1-1.09-.3-.06-1.52Zm-1.89.59,0,1.11-2-.52v0Z"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    fill: colorLogo,
-    d: "M48.8,18.33l.36-1.09-1.87-.6c.13-.4.18-.55.86-.52l1.36,0L49.88,15l-1.66,0c-.61,0-.84.07-1,.39h0a1.14,1.14,0,0,0-.84-1.29c-.85-.27-1.39.26-1.64,1l-.55,1.68ZM45.31,16l.1-.33c.19-.58.6-.52.79-.46a.63.63,0,0,1,.41.84l-.11.33Z"
-  }), /*#__PURE__*/React__default.createElement("polygon", {
-    fill: colorLogo,
-    points: "50.82 13.54 51.47 12.61 48.22 10.32 48.82 9.46 48.1 8.96 46.23 11.62 46.95 12.13 47.56 11.26 50.82 13.54"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    fill: colorLogo,
-    d: "M51.76,5.65a4.57,4.57,0,0,0-1,.61,1.43,1.43,0,0,0-.4,2.14c1.11,1.33,2.28-.25,2.89.46a.62.62,0,0,1-.18.9,2.56,2.56,0,0,1-1,.46l.56.76a4.67,4.67,0,0,0,1.14-.68,1.52,1.52,0,0,0,.35-2.22c-1.11-1.32-2.31.22-2.88-.46-.23-.27-.13-.58.16-.82a2.15,2.15,0,0,1,.89-.42Z"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    fill: colorLogo,
-    d: "M60.54,2.18a2.8,2.8,0,0,0-1.3.06,2.23,2.23,0,0,0-1.56,2.91,2.28,2.28,0,0,0,2.77,2,4,4,0,0,0,1.14-.44l-.26-1a2.05,2.05,0,0,1-.91.47c-.71.17-1.39-.34-1.6-1.26s.11-1.67.85-1.84a1.85,1.85,0,0,1,1,0Z"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    fill: colorLogo,
-    d: "M63.1,4.21c-.17,1.42.35,2.58,1.74,2.75S67,6.13,67.19,4.72,66.84,2.14,65.45,2s-2.17.82-2.35,2.23m1.16.15c.12-.93.44-1.65,1.09-1.57s.8.86.69,1.78-.45,1.65-1.1,1.57-.79-.86-.68-1.78"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    fill: colorLogo,
-    d: "M68.82,5.91a1.65,1.65,0,0,0,.75,2.45A1.65,1.65,0,0,0,72,7.52L73.4,4.77l-1-.52L70.89,7.17c-.22.43-.51.61-.92.41s-.44-.56-.21-1l1.48-2.91-1-.52Z"
-  }), /*#__PURE__*/React__default.createElement("polygon", {
-    fill: colorLogo,
-    points: "72.35 9.88 73.04 10.6 75.57 8.16 75.58 8.17 74.02 11.61 74.96 12.58 78.45 9.21 77.75 8.49 75.34 10.83 75.33 10.82 76.76 7.47 75.84 6.5 72.35 9.88"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    fill: colorLogo,
-    d: "M81.32,14.62A2.92,2.92,0,0,0,81,13.36a2.24,2.24,0,0,0-3.2-.87,2.28,2.28,0,0,0-1.28,3.14,4.1,4.1,0,0,0,.69,1l.89-.49a2,2,0,0,1-.66-.78,1.4,1.4,0,0,1,.86-1.84c.88-.43,1.65-.26,2,.43a1.79,1.79,0,0,1,.18,1Z"
-  }), /*#__PURE__*/React__default.createElement("rect", {
-    fill: colorLogo,
-    x: "77.47",
-    y: "17.86",
-    width: "4.85",
-    height: "1.14",
-    transform: "translate(-1.99 14.27) rotate(-10.08)"
-  }), /*#__PURE__*/React__default.createElement("polygon", {
-    fill: colorLogo,
-    points: "77.75 21.16 77.56 23.9 78.43 23.96 78.54 22.36 82.51 22.64 82.59 21.49 77.75 21.16"
-  }), /*#__PURE__*/React__default.createElement("polygon", {
-    fill: colorLogo,
-    points: "48.1 32.49 49.47 34.12 49.78 33.85 48.68 32.56 50.15 31.32 51.15 32.52 51.45 32.25 50.46 31.06 51.78 29.94 52.83 31.2 53.14 30.93 51.81 29.36 48.1 32.49"
-  }), /*#__PURE__*/React__default.createElement("polygon", {
-    fill: colorLogo,
-    points: "51.54 36.09 51.88 36.31 54.27 32.76 54.28 32.77 53.58 37.46 54.04 37.78 56.75 33.74 56.42 33.52 54.01 37.11 53.99 37.1 54.72 32.38 54.26 32.06 51.54 36.09"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    fill: colorLogo,
-    d: "M59.06,37.34l.83.24-.47,1.64a1.43,1.43,0,0,1-.68,0,1.83,1.83,0,0,1-1.05-2.46c.43-1.47,1.47-1.73,2.13-1.53a1.89,1.89,0,0,1,.9.57l.15-.45A2.92,2.92,0,0,0,60,34.8a2.23,2.23,0,0,0-2.7,1.75,2.27,2.27,0,0,0,1.35,3,2.24,2.24,0,0,0,1.15,0l.66-2.3L59.17,37Z"
-  }), /*#__PURE__*/React__default.createElement("polygon", {
-    fill: colorLogo,
-    points: "62.58 40.06 64.59 40.06 64.59 39.67 63.01 39.67 63.01 35.22 62.58 35.22 62.58 40.06"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    fill: colorLogo,
-    d: "M66.56,39.85l.41-.12L67,38.32l1.86-.53L69.66,39l.44-.12L67.21,34.6l-.44.13Zm.55-4.73h0l1.53,2.31L67,37.91Z"
-  }), /*#__PURE__*/React__default.createElement("polygon", {
-    fill: colorLogo,
-    points: "72.18 37.79 72.52 37.56 70.19 33.97 70.2 33.97 74.24 36.45 74.7 36.16 72.06 32.07 71.72 32.3 74.07 35.92 74.06 35.92 70.01 33.42 69.54 33.71 72.18 37.79"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    fill: colorLogo,
-    d: "M77.11,33.88l.47-.58A2.21,2.21,0,0,0,77,30a2.07,2.07,0,0,0-3.31.42l-.4.5ZM73.88,30.8l.22-.28c1-1.3,2.07-.62,2.67-.14,1,.75,1.23,1.71.56,2.56l-.27.36Z"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    fill: colorLogo,
-    d: "M110.46,21h0l-2.33,6.65h4.71Zm-1.78-3.24h3.65l6.33,16.12h-3.58l-1.39-3.69h-6.53l-1.41,3.69H102.4Z"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    fill: colorLogo,
-    d: "M123.57,24.66h1.07c1.59,0,3.42-.24,3.42-2.24s-1.81-2.11-3.42-2.11h-1.07Zm-3.23-6.89h3.49c3.46,0,7.6-.11,7.6,4.37a3.69,3.69,0,0,1-3.33,3.74v0c.88.07,1.39.95,1.71,1.67l2.59,6.31h-3.61l-1.93-5c-.47-1.2-.88-1.66-2.25-1.66h-1v6.7h-3.23Z"
-  }), /*#__PURE__*/React__default.createElement("polygon", {
-    fill: colorLogo,
-    points: "137.59 20.31 132.97 20.31 132.97 17.77 145.45 17.77 145.45 20.31 140.82 20.31 140.82 33.9 137.59 33.9 137.59 20.31"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    fill: colorLogo,
-    d: "M156.16,20.73a8.35,8.35,0,0,0-3.28-.69,2.24,2.24,0,0,0-2.54,2.24c0,2.79,7.07,1.61,7.07,7,0,3.53-2.8,4.87-6,4.87a14.29,14.29,0,0,1-4.14-.62l.3-2.91a7.79,7.79,0,0,0,3.65,1c1.22,0,2.86-.62,2.86-2.08,0-3.07-7.06-1.8-7.06-7.13,0-3.61,2.79-4.92,5.63-4.92a12.25,12.25,0,0,1,3.86.57Z"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    fill: colorLogo,
-    d: "M178,33.67a16.81,16.81,0,0,1-3.67.5c-5.22,0-8.85-2.61-8.85-8.06s3.37-8.61,8.85-8.61a10.39,10.39,0,0,1,3.64.67l-.23,2.72a6.65,6.65,0,0,0-3.48-.85c-3.33,0-5.41,2.54-5.41,5.84s2,5.75,5.48,5.75a9.05,9.05,0,0,0,3.53-.67Z"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    fill: colorLogo,
-    d: "M187.42,31.63c3.3,0,4.53-2.93,4.53-5.84S190.63,20,187.42,20,182.9,23,182.9,25.79s1.22,5.84,4.52,5.84m0-14.13c5.06,0,7.9,3.42,7.9,8.29s-2.79,8.38-7.9,8.38-7.89-3.44-7.89-8.38,2.77-8.29,7.89-8.29"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    fill: colorLogo,
-    d: "M197.47,17.77h3.23v9.31c0,2.75.88,4.55,3.35,4.55s3.35-1.8,3.35-4.55V17.77h3.23V28.08c0,4.31-2.45,6.09-6.58,6.09s-6.58-1.78-6.58-6.09Z"
-  }), /*#__PURE__*/React__default.createElement("polygon", {
-    fill: colorLogo,
-    points: "213.06 17.77 217.03 17.77 223.17 29.83 223.22 29.83 223.22 17.77 226.31 17.77 226.31 33.89 222.36 33.89 216.2 21.84 216.15 21.84 216.15 33.89 213.06 33.89 213.06 17.77"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    fill: colorLogo,
-    d: "M240.93,33.67a16.81,16.81,0,0,1-3.67.5c-5.22,0-8.85-2.61-8.85-8.06s3.37-8.61,8.85-8.61a10.43,10.43,0,0,1,3.64.67l-.23,2.72a6.65,6.65,0,0,0-3.48-.85c-3.33,0-5.41,2.54-5.41,5.84s2,5.75,5.48,5.75a9.05,9.05,0,0,0,3.53-.67Z"
-  }), /*#__PURE__*/React__default.createElement("rect", {
-    fill: colorLogo,
-    x: "243.37",
-    y: "17.77",
-    width: "3.23",
-    height: "16.12"
-  }), /*#__PURE__*/React__default.createElement("polygon", {
-    fill: colorLogo,
-    points: "249.15 17.77 252.38 17.77 252.38 31.35 258.64 31.35 258.64 33.89 249.15 33.89 249.15 17.77"
-  }), /*#__PURE__*/React__default.createElement("polygon", {
-    fill: colorLogo,
-    points: "102.45 40.87 111.96 40.87 111.96 43.41 105.68 43.41 105.68 47.38 111.43 47.38 111.43 49.92 105.68 49.92 105.68 54.45 112.01 54.45 112.01 56.99 102.45 56.99 102.45 40.87"
-  }), /*#__PURE__*/React__default.createElement("polygon", {
-    fill: colorLogo,
-    points: "114.66 40.87 118.64 40.87 124.78 52.92 124.82 52.92 124.82 40.87 127.92 40.87 127.92 56.99 123.97 56.99 117.8 44.93 117.76 44.93 117.76 56.99 114.66 56.99 114.66 40.87"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    fill: colorLogo,
-    d: "M143.51,44a10.56,10.56,0,0,0-4.17-.86A5.48,5.48,0,0,0,133.51,49c0,3.28,2,5.75,5.47,5.75a8.6,8.6,0,0,0,2.12-.23v-4.2h-3.42V47.75h6.51v8.68a20.3,20.3,0,0,1-5.21.83c-5.22,0-8.85-2.61-8.85-8.06s3.38-8.61,8.85-8.61a15.72,15.72,0,0,1,4.73.67Z"
-  }), /*#__PURE__*/React__default.createElement("polygon", {
-    fill: colorLogo,
-    points: "146.78 40.87 150.01 40.87 150.01 54.45 156.27 54.45 156.27 56.99 146.78 56.99 146.78 40.87"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    fill: colorLogo,
-    d: "M165.76,44.1h0l-2.34,6.65h4.72ZM164,40.87h3.65L174,57h-3.58L169,53.29h-6.54l-1.4,3.7H157.7Z"
-  }), /*#__PURE__*/React__default.createElement("polygon", {
-    fill: colorLogo,
-    points: "175.53 40.87 179.5 40.87 185.65 52.92 185.69 52.92 185.69 40.87 188.79 40.87 188.79 56.99 184.84 56.99 178.67 44.93 178.62 44.93 178.62 56.99 175.53 56.99 175.53 40.87"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    fill: colorLogo,
-    d: "M194.66,54.45h1.8a5.27,5.27,0,0,0,5.31-5.52,5.27,5.27,0,0,0-5.31-5.52h-1.8Zm-3.23-13.58h4.41c4.94,0,9.3,1.66,9.3,8.06S200.78,57,195.84,57h-4.41Z"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    fill: colorLogo,
-    d: "M248,3.39h-.7l1.84,5.24-.13.46c-.2.67-.39,1.12-.94,1.12a1.29,1.29,0,0,1-.47-.08l-.06.55a3,3,0,0,0,.69.08c.72,0,1.08-.71,1.33-1.42l2.07-5.95h-.67L249.43,7.7h0ZM245.88,6c0,1-.31,2.16-1.53,2.16S242.81,6.92,242.81,6s.37-2.17,1.54-2.17S245.88,5,245.88,6m-3.71,2.59h.64V7.75h0a1.68,1.68,0,0,0,1.62.94c1.42,0,2.13-1.18,2.13-2.71s-.61-2.71-2.13-2.71a1.75,1.75,0,0,0-1.62,1h0V1h-.64Zm-3.46-5.18h-.64V4h0a1.7,1.7,0,0,0-1.61-.71c-1.53,0-2.14,1.13-2.14,2.71,0,1.15.53,2.59,2.19,2.59a1.6,1.6,0,0,0,1.57-1h0c0,1.46-.14,2.66-1.79,2.66a3.55,3.55,0,0,1-1.52-.36l-.05.64a5.45,5.45,0,0,0,1.56.27c1.78,0,2.43-1.18,2.43-2.62ZM235,6c0-1,.32-2.17,1.54-2.17s1.53.92,1.53,2.17c0,.94-.41,2-1.57,2S235,7,235,6m-6.17,2.59h.64V5.7c0-.86.37-1.89,1.54-1.89.88,0,1.23.63,1.23,1.61V8.57h.63V5.26c0-1.14-.48-2-1.76-2a1.64,1.64,0,0,0-1.68,1h0V3.39h-.62c0,.41,0,.82,0,1.22Zm-1.71-7.42h-.64V2h.64Zm-.64,7.42h.64V3.39h-.64ZM221.1,6c0-1,.31-2.17,1.53-2.17S224.17,5,224.17,6s-.4,2.16-1.54,2.16S221.1,7,221.1,6m3.7-5h-.63V4.26h0a1.76,1.76,0,0,0-1.62-1C221,3.27,220.4,4.4,220.4,6s.71,2.71,2.13,2.71a1.68,1.68,0,0,0,1.62-.94h0v.82h.63Zm-9.89,7.62h.64V5.7c0-.86.37-1.89,1.54-1.89.88,0,1.22.63,1.22,1.61V8.57H219V5.26c0-1.14-.48-2-1.76-2a1.64,1.64,0,0,0-1.68,1h0V3.39h-.62c0,.41,0,.82,0,1.22Zm-1.72-5.18h-.64V6.25c0,.87-.36,1.89-1.53,1.89-.89,0-1.23-.63-1.23-1.6V3.39h-.64V6.7c0,1.14.49,2,1.77,2a1.64,1.64,0,0,0,1.67-1h0v.93h.62c0-.42,0-.83,0-1.22Zm-7.08,5.18h.64V3.93h1.17V3.39h-1.17V2.94c0-.62-.09-1.57.78-1.57a1.13,1.13,0,0,1,.51.12l0-.56a1.47,1.47,0,0,0-.6-.1c-1.33,0-1.37,1.09-1.37,2.18v.38h-1v.54h1Zm-3.5-5.1a3.91,3.91,0,0,0-1.25-.2A2.51,2.51,0,0,0,198.8,6a2.45,2.45,0,0,0,2.48,2.71,3.89,3.89,0,0,0,1.33-.18l-.06-.6a3.38,3.38,0,0,1-1.17.23A2,2,0,0,1,199.5,6a1.93,1.93,0,0,1,1.95-2.17,2.78,2.78,0,0,1,1.11.27Zm-5.2-2.32h-.64V2h.64Zm-.64,7.42h.64V3.39h-.64Zm-2.35,0h.64V1h-.64ZM192.26,6c0,1-.31,2.16-1.53,2.16S189.19,6.92,189.19,6s.37-2.17,1.54-2.17S192.26,5,192.26,6m-3.71,2.59h.64V7.75h0a1.68,1.68,0,0,0,1.62.94C192.25,8.69,193,7.51,193,6s-.61-2.71-2.13-2.71a1.75,1.75,0,0,0-1.62,1h0V1h-.64Zm-1.68-5.18h-.64V6.25c0,.87-.36,1.89-1.53,1.89-.89,0-1.23-.63-1.23-1.6V3.39h-.64V6.7c0,1.14.49,2,1.77,2a1.64,1.64,0,0,0,1.67-1h0v.93h.62c0-.42,0-.83,0-1.22ZM180.69,6c0,1-.32,2.16-1.54,2.16S177.62,6.92,177.62,6s.39-2.17,1.53-2.17S180.69,5,180.69,6M177,10.7h.64v-3h0a1.6,1.6,0,0,0,1.61,1c1.43,0,2.13-1.18,2.13-2.71s-.6-2.71-2.13-2.71a1.78,1.78,0,0,0-1.65,1.06h0l0-.94H177Zm-3.46-7.31h-.64V4h0a1.72,1.72,0,0,0-1.62-.71c-1.52,0-2.13,1.13-2.13,2.71,0,1.15.53,2.59,2.18,2.59a1.62,1.62,0,0,0,1.58-1h0c0,1.46-.14,2.66-1.79,2.66a3.59,3.59,0,0,1-1.53-.36l0,.64a5.54,5.54,0,0,0,1.57.27c1.78,0,2.43-1.18,2.43-2.62ZM169.81,6c0-1,.31-2.17,1.53-2.17s1.54.92,1.54,2.17c0,.94-.42,2-1.58,2s-1.49-1-1.49-2m-6.17,2.59h.64V5.7c0-.86.36-1.89,1.53-1.89.89,0,1.23.63,1.23,1.61V8.57h.64V5.26c0-1.14-.49-2-1.77-2a1.62,1.62,0,0,0-1.67,1h0V3.39h-.62c0,.41,0,.82,0,1.22Zm-1.71-7.42h-.64V2h.64Zm-.64,7.42h.64V3.39h-.64Zm-4.53-.12a3.91,3.91,0,0,0,1.45.24c.78,0,1.81-.38,1.81-1.47,0-1.7-2.55-1.58-2.55-2.54,0-.66.45-.87,1.11-.87a2.87,2.87,0,0,1,1.15.25l.06-.56a4.08,4.08,0,0,0-1.28-.23c-.85,0-1.68.38-1.68,1.41,0,1.5,2.49,1.31,2.49,2.54,0,.59-.54.92-1.15.92a3.05,3.05,0,0,1-1.35-.32ZM155.5,3.39h-.64V6.25c0,.87-.37,1.89-1.54,1.89-.88,0-1.23-.63-1.23-1.6V3.39h-.63V6.7c0,1.14.48,2,1.76,2a1.65,1.65,0,0,0,1.68-1h0v.93h.62c0-.42,0-.83,0-1.22ZM144.23,6c0-1,.31-2.17,1.53-2.17S147.29,5,147.29,6s-.39,2.16-1.53,2.16S144.23,7,144.23,6m3.7-5h-.64V4.26h0a1.75,1.75,0,0,0-1.61-1c-1.53,0-2.13,1.13-2.13,2.71s.71,2.71,2.13,2.71a1.66,1.66,0,0,0,1.61-.94h0v.82h.64Zm-9.06,4.66a1.7,1.7,0,0,1,1.52-1.8c1,0,1.32.9,1.32,1.8ZM142,7.75a3.27,3.27,0,0,1-1.45.39,1.75,1.75,0,0,1-1.71-2h3.54V5.83c0-1.39-.6-2.56-2.06-2.56-1.31,0-2.18,1.12-2.18,2.71s.64,2.71,2.35,2.71A4.14,4.14,0,0,0,142,8.4Zm-4.71-4.36h-1.18V1.91l-.64.23V3.39h-1v.54h1V7c0,1,.05,1.73,1.18,1.73a2.32,2.32,0,0,0,.78-.14l0-.53a1.47,1.47,0,0,1-.59.12c-.51,0-.69-.39-.69-.85V3.93h1.18Zm-6,5.18h.64V6c0-.94.28-2.08,1.29-2.08a1.41,1.41,0,0,1,.47.07V3.33a2,2,0,0,0-.45-.06,1.52,1.52,0,0,0-1.33,1.11h0v-1h-.64a9.26,9.26,0,0,1,0,1.15ZM125.76,6c0-1.2.6-2.17,1.71-2.17s1.72,1,1.72,2.17-.6,2.16-1.72,2.16-1.71-1-1.71-2.16m-.7,0a2.43,2.43,0,1,0,4.83,0,2.43,2.43,0,1,0-4.83,0m-1.83,0c0,1-.32,2.16-1.54,2.16S120.16,6.92,120.16,6s.4-2.17,1.53-2.17S123.23,5,123.23,6m-3.71,4.72h.64v-3h0a1.61,1.61,0,0,0,1.62,1c1.42,0,2.13-1.18,2.13-2.71s-.61-2.71-2.13-2.71a1.79,1.79,0,0,0-1.66,1.06h0l0-.94h-.64ZM117.4,6c0,1-.32,2.16-1.54,2.16S114.33,6.92,114.33,6s.39-2.17,1.53-2.17S117.4,5,117.4,6m-3.71,4.72h.64v-3h0a1.6,1.6,0,0,0,1.61,1c1.43,0,2.14-1.18,2.14-2.71s-.61-2.71-2.14-2.71a1.79,1.79,0,0,0-1.65,1.06h0l0-.94h-.64ZM112,3.39h-.64V6.25c0,.87-.37,1.89-1.54,1.89-.88,0-1.23-.63-1.23-1.6V3.39H108V6.7c0,1.14.49,2,1.77,2a1.64,1.64,0,0,0,1.68-1h0v.93h.62c0-.42,0-.83,0-1.22Zm-9.4,5a3.92,3.92,0,0,0,1.61.31,2.08,2.08,0,0,0,2.32-2c0-2.07-3.25-2.09-3.25-3.51,0-.91.8-1.22,1.54-1.22a2.89,2.89,0,0,1,1.28.27l.12-.64a4.31,4.31,0,0,0-1.39-.23c-1.25,0-2.25.71-2.25,1.84,0,1.86,3.25,2,3.25,3.43a1.41,1.41,0,0,1-1.59,1.45,2.77,2.77,0,0,1-1.57-.42Z"
-  }), /*#__PURE__*/React__default.createElement("rect", {
-    fill: colorLogo,
-    x: "92.12",
-    width: "0.75",
-    height: "56.99"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    fill: colorLogo,
-    d: "M2.46,50.42H4.22v5.07H7.29V57H2.46Z"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    fill: colorLogo,
-    d: "M10.84,57.2a3.59,3.59,0,0,1-1.37-.26,3.27,3.27,0,0,1-1.82-1.83,4,4,0,0,1,0-2.79,3.5,3.5,0,0,1,.72-1.1,3.28,3.28,0,0,1,1.1-.72,3.59,3.59,0,0,1,1.37-.26,3.65,3.65,0,0,1,1.38.26,3.14,3.14,0,0,1,1.09.72,3.33,3.33,0,0,1,.72,1.1,4,4,0,0,1,0,2.79,3.3,3.3,0,0,1-1.81,1.83A3.65,3.65,0,0,1,10.84,57.2Zm0-1.65a1.67,1.67,0,0,0,.69-.14A1.65,1.65,0,0,0,12,55a1.68,1.68,0,0,0,.32-.59,2.35,2.35,0,0,0,.11-.71,2.41,2.41,0,0,0-.11-.72,1.64,1.64,0,0,0-.32-.58,1.54,1.54,0,0,0-.51-.4,1.77,1.77,0,0,0-1.38,0,1.54,1.54,0,0,0-.51.4,1.64,1.64,0,0,0-.32.58,2.41,2.41,0,0,0-.11.72,2.35,2.35,0,0,0,.11.71,1.68,1.68,0,0,0,.32.59,1.65,1.65,0,0,0,.51.39A1.67,1.67,0,0,0,10.84,55.55Z"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    fill: colorLogo,
-    d: "M16.43,52h-2V50.42h5.83V52h-2V57H16.43Z"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    fill: colorLogo,
-    d: "M22.49,52h-2V50.42h5.83V52h-2V57H22.49Z"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    fill: colorLogo,
-    d: "M26.7,50.42h4.77v1.52h-3v1h2.47v1.43H28.46v1.13h3.22V57h-5Z"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    fill: colorLogo,
-    d: "M32.4,50.42h2.74a3.24,3.24,0,0,1,1,.14,2.05,2.05,0,0,1,.74.41,2,2,0,0,1,.48.68,2.5,2.5,0,0,1,.16.94,2.19,2.19,0,0,1-.28,1.14,2.27,2.27,0,0,1-.77.77L37.86,57H36l-1.13-2.25h-.73V57H32.4Zm2.57,3a.75.75,0,0,0,.79-.79.8.8,0,0,0-.21-.59.77.77,0,0,0-.59-.22h-.84v1.6Z"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    fill: colorLogo,
-    d: "M39.81,54.4l-2.35-4h2l1.29,2.36L42,50.42h2l-2.36,4V57H39.81Z"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    fill: colorLogo,
-    d: "M45.71,50.42h4.62V52H47.47v1.28h2.21v1.45H47.47V57H45.71Z"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    fill: colorLogo,
-    d: "M50.76,50.42h1.76V54.3a1.46,1.46,0,0,0,.25.89,1.17,1.17,0,0,0,1.67,0,1.48,1.48,0,0,0,.25-.89V50.42h1.78v4a3,3,0,0,1-.21,1.15,2.4,2.4,0,0,1-.59.86,2.66,2.66,0,0,1-.9.55,3.58,3.58,0,0,1-2.3,0,2.85,2.85,0,0,1-.91-.54,2.49,2.49,0,0,1-.59-.86,3,3,0,0,1-.21-1.16Z"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    fill: colorLogo,
-    d: "M57.42,50.42H59l2.54,3.69V50.42h1.74V57h-1.5l-2.64-3.8V57H57.42Z"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    fill: colorLogo,
-    d: "M64.28,50.42h2.54a4.85,4.85,0,0,1,1.41.2,3.06,3.06,0,0,1,1.13.6,2.67,2.67,0,0,1,.74,1.05,3.78,3.78,0,0,1,.27,1.49,3.56,3.56,0,0,1-.27,1.44,2.77,2.77,0,0,1-.75,1,3.18,3.18,0,0,1-1.13.62,5,5,0,0,1-1.41.2H64.28Zm2.47,5.07a1.67,1.67,0,0,0,1.81-1.76,2.27,2.27,0,0,0-.11-.72,1.59,1.59,0,0,0-.34-.56,1.29,1.29,0,0,0-.56-.36,2.13,2.13,0,0,0-.8-.13H66v3.53Z"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    fill: colorLogo,
-    d: "M71.05,50.42h4.76v1.52h-3v1h2.47v1.43H72.8v1.13H76V57h-5Z"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    fill: colorLogo,
-    d: "M76.75,50.42h2.54a4.85,4.85,0,0,1,1.41.2,3.15,3.15,0,0,1,1.13.6,2.89,2.89,0,0,1,.74,1.05,3.78,3.78,0,0,1,.27,1.49,3.56,3.56,0,0,1-.27,1.44,3,3,0,0,1-.75,1,3.18,3.18,0,0,1-1.13.62,5,5,0,0,1-1.41.2H76.75Zm2.47,5.07A1.66,1.66,0,0,0,81,53.73a2,2,0,0,0-.11-.72,1.44,1.44,0,0,0-.33-.56,1.36,1.36,0,0,0-.56-.36,2.13,2.13,0,0,0-.8-.13H78.5v3.53Z"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    fill: colorBackground,
-    d: "M28.47,18.89a2.62,2.62,0,0,0-1.56.63c.16-1.82-.51-3.17-1.76-3.63a3.22,3.22,0,0,0-2.33.1l-1-2.44c.93-2.28,2.56-5.06,2.56-7.34,0-1.77-.89-3.07-2.6-3.07a4.45,4.45,0,0,0-3.05,1.95C17.53,2.45,16.28,1.2,14.94,1.2c-2.13,0-3,2.13-3,4a18.84,18.84,0,0,0,2,7.52,63.85,63.85,0,0,0-2.9,7.57,8.59,8.59,0,0,0-6.12-2.7,6.3,6.3,0,0,0-3.53,1A2.93,2.93,0,0,0,0,20.87a2.64,2.64,0,0,0,2.23,2.54C4.56,24,5.6,25.9,6.48,29.58c1.61,6.64,5.76,10.63,12.14,10.63A12.26,12.26,0,0,0,30.86,28a14.77,14.77,0,0,0-.26-2.64,10.78,10.78,0,0,0,.46-1.56c.57-2.85-.52-4.88-2.59-4.88"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    fill: colorLogo,
-    d: "M24.62,17.33c1.08.5,1.17,2.76.08,5.45-.88,2.6-2.15,4.18-3.34,4.19-.93,0-1.71-.66-1.71-2.42,0-3.32,2.73-8.25,5-7.22"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    fill: colorLogo,
-    d: "M13.43,5.15c0-1.09.47-2.39,1.51-2.39q1.08,0,2.64,3.42a27.54,27.54,0,0,0-2.75,4.52,17.18,17.18,0,0,1-1.4-5.55"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    fill: colorLogo,
-    d: "M18.62,38.66c-5.45,0-9.18-3.79-10.63-9.44-1-3.89-2.23-6.49-5.4-7.32-.36-.1-1-.36-1-1S2.75,19.1,4.93,19.1a7.68,7.68,0,0,1,6.17,3.69l1.11-.41c.16-2.12,1.24-5,3.14-9.09,2.39-5.13,4.81-8.63,6.42-8.59a1.41,1.41,0,0,1,1.12,1.51c0,2.12-1.87,5.31-3.51,8.78-.17.35-.91,2-.91,2l1.07.46c.35-.59,1.08-2,1.18-2.24l.8,1.77a11.34,11.34,0,0,0-3.21,7.58c0,2,.88,3.2,2.17,3.61a2.91,2.91,0,0,0,3.22-1,2.57,2.57,0,0,0,2.65,2.32,3.35,3.35,0,0,0,3.06-2.21A11,11,0,0,1,18.62,38.66"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    fill: colorLogo,
-    d: "M29.66,23.56c-.36,2.18-1.68,4.6-3.31,4.6s-1.47-2.06-1.11-3.3c.57-2.23,2.09-4.57,3.23-4.57s1.5,1.41,1.19,3.27"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    fill: colorBackground,
-    d: "M24.15,34.49c-4.61,2.62-8.91.95-10.53-3.83L15,30c1.32,3.89,5.13,5,8.65,3.13Z"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    fill: colorBackground,
-    d: "M22.9,24.5a1.21,1.21,0,1,1-1.21-1.21A1.21,1.21,0,0,1,22.9,24.5"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    fill: colorBackground,
-    d: "M28,26a1.09,1.09,0,1,1-1.09-1.09A1.09,1.09,0,0,1,28,26"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    fill: colorBackground,
-    d: "M25.9,6.58a1.15,1.15,0,0,1-.41-.08,1.23,1.23,0,0,1-.33-.23,1.12,1.12,0,0,1-.22-.33,1.07,1.07,0,0,1-.08-.41,1.06,1.06,0,0,1,.08-.4,1.33,1.33,0,0,1,.22-.34,1.46,1.46,0,0,1,.33-.22,1.16,1.16,0,0,1,.42-.08,1.06,1.06,0,0,1,.4.08,1.12,1.12,0,0,1,.33.22,1.11,1.11,0,0,1,.22.34,1.06,1.06,0,0,1,.08.4,1.07,1.07,0,0,1-.08.41,1,1,0,0,1-.22.33,1,1,0,0,1-.33.23A1.11,1.11,0,0,1,25.9,6.58Zm0-.2a.72.72,0,0,0,.33-.07.76.76,0,0,0,.26-.18.78.78,0,0,0,.17-.26,1,1,0,0,0,.06-.33.88.88,0,0,0-.06-.33.73.73,0,0,0-.17-.27.76.76,0,0,0-.26-.18.71.71,0,0,0-.32-.07.72.72,0,0,0-.33.07.68.68,0,0,0-.26.18.73.73,0,0,0-.17.27.88.88,0,0,0-.06.33,1,1,0,0,0,.06.33.78.78,0,0,0,.17.26.68.68,0,0,0,.26.18A.71.71,0,0,0,25.9,6.38ZM25.54,5H26a.47.47,0,0,1,.17,0,.41.41,0,0,1,.11.07.3.3,0,0,1,.07.1.52.52,0,0,1,0,.11.41.41,0,0,1-.05.19.31.31,0,0,1-.15.12l.25.44h-.22l-.24-.41h-.17v.41h-.2Zm.4.49a.17.17,0,0,0,.13,0,.17.17,0,0,0,.05-.12.13.13,0,0,0-.05-.11.2.2,0,0,0-.14,0h-.19v.32Z"
-  })))));
+    alt = _ref$alt === void 0 ? 'Sponsor Logo' : _ref$alt,
+    children = _ref.children,
+    className = _ref.className,
+    href = _ref.href,
+    title = _ref.title,
+    dataRoh = _ref.dataRoh,
+    _ref$target = _ref.target,
+    target = _ref$target === void 0 ? '_blank' : _ref$target;
+  return /*#__PURE__*/React__default.createElement("a", {
+    "data-roh": dataRoh,
+    href: href,
+    title: title,
+    target: target,
+    rel: "noopener noreferrer",
+    "aria-label": "Sponsor Logo link",
+    className: className
+  }, /*#__PURE__*/React__default.createElement(SponsorLogoWrapper, null, imageSource ? /*#__PURE__*/React__default.createElement("img", {
+    src: imageSource,
+    alt: alt
+  }) : children));
 };
 
-var _templateObject$j, _templateObject2$b;
-var CustomImage = /*#__PURE__*/styled__default.img(_templateObject$j || (_templateObject$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  max-height: 100px;\n  max-width: auto;\n\n  @media ", " {\n    max-height: 55px;\n  }\n\n  @media ", " {\n    max-height: 45px;\n  }\n"])), devices.tablet, devices.mobile);
-var SponsorshipStyledIframe = /*#__PURE__*/styled__default.div(_templateObject2$b || (_templateObject2$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  background-color: transparent;\n  height: 80px;\n  margin: 0px;\n  overflow: hidden;\n  padding: 0;\n  width: 80px;\n\n  & > iframe {\n    border: 0;\n    display: block;\n    margin: 0px;\n    padding: 0px;\n    overflow: hidden;\n    width: 100%;\n    height: 100%;\n  }\n\n  @media ", " {\n    & {\n      height: 40px;\n      width: 40px;\n    }\n    & iframe {\n      height: 80px;\n      transform: scale(0.5) translate(-40px, -40px);\n      width: 80px;\n    }\n  }\n"])), devices.mobile);
+var _templateObject$j, _templateObject2$b, _templateObject3$6, _templateObject4$3;
+var SponsorshipWrapper = /*#__PURE__*/styled__default.div(_templateObject$j || (_templateObject$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 80px;\n  height: 80px;\n  position: relative;\n\n  @media ", " {\n    width: 40px;\n    height: 40px;\n  }\n"])), devices.mobileAndTablet);
+var SponsorshipLinkText = /*#__PURE__*/styled__default.span(_templateObject2$b || (_templateObject2$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  whitespace: nowrap;\n  borderwidth: 0;\n"])));
+var SponsorshipLink = /*#__PURE__*/styled__default.a(_templateObject3$6 || (_templateObject3$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: absolute;\n  inset: 0;\n  width: 80px;\n  height: 80px;\n  z-index: 2;\n  text-decoration: none;\n  background: transparent;\n\n  @media ", " {\n    width: 40px;\n    height: 40px;\n  }\n"])), devices.mobileAndTablet);
+var SponsorshipStyledIframe = /*#__PURE__*/styled__default.iframe(_templateObject4$3 || (_templateObject4$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  border: none;\n  display: block;\n  width: 80px;\n  height: 80px;\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 1;\n\n  @media ", " {\n    transform: scale(0.5);\n    transform-origin: top left;\n  }\n"])), devices.mobileAndTablet);
 
-/* eslint-disable jsx-a11y/no-noninteractive-element-to-interactive-role */
 var DEFAULT_SPONSORSHIP_IFRAME = 'https://static.roh.org.uk/rolex/v4/rolex.html?size=80';
 var DEFAULT_SPONSORSHIP_TITLE = 'rolex';
 var DEFAULT_DATA_ROH = 'ImgAdvert';
-var DEFAULT_SPONSORSHIP_ALT_TEXT = "Sponsor's logo";
+
+/* eslint-disable jsx-a11y/iframe-has-title */
 var Sponsorship = function Sponsorship(_ref) {
   var _ref$src = _ref.src,
     src = _ref$src === void 0 ? DEFAULT_SPONSORSHIP_IFRAME : _ref$src,
     _ref$dataRoh = _ref.dataRoh,
     dataRoh = _ref$dataRoh === void 0 ? DEFAULT_DATA_ROH : _ref$dataRoh,
     _ref$title = _ref.title,
-    title = _ref$title === void 0 ? DEFAULT_SPONSORSHIP_TITLE : _ref$title,
-    _ref$altText = _ref.altText,
-    altText = _ref$altText === void 0 ? DEFAULT_SPONSORSHIP_ALT_TEXT : _ref$altText,
-    isCustomImage = _ref.isCustomImage;
-  if (isCustomImage) return /*#__PURE__*/React__default.createElement(CustomImage, {
-    src: src,
-    alt: altText,
-    "data-roh": dataRoh,
-    "data-testid": "custom-sponsor"
-  });
-  return /*#__PURE__*/React__default.createElement(SponsorshipStyledIframe, null, /*#__PURE__*/React__default.createElement("iframe", {
+    title = _ref$title === void 0 ? DEFAULT_SPONSORSHIP_TITLE : _ref$title;
+  var linkText = title + " sponsorship";
+  var linkDescription = linkText + " - visit " + title + "'s website (opens in new tab)";
+  return /*#__PURE__*/React__default.createElement(SponsorshipWrapper, null, /*#__PURE__*/React__default.createElement(SponsorshipLink, {
+    href: "https://www.rolex.com",
+    target: "_blank",
+    rel: "noopener noreferrer",
+    "aria-label": linkDescription,
+    "data-roh": dataRoh
+  }, /*#__PURE__*/React__default.createElement(SponsorshipLinkText, null, linkText)), /*#__PURE__*/React__default.createElement(SponsorshipStyledIframe, {
     src: src,
-    scrolling: "no",
-    "data-roh": dataRoh,
-    title: title,
-    className: "desktopIframe",
-    "aria-label": title + " sponsorship content",
-    "aria-description": "Click to visit " + title + "'s website",
-    sandbox: "allow-scripts allow-same-origin",
+    title: "",
+    sandbox: "allow-scripts",
     loading: "lazy",
-    "aria-hidden": "false",
-    tabIndex: 0,
-    role: "link"
+    scrolling: "no",
+    "aria-hidden": "true",
+    tabIndex: -1
   }));
 };
 
 var _templateObject$k, _templateObject2$c;
-var TabText = /*#__PURE__*/styled__default.a(_templateObject$k || (_templateObject$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-size: var(--harmonic-font-size-navigation);\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-weight-navigation);\n  letter-spacing: var(--harmonic-letter-spacing-navigation);\n  text-decoration: none;\n  margin-left: 5px;\n  color: var(--color-primary-black);\n\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: calc(9ch + 1px);\n\n  ", "\n\n  @media ", " {\n    width: max-content;\n  }\n"])), function (props) {
+var TabText = /*#__PURE__*/styled__default.a(_templateObject$k || (_templateObject$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-size: var(--harmonic-font-size-navigation);\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-weight-navigation);\n  letter-spacing: var(--harmonic-letter-spacing-navigation);\n  text-decoration: none;\n  margin-left: 5px;\n  color: var(--color-primary-black);\n  color: ", ";\n\n  white-space: nowrap;\n  overflow: hidden;\n\n  ", "\n\n  ", "\n\n  @media ", " {\n    width: max-content;\n  }\n"])), function (_ref) {
+  var color = _ref.color;
+  return color ? "var(--color-" + color + ")" : "var(--color-primary-black)";
+}, function (props) {
+  return props.trimText && "\n    text-overflow: ellipsis;\n    max-width: calc(9ch + 1px);\n  ";
+}, function (props) {
   if (props.withIcon === 'left') {
     return "margin-left: 5px;";
   }
@@ -3931,8 +3736,8 @@ var TitleContainer = /*#__PURE__*/styled__default.div(_templateObject2$c || (_te
     return "\n      flex-direction: row-reverse;\n      svg {\n        margin-right: 6px;\n      }";
   }
   return "\n      svg {\n          margin-left: 6px;\n      }";
-}, function (_ref) {
-  var selected = _ref.selected;
+}, function (_ref2) {
+  var selected = _ref2.selected;
   if (selected) {
     return "\n        cursor: pointer;\n        && a {\n          color: var(--color-primary-red);\n        } \n        && svg path {\n          fill: var(--color-primary-red);\n        } \n      ";
   }
@@ -3955,13 +3760,19 @@ var Tab = function Tab(_ref) {
     selected = _ref$selected === void 0 ? false : _ref$selected,
     _ref$iconName = _ref.iconName,
     iconName = _ref$iconName === void 0 ? 'DropdownArrow' : _ref$iconName,
+    _ref$iconDirection = _ref.iconDirection,
+    iconDirection = _ref$iconDirection === void 0 ? 'right' : _ref$iconDirection,
     _ref$withIcon = _ref.withIcon,
     withIcon = _ref$withIcon === void 0 ? 'right' : _ref$withIcon,
     _ref$withTextInMobile = _ref.withTextInMobile,
     withTextInMobile = _ref$withTextInMobile === void 0 ? true : _ref$withTextInMobile,
+    _ref$trimText = _ref.trimText,
+    trimText = _ref$trimText === void 0 ? false : _ref$trimText,
     className = _ref.className,
     role = _ref.role,
-    ariaLabel = _ref.ariaLabel;
+    ariaLabel = _ref.ariaLabel,
+    tabLinkId = _ref.tabLinkId,
+    color = _ref.color;
   var clickHandler = function clickHandler() {
     if (onClick) {
       onClick(titleLink);
@@ -3991,31 +3802,36 @@ var Tab = function Tab(_ref) {
     tabIndex: 0,
     className: className
   }, /*#__PURE__*/React__default.createElement(TabText, {
+    id: tabLinkId,
+    trimText: trimText,
+    color: color,
     withTextInMobile: withTextInMobile,
     "aria-hidden": "true"
   }, title), withIcon !== 'none' && /*#__PURE__*/React__default.createElement(Icon, {
+    direction: iconDirection,
     iconName: iconName,
     "aria-hidden": "true"
   }));
 };
 
 var _templateObject$l, _templateObject2$d;
-var TabLinkWrapper = /*#__PURE__*/styled__default.a(_templateObject$l || (_templateObject$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  padding: ", ";\n  font-family: var(--font-family-sans);\n  font-size: var(--harmonic-font-size-navigation);\n  letter-spacing: var(--harmonic-letter-spacing-navigation)\n  font-weight: var(--font-weight-navigation);\n  line-height: var(--line-height-navigation);\n  text-transform: var(--text-transform-navigation);\n  color: ", ";\n  width: fit-content;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  text-decoration: none;\n  border-bottom: ", ";\n  ", "\n\n  @media ", ", ", " {\n    &:hover {\n      color: var(--base-color-", ");\n      border-bottom: 1px solid var(--base-color-", ");\n\n      && svg path {\n        fill: var(--base-color-", ");\n      }\n    }\n  }\n"])), function (_ref) {
+var TabLinkWrapper = /*#__PURE__*/styled__default.a(_templateObject$l || (_templateObject$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  padding: ", ";\n  font-size: var(--harmonic-font-size-navigation);\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-weight-navigation);\n  letter-spacing: var(--harmonic-letter-spacing-navigation);\n  color: ", ";\n  width: fit-content;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  text-decoration: none;\n  border-bottom: ", ";\n\n  && svg path {\n    fill: ", ";\n  }\n\n  @media ", ", ", " {\n    &:hover {\n      color: var(--color-", ");\n      border-bottom: 1px solid var(--color-", ");\n\n      && svg path {\n        fill: var(--color-", ");\n      }\n    }\n  }\n"])), function (_ref) {
   var iconName = _ref.iconName;
   return iconName ? 'calc(var(--text-link-underline-offset) - 4px) 0' : 'var(--text-link-underline-offset) 0';
 }, function (_ref2) {
   var selected = _ref2.selected,
     color = _ref2.color,
     hoverColor = _ref2.hoverColor;
-  return selected ? "var(--base-color-" + hoverColor + ")" : "var(--base-color-" + color + ")";
+  return selected ? "var(--color-" + hoverColor + ")" : "var(--color-" + color + ")";
 }, function (_ref3) {
   var selected = _ref3.selected,
     hoverColor = _ref3.hoverColor;
-  return selected ? "1px solid var(--base-color-" + hoverColor + ")" : '1px solid transparent';
+  return selected ? "1px solid var(--color-" + hoverColor + ")" : '1px solid transparent';
 }, function (_ref4) {
   var selected = _ref4.selected,
-    hoverColor = _ref4.hoverColor;
-  return selected ? "&& svg path {\n    fill: var(--base-color-" + hoverColor + ");\n  }" : '';
+    hoverColor = _ref4.hoverColor,
+    color = _ref4.color;
+  return selected ? "var(--color-" + hoverColor + ")" : "var(--color-" + color + ")";
 }, devices.desktop, devices.largeDesktop, function (_ref5) {
   var hoverColor = _ref5.hoverColor;
   return hoverColor;
@@ -4034,9 +3850,9 @@ var TabLink = function TabLink(_ref) {
     iconName = _ref.iconName,
     iconDirection = _ref.iconDirection,
     _ref$color = _ref.color,
-    color = _ref$color === void 0 ? exports.Colors.DarkGrey : _ref$color,
+    color = _ref$color === void 0 ? ThemeColor['base-dark-grey'] : _ref$color,
     _ref$hoverColor = _ref.hoverColor,
-    hoverColor = _ref$hoverColor === void 0 ? exports.Colors.Primary : _ref$hoverColor,
+    hoverColor = _ref$hoverColor === void 0 ? ThemeColor['primary-red'] : _ref$hoverColor,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$7);
   return /*#__PURE__*/React__default.createElement(TabLinkWrapper, Object.assign({
     color: color,
@@ -4051,7 +3867,7 @@ var TabLink = function TabLink(_ref) {
   }))) : null, children);
 };
 
-var _templateObject$m, _templateObject2$e, _templateObject3$6, _templateObject4$3;
+var _templateObject$m, _templateObject2$e, _templateObject3$7, _templateObject4$4;
 var TextAreaWrapper = /*#__PURE__*/styled__default.div(_templateObject$m || (_templateObject$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: ", ";\n  height: ", ";\n"])), function (_ref) {
   var width = _ref.width;
   return width ? width + "px;" : '100%;';
@@ -4063,7 +3879,7 @@ var TextAreaLabel = /*#__PURE__*/styled__default.div(_templateObject2$e || (_tem
   var darkMode = _ref3.darkMode;
   return darkMode ? 'color: var(--base-color-white)' : '';
 });
-var TextAreaBox = /*#__PURE__*/styled__default.textarea(_templateObject3$6 || (_templateObject3$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-family: var(--font-family-altHeader);\n  font-feature-settings: var(--font-feature-settings-altHeader);\n  font-size: var(--font-size-altHeader-6);\n  font-weight: var(--font-weight-altHeader-6);\n  box-sizing: border-box;\n  resize: none;\n  padding: 20px;\n  width: 100%;\n  height: 100%;\n  border: 1px solid ", ";\n\n  ", ";\n\n  :disabled {\n    background-color: var(--base-color-light-grey);\n    border: 1px solid transparent;\n    outline: none;\n  }\n\n  :focus {\n    outline-style: solid;\n    outline-width: ", ";\n    outline-color: ", ";\n  }\n"])), function (_ref4) {
+var TextAreaBox = /*#__PURE__*/styled__default.textarea(_templateObject3$7 || (_templateObject3$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-family: var(--font-family-altHeader);\n  font-feature-settings: var(--font-feature-settings-altHeader);\n  font-size: var(--font-size-altHeader-6);\n  font-weight: var(--font-weight-altHeader-6);\n  box-sizing: border-box;\n  resize: none;\n  padding: 20px;\n  width: 100%;\n  height: 100%;\n  border: 1px solid ", ";\n\n  ", ";\n\n  :disabled {\n    background-color: var(--base-color-light-grey);\n    border: 1px solid transparent;\n    outline: none;\n  }\n\n  :focus {\n    outline-style: solid;\n    outline-width: ", ";\n    outline-color: ", ";\n  }\n"])), function (_ref4) {
   var error = _ref4.error;
   return error ? 'var(--base-color-errorstate)' : 'var(--base-color-light-grey)';
 }, function (_ref5) {
@@ -4078,7 +3894,7 @@ var TextAreaBox = /*#__PURE__*/styled__default.textarea(_templateObject3$6 || (_
   var darkMode = _ref7.darkMode;
   return darkMode ? 'var(--base-color-lemonchiffon)' : 'var(--base-color-lapislazuli)';
 });
-var TextAreaError = /*#__PURE__*/styled__default.div(_templateObject4$3 || (_templateObject4$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", ";\n  color: ", ";\n  margin-block: 15px 0;\n"])), function (_ref8) {
+var TextAreaError = /*#__PURE__*/styled__default.div(_templateObject4$4 || (_templateObject4$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", ";\n  color: ", ";\n  margin-block: 15px 0;\n"])), function (_ref8) {
   var darkMode = _ref8.darkMode;
   return darkMode ? 'color: var(--base-color-white)' : '';
 }, function (_ref9) {
@@ -4174,14 +3990,14 @@ var TextArea = function TextArea(_ref) {
   }, error)))));
 };
 
-var _templateObject$n, _templateObject2$f, _templateObject3$7, _templateObject4$4, _templateObject5$2, _templateObject6$1, _templateObject7;
+var _templateObject$n, _templateObject2$f, _templateObject3$8, _templateObject4$5, _templateObject5$2, _templateObject6$1, _templateObject7;
 var Container$1 = /*#__PURE__*/styled__default.div(_templateObject$n || (_templateObject$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n"])));
 var InputWrapper = /*#__PURE__*/styled__default.div(_templateObject2$f || (_templateObject2$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n  width: auto;\n  max-width: ", ";\n"])), function (_ref) {
   var width = _ref.width;
   if (!width) return 'none';
   return width + "px";
 });
-var Input = /*#__PURE__*/styled__default.input(_templateObject3$7 || (_templateObject3$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  box-sizing: border-box;\n  font-family: var(--font-family-sans);\n  font-size: 19px;\n  line-height: 26px;\n  letter-spacing: -0.5px;\n  border-radius: 0;\n  width: 100%;\n  height: 48px;\n  padding-left: 20px;\n  -moz-appearance: textfield;\n  padding-right: ", ";\n  outline: none;\n  border: ", ";\n  &:disabled {\n    background-color: var(--color-base-light-grey);\n    border: 1px solid transparent;\n    outline: none;\n  }\n\n  &:focus {\n    outline: ", ";\n  }\n\n  /* remove search decoration */\n  &::-webkit-search-decoration,\n  &::-webkit-search-cancel-button,\n  &::-webkit-search-results-button,\n  &::-webkit-search-results-decoration {\n    display: none;\n  }\n\n  /* remove number decoration */\n  &::-webkit-outer-spin-button,\n  &::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n    margin: 0;\n  }\n  @media ", " {\n    font-size: 17px;\n    line-height: 24px;\n    letter-spacing: -0.5px;\n  }\n"])), function (_ref2) {
+var Input = /*#__PURE__*/styled__default.input(_templateObject3$8 || (_templateObject3$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  box-sizing: border-box;\n  font-family: var(--font-family-sans);\n  font-size: 19px;\n  line-height: 26px;\n  letter-spacing: -0.5px;\n  border-radius: 0;\n  width: 100%;\n  height: 48px;\n  padding-left: 20px;\n  -moz-appearance: textfield;\n  padding-right: ", ";\n  outline: none;\n  border: ", ";\n  &:disabled {\n    background-color: var(--color-base-light-grey);\n    border: 1px solid transparent;\n    outline: none;\n  }\n\n  &:focus {\n    outline: ", ";\n  }\n\n  /* remove search decoration */\n  &::-webkit-search-decoration,\n  &::-webkit-search-cancel-button,\n  &::-webkit-search-results-button,\n  &::-webkit-search-results-decoration {\n    display: none;\n  }\n\n  /* remove number decoration */\n  &::-webkit-outer-spin-button,\n  &::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n    margin: 0;\n  }\n  @media ", " {\n    font-size: 17px;\n    line-height: 24px;\n    letter-spacing: -0.5px;\n  }\n"])), function (_ref2) {
   var isPasswordField = _ref2.isPasswordField;
   if (isPasswordField) return "80px";
   return "20px";
@@ -4194,7 +4010,7 @@ var Input = /*#__PURE__*/styled__default.input(_templateObject3$7 || (_templateO
   if (darkMode) return "4px solid var(--base-color-lemonchiffon)";
   return "3px solid var(--base-color-lapislazuli)";
 }, devices.mobile);
-var ShowHideButton = /*#__PURE__*/styled__default.button(_templateObject4$4 || (_templateObject4$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: absolute;\n  width: 53px;\n  top: 50%;\n  margin-top: calc(var(--line-height-overline-1) / 2 * -1);\n  right: 20px;\n  border: none;\n  background: none;\n  padding: 0;\n  display: block;\n  text-align: left;\n  cursor: pointer;\n  white-space: nowrap;\n  color: var(--color-base-black);\n"])));
+var ShowHideButton = /*#__PURE__*/styled__default.button(_templateObject4$5 || (_templateObject4$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: absolute;\n  width: 53px;\n  top: 50%;\n  margin-top: calc(var(--line-height-overline-1) / 2 * -1);\n  right: 20px;\n  border: none;\n  background: none;\n  padding: 0;\n  display: block;\n  text-align: left;\n  cursor: pointer;\n  white-space: nowrap;\n  color: var(--color-base-black);\n"])));
 var TextLabel$1 = /*#__PURE__*/styled__default.div(_templateObject5$2 || (_templateObject5$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-bottom: 20px;\n  color: ", ";\n"])), function (_ref5) {
   var darkMode = _ref5.darkMode;
   if (darkMode) return "var(--color-base-white)";
@@ -4308,7 +4124,7 @@ var TextFieldComponent = function TextFieldComponent(_ref, ref) {
 };
 var TextField = /*#__PURE__*/React.forwardRef(TextFieldComponent);
 
-var _templateObject$o, _templateObject2$g, _templateObject3$8, _templateObject4$5, _templateObject5$3;
+var _templateObject$o, _templateObject2$g, _templateObject3$9, _templateObject4$6, _templateObject5$3;
 var TextFieldContainer = /*#__PURE__*/styled__default.div(_templateObject$o || (_templateObject$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n"])));
 var textStyles = /*#__PURE__*/styled.css(_templateObject2$g || (_templateObject2$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-family: var(--font-family-body);\n  font-weight: ", ";\n  font-size: ", ";\n  line-height: ", ";\n"])), function (_ref) {
   var theme = _ref.theme;
@@ -4320,7 +4136,7 @@ var textStyles = /*#__PURE__*/styled.css(_templateObject2$g || (_templateObject2
   var theme = _ref3.theme;
   return theme.spacing[7];
 });
-var Input$1 = /*#__PURE__*/styled__default.input(_templateObject3$8 || (_templateObject3$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", "\n\n  width: ", ";\n  height: 48px;\n  padding: 0px 20px;\n\n  border: 1px solid ", ";\n  outline: none;\n\n  ", "\n\n  :disabled {\n    background-color: ", ";\n    border: 1px solid transparent;\n    outline: none;\n  }\n\n  :focus {\n    outline: ", "};\n  }\n"])), textStyles, function (_ref4) {
+var Input$1 = /*#__PURE__*/styled__default.input(_templateObject3$9 || (_templateObject3$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", "\n\n  width: ", ";\n  height: 48px;\n  padding: 0px 20px;\n\n  border: 1px solid ", ";\n  outline: none;\n\n  ", "\n\n  :disabled {\n    background-color: ", ";\n    border: 1px solid transparent;\n    outline: none;\n  }\n\n  :focus {\n    outline: ", "};\n  }\n"])), textStyles, function (_ref4) {
   var width = _ref4.width;
   return width ? width + "px" : '196px';
 }, function (_ref5) {
@@ -4341,14 +4157,14 @@ var Input$1 = /*#__PURE__*/styled__default.input(_templateObject3$8 || (_templat
   if (darkMode) return "4px solid " + theme.colors.lemonChiffon;
   return "3px solid " + theme.colors.lapisLazuli;
 });
-var TextLabel$2 = /*#__PURE__*/styled__default.p(_templateObject4$5 || (_templateObject4$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", ";\n\n  color: ", ";\n"])), textStyles, function (_ref9) {
+var TextLabel$2 = /*#__PURE__*/styled__default.p(_templateObject4$6 || (_templateObject4$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", ";\n\n  color: ", ";\n"])), textStyles, function (_ref9) {
   var darkMode = _ref9.darkMode,
     theme = _ref9.theme;
   return darkMode ? theme.colors.white : theme.colors.black;
 });
-var ErrorLabel$2 = /*#__PURE__*/styled__default.p(_templateObject5$3 || (_templateObject5$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", ";\n\n  color: ", ";\n"])), textStyles, function (_ref10) {
-  var darkMode = _ref10.darkMode,
-    theme = _ref10.theme;
+var ErrorLabel$2 = /*#__PURE__*/styled__default.p(_templateObject5$3 || (_templateObject5$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", ";\n\n  color: ", ";\n"])), textStyles, function (_ref0) {
+  var darkMode = _ref0.darkMode,
+    theme = _ref0.theme;
   return darkMode ? theme.colors.white : theme.colors.error;
 });
 
@@ -4422,7 +4238,7 @@ var TextLogoProduct;
   TextLogoProduct["Cinema"] = "CINEMA";
 })(TextLogoProduct || (TextLogoProduct = {}));
 
-var _templateObject$q, _templateObject2$i, _templateObject3$9, _templateObject4$6;
+var _templateObject$q, _templateObject2$i, _templateObject3$a, _templateObject4$7;
 var TickboxError = /*#__PURE__*/styled__default.div(_templateObject$q || (_templateObject$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-block: 20px;\n  color: var(--base-color-", ");\n"])), function (_ref) {
   var dark = _ref.dark;
   return dark ? 'white' : 'errorstate';
@@ -4436,7 +4252,7 @@ var TickboxLabel$1 = /*#__PURE__*/styled__default.label(_templateObject2$i || (_
   var disabled = _ref3.disabled;
   return disabled ? 'not-allowed' : 'pointer';
 }, devices.mobileAndTablet);
-var TickboxCheckmark = /*#__PURE__*/styled__default.span(_templateObject3$9 || (_templateObject3$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: absolute;\n  top: 1px;\n  left: 0;\n  height: 20px;\n  width: 20px;\n  padding: 3px;\n  box-sizing: border-box;\n  border: 1px solid\n    var(\n      --base-color-", "\n    );\n  background-color: var(--base-color-", ");\n  outline: ", ";\n\n  svg {\n    display: none;\n  }\n\n  @media ", " {\n    top: 0;\n  }\n"])), function (_ref4) {
+var TickboxCheckmark = /*#__PURE__*/styled__default.span(_templateObject3$a || (_templateObject3$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: absolute;\n  top: 1px;\n  left: 0;\n  height: 20px;\n  width: 20px;\n  padding: 3px;\n  box-sizing: border-box;\n  border: 1px solid\n    var(\n      --base-color-", "\n    );\n  background-color: var(--base-color-", ");\n  outline: ", ";\n\n  svg {\n    display: none;\n  }\n\n  @media ", " {\n    top: 0;\n  }\n"])), function (_ref4) {
   var dark = _ref4.dark,
     disabled = _ref4.disabled,
     error = _ref4.error;
@@ -4452,7 +4268,7 @@ var TickboxCheckmark = /*#__PURE__*/styled__default.span(_templateObject3$9 || (
     dark = _ref6.dark;
   return dark && error ? '1px solid var(--base-color-errorstate)' : 'none';
 }, devices.mobile);
-var TickboxInput = /*#__PURE__*/styled__default.input(_templateObject4$6 || (_templateObject4$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: none;\n\n  &:checked ~ ", " {\n    background-color: var(\n      --base-color-", "\n    );\n    & svg {\n      display: block;\n      path {\n        fill: var(\n          --base-color-", "\n        );\n      }\n    }\n  }\n"])), TickboxCheckmark, function (_ref7) {
+var TickboxInput = /*#__PURE__*/styled__default.input(_templateObject4$7 || (_templateObject4$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: none;\n\n  &:checked ~ ", " {\n    background-color: var(\n      --base-color-", "\n    );\n    & svg {\n      display: block;\n      path {\n        fill: var(\n          --base-color-", "\n        );\n      }\n    }\n  }\n"])), TickboxCheckmark, function (_ref7) {
   var dark = _ref7.dark,
     whiteBox = _ref7.whiteBox,
     disabled = _ref7.disabled;
@@ -4519,9 +4335,8 @@ var Tickbox = function Tickbox(_ref) {
     role: "checkbox",
     "aria-checked": selected ? 'true' : 'false',
     "aria-labelledby": dataLabel
-  }, /*#__PURE__*/React__default.createElement(BodyText, {
-    level: 1,
-    tag: "span"
+  }, /*#__PURE__*/React__default.createElement(BodyCopyHarmonic, {
+    size: "medium"
   }, children), /*#__PURE__*/React__default.createElement(TickboxInput, {
     type: "checkbox",
     checked: selected,
@@ -4544,7 +4359,7 @@ var Tickbox = function Tickbox(_ref) {
   }, error))));
 };
 
-var _templateObject$r, _templateObject2$j, _templateObject3$a, _templateObject4$7, _templateObject5$4, _templateObject6$2;
+var _templateObject$r, _templateObject2$j, _templateObject3$b, _templateObject4$8, _templateObject5$4, _templateObject6$2;
 var Container$2 = /*#__PURE__*/styled__default.div(_templateObject$r || (_templateObject$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n"])));
 var Tickbox$1 = /*#__PURE__*/styled__default.div(_templateObject2$j || (_templateObject2$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: absolute;\n  top: 1px;\n  left: 0;\n  z-index: 1;\n  box-sizing: border-box;\n  width: 20px;\n  height: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: ", ";\n  background-color: ", ";\n  color: ", ";\n"])), function (_ref) {
   var error = _ref.error,
@@ -4569,7 +4384,7 @@ var Tickbox$1 = /*#__PURE__*/styled__default.div(_templateObject2$j || (_templat
   if (blackBox) return 'var(--base-color-white)';
   return ' var(--base-color-black)';
 });
-var TickboxLabel$2 = /*#__PURE__*/styled__default.label(_templateObject3$a || (_templateObject3$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n  padding-left: 32px;\n  input[type='checkbox'] {\n    width: 1px;\n    height: 1px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    opacity: 0;\n    z-index: 0;\n    &:checked + ", " {\n      background-color: ", ";\n    }\n    &:focus + ", " {\n      outline: ", ";\n    }\n  }\n"])), Tickbox$1, function (_ref4) {
+var TickboxLabel$2 = /*#__PURE__*/styled__default.label(_templateObject3$b || (_templateObject3$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n  padding-left: 32px;\n  input[type='checkbox'] {\n    width: 1px;\n    height: 1px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    opacity: 0;\n    z-index: 0;\n    &:checked + ", " {\n      background-color: ", ";\n    }\n    &:focus + ", " {\n      outline: ", ";\n    }\n  }\n"])), Tickbox$1, function (_ref4) {
   var blackBox = _ref4.blackBox,
     darkMode = _ref4.darkMode;
   if (darkMode) return 'var(--base-color-white)';
@@ -4580,7 +4395,7 @@ var TickboxLabel$2 = /*#__PURE__*/styled__default.label(_templateObject3$a || (_
   if (darkMode) return '4px solid var(--base-color-lemonchiffon)';
   return '3px solid var(--base-color-lapislazuli)';
 });
-var TickboxIcon = /*#__PURE__*/styled__default.div(_templateObject4$7 || (_templateObject4$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: none;\n  color: inherit;\n  svg {\n    font-size: 12px;\n    width: 1em;\n    height: 1em;\n    fill: currentColor;\n    color: inherit;\n    path {\n      fill: currentColor;\n      color: inherit;\n    }\n  }\n  input[type='checkbox']:checked + ", " & {\n    display: block;\n  }\n"])), Tickbox$1);
+var TickboxIcon = /*#__PURE__*/styled__default.div(_templateObject4$8 || (_templateObject4$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: none;\n  color: inherit;\n  svg {\n    font-size: 12px;\n    width: 1em;\n    height: 1em;\n    fill: currentColor;\n    color: inherit;\n    path {\n      fill: currentColor;\n      color: inherit;\n    }\n  }\n  input[type='checkbox']:checked + ", " & {\n    display: block;\n  }\n"])), Tickbox$1);
 var TextLabel$3 = /*#__PURE__*/styled__default.div(_templateObject5$4 || (_templateObject5$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: ", ";\n"])), function (_ref6) {
   var darkMode = _ref6.darkMode,
     disabled = _ref6.disabled;
@@ -4655,7 +4470,7 @@ var Tickbox2Component = function Tickbox2Component(_ref, ref) {
 };
 var Tickbox2 = /*#__PURE__*/React.forwardRef(Tickbox2Component);
 
-var _templateObject$s, _templateObject2$k, _templateObject3$b, _templateObject4$8, _templateObject5$5, _templateObject6$3, _templateObject7$1, _templateObject8;
+var _templateObject$s, _templateObject2$k, _templateObject3$c, _templateObject4$9, _templateObject5$5, _templateObject6$3, _templateObject7$1, _templateObject8;
 var TimerWrapper = /*#__PURE__*/styled__default.div(_templateObject$s || (_templateObject$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: var(--color-", ");\n"])), function (_ref) {
   var color = _ref.color;
   return color;
@@ -4664,8 +4479,8 @@ var Line = /*#__PURE__*/styled__default.div(_templateObject2$k || (_templateObje
   var color = _ref2.color;
   return color;
 }, devices.mobileAndTablet);
-var TitleWrapper = /*#__PURE__*/styled__default.div(_templateObject3$b || (_templateObject3$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-bottom: 16px;\n\n  @media ", " {\n    margin-bottom: 8px;\n  }\n"])), devices.mobileAndTablet);
-var ValuesWrapper = /*#__PURE__*/styled__default.div(_templateObject4$8 || (_templateObject4$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n"])));
+var TitleWrapper = /*#__PURE__*/styled__default.div(_templateObject3$c || (_templateObject3$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-bottom: 16px;\n\n  @media ", " {\n    margin-bottom: 8px;\n  }\n"])), devices.mobileAndTablet);
+var ValuesWrapper = /*#__PURE__*/styled__default.div(_templateObject4$9 || (_templateObject4$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n"])));
 var TimerLabel = /*#__PURE__*/styled__default.div(_templateObject5$5 || (_templateObject5$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-top: 4px;\n"])));
 var TimerValueSeparator = /*#__PURE__*/styled__default.div(_templateObject6$3 || (_templateObject6$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin: 0 20px;\n\n  @media ", " {\n    margin: 0 12px;\n  }\n"])), devices.mobileAndTablet);
 var TimerValueWrapper = /*#__PURE__*/styled__default.div(_templateObject7$1 || (_templateObject7$1 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
@@ -4779,17 +4594,17 @@ var TypeTags = function TypeTags(_ref) {
   }));
 };
 
-var _templateObject$u, _templateObject2$l, _templateObject3$c, _templateObject4$9, _templateObject5$6, _templateObject6$4, _templateObject7$2, _templateObject8$1, _templateObject9, _templateObject10;
+var _templateObject$u, _templateObject2$l, _templateObject3$d, _templateObject4$a, _templateObject5$6, _templateObject6$4, _templateObject7$2, _templateObject8$1, _templateObject9, _templateObject0;
 var VideoPlayButton = /*#__PURE__*/styled__default.button(_templateObject$u || (_templateObject$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 48px;\n  height: 48px;\n  border-radius: 50%;\n  background-color: #fff;\n  border: none;\n  padding: 12px;\n  cursor: pointer;\n"])));
 var VideoFullscreenButton = /*#__PURE__*/styled__default.button(_templateObject2$l || (_templateObject2$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 56px;\n  height: 36px;\n  background-color: rgb(26, 26, 26, 0.6);\n  border-radius: 5px;\n  padding: 5px 14px;\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n"])));
-var VideoControlsWrapper = /*#__PURE__*/styled__default.div(_templateObject3$c || (_templateObject3$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: absolute;\n  bottom: 0;\n  width: 100%;\n"])));
-var VideoControlsInnerWrapper = /*#__PURE__*/styled__default.div(_templateObject4$9 || (_templateObject4$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin: 0 40px 17px 30px;\n"])));
+var VideoControlsWrapper = /*#__PURE__*/styled__default.div(_templateObject3$d || (_templateObject3$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: absolute;\n  bottom: 0;\n  width: 100%;\n"])));
+var VideoControlsInnerWrapper = /*#__PURE__*/styled__default.div(_templateObject4$a || (_templateObject4$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin: 0 40px 17px 30px;\n"])));
 var LeftWrapper = /*#__PURE__*/styled__default.div(_templateObject5$6 || (_templateObject5$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n"])));
 var VideoVolume = /*#__PURE__*/styled__default.input(_templateObject6$4 || (_templateObject6$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 100px;\n  margin-left: 24px;\n"])));
 var VideoMute = /*#__PURE__*/styled__default.button(_templateObject7$2 || (_templateObject7$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 17px;\n  height: 17px;\n  background: none;\n  border: none;\n  padding: 0;\n  svg {\n    width: 100%;\n    height: 100%;\n  }\n  cursor: pointer;\n"])));
 var thumbStyles = /*#__PURE__*/styled.css(_templateObject8$1 || (_templateObject8$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  -webkit-appearance: none;\n  appearance: none;\n  border: none;\n  height: 8px;\n  width: 8px;\n  border-radius: 50%;\n  background: #ffffff;\n  border: none;\n  transform: translateY(-25%);\n"])));
 var trackStyles = /*#__PURE__*/styled.css(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 100%;\n  cursor: pointer;\n  height: 4px;\n  background: rgb(241, 241, 241, 0.5);\n  border-radius: 1.3px;\n  border: none;\n"])));
-var VolumeControlsWrapper = /*#__PURE__*/styled__default.div(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  margin: 0 12px;\n  padding: 0;\n  background-color: rgb(26, 26, 26, 0.6);\n  border-radius: 5px;\n  height: 36px;\n  width: ", ";\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n\n  /* Range slider overrides */\n  input[type='range' i] {\n    -webkit-appearance: none;\n    appearance: none;\n    width: 42px;\n    margin: 0;\n    margin-left: 7px;\n    background: transparent; /* Otherwise white in Chrome */\n\n    ::-webkit-slider-runnable-track {\n      ", "\n    }\n    ::-moz-range-track {\n      ", "\n    }\n    ::-ms-track {\n      ", "\n    }\n    ::-ms-fill-lower {\n      ", "\n    }\n    ::-ms-fill-upper {\n      ", "\n    }\n\n    ::-webkit-slider-thumb {\n      ", "\n    }\n    ::-moz-range-thumb {\n      ", "\n    }\n    ::-ms-thumb {\n      ", "\n    }\n  }\n"])), function (_ref) {
+var VolumeControlsWrapper = /*#__PURE__*/styled__default.div(_templateObject0 || (_templateObject0 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  margin: 0 12px;\n  padding: 0;\n  background-color: rgb(26, 26, 26, 0.6);\n  border-radius: 5px;\n  height: 36px;\n  width: ", ";\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n\n  /* Range slider overrides */\n  input[type='range' i] {\n    -webkit-appearance: none;\n    appearance: none;\n    width: 42px;\n    margin: 0;\n    margin-left: 7px;\n    background: transparent; /* Otherwise white in Chrome */\n\n    ::-webkit-slider-runnable-track {\n      ", "\n    }\n    ::-moz-range-track {\n      ", "\n    }\n    ::-ms-track {\n      ", "\n    }\n    ::-ms-fill-lower {\n      ", "\n    }\n    ::-ms-fill-upper {\n      ", "\n    }\n\n    ::-webkit-slider-thumb {\n      ", "\n    }\n    ::-moz-range-thumb {\n      ", "\n    }\n    ::-ms-thumb {\n      ", "\n    }\n  }\n"])), function (_ref) {
   var volumeHidden = _ref.volumeHidden;
   return volumeHidden ? '40px' : '100px';
 }, trackStyles, trackStyles, trackStyles, trackStyles, trackStyles, thumbStyles, thumbStyles, thumbStyles);
@@ -4971,13 +4786,13 @@ var VideoControls = function VideoControls(_ref2) {
   }))));
 };
 
-var _templateObject$v, _templateObject2$m, _templateObject3$d, _templateObject4$a, _templateObject5$7;
+var _templateObject$v, _templateObject2$m, _templateObject3$e, _templateObject4$b, _templateObject5$7;
 var StepperWrapper = /*#__PURE__*/styled__default.div(_templateObject$v || (_templateObject$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  justify-content: left;\n  align-items: left;\n"])));
 var StepperError = /*#__PURE__*/styled__default.div(_templateObject2$m || (_templateObject2$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: var(--base-color-", ");\n  margin-block: 15px 0;\n\n  * {\n    margin: 0;\n  }\n"])), function (_ref) {
   var darkMode = _ref.darkMode;
   return darkMode ? 'white' : 'errorstate';
 });
-var StepperBox = /*#__PURE__*/styled__default.div(_templateObject3$d || (_templateObject3$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 154px;\n  height: 48px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  border: 1px solid\n    var(\n      --base-color-", "\n    );\n  background-color: var(--base-color-", ");\n  ", ";\n\n  * {\n    color: var(--base-color-", ");\n    word-break: unset;\n    user-select: none;\n  }\n\n  path {\n    fill: var(--base-color-", ") !important;\n  }\n\n  & > * {\n    width: 51px;\n  }\n"])), function (_ref2) {
+var StepperBox = /*#__PURE__*/styled__default.div(_templateObject3$e || (_templateObject3$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 154px;\n  height: 48px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  border: 1px solid\n    var(\n      --base-color-", "\n    );\n  background-color: var(--base-color-", ");\n  ", ";\n\n  * {\n    color: var(--base-color-", ");\n    word-break: unset;\n    user-select: none;\n  }\n\n  path {\n    fill: var(--base-color-", ") !important;\n  }\n\n  & > * {\n    width: 51px;\n  }\n"])), function (_ref2) {
   var darkMode = _ref2.darkMode,
     disabled = _ref2.disabled,
     error = _ref2.error;
@@ -4999,7 +4814,7 @@ var StepperBox = /*#__PURE__*/styled__default.div(_templateObject3$d || (_templa
   var disabled = _ref6.disabled;
   return disabled ? 'midgrey' : 'black';
 });
-var StepperValue = /*#__PURE__*/styled__default.input(_templateObject4$a || (_templateObject4$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 51px;\n  border: 0;\n  text-align: center;\n  font-family: var(--font-family-altHeader);\n  font-size: var(--font-size-altHeader-6);\n  font-weight: var(--font-weight-altHeader-6);\n  background-color: transparent;\n  cursor: ", ";\n"])), function (_ref7) {
+var StepperValue = /*#__PURE__*/styled__default.input(_templateObject4$b || (_templateObject4$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 51px;\n  border: 0;\n  text-align: center;\n  font-family: var(--font-family-altHeader);\n  font-size: var(--font-size-altHeader-6);\n  font-weight: var(--font-weight-altHeader-6);\n  background-color: transparent;\n  cursor: ", ";\n"])), function (_ref7) {
   var disabled = _ref7.disabled;
   return disabled ? 'not-allowed' : 'text';
 });
@@ -5232,14 +5047,17 @@ var useMobile = function useMobile() {
   return mobile;
 };
 var useViewport = function useViewport() {
-  var _useState3 = React.useState({
-      width: typeof window !== 'undefined' ? window.innerWidth : 0,
-      isMobile: typeof window !== 'undefined' ? window.innerWidth < breakpoints.sm : false,
-      isTablet: typeof window !== 'undefined' ? window.innerWidth >= breakpoints.sm && window.innerWidth < breakpoints.md : false,
-      isDesktop: typeof window !== 'undefined' ? window.innerWidth >= breakpoints.md : false
+  var _useState3 = React.useState(false),
+    hydrated = _useState3[0],
+    setHydrated = _useState3[1];
+  var _useState4 = React.useState({
+      width: 0,
+      isMobile: false,
+      isTablet: false,
+      isDesktop: false
     }),
-    viewport = _useState3[0],
-    setViewport = _useState3[1];
+    viewport = _useState4[0],
+    setViewport = _useState4[1];
   React.useEffect(function () {
     if (typeof window === 'undefined') return undefined;
     var handleResize = function handleResize() {
@@ -5250,12 +5068,16 @@ var useViewport = function useViewport() {
         isDesktop: window.innerWidth >= breakpoints.md
       });
     };
+    handleResize();
+    setHydrated(true);
     window.addEventListener('resize', handleResize);
     return function () {
       return window.removeEventListener('resize', handleResize);
     };
   }, []);
-  return viewport;
+  return _extends({}, viewport, {
+    hydrated: hydrated
+  });
 };
 
 var SocialLinks = function SocialLinks(_ref) {
@@ -5280,7 +5102,7 @@ var SocialLinks = function SocialLinks(_ref) {
   }));
 };
 
-var _templateObject$x, _templateObject2$o, _templateObject3$e, _templateObject4$b, _templateObject5$8, _templateObject6$5, _templateObject7$3, _templateObject8$2, _templateObject9$1, _templateObject10$1, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15;
+var _templateObject$x, _templateObject2$o, _templateObject3$f, _templateObject4$c, _templateObject5$8, _templateObject6$5, _templateObject7$3, _templateObject8$2, _templateObject9$1, _templateObject0$1, _templateObject1, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
 var NavigationWrapper = /*#__PURE__*/styled__default.div(_templateObject$x || (_templateObject$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  padding-top: 4px;\n\n  @media ", " {\n    padding-top: 0px;\n  }\n\n  @media ", " {\n    ", "\n  }\n"])), devices.mobileAndTablet, devices.mobileAndTablet, function (_ref) {
   var isMenuOpen = _ref.isMenuOpen;
   return isMenuOpen && "\n      position: fixed;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      z-index: " + zIndexes.overlay + ";\n      background-color: var(--color-base-white);\n      overflow-y: auto;\n      scrollbar-width: none;\n      ::-webkit-scrollbar {\n        display: none;\n      }\n    ";
@@ -5289,8 +5111,8 @@ var FullScreenContainer = /*#__PURE__*/styled__default.div(_templateObject2$o ||
   var isMobile = _ref2.isMobile;
   return isMobile ? zIndexes.overlay : zIndexes.searchOverlay;
 }, devices.mobileAndTablet);
-var NavigationGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$e || (_templateObject3$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n  background-color: var(--color-base-white);\n  height: 140px;\n  justify-content: space-evenly;\n  width: 100%;\n  z-index: ", ";\n\n  @media ", " {\n    height: 60px;\n  }\n"])), zIndexes.navigation, devices.mobileAndTablet);
-var SearchBackground = /*#__PURE__*/styled__default.div(_templateObject4$b || (_templateObject4$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  visibility: ", ";\n  opacity: ", ";\n  transform: ", ";\n  transition:\n    opacity 0.3s ease,\n    transform 0.3s ease,\n    visibility 0.3s ease;\n  background-color: var(--color-base-white);\n  height: 100px;\n  border-top: 1px solid var(--color-base-light-grey);\n  width: 100%;\n  position: absolute;\n  top: 140px;\n  z-index: ", ";\n\n  @media ", " {\n    height: 86px;\n    top: 144px;\n  }\n"])), function (_ref3) {
+var NavigationGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$f || (_templateObject3$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n  background-color: var(--color-base-white);\n  height: 140px;\n  justify-content: space-evenly;\n  width: 100%;\n  z-index: ", ";\n\n  @media ", " {\n    height: 60px;\n  }\n"])), zIndexes.navigation, devices.mobileAndTablet);
+var SearchBackground = /*#__PURE__*/styled__default.div(_templateObject4$c || (_templateObject4$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  visibility: ", ";\n  opacity: ", ";\n  transform: ", ";\n  transition:\n    opacity 0.3s ease,\n    transform 0.3s ease,\n    visibility 0.3s ease;\n  background-color: var(--color-base-white);\n  height: 100px;\n  border-top: 1px solid var(--color-base-light-grey);\n  width: 100%;\n  position: absolute;\n  top: 140px;\n  z-index: ", ";\n\n  @media ", " {\n    height: 86px;\n    top: 144px;\n  }\n"])), function (_ref3) {
   var visible = _ref3.visible;
   return visible ? 'visible' : 'hidden';
 }, function (_ref4) {
@@ -5317,17 +5139,17 @@ var MobileMenuContainer = /*#__PURE__*/styled__default(Grid)(_templateObject7$3
 });
 var LogoContainer = /*#__PURE__*/styled__default.a(_templateObject8$2 || (_templateObject8$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n\n  &&& .logoImg {\n    height: 96px;\n    width: 80px;\n  }\n\n  span > svg path,\n  span > svg g path {\n    fill: var(--color-primary-black);\n  }\n\n  @media ", " {\n    display: none;\n  }\n"])), devices.mobileAndTablet);
 var LogoContainerMobile = /*#__PURE__*/styled__default.div(_templateObject9$1 || (_templateObject9$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: none;\n\n  @media ", " {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 16px;\n\n    span > svg path {\n      fill: var(--color-primary-black);\n    }\n  }\n"])), devices.mobileAndTablet);
-var MenuContainer = /*#__PURE__*/styled__default.div(_templateObject10$1 || (_templateObject10$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  height: 140px;\n  justify-content: space-evenly;\n  width: 100%;\n\n  @media ", " {\n  flex-direction: row;\n  justify-content: space-between;\n  height: 60px;\n  width 100%;\n  }\n"])), devices.mobileAndTablet);
-var NavWrapper = /*#__PURE__*/styled__default.div(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  gap: 32px;\n\n  @media ", " {\n    flex-direction: row;\n    height: 60px;\n    justify-content: flex-end;\n  }\n"])), devices.mobileAndTablet);
-var NavContainer = /*#__PURE__*/styled__default.div(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: flex-end;\n  flex-gap: 32px;\n  width: fit-content;\n\n  @media ", " {\n    flex-gap: 0;\n    height: auto;\n    width: fit-content;\n    margin-left: 20px;\n    margin-right: 20px;\n  }\n"])), devices.mobileAndTablet);
-var NavContainerGridItem = /*#__PURE__*/styled__default(GridItem)(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
-var NavTopContainer = /*#__PURE__*/styled__default.div(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n\n  @media ", " {\n    display: none;\n  }\n"])), devices.mobileAndTablet);
-var NavTopContainerMobile = /*#__PURE__*/styled__default.div(_templateObject15 || (_templateObject15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: none;\n\n  @media ", " {\n    display: flex;\n    width: fit-content;\n    align-items: center;\n    height: 10%;\n    margin-left: 20px;\n    padding-bottom: 36px;\n  }\n"])), devices.mobileAndTablet);
+var MenuContainer = /*#__PURE__*/styled__default.div(_templateObject0$1 || (_templateObject0$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  height: 140px;\n  justify-content: space-evenly;\n  width: 100%;\n\n  @media ", " {\n  flex-direction: row;\n  justify-content: space-between;\n  height: 60px;\n  width 100%;\n  }\n"])), devices.mobileAndTablet);
+var NavWrapper = /*#__PURE__*/styled__default.div(_templateObject1 || (_templateObject1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  gap: 32px;\n\n  @media ", " {\n    flex-direction: row;\n    height: 60px;\n    justify-content: flex-end;\n  }\n"])), devices.mobileAndTablet);
+var NavContainer = /*#__PURE__*/styled__default.div(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: flex-end;\n  flex-gap: 32px;\n  width: fit-content;\n\n  @media ", " {\n    flex-gap: 0;\n    height: auto;\n    width: fit-content;\n    margin-left: 20px;\n    margin-right: 20px;\n  }\n"])), devices.mobileAndTablet);
+var NavContainerGridItem = /*#__PURE__*/styled__default(GridItem)(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
+var NavTopContainer = /*#__PURE__*/styled__default.div(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n\n  @media ", " {\n    display: none;\n  }\n"])), devices.mobileAndTablet);
+var NavTopContainerMobile = /*#__PURE__*/styled__default.div(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: none;\n\n  @media ", " {\n    display: flex;\n    width: fit-content;\n    align-items: center;\n    height: 10%;\n    margin-left: 20px;\n    padding-bottom: 36px;\n  }\n"])), devices.mobileAndTablet);
 
 var _templateObject$y;
 var NavTopContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$y || (_templateObject$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: row;\n  column-gap: 16px;\n  justify-content: flex-end;\n  height: 100%;\n\n  @media ", " {\n    column-gap: 20px;\n  }\n"])), devices.mobile);
 
-var _templateObject$z, _templateObject2$p, _templateObject3$f, _templateObject4$c, _templateObject5$9, _templateObject6$6;
+var _templateObject$z, _templateObject2$p, _templateObject3$g, _templateObject4$d, _templateObject5$9, _templateObject6$6;
 var BasketContainer = /*#__PURE__*/styled__default.div(_templateObject$z || (_templateObject$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: inline-flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  cursor: pointer;\n  padding-top: 3px;\n  padding-bottom: 3px;\n\n  & svg path {\n    fill: var(--color-primary-black);\n  }\n\n  ", "\n\n  :hover {\n    border-bottom: 1px solid var(--color-primary-red);\n    padding-bottom: 2px;\n    && a {\n      color: var(--color-primary-red);\n    }\n    && svg path {\n      fill: var(--color-primary-red);\n    }\n  }\n\n  ", "\n"])), function (_ref) {
   var selected = _ref.selected;
   if (selected) {
@@ -5342,8 +5164,8 @@ var BasketContainer = /*#__PURE__*/styled__default.div(_templateObject$z || (_te
   return '';
 });
 var SvgContainer = /*#__PURE__*/styled__default.div(_templateObject2$p || (_templateObject2$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n\n  svg {\n    width: var(--navigation-large-gap);\n    height: var(--navigation-large-gap);\n  }\n"])));
-var NumContainer = /*#__PURE__*/styled__default.div(_templateObject3$f || (_templateObject3$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-content: center;\n  width: 12px;\n  height: 12px;\n  position: absolute;\n  top: 8px;\n  margin-left: 6px;\n"])));
-var BasketInfo = /*#__PURE__*/styled__default.div(_templateObject4$c || (_templateObject4$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n\n  @media ", " {\n    width: max-content;\n  }\n"])), devices.mobileAndTablet);
+var NumContainer = /*#__PURE__*/styled__default.div(_templateObject3$g || (_templateObject3$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-content: center;\n  width: 12px;\n  height: 12px;\n  position: absolute;\n  top: 8px;\n  margin-left: 6px;\n"])));
+var BasketInfo = /*#__PURE__*/styled__default.div(_templateObject4$d || (_templateObject4$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n\n  @media ", " {\n    width: max-content;\n  }\n"])), devices.mobileAndTablet);
 var BasketNum = /*#__PURE__*/styled__default.span(_templateObject5$9 || (_templateObject5$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: var(--color-base-white);\n  font-size: 10px;\n  font-family: var(--font-family-sans);\n"])));
 var BasketText = /*#__PURE__*/styled__default.a(_templateObject6$6 || (_templateObject6$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-size: var(--harmonic-font-size-navigation);\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-weight-navigation);\n  color: var(--color-primary-black);\n  margin-left: 6px;\n  text-decoration: none;\n"])));
 
@@ -5544,7 +5366,9 @@ var Dropdown = function Dropdown(_ref) {
     withIcon = _ref$withIcon === void 0 ? 'right' : _ref$withIcon,
     className = _ref.className,
     role = _ref.role,
-    ariaLabel = _ref.ariaLabel;
+    ariaLabel = _ref.ariaLabel,
+    tabLinkId = _ref.tabLinkId,
+    trimTabText = _ref.trimTabText;
   var node = React.useRef();
   var _useState = React.useState(false),
     open = _useState[0],
@@ -5640,6 +5464,8 @@ 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,
       selected: titleSelected,
@@ -5709,6 +5535,7 @@ var Account = function Account(_ref) {
   };
   return /*#__PURE__*/React__default.createElement(Dropdown, {
     role: "group",
+    trimTabText: true,
     ariaLabel: isUserSignedInIcon(iconName) ? "Logged in as " + title : title,
     titleLink: titleLink,
     title: title,
@@ -5717,7 +5544,8 @@ var Account = function Account(_ref) {
     iconName: iconName,
     withOptionsInMobile: false,
     withIcon: "left",
-    className: className
+    className: className,
+    tabLinkId: "account-link"
   });
 };
 
@@ -5757,7 +5585,7 @@ var NavTop = function NavTop(_ref) {
   }));
 };
 
-var _templateObject$B, _templateObject2$r, _templateObject3$g, _templateObject4$d;
+var _templateObject$B, _templateObject2$r, _templateObject3$h, _templateObject4$e;
 var TabsContainer = /*#__PURE__*/styled__default.div(_templateObject$B || (_templateObject$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: inline-flex;\n  flex-direction: row;\n  column-gap: 32px;\n"])));
 var ItemsContainer = /*#__PURE__*/styled__default.div(_templateObject2$r || (_templateObject2$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: inline-flex;\n  flex-direction: row;\n  column-gap: 32px;\n\n  @media ", " {\n    column-gap: 15px;\n  }\n\n  @media ", ", ", " {\n    div:last-child > div {\n      right: 1px;\n    }\n  }\n\n  @media ", " {\n    ", "\n  }\n"])), devices.desktop, devices.desktop, devices.largeDesktop, devices.mobileAndTablet, function (props) {
   if (props.showMenu) {
@@ -5765,8 +5593,8 @@ var ItemsContainer = /*#__PURE__*/styled__default.div(_templateObject2$r || (_te
   }
   return "display: none;";
 });
-var MenuContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$g || (_templateObject3$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: none;\n  width: 60px;\n\n  & a {\n    font-size: var(--harmonic-font-size-navigation);\n    font-family: var(--font-family-sans);\n    color: var(--color-primary-black);\n    text-decoration: none;\n    cursor: pointer;\n\n    :hover {\n      color: var(--color-primary-red);\n    }\n  }\n\n  && svg path {\n    fill: var(--color-primary-black);\n  }\n\n  :hover {\n    && svg path {\n      fill: var(--color-primary-red);\n    }\n  }\n\n  @media ", " {\n    display: block;\n\n    svg {\n      width: 24px;\n      height: 24px;\n      margin-left: 40px;\n      margin-top: -20px;\n    }\n\n    a {\n      margin-left: 20px;\n    }\n  }\n"])), devices.mobileAndTablet);
-var MenuItem = /*#__PURE__*/styled__default.div(_templateObject4$d || (_templateObject4$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  @media ", " {\n    a {\n      margin-left: 0;\n    }\n  }\n"])), devices.mobileAndTablet);
+var MenuContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$h || (_templateObject3$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: none;\n  width: 60px;\n\n  & a {\n    font-size: var(--harmonic-font-size-navigation);\n    font-family: var(--font-family-sans);\n    color: var(--color-primary-black);\n    text-decoration: none;\n    cursor: pointer;\n\n    :hover {\n      color: var(--color-primary-red);\n    }\n  }\n\n  && svg path {\n    fill: var(--color-primary-black);\n  }\n\n  :hover {\n    && svg path {\n      fill: var(--color-primary-red);\n    }\n  }\n\n  @media ", " {\n    display: block;\n\n    svg {\n      width: 24px;\n      height: 24px;\n      margin-left: 40px;\n      margin-top: -20px;\n    }\n\n    a {\n      margin-left: 20px;\n    }\n  }\n"])), devices.mobileAndTablet);
+var MenuItem = /*#__PURE__*/styled__default.div(_templateObject4$e || (_templateObject4$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  @media ", " {\n    a {\n      margin-left: 0;\n    }\n  }\n"])), devices.mobileAndTablet);
 
 /* eslint-disable jsx-a11y/no-static-element-interactions */
 var Tabs = function Tabs(_ref) {
@@ -5786,6 +5614,7 @@ var Tabs = function Tabs(_ref) {
   var _useState3 = React.useState(-1),
     hoverOverDropdown = _useState3[0],
     setHoverOverDropdown = _useState3[1];
+  var dropdownRefs = React.useRef([]);
   var onClickHandler = function onClickHandler(value) {
     setOpenMenu(value);
     if (onShowMenu) {
@@ -5825,23 +5654,25 @@ var Tabs = function Tabs(_ref) {
       setHoverOverDropdown(-1);
     }
   };
-  var _onFocus = function onFocus(i) {
-    return setActiveDropdown(i);
+  var onDropdownFocusLeave = function onDropdownFocusLeave() {
+    onResetActive();
   };
-  var _onBlur = function onBlur(i) {
-    var _items$length;
-    if (i === ((_items$length = items == null ? void 0 : items.length) != null ? _items$length : 0) - 1) {
+  var handleBlur = function handleBlur(index) {
+    var currentDropdown = dropdownRefs.current[index];
+    var active = document.activeElement;
+    if (currentDropdown && (!active || !currentDropdown.contains(active))) {
       onResetActive();
     }
   };
   return /*#__PURE__*/React__default.createElement(TabsContainer, {
+    role: "menubar",
     className: className
   }, /*#__PURE__*/React__default.createElement(ItemsContainer, {
     showMenu: showMenu
   }, items.map(function (item, index) {
     return /*#__PURE__*/React__default.createElement(ControlledDropdown, {
       key: "key-" + item.title,
-      text: item.title,
+      text: item.title || '',
       options: item.options,
       onClick: function onClick() {
         return onDropdownClick(index, item.titleLink);
@@ -5853,14 +5684,17 @@ var Tabs = function Tabs(_ref) {
       onMouseLeave: function onMouseLeave() {
         return onDropdownMouseLeave();
       },
-      onFocus: function onFocus() {
-        return _onFocus(index);
+      onFocusLeave: function onFocusLeave() {
+        return onDropdownFocusLeave();
       },
       onBlur: function onBlur() {
-        return _onBlur(index);
+        return handleBlur(index);
       },
       onReset: onResetActive,
-      active: isActiveDropdown(index)
+      active: isActiveDropdown(index),
+      ref: function ref(el) {
+        dropdownRefs.current[index] = el;
+      }
     });
   })), !showMenu && (/*#__PURE__*/React__default.createElement(MenuContainer$1, null, openMenu ? (/*#__PURE__*/React__default.createElement("a", {
     "data-testid": "mobile-menu-close",
@@ -5880,10 +5714,10 @@ var Tabs = function Tabs(_ref) {
   }, "Menu"))))));
 };
 
-var _templateObject$C, _templateObject2$s, _templateObject3$h, _templateObject5$a, _templateObject6$7, _templateObject7$4;
+var _templateObject$C, _templateObject2$s, _templateObject3$i, _templateObject5$a, _templateObject6$7, _templateObject7$4;
 var SearchBarContainer = /*#__PURE__*/styled__default.div(_templateObject$C || (_templateObject$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: row;\n  column-gap: 64px;\n  justify-content: space-between;\n  align-items: center;\n  height: 100%;\n  background-color: transparent;\n\n  @media ", " {\n    column-gap: 12px;\n  }\n"])), devices.mobile);
 var SvgContainerSearch = /*#__PURE__*/styled__default.div(_templateObject2$s || (_templateObject2$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  svg {\n    width: var(--navigation-xlarge-gap);\n    height: var(--navigation-xlarge-gap);\n  }\n"])));
-var SvgContainerClose = /*#__PURE__*/styled__default.div(_templateObject3$h || (_templateObject3$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  svg {\n    width: var(--navigation-large-gap);\n    height: var(--navigation-large-gap);\n  }\n\n  :hover {\n    cursor: pointer;\n    && svg path {\n      fill: var(--color-primary-red);\n    }\n  }\n"])));
+var SvgContainerClose = /*#__PURE__*/styled__default.div(_templateObject3$i || (_templateObject3$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  svg {\n    width: var(--navigation-large-gap);\n    height: var(--navigation-large-gap);\n  }\n\n  :hover {\n    cursor: pointer;\n    && svg path {\n      fill: var(--color-primary-red);\n    }\n  }\n"])));
 var InputContainer = /*#__PURE__*/styled__default.div(_templateObject5$a || (_templateObject5$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  background-color: blue;\n  width: 100%;\n\n  input {\n    font-size: var(--font-size-search);\n    font-family: var(--font-family-serif);\n    border: none;\n    border-radius: 0;\n    outline: none;\n    outline-color: var(--color-base-white);\n    height: 48px;\n    box-sizing: border-box;\n    width: 100%;\n    -webkit-appearance: none;\n\n    &.search-input {\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    @media ", " {\n      column-gap: 24px;\n    }\n  }\n"])), devices.mobile);
 var TextLinkWrapper$1 = /*#__PURE__*/styled__default(TextLink)(_templateObject6$7 || (_templateObject6$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: var(--color-primary-red);\n"])));
 var SearchArrowContainer = /*#__PURE__*/styled__default.a(_templateObject7$4 || (_templateObject7$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  padding-right: 8px;\n\n  svg {\n    width: var(--navigation-large-gap);\n    height: var(--navigation-large-gap);\n  }\n"])));
@@ -6130,13 +5964,13 @@ var Navigation = function Navigation(_ref) {
   })))))));
 };
 
-var _templateObject$D, _templateObject2$t, _templateObject3$i, _templateObject4$e, _templateObject5$b, _templateObject6$8, _templateObject7$5;
+var _templateObject$D, _templateObject2$t, _templateObject3$j, _templateObject4$f, _templateObject5$b, _templateObject6$8, _templateObject7$5;
 var FooterSection = /*#__PURE__*/styled__default.footer(_templateObject$D || (_templateObject$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  background-color: var(--color-base-black);\n  color: var(--color-base-white);\n  padding: 44px 50px;\n\n  @media ", " {\n    padding: 40px 32px;\n  }\n\n  @media ", " {\n    padding: 20px;\n  }\n"])), devices.tablet, devices.mobile);
 var FooterContainer = /*#__PURE__*/styled__default.div(_templateObject2$t || (_templateObject2$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: grid;\n  grid-template-columns: repeat(12, 1fr);\n  gap: 40px;\n  max-width: 1140px;\n  margin: 0 auto;\n\n  @media ", " {\n    gap: 24px;\n  }\n\n  @media ", " {\n    grid-template-columns: 1fr;\n    gap: 40px;\n  }\n"])), devices.tablet, devices.mobile);
-var PolicyLinksSection = /*#__PURE__*/styled__default.div(_templateObject3$i || (_templateObject3$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-column: span 4;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n\n  @media ", " {\n    gap: 20px;\n  }\n\n  @media ", " {\n    gap: 12px;\n    order: 2;\n  }\n"])), devices.tablet, devices.mobile);
-var SocialAndNewsletterSection = /*#__PURE__*/styled__default.div(_templateObject4$e || (_templateObject4$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-column: span 4;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  gap: 20px;\n\n  @media ", " {\n    order: 1;\n    gap: 40px;\n  }\n"])), devices.mobile);
+var PolicyLinksSection = /*#__PURE__*/styled__default.div(_templateObject3$j || (_templateObject3$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-column: span 4;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n\n  @media ", " {\n    gap: 20px;\n  }\n\n  @media ", " {\n    gap: 12px;\n    order: 2;\n  }\n"])), devices.tablet, devices.mobile);
+var SocialAndNewsletterSection = /*#__PURE__*/styled__default.div(_templateObject4$f || (_templateObject4$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-column: span 4;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  gap: 20px;\n\n  @media ", " {\n    order: 1;\n    gap: 40px;\n  }\n"])), devices.mobile);
 var SectionWrapper = /*#__PURE__*/styled__default.div(_templateObject5$b || (_templateObject5$b = /*#__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__default.div(_templateObject6$8 || (_templateObject6$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-column: span 4;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n\n  img {\n    width: 120px;\n    margin-bottom: 12px;\n  }\n\n  @media ", " {\n    order: 3;\n    gap: 24px;\n  }\n"])), devices.mobile);
+var LogoAndDescriptionSection = /*#__PURE__*/styled__default.div(_templateObject6$8 || (_templateObject6$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-column: span 4;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n\n  img {\n    margin-bottom: 12px;\n  }\n\n  @media ", " {\n    order: 3;\n    gap: 24px;\n  }\n"])), devices.mobile);
 var TextLinkWrapper$2 = /*#__PURE__*/styled__default(TextLink)(_templateObject7$5 || (_templateObject7$5 = /*#__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: 6px;\n  margin-bottom: 0;\n  padding-bottom: 0;\n"])));
 
 var _templateObject$E;
@@ -6158,7 +5992,7 @@ var PolicyLinks = function PolicyLinks(_ref) {
   }));
 };
 
-var _excluded$d = ["dataRoh"];
+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) {
   var data = _ref.data,
     className = _ref.className;
@@ -6166,10 +6000,9 @@ var Footer = function Footer(_ref) {
     newsletter = data.newsletter,
     rawSocialMediaLinks = data.socialMediaLinks,
     contact = data.contact,
-    _data$artsLogo = data.artsLogo,
-    artsDataRoh = _data$artsLogo.dataRoh,
-    artsLogo = _objectWithoutPropertiesLoose(_data$artsLogo, _excluded$d),
+    artsLogo = data.artsLogo,
     additionalInfo = data.additionalInfo;
+  var sponsorImageSource = data.sponsorImageSource || SPONSOR_IMAGE_SOURCE;
   var _useViewport = useViewport(),
     isMobile = _useViewport.isMobile;
   return /*#__PURE__*/React__default.createElement(FooterSection, {
@@ -6198,13 +6031,14 @@ var Footer = function Footer(_ref) {
     tabIndex: isMobile ? 3 : undefined
   }, newsletter.link.title))), /*#__PURE__*/React__default.createElement(LogoAndDescriptionSection, null, /*#__PURE__*/React__default.createElement("div", {
     "data-testid": "arts-logo"
-  }, /*#__PURE__*/React__default.createElement("a", Object.assign({
-    "data-roh": artsDataRoh,
-    target: "_blank",
-    rel: "noopener noreferrer"
+  }, /*#__PURE__*/React__default.createElement(SponsorLogo, Object.assign({
+    imageSource: sponsorImageSource,
+    alt: "Arts Council England Sponsor",
+    "data-testid": "sponsor-logo",
+    target: "_blank"
   }, artsLogo, {
     "aria-label": "Sponsor Logo link"
-  }), /*#__PURE__*/React__default.createElement(SponsorLogo, null))), /*#__PURE__*/React__default.createElement("div", {
+  }))), /*#__PURE__*/React__default.createElement("div", {
     "data-testid": "additional-info"
   }, /*#__PURE__*/React__default.createElement(BodyCopyHarmonic, {
     size: isMobile ? 'medium' : 'small',
@@ -6212,15 +6046,15 @@ var Footer = function Footer(_ref) {
   }, additionalInfo)))));
 };
 
-var _templateObject$F, _templateObject2$u, _templateObject3$j, _templateObject4$f, _templateObject5$c, _templateObject6$9;
+var _templateObject$F, _templateObject2$u, _templateObject3$k, _templateObject4$g, _templateObject5$c, _templateObject6$9;
 var LIST_ITEM_GAP = 32;
 var AnchorTabbarWrapper = /*#__PURE__*/styled__default.div(_templateObject$F || (_templateObject$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: sticky;\n  width: 100%;\n  top: 0;\n  border-bottom: ", ";\n  background-color: var(--base-color-white);\n  z-index: ", ";\n"])), function (_ref) {
   var bottomBorder = _ref.bottomBorder;
   return bottomBorder ? '2px solid var(--base-color-light-grey)' : 'none';
 }, zIndexes.anchor);
 var TabsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$u || (_templateObject2$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  height: var(--anchor-tabs-height);\n"])));
-var TabsWrapper = /*#__PURE__*/styled__default.div(_templateObject3$j || (_templateObject3$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n"])));
-var TabsList = /*#__PURE__*/styled__default.ul(_templateObject4$f || (_templateObject4$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: ", ";\n  display: flex;\n  gap: ", "px;\n  justify-content: ", ";\n  align-items: center;\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  height: var(--anchor-tabs-height);\n  white-space: nowrap;\n  overflow: scroll;\n  scrollbar-width: none;\n  ::-webkit-scrollbar {\n    display: none;\n  }\n  scroll-behavior: smooth;\n\n  @media ", " {\n    background: linear-gradient(\n      135deg,\n      rgba(255, 255, 255, 1) 0%,\n      rgba(255, 255, 255, 0.48) 85%,\n      rgba(235, 235, 235, 0.4) 99%,\n      rgba(255, 255, 255, 0.39) 100%\n    );\n  }\n\n  @media ", " {\n    & {\n      width: ", ";\n    }\n  }\n"])), function (_ref2) {
+var TabsWrapper = /*#__PURE__*/styled__default.div(_templateObject3$k || (_templateObject3$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n"])));
+var TabsList = /*#__PURE__*/styled__default.ul(_templateObject4$g || (_templateObject4$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: ", ";\n  display: flex;\n  gap: ", "px;\n  justify-content: ", ";\n  align-items: center;\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  height: var(--anchor-tabs-height);\n  white-space: nowrap;\n  overflow: scroll;\n  scrollbar-width: none;\n  ::-webkit-scrollbar {\n    display: none;\n  }\n  scroll-behavior: smooth;\n\n  @media ", " {\n    background: linear-gradient(\n      135deg,\n      rgba(255, 255, 255, 1) 0%,\n      rgba(255, 255, 255, 0.48) 85%,\n      rgba(235, 235, 235, 0.4) 99%,\n      rgba(255, 255, 255, 0.39) 100%\n    );\n  }\n\n  @media ", " {\n    & {\n      width: ", ";\n    }\n  }\n"])), function (_ref2) {
   var tabsOverflow = _ref2.tabsOverflow;
   return tabsOverflow ? 'calc(100% - 74px)' : '100%';
 }, LIST_ITEM_GAP, function (_ref3) {
@@ -6237,7 +6071,7 @@ var ArrowsContainer = /*#__PURE__*/styled__default.div(_templateObject5$c || (_t
 });
 var ArrowWrapper = /*#__PURE__*/styled__default.div(_templateObject6$9 || (_templateObject6$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 24px;\n  height: 24px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: flex-center;\n\n  :hover {\n    && svg path {\n      fill: var(--base-color-primary);\n    }\n  }\n"])));
 
-var _excluded$e = ["id", "text"];
+var _excluded$d = ["id", "text"];
 var AnchorTabBar = function AnchorTabBar(_ref) {
   var tabs = _ref.tabs,
     onTabClick = _ref.onTabClick,
@@ -6430,7 +6264,7 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
   }, tabs.map(function (_ref4) {
     var id = _ref4.id,
       text = _ref4.text,
-      rest = _objectWithoutPropertiesLoose(_ref4, _excluded$e);
+      rest = _objectWithoutPropertiesLoose(_ref4, _excluded$d);
     return /*#__PURE__*/React__default.createElement("li", {
       key: id
     }, /*#__PURE__*/React__default.createElement(TabLink, Object.assign({
@@ -6456,17 +6290,17 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
   }))) : null)) : null))));
 };
 
-var _templateObject$G, _templateObject2$v, _templateObject3$k, _templateObject4$g, _templateObject6$a, _templateObject7$6, _templateObject8$3, _templateObject9$2, _templateObject10$2;
+var _templateObject$G, _templateObject2$v, _templateObject3$l, _templateObject4$h, _templateObject6$a, _templateObject7$6, _templateObject8$3, _templateObject9$2, _templateObject0$2;
 var TitleCTAGridWrapper = /*#__PURE__*/styled__default.div(_templateObject$G || (_templateObject$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: ", ";\n  top: -1px;\n  background-color: var(--base-color-white);\n  z-index: ", ";\n"])), function (_ref) {
   var sticky = _ref.sticky;
   return sticky ? 'sticky' : 'initial';
 }, zIndexes.anchor);
 var TitleCTAGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$v || (_templateObject2$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  border-bottom: solid 2px var(--base-color-light-grey);\n"])));
-var TitleCTAGridItem = /*#__PURE__*/styled__default.div(_templateObject3$k || (_templateObject3$k = /*#__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 TitleCTAGridItem = /*#__PURE__*/styled__default.div(_templateObject3$l || (_templateObject3$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-column: 2 / span 15;\n  display: flex;\n  align-items: center;\n  flex-direction: ", ";\n  gap: 40px;\n  justify-content: space-between;\n\n  @media ", " {\n    & {\n      grid-column: 2 / span 13;\n      gap: 20px;\n    }\n  }\n\n  @media ", " {\n    & {\n      grid-column: 2 / span 12;\n    }\n  }\n"])), function (_ref2) {
   var title = _ref2.title;
   return title ? 'row' : 'row-reverse';
 }, devices.tablet, devices.mobile);
-var AnchorTitle = /*#__PURE__*/styled__default.div(_templateObject4$g || (_templateObject4$g = /*#__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 AnchorTitle = /*#__PURE__*/styled__default.div(_templateObject4$h || (_templateObject4$h = /*#__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__default.div(_templateObject6$a || (_templateObject6$a = /*#__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__default.div(_templateObject7$6 || (_templateObject7$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: none;\n\n  @media ", " {\n    & {\n      display: block;\n    }\n  }\n"])), devices.mobile);
 var PrimaryButtonReverse = /*#__PURE__*/styled__default(PrimaryButton)(_templateObject8$3 || (_templateObject8$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  && {\n    background-color: ", ";\n    border-color: ", ";\n    color: ", ";\n    svg path {\n      fill: ", ";\n    }\n  }\n"])), function (_ref3) {
@@ -6483,9 +6317,9 @@ var PrimaryButtonReverse = /*#__PURE__*/styled__default(PrimaryButton)(_template
   return theme.colors.primaryButtonReverse;
 });
 var MessageWrapper = /*#__PURE__*/styled__default.div(_templateObject9$2 || (_templateObject9$2 = /*#__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__default.div(_templateObject10$2 || (_templateObject10$2 = /*#__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 MessageWrapperMobile = /*#__PURE__*/styled__default.div(_templateObject0$2 || (_templateObject0$2 = /*#__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$f = ["text"],
+var _excluded$e = ["text"],
   _excluded2$1 = ["text"];
 var TitleWithCTA = function TitleWithCTA(_ref) {
   var title = _ref.title,
@@ -6495,7 +6329,7 @@ var TitleWithCTA = function TitleWithCTA(_ref) {
     message = _ref.message;
   var _ref2 = (links == null ? void 0 : links[0]) || {},
     primaryButtonText = _ref2.text,
-    primaryButtonProps = _objectWithoutPropertiesLoose(_ref2, _excluded$f);
+    primaryButtonProps = _objectWithoutPropertiesLoose(_ref2, _excluded$e);
   var _ref3 = (links == null ? void 0 : links[1]) || {},
     secondaryButtonText = _ref3.text,
     secondaryButtonProps = _objectWithoutPropertiesLoose(_ref3, _excluded2$1);
@@ -6516,13 +6350,13 @@ var TitleWithCTA = function TitleWithCTA(_ref) {
   }, message))));
 };
 
-var _templateObject$H, _templateObject2$w, _templateObject3$l;
+var _templateObject$H, _templateObject2$w, _templateObject3$m;
 var UpsellBorderBox = /*#__PURE__*/styled__default.div(_templateObject$H || (_templateObject$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  border: solid 4px;\n  border-color: ", ";\n  padding: 80px;\n\n  @media ", " {\n    & {\n      border-left: none;\n      border-right: none;\n      padding-top: 2.5em;\n      padding-left: 0;\n      padding-right: 0;\n      padding-bottom: 2.5em;\n    }\n  }\n\n  @media ", " {\n    & {\n      padding: 25px;\n      padding-top: 2.5em;\n    }\n  }\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.colors.primary;
 }, devices.mobile, devices.tablet);
 var TitleContainer$1 = /*#__PURE__*/styled__default.div(_templateObject2$w || (_templateObject2$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin: 0;\n  @media ", " {\n    margin-left: 1.5em;\n    margin-right: 1.5em;\n  }\n"])), devices.mobile);
-var TextContainer = /*#__PURE__*/styled__default.div(_templateObject3$l || (_templateObject3$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-bottom: 2.5em;\n  div > :first-child {\n    margin-top: 1.5em;\n  }\n\n  @media ", " {\n    margin-top: 0;\n    div > :first-child {\n      margin-top: 0.5em;\n    }\n  }\n\n  @media ", " {\n    margin-left: 1.5em;\n    margin-right: 1.5em;\n    & {\n      div > :first-child {\n        margin-top: 1em;\n      }\n    }\n  }\n"])), devices.tablet, devices.mobile);
+var TextContainer = /*#__PURE__*/styled__default.div(_templateObject3$m || (_templateObject3$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-bottom: 2.5em;\n  div > :first-child {\n    margin-top: 1.5em;\n  }\n\n  @media ", " {\n    margin-top: 0;\n    div > :first-child {\n      margin-top: 0.5em;\n    }\n  }\n\n  @media ", " {\n    margin-left: 1.5em;\n    margin-right: 1.5em;\n    & {\n      div > :first-child {\n        margin-top: 1em;\n      }\n    }\n  }\n"])), devices.tablet, devices.mobile);
 
 var colors = {
   core: '#C8102E',
@@ -7127,14 +6961,14 @@ var TextOnly = function TextOnly(_ref) {
   ButtonType["Tertiary"] = "Tertiary";
 })(exports.ButtonType || (exports.ButtonType = {}));
 
-var _templateObject$J, _templateObject2$x, _templateObject3$m, _templateObject4$h, _templateObject5$d, _templateObject6$b, _templateObject7$7, _templateObject8$4;
+var _templateObject$J, _templateObject2$x, _templateObject3$n, _templateObject4$i, _templateObject5$d, _templateObject6$b, _templateObject7$7, _templateObject8$4;
 var Wrapper$2 = /*#__PURE__*/styled__default.div(_templateObject$J || (_templateObject$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  background-color: var(--base-color-light-grey);\n  padding: 40px;\n\n  display: block;\n  position: relative;\n\n  @media ", " {\n    margin-top: 0;\n    padding: 40px 20px;\n  }\n"])), devices.tablet);
 var PromoLabelWrapper = /*#__PURE__*/styled__default.div(_templateObject2$x || (_templateObject2$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-end;\n  align-self: flex-end;\n  height: 15px;\n"])));
-var PromoLabel = /*#__PURE__*/styled__default.div(_templateObject3$m || (_templateObject3$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  background: ", ";\n  color: ", ";\n  padding: 6px 8px;\n  width: fit-content;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: absolute;\n  right: 20px;\n  top: 0;\n  width: auto;\n  margin: auto;\n  font-family: var(--font-family-header);\n  font-feature-settings:\n    'tnum' on,\n    'lnum' on,\n    'liga' off,\n    'calt' off;\n  font-size: var(--font-size-overline-2);\n  line-height: 12px;\n  text-align: center;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n"])), function (_ref) {
+var PromoLabel = /*#__PURE__*/styled__default.div(_templateObject3$n || (_templateObject3$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  background: ", ";\n  color: ", ";\n  padding: 6px 8px;\n  width: fit-content;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: absolute;\n  right: 20px;\n  top: 0;\n  width: auto;\n  margin: auto;\n  font-family: var(--font-family-header);\n  font-feature-settings:\n    'tnum' on,\n    'lnum' on,\n    'liga' off,\n    'calt' off;\n  font-size: var(--font-size-overline-2);\n  line-height: 12px;\n  text-align: center;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.colors.primary;
 }, exports.Colors.White);
-var ButtonContainer = /*#__PURE__*/styled__default.div(_templateObject4$h || (_templateObject4$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-top: 2em;\n  width: fit-content;\n"])));
+var ButtonContainer = /*#__PURE__*/styled__default.div(_templateObject4$i || (_templateObject4$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-top: 2em;\n  width: fit-content;\n"])));
 var TitleContainer$2 = /*#__PURE__*/styled__default.div(_templateObject5$d || (_templateObject5$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  & > * {\n    margin-top: 0;\n    margin-bottom: 0.5em;\n  }\n"])));
 var OfferTextWrapper = /*#__PURE__*/styled__default.div(_templateObject6$b || (_templateObject6$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  & > * {\n    margin-bottom: 0.5em;\n  }\n  margin-bottom: 1em;\n"])));
 var PriceRow = /*#__PURE__*/styled__default.div(_templateObject7$7 || (_templateObject7$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px 12px;\n  padding: 5px 0 8px 0;\n"])));
@@ -7296,13 +7130,13 @@ var StickyBar = function StickyBar(_ref) {
   }, children)));
 };
 
-var _templateObject$M, _templateObject2$z, _templateObject3$n, _templateObject4$i;
+var _templateObject$M, _templateObject2$z, _templateObject3$o, _templateObject4$j;
 var InnerModal = /*#__PURE__*/styled__default.div(_templateObject$M || (_templateObject$M = /*#__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__default.button(_templateObject2$z || (_templateObject2$z = /*#__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 = /*#__PURE__*/styled__default.div(_templateObject3$n || (_templateObject3$n = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
-var Overlay = /*#__PURE__*/styled__default(Grid)(_templateObject4$i || (_templateObject4$i = /*#__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 ContentWrapper = /*#__PURE__*/styled__default.div(_templateObject3$o || (_templateObject3$o = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
+var Overlay = /*#__PURE__*/styled__default(Grid)(_templateObject4$j || (_templateObject4$j = /*#__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$g = ["isOpen", "setIsOpen", "children", "appElementId"];
+var _excluded$f = ["isOpen", "setIsOpen", "children", "appElementId"];
 var MAX_Z_INDEX = 9999999999;
 if (Modal.defaultStyles.content) {
   Modal.defaultStyles.content.position = 'static';
@@ -7376,7 +7210,7 @@ var ModalWindow = function ModalWindow(_ref) {
     setIsOpen = _ref.setIsOpen,
     children = _ref.children,
     appElementId = _ref.appElementId,
-    modalProps = _objectWithoutPropertiesLoose(_ref, _excluded$g);
+    modalProps = _objectWithoutPropertiesLoose(_ref, _excluded$f);
   var isMobile = useMobile();
   var customStyles = {
     overlay: {
@@ -7477,7 +7311,7 @@ var getImageSlideStyles = function getImageSlideStyles(imageHeight) {
   return "height: calc(" + imageHeight + "px + var(--carousel-image-caption-height) + 12px);";
 };
 
-var _templateObject$N, _templateObject2$A, _templateObject3$o, _templateObject4$j, _templateObject5$e, _templateObject6$c, _templateObject7$8, _templateObject8$5;
+var _templateObject$N, _templateObject2$A, _templateObject3$p, _templateObject4$k, _templateObject5$e, _templateObject6$c, _templateObject7$8, _templateObject8$5;
 var ImageCarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject$N || (_templateObject$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", "\n\n  @media ", " {\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          " + getImageSlideStyles(imagesHeightDesktop) + "\n        }\n      }\n    }";
@@ -7490,8 +7324,8 @@ var CardsCarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject2$A |
     isActive = _ref3.isActive;
   return "\n      & {\n        .swipe-slide {\n          " + getCardSlideDesktopStyles(type, isActive) + "\n        }\n      }\n\n      @media " + devices.tablet + " {\n        & {\n          .swipe-slide {\n            width: " + (type === exports.CarouselType.SmallCard ? '30%' : '40%') + ";\n          }\n        }\n      }\n    ";
 }, devices.mobile, /*#__PURE__*/getCardSlideMobileStyles());
-var TitleButtonsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$o || (_templateObject3$o = /*#__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__default.div(_templateObject4$j || (_templateObject4$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  user-select: text;\n"])));
+var TitleButtonsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$p || (_templateObject3$p = /*#__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__default.div(_templateObject4$k || (_templateObject4$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  user-select: text;\n"])));
 var TitleWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject5$e || (_templateObject5$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", ";\n"])), function (_ref4) {
   var isDescriptionPresent = _ref4.isDescriptionPresent;
   return isDescriptionPresent && 'margin: 20px 0';
@@ -7570,7 +7404,7 @@ var getMovedSlides = function getMovedSlides(delta, slideWidths) {
   return movedSlides;
 };
 
-var _excluded$h = ["children", "infinite", "onIndexChange", "slidesOffsetBefore", "slidesAriaHidden", "onActiveChange"];
+var _excluded$g = ["children", "infinite", "onIndexChange", "slidesOffsetBefore", "slidesAriaHidden", "onActiveChange"];
 var MAX_CLONES_NUMBER = 6;
 var CLICK_DRAG_THRESHOLD = 10;
 var getClonesCount = function getClonesCount(infinite, childrenLength) {
@@ -7595,7 +7429,7 @@ var Swipe = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     _ref$slidesAriaHidden = _ref.slidesAriaHidden,
     slidesAriaHidden = _ref$slidesAriaHidden === void 0 ? false : _ref$slidesAriaHidden,
     onActiveChange = _ref.onActiveChange,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$h);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$g);
   var containerRef = React.useRef(null);
   var childRefs = React.useRef([]);
   var startX = React.useRef(0);
@@ -7953,24 +7787,24 @@ var Carousel = function Carousel(_ref) {
   }, children))));
 };
 
-var _templateObject$P, _templateObject2$C, _templateObject3$p, _templateObject4$k, _templateObject5$f, _templateObject6$d, _templateObject7$9, _templateObject8$6, _templateObject9$3, _templateObject10$3, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1, _templateObject16, _templateObject17;
+var _templateObject$P, _templateObject2$C, _templateObject3$q, _templateObject4$l, _templateObject5$f, _templateObject6$d, _templateObject7$9, _templateObject8$6, _templateObject9$3, _templateObject0$3, _templateObject1$1, _templateObject10$1, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14, _templateObject15;
 var HighlightsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$P || (_templateObject$P = /*#__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__default.div(_templateObject2$C || (_templateObject2$C = /*#__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__default.div(_templateObject3$p || (_templateObject3$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin: 0;\n  padding: 0;\n"])));
-var InfoWrapper = /*#__PURE__*/styled__default.div(_templateObject4$k || (_templateObject4$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-area: 2 / 1 / 2 / 7;\n  box-sizing: border-box;\n  width: calc(100% + var(--grid-column-gap));\n  align-self: center;\n  padding: 36px 36px 36px 50px;\n\n  @media ", " {\n    & {\n      grid-area: 2 / 1 / 2 / 7;\n      padding: 0 12px 12px var(--grid-margin);\n    }\n  }\n\n  @media ", " {\n    & {\n      grid-area: 3 / 1 / 4 / 15;\n      width: 100%;\n      padding: 0 20px;\n      margin: 24px 0;\n    }\n  }\n"])), devices.tablet, devices.mobile);
+var HeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$q || (_templateObject3$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin: 0;\n  padding: 0;\n"])));
+var InfoWrapper = /*#__PURE__*/styled__default.div(_templateObject4$l || (_templateObject4$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-area: 2 / 1 / 2 / 7;\n  box-sizing: border-box;\n  width: calc(100% + var(--grid-column-gap));\n  align-self: center;\n  padding: 36px 36px 36px 50px;\n\n  @media ", " {\n    & {\n      grid-area: 2 / 1 / 2 / 7;\n      padding: 0 12px 12px var(--grid-margin);\n    }\n  }\n\n  @media ", " {\n    & {\n      grid-area: 3 / 1 / 4 / 15;\n      width: 100%;\n      padding: 0 20px;\n      margin: 24px 0;\n    }\n  }\n"])), devices.tablet, devices.mobile);
 var InfoLogoWrapper = /*#__PURE__*/styled__default.div(_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__default.div(_templateObject6$d || (_templateObject6$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  user-select: text;\n\n  h1,\n  h2,\n  h3 {\n    margin-bottom: 8px;\n  }\n"])));
 var InfoTextWrapper = /*#__PURE__*/styled__default.div(_templateObject7$9 || (_templateObject7$9 = /*#__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__default.div(_templateObject8$6 || (_templateObject8$6 = /*#__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__default.div(_templateObject9$3 || (_templateObject9$3 = /*#__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 = /*#__PURE__*/styled__default.div(_templateObject10$3 || (_templateObject10$3 = /*#__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 = /*#__PURE__*/styled__default.div(_templateObject11$1 || (_templateObject11$1 = /*#__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__default.p(_templateObject12$1 || (_templateObject12$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  padding: 0;\n  margin: 0;\n"])));
-var FirstButtonComponentWrapper = /*#__PURE__*/styled__default.div(_templateObject13$1 || (_templateObject13$1 = /*#__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);
-var TimerWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject14$1 || (_templateObject14$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-bottom: 32px;\n\n  @media ", " {\n    margin-bottom: 24px;\n  }\n"])), devices.mobileAndTablet);
-var AdditionalInfoWrapper = /*#__PURE__*/styled__default.div(_templateObject15$1 || (_templateObject15$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-top: 32px;\n\n  @media ", " {\n    margin-top: 16px;\n  }\n"])), devices.mobileAndTablet);
-var InfoSubtitleWrapper = /*#__PURE__*/styled__default.div(_templateObject16 || (_templateObject16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-bottom: 4px;\n"])));
-var VideoWithControlsWrapper = /*#__PURE__*/styled__default.div(_templateObject17 || (_templateObject17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  background-color: var(--color-base-black);\n  width: 100%;\n  height: 100%;\n\n  .video-with-controls-container {\n    height: 100%;\n  }\n\n  .video-controls-container {\n    display: ", ";\n    position: fixed;\n\n    > div {\n      margin: 0 40px 30px 40px;\n\n      @media ", " {\n        margin: 0 20px 20px 20px;\n      }\n    }\n  }\n\n  button#play {\n    height: 48px;\n    width: 48px;\n  }\n"])), function (_ref) {
+var RotatorButtonsWrapper = /*#__PURE__*/styled__default.div(_templateObject0$3 || (_templateObject0$3 = /*#__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 = /*#__PURE__*/styled__default.div(_templateObject1$1 || (_templateObject1$1 = /*#__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__default.p(_templateObject10$1 || (_templateObject10$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  padding: 0;\n  margin: 0;\n"])));
+var FirstButtonComponentWrapper = /*#__PURE__*/styled__default.div(_templateObject11$1 || (_templateObject11$1 = /*#__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);
+var TimerWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject12$1 || (_templateObject12$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-bottom: 32px;\n\n  @media ", " {\n    margin-bottom: 24px;\n  }\n"])), devices.mobileAndTablet);
+var AdditionalInfoWrapper = /*#__PURE__*/styled__default.div(_templateObject13$1 || (_templateObject13$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-top: 32px;\n\n  @media ", " {\n    margin-top: 16px;\n  }\n"])), devices.mobileAndTablet);
+var InfoSubtitleWrapper = /*#__PURE__*/styled__default.div(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-bottom: 4px;\n"])));
+var VideoWithControlsWrapper = /*#__PURE__*/styled__default.div(_templateObject15 || (_templateObject15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  background-color: var(--color-base-black);\n  width: 100%;\n  height: 100%;\n\n  .video-with-controls-container {\n    height: 100%;\n  }\n\n  .video-controls-container {\n    display: ", ";\n    position: fixed;\n\n    > div {\n      margin: 0 40px 30px 40px;\n\n      @media ", " {\n        margin: 0 20px 20px 20px;\n      }\n    }\n  }\n\n  button#play {\n    height: 48px;\n    width: 48px;\n  }\n"])), function (_ref) {
   var isCurrentSlide = _ref.isCurrentSlide;
   return isCurrentSlide ? 'block' : 'none';
 }, devices.mobile);
@@ -7991,18 +7825,18 @@ var getBackgroundColor$1 = function getBackgroundColor(_ref2) {
 var _templateObject$Q;
 var AuxiliaryButtonWrapper = /*#__PURE__*/styled__default(Button)(_templateObject$Q || (_templateObject$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  background-color: ", ";\n  height: 20px;\n  border: none;\n  padding: 0;\n  color: ", ";\n  width: fit-content;\n  display: flex;\n  align-items: flex-start;\n  justify-content: center;\n  cursor: pointer;\n  text-decoration: none;\n  box-sizing: border-box;\n\n  && span svg * {\n    fill: ", ";\n  }\n\n  .auxiliaryButtonIcon {\n    width: 12px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n  }\n"])), getBackgroundColor$1, getTextColor$3, getTextColor$3);
 
-var _excluded$i = ["children", "className"];
+var _excluded$h = ["children", "className"];
 var AuxiliaryButton = function AuxiliaryButton(_ref) {
   var children = _ref.children,
     className = _ref.className,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$i);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$h);
   return /*#__PURE__*/React__default.createElement(AuxiliaryButtonWrapper, Object.assign({}, props, {
     iconClassName: "auxiliaryButtonIcon",
     className: className
   }), children);
 };
 
-var _excluded$j = ["text"],
+var _excluded$i = ["text"],
   _excluded2$2 = ["text"];
 var _buttonTypeToButton;
 var buttonTypeToButton = (_buttonTypeToButton = {}, _buttonTypeToButton[exports.ButtonType.Primary] = PrimaryButton, _buttonTypeToButton[exports.ButtonType.Secondary] = SecondaryButton, _buttonTypeToButton[exports.ButtonType.Tertiary] = TertiaryButton, _buttonTypeToButton);
@@ -8013,7 +7847,7 @@ var Buttons = function Buttons(_ref) {
   var _ref2 = firstButton || {},
     _ref2$text = _ref2.text,
     firstButtonText = _ref2$text === void 0 ? '' : _ref2$text,
-    restFirstButton = _objectWithoutPropertiesLoose(_ref2, _excluded$j);
+    restFirstButton = _objectWithoutPropertiesLoose(_ref2, _excluded$i);
   var secondButton = links == null ? void 0 : links[1];
   var _ref3 = secondButton || {},
     _ref3$text = _ref3.text,
@@ -8083,6 +7917,8 @@ var truncateReactNodeString = function truncateReactNodeString(node, resultLengt
   return truncateHtmlString(nodeString, resultLength, addDots);
 };
 
+var TYPOGRAPHY_CLASS_NAME = 'highlight-carousel-text';
+
 var InfoSection = function InfoSection(_ref) {
   var logo = _ref.logo,
     slide = _ref.slide,
@@ -8133,14 +7969,14 @@ var InfoSection = function InfoSection(_ref) {
   }, additionalInfo)))));
 };
 
-var _templateObject$R, _templateObject2$D, _templateObject3$q, _templateObject4$l, _templateObject5$g, _templateObject6$e;
+var _templateObject$R, _templateObject2$D, _templateObject3$r, _templateObject4$m, _templateObject5$g, _templateObject6$e;
 var AccordionContainer = /*#__PURE__*/styled__default.div(_templateObject$R || (_templateObject$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  div {\n    overflow: hidden;\n  }\n"])));
 var LineContainer = /*#__PURE__*/styled__default.div(_templateObject2$D || (_templateObject2$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  height: 2px;\n  background-color: var(--base-color-light-grey);\n  width: 100%;\n"])));
-var ChildrenContainer = /*#__PURE__*/styled__default.div(_templateObject3$q || (_templateObject3$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin: 0px 20px 28px 20px;\n\n  visibility: ", ";\n\n  @media ", " {\n    margin: 12px 0px 24px 0px;\n  }\n  \n  @media print { \n    visibility: visible;\n  }\n}\n"])), function (_ref) {
+var ChildrenContainer = /*#__PURE__*/styled__default.div(_templateObject3$r || (_templateObject3$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin: 0px 20px 28px 20px;\n\n  visibility: ", ";\n\n  @media ", " {\n    margin: 12px 0px 24px 0px;\n  }\n  \n  @media print { \n    visibility: visible;\n  }\n}\n"])), function (_ref) {
   var isVisible = _ref.isVisible;
   return isVisible ? 'visible' : 'hidden';
 }, devices.mobile);
-var TitleContainer$3 = /*#__PURE__*/styled__default.div(_templateObject4$l || (_templateObject4$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n\n  && h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  div {\n    margin: 21px 20px;\n    white-space: break-spaces;\n    overflow-wrap: break-word;\n\n    @media ", " {\n      margin: 12px 20px 12px 0px;\n    }\n  }\n\n  && svg {\n    width: var(--navigation-middle-gap);\n    height: var(--navigation-middle-gap);\n    margin-right: 20px;\n\n    @media ", " {\n      margin-right: 0px;\n    }\n  }\n\n  :hover {\n    cursor: pointer;\n  }\n"])), devices.mobile, devices.mobile);
+var TitleContainer$3 = /*#__PURE__*/styled__default.div(_templateObject4$m || (_templateObject4$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n\n  && h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  div {\n    margin: 21px 20px;\n    white-space: break-spaces;\n    overflow-wrap: break-word;\n\n    @media ", " {\n      margin: 12px 20px 12px 0px;\n    }\n  }\n\n  && svg {\n    width: var(--navigation-middle-gap);\n    height: var(--navigation-middle-gap);\n    margin-right: 20px;\n\n    @media ", " {\n      margin-right: 0px;\n    }\n  }\n\n  :hover {\n    cursor: pointer;\n  }\n"])), devices.mobile, devices.mobile);
 var ContentContainer = /*#__PURE__*/styled__default.div(_templateObject5$g || (_templateObject5$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  overflow: auto;\n  transition: max-height 0.2s ease;\n  font-size: var(--font-size-body-1);\n  font-family: var(--font-family-body);\n  font-feature-settings: var(--font-feature-settings-body);\n  font-weight: var(--font-weight-body-1);\n  letter-spacing: var(--letter-spacing-body-1);\n  line-height: var(--line-height-body-1);\n  text-transform: var(--text-transform-body);\n  max-height: ", ";\n\n  @media print {\n    max-height: max-content;\n  }\n\n  & h1 {\n    font-size: var(--font-size-header-4);\n    font-family: var(--font-family-header);\n    font-feature-settings: var(--font-feature-settings-header);\n    font-weight: var(--font-weight-header-4);\n    letter-spacing: var(--letter-spacing-header-4);\n    line-height: var(--line-height-header-4);\n    text-transform: var(--text-transform-header);\n    white-space: break-spaces;\n    overflow-wrap: break-word;\n  }\n\n  & h2 {\n    font-size: var(--font-size-subtitle-1);\n    font-family: var(--font-family-subtitle);\n    font-feature-settings: var(--font-feature-settings-subtitle);\n    font-weight: var(--font-weight-subtitle-1);\n    letter-spacing: var(--letter-spacing-subtitle-1);\n    line-height: var(--line-height-subtitle-1);\n    text-transform: var(--text-transform-subtitle);\n    white-space: break-spaces;\n    overflow-wrap: break-word;\n  }\n\n  & em {\n    font-family: var(--font-family-body-italics);\n  }\n\n  & u {\n    font-size: var(--font-size-body-1);\n    font-family: var(--font-family-body);\n  }\n\n  @media ", " {\n    transition: 100% 0.2s ease;\n  }\n"])), function (_ref2) {
   var textHeight = _ref2.textHeight;
   return textHeight;
@@ -8272,7 +8108,7 @@ var Accordions = function Accordions(_ref) {
   }));
 };
 
-var _templateObject$T, _templateObject2$E, _templateObject3$r, _templateObject4$m, _templateObject5$h;
+var _templateObject$T, _templateObject2$E, _templateObject3$s, _templateObject4$n, _templateObject5$h;
 var AnnouncementBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$T || (_templateObject$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  padding: 28px 0;\n  background-color: var(--announcement-banner-bg-color);\n  color: var(--announcement-banner-color);\n\n  @media ", " {\n    padding: 20px 0;\n  }\n"])), devices.mobile);
 var SvgContainer$2 = /*#__PURE__*/styled__default.div(_templateObject2$E || (_templateObject2$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  height: 100%;\n  display: flex;\n  cursor: ", ";\n\n  ", "\n\n  svg {\n    width: var(--navigation-large-gap);\n    height: var(--navigation-large-gap);\n\n    path {\n      fill: var(--announcement-banner-color);\n    }\n  }\n"])), function (_ref) {
   var isClickable = _ref.isClickable;
@@ -8281,8 +8117,8 @@ var SvgContainer$2 = /*#__PURE__*/styled__default.div(_templateObject2$E || (_te
   var isClickable = _ref2.isClickable;
   return isClickable && "\n    :hover:not(:active) {\n      && svg path {\n        fill: var(--announcement-banner-hover-color);\n      }\n    }\n    :active {\n      && svg path {\n        fill: var(--announcement-banner-pressed-color);\n      }\n    }\n  ";
 });
-var ContentContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$r || (_templateObject3$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  overflow: auto;\n  transition: max-height 0.2s ease;\n  font-size: var(--font-size-body-1);\n  font-family: var(--font-family-sans);\n  font-feature-settings: var(--font-feature-settings-body);\n  font-weight: var(--font-weight-body-1);\n  letter-spacing: var(--letter-spacing-body-1);\n  line-height: var(--line-height-body-1);\n  text-transform: var(--text-transform-body);\n  color: var(--announcement-banner-color);\n  a {\n    color: var(--announcement-banner-color);\n    text-decoration: underline;\n  }\n\n  * {\n    margin-block-start: 0;\n    margin-block-end: 0;\n    margin-inline-start: 0;\n    margin-inline-end: 0;\n  }\n"])));
-var OverlineWrapper = /*#__PURE__*/styled__default(HarmonicOverline)(_templateObject4$m || (_templateObject4$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  padding-bottom: 4px;\n  && {\n    color: var(--announcement-banner-color);\n  }\n"])));
+var ContentContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$s || (_templateObject3$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  overflow: auto;\n  transition: max-height 0.2s ease;\n  font-size: var(--font-size-body-1);\n  font-family: var(--font-family-sans);\n  font-feature-settings: var(--font-feature-settings-body);\n  font-weight: var(--font-weight-body-1);\n  letter-spacing: var(--letter-spacing-body-1);\n  line-height: var(--line-height-body-1);\n  text-transform: var(--text-transform-body);\n  color: var(--announcement-banner-color);\n  a {\n    color: var(--announcement-banner-color);\n    text-decoration: underline;\n  }\n\n  * {\n    margin-block-start: 0;\n    margin-block-end: 0;\n    margin-inline-start: 0;\n    margin-inline-end: 0;\n  }\n"])));
+var OverlineWrapper = /*#__PURE__*/styled__default(HarmonicOverline)(_templateObject4$n || (_templateObject4$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  padding-bottom: 4px;\n  && {\n    color: var(--announcement-banner-color);\n  }\n"])));
 var BannerContentWrapper = /*#__PURE__*/styled__default(GridItem)(_templateObject5$h || (_templateObject5$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  && {\n    grid-column: 3 / span 10;\n  }\n\n  @media ", ", ", " {\n    && {\n      grid-column: 3 / span 12;\n    }\n  }\n\n  @media ", " {\n    margin-left: ", ";\n    margin-right: ", ";\n  }\n"])), devices.desktop, devices.largeDesktop, devices.mobile, function (_ref3) {
   var variant = _ref3.variant;
   return variant === BannerVariants['service-persistent'] ? '8px' : '0px';
@@ -8355,7 +8191,7 @@ var AnnouncementBanner = function AnnouncementBanner(_ref) {
   }))))));
 };
 
-var _templateObject$U, _templateObject2$F, _templateObject3$s, _templateObject4$n, _templateObject5$i, _templateObject6$f, _templateObject7$a, _templateObject8$7, _templateObject9$4, _templateObject10$4, _templateObject11$2, _templateObject12$2, _templateObject13$2, _templateObject14$2;
+var _templateObject$U, _templateObject2$F, _templateObject3$t, _templateObject4$o, _templateObject5$i, _templateObject6$f, _templateObject7$a, _templateObject8$7, _templateObject9$4, _templateObject0$4, _templateObject1$2, _templateObject10$2, _templateObject11$2, _templateObject12$2;
 var LENGTH_LARGE_TEXT = 28;
 var LENGTH_SMALL_TEXT$1 = 19;
 var LENGTH_TEXT_TABLET = 10;
@@ -8370,8 +8206,8 @@ var HoverContainer = /*#__PURE__*/styled__default.div(_templateObject2$F || (_te
   var lineColor = _ref3.lineColor;
   return lineColor ? "var(--color-" + lineColor + ")" : 'var(--color-primary-background)';
 }, zIndexes.contentOverlay);
-var ProgressContainer = /*#__PURE__*/styled__default.div(_templateObject3$s || (_templateObject3$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-top: -6px;\n"])));
-var ContentContainer$2 = /*#__PURE__*/styled__default.div(_templateObject4$n || (_templateObject4$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  margin-top: 24px;\n\n  @media ", " {\n    margin-left: ", ";\n    margin-right: ", ";\n  }\n"])), devices.mobile, function (_ref4) {
+var ProgressContainer = /*#__PURE__*/styled__default.div(_templateObject3$t || (_templateObject3$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-top: -6px;\n"])));
+var ContentContainer$2 = /*#__PURE__*/styled__default.div(_templateObject4$o || (_templateObject4$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  margin-top: 24px;\n\n  @media ", " {\n    margin-left: ", ";\n    margin-right: ", ";\n  }\n"])), devices.mobile, function (_ref4) {
   var fullWidth = _ref4.fullWidth;
   return fullWidth ? '0' : '20px';
 }, function (_ref5) {
@@ -8383,51 +8219,51 @@ var TitleContainerMobile = /*#__PURE__*/styled__default.div(_templateObject6$f |
 var TextContainer$2 = /*#__PURE__*/styled__default.div(_templateObject7$a || (_templateObject7$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  white-space: break-spaces;\n  overflow-wrap: break-word;\n"])));
 var HighlightTextContainer = /*#__PURE__*/styled__default.div(_templateObject8$7 || (_templateObject8$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-top: 24px;\n"])));
 var SubtitleContainer = /*#__PURE__*/styled__default.span(_templateObject9$4 || (_templateObject9$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-bottom: 4px;\n  overflow-wrap: break-word;\n"])));
-var LabelContainer = /*#__PURE__*/styled__default.div(_templateObject10$4 || (_templateObject10$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  visibility: ", ";\n  width: fit-content;\n  height: 25px;\n\n  @media ", " {\n    margin-left: ", ";\n  }\n"])), function (_ref6) {
+var LabelContainer = /*#__PURE__*/styled__default.div(_templateObject0$4 || (_templateObject0$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  visibility: ", ";\n  width: fit-content;\n  height: 25px;\n\n  @media ", " {\n    margin-left: ", ";\n  }\n"])), function (_ref6) {
   var isVisible = _ref6.isVisible;
   return isVisible ? "visible" : 'hidden';
 }, devices.mobile, function (_ref7) {
   var isGridCard = _ref7.isGridCard;
   return isGridCard ? '20px' : '0';
 });
-var ExtraActionsContainer = /*#__PURE__*/styled__default.div(_templateObject11$2 || (_templateObject11$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-top: 26px;\n\n  @media ", " {\n    margin-left: ", ";\n    margin-right: ", ";\n  }\n"])), devices.mobile, function (_ref8) {
+var ExtraActionsContainer = /*#__PURE__*/styled__default.div(_templateObject1$2 || (_templateObject1$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-top: 26px;\n\n  @media ", " {\n    margin-left: ", ";\n    margin-right: ", ";\n  }\n"])), devices.mobile, function (_ref8) {
   var fullWidth = _ref8.fullWidth;
   return fullWidth ? '0' : '20px';
 }, function (_ref9) {
   var fullWidth = _ref9.fullWidth;
   return fullWidth ? '0' : '20px';
 });
-var LabelElements = /*#__PURE__*/styled__default.div(_templateObject12$2 || (_templateObject12$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  height: 26px;\n  padding: 0 8px;\n  background-color: ", ";\n"])), function (_ref10) {
-  var bgColor = _ref10.bgColor;
+var LabelElements = /*#__PURE__*/styled__default.div(_templateObject10$2 || (_templateObject10$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  height: 26px;\n  padding: 0 8px;\n  background-color: ", ";\n"])), function (_ref0) {
+  var bgColor = _ref0.bgColor;
   return bgColor ? "var(--color-base-" + bgColor + ")" : 'var(--color-primary-background)';
 });
-var LabelIconWrapper = /*#__PURE__*/styled__default.div(_templateObject13$2 || (_templateObject13$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-left: 10px;\n\n  svg {\n    height: 24px;\n    width: 24px;\n  }\n"])));
-var getButtonsOpacity = function getButtonsOpacity(_ref11) {
-  var onlyShowButtonsOnHover = _ref11.onlyShowButtonsOnHover;
+var LabelIconWrapper = /*#__PURE__*/styled__default.div(_templateObject11$2 || (_templateObject11$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-left: 10px;\n\n  svg {\n    height: 24px;\n    width: 24px;\n  }\n"])));
+var getButtonsOpacity = function getButtonsOpacity(_ref1) {
+  var onlyShowButtonsOnHover = _ref1.onlyShowButtonsOnHover;
   return onlyShowButtonsOnHover ? 'opacity: 0;' : 'opacity: 1;';
 };
-var getButtonsMinHeight = function getButtonsMinHeight(_ref12) {
-  var onlyShowButtonsOnHover = _ref12.onlyShowButtonsOnHover;
+var getButtonsMinHeight = function getButtonsMinHeight(_ref10) {
+  var onlyShowButtonsOnHover = _ref10.onlyShowButtonsOnHover;
   return onlyShowButtonsOnHover ? 'min-height: unset;' : 'min-height: 120px;';
 };
-var ButtonsContainer$1 = /*#__PURE__*/styled__default.div(_templateObject14$2 || (_templateObject14$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", ";\n  display: flex;\n  gap: 24px;\n  margin-top: 24px;\n\n  ", "\n\n  @media ", " {\n    ", ";\n    margin-left: ", ";\n    margin-right: ", ";\n    opacity: 1 !important;\n    gap: 24px;\n    margin-top: 24px;\n    flex-direction: column;\n    align-items: center;\n  }\n\n  @media ", " {\n    ", ";\n    opacity: 1 !important;\n    gap: 24px;\n    margin-top: 24px;\n    align-items: flex-start;\n\n    ", "\n  }\n"])), getButtonsOpacity, function (_ref13) {
-  var size = _ref13.size,
-    primaryButtonTextLength = _ref13.primaryButtonTextLength,
-    tertiaryButtonTextLength = _ref13.tertiaryButtonTextLength;
+var ButtonsContainer$1 = /*#__PURE__*/styled__default.div(_templateObject12$2 || (_templateObject12$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", ";\n  display: flex;\n  gap: 24px;\n  margin-top: 24px;\n\n  ", "\n\n  @media ", " {\n    ", ";\n    margin-left: ", ";\n    margin-right: ", ";\n    opacity: 1 !important;\n    gap: 24px;\n    margin-top: 24px;\n    flex-direction: column;\n    align-items: center;\n  }\n\n  @media ", " {\n    ", ";\n    opacity: 1 !important;\n    gap: 24px;\n    margin-top: 24px;\n    align-items: flex-start;\n\n    ", "\n  }\n"])), getButtonsOpacity, function (_ref11) {
+  var size = _ref11.size,
+    primaryButtonTextLength = _ref11.primaryButtonTextLength,
+    tertiaryButtonTextLength = _ref11.tertiaryButtonTextLength;
   var isLinksLayoutColumn = size === 'small' ? primaryButtonTextLength >= LENGTH_SMALL_TEXT$1 || tertiaryButtonTextLength >= LENGTH_SMALL_TEXT$1 : primaryButtonTextLength >= LENGTH_LARGE_TEXT || tertiaryButtonTextLength >= LENGTH_LARGE_TEXT;
   if (isLinksLayoutColumn) {
     return "\n        flex-direction: column;\n      ";
   }
   return '';
-}, devices.mobile, getButtonsMinHeight, function (_ref14) {
-  var fullWidth = _ref14.fullWidth;
+}, devices.mobile, getButtonsMinHeight, function (_ref12) {
+  var fullWidth = _ref12.fullWidth;
   return fullWidth ? '0' : '20px';
-}, function (_ref15) {
-  var fullWidth = _ref15.fullWidth;
+}, function (_ref13) {
+  var fullWidth = _ref13.fullWidth;
   return fullWidth ? '0' : '20px';
-}, devices.tablet, getButtonsMinHeight, function (_ref16) {
-  var primaryButtonTextLength = _ref16.primaryButtonTextLength,
-    tertiaryButtonTextLength = _ref16.tertiaryButtonTextLength;
+}, devices.tablet, getButtonsMinHeight, function (_ref14) {
+  var primaryButtonTextLength = _ref14.primaryButtonTextLength,
+    tertiaryButtonTextLength = _ref14.tertiaryButtonTextLength;
   var isLinksLayoutColumnTablet = primaryButtonTextLength >= LENGTH_TEXT_TABLET || tertiaryButtonTextLength >= LENGTH_TEXT_TABLET;
   if (isLinksLayoutColumnTablet) {
     return "\n          flex-direction: column;\n        ";
@@ -8435,7 +8271,7 @@ var ButtonsContainer$1 = /*#__PURE__*/styled__default.div(_templateObject14$2 ||
   return '';
 });
 
-var _excluded$k = ["text"],
+var _excluded$j = ["text"],
   _excluded2$3 = ["text"];
 var _buttonTypeToButton$1;
 var LENGTH_LARGE_TEXT$1 = 28;
@@ -8485,7 +8321,7 @@ var Card = function Card(_ref) {
   var _ref2 = firstButton || {},
     _ref2$text = _ref2.text,
     firstButtonText = _ref2$text === void 0 ? '' : _ref2$text,
-    restFirstButton = _objectWithoutPropertiesLoose(_ref2, _excluded$k);
+    restFirstButton = _objectWithoutPropertiesLoose(_ref2, _excluded$j);
   var primaryButtonTextTruncate = size === 'small' ? truncate(firstButtonText, LENGTH_SMALL_TEXT$2) : truncate(firstButtonText, LENGTH_LARGE_TEXT$1);
   var secondButton = links == null ? void 0 : links[1];
   var _ref3 = secondButton || {},
@@ -8637,7 +8473,7 @@ var Cards = function Cards(_ref) {
   }));
 };
 
-var _templateObject$W, _templateObject2$H, _templateObject3$t, _templateObject4$o, _templateObject5$j;
+var _templateObject$W, _templateObject2$H, _templateObject3$u, _templateObject4$p, _templateObject5$j;
 var ContentWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$W || (_templateObject$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  & > div {\n    margin-bottom: 2px;\n\n    &:first-child {\n      margin-bottom: 4px;\n\n      @media ", " {\n        margin-bottom: 6px;\n      }\n    }\n  }\n\n  @media ", " {\n    grid-column: 2 / span 12;\n  }\n"])), devices.mobile, devices.mobileAndTablet);
 var Wrapper$4 = /*#__PURE__*/styled__default.div(_templateObject2$H || (_templateObject2$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", "\n  ", "\n  padding: 30px 0;\n\n  @media ", " {\n    display: grid;\n    grid-template-columns: var(--grid-template-columns);\n    grid-template-rows: max-content;\n    gap: var(--grid-column-gap);\n    margin: 0;\n  }\n"])), function (_ref) {
   var hideBottomBorder = _ref.hideBottomBorder;
@@ -8646,8 +8482,8 @@ var Wrapper$4 = /*#__PURE__*/styled__default.div(_templateObject2$H || (_templat
   var hideTopBorder = _ref2.hideTopBorder;
   return "border-top: " + (hideTopBorder ? 'none' : '2px solid var(--base-color-mid-grey)') + ";";
 }, devices.mobileAndTablet);
-var AddressWrapperDesktop = /*#__PURE__*/styled__default.div(_templateObject3$t || (_templateObject3$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  @media ", " {\n    display: none;\n  }\n"])), devices.mobile);
-var AddressWrapperMobile = /*#__PURE__*/styled__default.div(_templateObject4$o || (_templateObject4$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: none;\n\n  & > div {\n    margin-bottom: 2px;\n  }\n\n  @media ", " {\n    display: block;\n  }\n"])), devices.mobile);
+var AddressWrapperDesktop = /*#__PURE__*/styled__default.div(_templateObject3$u || (_templateObject3$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  @media ", " {\n    display: none;\n  }\n"])), devices.mobile);
+var AddressWrapperMobile = /*#__PURE__*/styled__default.div(_templateObject4$p || (_templateObject4$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: none;\n\n  & > div {\n    margin-bottom: 2px;\n  }\n\n  @media ", " {\n    display: block;\n  }\n"])), devices.mobile);
 var DetailsWrapper = /*#__PURE__*/styled__default.div(_templateObject5$j || (_templateObject5$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n\n  @media ", " {\n    flex-direction: column;\n    margin: 4px 0;\n  }\n\n  a {\n    font-size: var(--font-size-body-1);\n    font-family: var(--font-family-body);\n    font-feature-settings: var(--font-feature-settings-body);\n    font-weight: var(--font-weight-body-1);\n    letter-spacing: var(--letter-spacing-body-1);\n    line-height: var(--line-height-body-1);\n    text-transform: var(--text-transform-body);\n    color: var(--base-color-black);\n    text-decoration: underline;\n\n    &:before {\n      display: inline-block;\n      content: '';\n      background-color: var(--base-color-black);\n      width: 1px;\n      height: 18px;\n      margin: 0 8px -4px;\n\n      @media ", " {\n        display: none;\n      }\n    }\n\n    &:first-child:before {\n      display: none;\n    }\n  }\n"])), devices.mobile, devices.mobile);
 
 var divideAddressString = function divideAddressString(address) {
@@ -8705,13 +8541,13 @@ var ContactCard = function ContactCard(_ref) {
   }, addressString)), /*#__PURE__*/React__default.createElement(AddressWrapperMobile, null, divideAddressString(addressString))))))));
 };
 
-var _templateObject$X, _templateObject2$I, _templateObject3$u, _templateObject4$p, _templateObject5$k, _templateObject6$g, _templateObject7$b;
+var _templateObject$X, _templateObject2$I, _templateObject3$v, _templateObject4$q, _templateObject5$k, _templateObject6$g, _templateObject7$b;
 var BodyTextRelative = /*#__PURE__*/styled__default(BodyText)(_templateObject$X || (_templateObject$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n"])));
 var ContentSummaryWrapper = /*#__PURE__*/styled__default.article(_templateObject2$I || (_templateObject2$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  position: relative;\n  justify-items: start;\n  align-items: center;\n  margin: 20px 0;\n  gap: 24px;\n  cursor: ", ";\n\n  @media ", " {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n  }\n"])), function (props) {
   return props.clickable ? 'pointer' : 'default';
 }, devices.mobile);
-var ContentSummaryImageWrapper = /*#__PURE__*/styled__default.div(_templateObject3$u || (_templateObject3$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  flex: 0 0 33.3%;\n"])));
-var ContentSummaryTextWrapper = /*#__PURE__*/styled__default.div(_templateObject4$p || (_templateObject4$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-column: ", ";\n  display: flex;\n  flex-direction: column;\n  justify-content: space-around;\n  gap: 22px;\n\n  & > * {\n    margin-block-start: 0;\n    margin-block-end: 0;\n  }\n\n  @media ", " {\n    margin: 0 20px;\n    gap: 12px;\n  }\n\n  & .content-summary-text-link {\n    height: unset;\n  }\n"])), function (props) {
+var ContentSummaryImageWrapper = /*#__PURE__*/styled__default.div(_templateObject3$v || (_templateObject3$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  flex: 0 0 33.3%;\n"])));
+var ContentSummaryTextWrapper = /*#__PURE__*/styled__default.div(_templateObject4$q || (_templateObject4$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-column: ", ";\n  display: flex;\n  flex-direction: column;\n  justify-content: space-around;\n  gap: 22px;\n\n  & > * {\n    margin-block-start: 0;\n    margin-block-end: 0;\n  }\n\n  @media ", " {\n    margin: 0 20px;\n    gap: 12px;\n  }\n\n  & .content-summary-text-link {\n    height: unset;\n  }\n"])), function (props) {
   return props.showImage ? 2 : '1 / span 4';
 }, devices.mobile);
 var ContentSummaryTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject5$k || (_templateObject5$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  & > * {\n    margin: 0;\n  }\n\n  @media ", " {\n    & > * {\n      font-size: var(--font-size-header-5);\n      font-weight: var(--font-weight-header-5);\n    }\n  }\n"])), devices.mobile);
@@ -8788,7 +8624,7 @@ var ContentSummary = function ContentSummary(_ref) {
   }), link.text))));
 };
 
-var _templateObject$Y, _templateObject2$J, _templateObject3$v, _templateObject4$q, _templateObject5$l;
+var _templateObject$Y, _templateObject2$J, _templateObject3$w, _templateObject4$r, _templateObject5$l;
 var EditorialGrid = /*#__PURE__*/styled__default.div(_templateObject$Y || (_templateObject$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: grid;\n  grid-template-columns: repeat(12, minmax(0, 1fr));\n  gap: var(--grid-column-gap);\n  grid-template-areas: ", ";\n\n  @media ", " {\n    & {\n      display: grid;\n      grid-template-columns: 100%;\n      grid-template-rows: min-content 24px min-content;\n      grid-template-areas:\n        'row1'\n        '.'\n        'row2';\n    }\n  }\n"])), function (_ref) {
   var imageToLeft = _ref.imageToLeft;
   return imageToLeft ? "'left left left left left . right right right right right right'" : "'left left left left left left . right right right right right'";
@@ -8797,11 +8633,11 @@ var EditorialImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$J
   var imageToLeft = _ref2.imageToLeft;
   return imageToLeft ? 'left' : 'right';
 }, devices.mobile);
-var EditorialTextWrapper = /*#__PURE__*/styled__default.div(_templateObject3$v || (_templateObject3$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-area: ", ";\n  align-self: center;\n  @media ", " {\n    & {\n      grid-area: row2;\n      align-self: start;\n  }\n"])), function (_ref3) {
+var EditorialTextWrapper = /*#__PURE__*/styled__default.div(_templateObject3$w || (_templateObject3$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-area: ", ";\n  align-self: center;\n  @media ", " {\n    & {\n      grid-area: row2;\n      align-self: start;\n  }\n"])), function (_ref3) {
   var imageToLeft = _ref3.imageToLeft;
   return imageToLeft ? 'right' : 'left';
 }, devices.mobile);
-var EditorialSubtitle = /*#__PURE__*/styled__default.span(_templateObject4$q || (_templateObject4$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-family: var(--font-family-subtitle);\n  font-feature-settings: var(--font-feature-settings-subtitle);\n  font-size: var(--font-size-subtitle-1);\n  font-weight: var(--font-weight-subtitle-1);\n  line-height: var(--line-height-subtitle-1);\n  letter-spacing: var(--letter-spacing-subtitle-1);\n  text-transform: var(--text-transform-subtitle);\n  margin-bottom: var(--editorial-subtitle-margin-bottom);\n  display: block;\n  overflow-wrap: break-word;\n"])));
+var EditorialSubtitle = /*#__PURE__*/styled__default.span(_templateObject4$r || (_templateObject4$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-family: var(--font-family-subtitle);\n  font-feature-settings: var(--font-feature-settings-subtitle);\n  font-size: var(--font-size-subtitle-1);\n  font-weight: var(--font-weight-subtitle-1);\n  line-height: var(--line-height-subtitle-1);\n  letter-spacing: var(--letter-spacing-subtitle-1);\n  text-transform: var(--text-transform-subtitle);\n  margin-bottom: var(--editorial-subtitle-margin-bottom);\n  display: block;\n  overflow-wrap: break-word;\n"])));
 var EditorialText = /*#__PURE__*/styled__default.div(_templateObject5$l || (_templateObject5$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-family: var(--font-family-body);\n  font-feature-settings: var(--font-feature-settings-body);\n  font-size: var(--font-size-body-1);\n  font-weight: var(--font-weight-body-1);\n  line-height: var(--line-height-body-1);\n  letter-spacing: var(--letter-spacing-body-1);\n  text-transform: var(--text-transform-body);\n  margin: 0;\n  padding: 0;\n  white-space: break-spaces;\n  overflow-wrap: break-word;\n\n  em {\n    font-family: var(--font-family-body-italics);\n  }\n"])));
 
 var Editorial = function Editorial(_ref) {
@@ -8862,10 +8698,10 @@ var getBorderColor$1 = function getBorderColor(variant, colorValue) {
   return variant === InformationCtaVariants.Primary || variant === InformationCtaVariants.Secondary || variant === undefined ? "border-color: " + colorValue + ";" : '';
 };
 
-var _templateObject$Z, _templateObject2$K, _templateObject3$w, _templateObject4$r;
+var _templateObject$Z, _templateObject2$K, _templateObject3$x, _templateObject4$s;
 var InfoWrapper$1 = /*#__PURE__*/styled__default(Grid)(_templateObject$Z || (_templateObject$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  padding: 60px 0;\n  color: var(--information-panel-color);\n  background-color: var(--information-panel-bg-color);\n\n  @media ", " {\n    padding: 40px 0;\n  }\n"])), devices.mobile);
 var InfoTitle = /*#__PURE__*/styled__default('div')(_templateObject2$K || (_templateObject2$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  * {\n    margin-block: 0;\n  }\n"])));
-var InfoCTAWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$w || (_templateObject3$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-top: 32px;\n\n  @media ", " {\n    margin-top: 16px;\n  }\n\n  a {\n    color: ", ";\n    ", "\n    ", "\n\n    svg path {\n      fill: ", ";\n    }\n\n    :hover:not(:active) {\n      color: ", ";\n      ", "\n      ", "\n\n      svg path {\n        fill: ", ";\n      }\n    }\n\n    :active {\n      color: ", ";\n      ", "\n      ", "\n\n      svg path {\n        fill: ", ";\n      }\n    }\n  }\n"])), devices.mobile, function (_ref) {
+var InfoCTAWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$x || (_templateObject3$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-top: 32px;\n\n  @media ", " {\n    margin-top: 16px;\n  }\n\n  a {\n    color: ", ";\n    ", "\n    ", "\n\n    svg path {\n      fill: ", ";\n    }\n\n    :hover:not(:active) {\n      color: ", ";\n      ", "\n      ", "\n\n      svg path {\n        fill: ", ";\n      }\n    }\n\n    :active {\n      color: ", ";\n      ", "\n      ", "\n\n      svg path {\n        fill: ", ";\n      }\n    }\n  }\n"])), devices.mobile, function (_ref) {
   var variant = _ref.variant,
     theme = _ref.theme;
   return getTextColor$4(variant, theme, COLORS$4.background);
@@ -8897,18 +8733,18 @@ var InfoCTAWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$w || (
   var variant = _ref9.variant,
     theme = _ref9.theme;
   return getTextColor$4(variant, theme, COLORS$4.pressed);
-}, function (_ref10) {
-  var variant = _ref10.variant;
+}, function (_ref0) {
+  var variant = _ref0.variant;
   return getBackgroundColor$2(variant, COLORS$4.pressed);
-}, function (_ref11) {
-  var variant = _ref11.variant;
+}, function (_ref1) {
+  var variant = _ref1.variant;
   return getBorderColor$1(variant, COLORS$4.pressed);
-}, function (_ref12) {
-  var variant = _ref12.variant,
-    theme = _ref12.theme;
+}, function (_ref10) {
+  var variant = _ref10.variant,
+    theme = _ref10.theme;
   return getTextColor$4(variant, theme, COLORS$4.pressed);
 });
-var InfoBodyWrapper = /*#__PURE__*/styled__default(BodyCopyHarmonic)(_templateObject4$r || (_templateObject4$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: var(--information-panel-color);\n\n  a {\n    text-decoration: underline;\n    color: var(--information-panel-color);\n  }\n\n  @media ", " {\n    padding-top: 4px;\n  }\n"])), devices.mobile);
+var InfoBodyWrapper = /*#__PURE__*/styled__default(BodyCopyHarmonic)(_templateObject4$s || (_templateObject4$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: var(--information-panel-color);\n\n  a {\n    text-decoration: underline;\n    color: var(--information-panel-color);\n  }\n\n  @media ", " {\n    padding-top: 4px;\n  }\n"])), devices.mobile);
 
 // Helper function for rendering buttons based on the variant
 var renderButton = function renderButton(_ref) {
@@ -9032,115 +8868,118 @@ var Information = function Information(_ref) {
   })))));
 };
 
-var _templateObject$_, _templateObject2$L, _templateObject3$x, _templateObject4$s, _templateObject5$m, _templateObject6$h, _templateObject7$c, _templateObject8$8;
-var PageHeadingWrapper = /*#__PURE__*/styled__default.div(_templateObject$_ || (_templateObject$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  padding-bottom: 80px;\n  background-color: ", ";\n  color: var(--base-color-white);\n\n  ", ";\n\n  // remove spacing above/below for all semantic levels of the title\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    margin: 0;\n    padding: 0;\n  }\n\n  @media ", " {\n    padding-bottom: 0;\n  }\n"])), function (_ref) {
-  var theme = _ref.theme;
-  return theme.colors.primary;
-}, function (_ref2) {
-  var isPageHeadingWithoutTitle = _ref2.isPageHeadingWithoutTitle;
+var _templateObject$_, _templateObject2$L, _templateObject3$y, _templateObject4$t, _templateObject5$m, _templateObject6$h, _templateObject7$c, _templateObject8$8;
+var PageHeadingWrapper = /*#__PURE__*/styled__default('div')(_templateObject$_ || (_templateObject$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  padding-bottom: 80px;\n  background-color: var(--page-header-bg-color);\n  color: var(--color-base-white);\n\n  ", ";\n\n  h1,\n  h2,\n  h3 {\n    margin: 0;\n    padding: 0;\n  }\n\n  @media ", " {\n    padding-bottom: 0;\n  }\n"])), function (_ref) {
+  var isPageHeadingWithoutTitle = _ref.isPageHeadingWithoutTitle;
   return isPageHeadingWithoutTitle && "\n    padding-bottom: 42px;\n  ";
 }, devices.mobile);
 var PageHeadingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$L || (_templateObject2$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  gap: 0 var(--grid-column-gap);\n  grid-template-rows: min-content min-content;\n  grid-template-areas:\n    '. . title title title title title title title title title title . . logo .'\n    '. . text text text text text text text text text button button button . .';\n\n  @media ", " {\n    & {\n      grid-template-rows: 20px min-content min-content min-content 20px;\n      grid-template-areas:\n        '. . . . . . . . . . . . . .'\n        '. title title title title title title title title title title logo logo .'\n        '. text text text text text text text text text text text text .'\n        '. button button button button button button button button button button button button .'\n        '. . . . . . . . . . . . . .';\n    }\n  }\n\n  @media ", " {\n    & {\n      grid-template-areas:\n        '. title title title title title title title title title title logo logo .'\n        '. text text text text text text text text text button button button .';\n    }\n  }\n"])), devices.mobile, devices.tablet);
-var TitleWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject3$x || (_templateObject3$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-area: title;\n  margin-top: 80px;\n\n  ", ";\n\n  @media ", " {\n    & {\n      margin-top: 0;\n    }\n  }\n"])), function (_ref3) {
+var BadgeWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$y || (_templateObject3$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  height: 35px;\n  padding-bottom: 20px;\n\n  ", ";\n"])), function (_ref2) {
+  var isPageHeadingWithoutTitle = _ref2.isPageHeadingWithoutTitle;
+  return isPageHeadingWithoutTitle && "\n    height: 50px;\n    padding-bottom: 0;\n    margin: 10px 0;\n  ";
+});
+var TitleWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject4$t || (_templateObject4$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-area: title;\n  margin-top: 80px;\n\n  ", ";\n\n  @media ", " {\n    & {\n      margin-top: 0;\n    }\n  }\n"])), function (_ref3) {
   var isPageHeadingWithoutTitle = _ref3.isPageHeadingWithoutTitle;
   return isPageHeadingWithoutTitle && "\n    margin-top: 42px;\n  ";
 }, devices.mobile);
-var ChildrenWrapper = /*#__PURE__*/styled__default.div(_templateObject4$s || (_templateObject4$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-bottom: 20px;\n  width: fit-content;\n  height: 43px;\n\n  ", ";\n\n  @media ", " {\n    & {\n      height: 33px;\n      margin-top: 10px;\n      margin-bottom: 20px;\n    }\n  }\n"])), function (_ref4) {
+var ChildrenWrapper = /*#__PURE__*/styled__default.div(_templateObject5$m || (_templateObject5$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-bottom: 20px;\n  width: fit-content;\n  height: 43px;\n\n  ", ";\n\n  @media ", " {\n    & {\n      height: 33px;\n      margin-top: 10px;\n      margin-bottom: 20px;\n    }\n  }\n"])), function (_ref4) {
   var isPageHeadingWithoutTitle = _ref4.isPageHeadingWithoutTitle;
   return isPageHeadingWithoutTitle && "\n    margin: 10px 0;\n  ";
 }, devices.mobile);
-var TextWrapper = /*#__PURE__*/styled__default.div(_templateObject5$m || (_templateObject5$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-area: text;\n  align-self: end;\n  margin-top: 12px;\n\n  h6 {\n    margin: 0;\n    padding: 0;\n  }\n"])));
-var LogoWrapper = /*#__PURE__*/styled__default.div(_templateObject6$h || (_templateObject6$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-area: logo;\n  justify-self: end;\n  margin-top: 20px;\n  position: relative;\n\n  > div {\n    position: absolute;\n    top: 0;\n    right: 0;\n  }\n\n  @media ", " {\n    & {\n      align-self: start;\n      margin-top: 0;\n    }\n  }\n"])), devices.mobile);
-var ButtonWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject7$c || (_templateObject7$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-area: button;\n  justify-self: end;\n  align-self: end;\n\n  @media ", " {\n    & {\n      justify-self: center;\n      align-self: center;\n      width: 100%;\n      margin-top: 16px;\n    }\n  }\n"])), devices.mobile);
-var PageHeadingText = /*#__PURE__*/styled__default.div(_templateObject8$8 || (_templateObject8$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-size: var(--font-size-altHeader-6);\n  font-weight: var(--font-weight-altHeader-6);\n  letter-spacing: var(--letter-spacing-altHeader-6);\n  line-height: var(--line-height-altHeader-6);\n  font-feature-settings: var(--font-feature-settings-altHeader);\n  font-family: var(--font-family-altHeader);\n  text-transform: var(--text-transform-altHeader);\n  word-break: var(--word-break-altHeader);\n"])));
+var TextWrapper = /*#__PURE__*/styled__default.div(_templateObject6$h || (_templateObject6$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: var(--color-base-white);\n  grid-area: text;\n  align-self: end;\n  margin-top: 12px;\n\n  h6 {\n    margin: 0;\n    padding: 0;\n  }\n"])));
+var LogoWrapper = /*#__PURE__*/styled__default.div(_templateObject7$c || (_templateObject7$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-area: logo;\n  justify-self: end;\n  margin-top: 20px;\n  position: relative;\n\n  > div {\n    position: absolute;\n    top: 0;\n    right: 0;\n  }\n\n  ", ";\n\n  @media ", " {\n    & {\n      align-self: start;\n      margin-top: 0;\n\n      ", ";\n    }\n  }\n"])), function (_ref5) {
+  var isPageHeadingWithoutTitle = _ref5.isPageHeadingWithoutTitle;
+  return isPageHeadingWithoutTitle && "\n    margin-top: 40px;\n  ";
+}, devices.mobile, function (_ref6) {
+  var isPageHeadingWithoutTitle = _ref6.isPageHeadingWithoutTitle;
+  return isPageHeadingWithoutTitle && "\n    margin-top: 15px;\n   ";
+});
+var ButtonWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject8$8 || (_templateObject8$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-area: button;\n  justify-self: end;\n  align-self: end;\n\n  @media ", " {\n    & {\n      justify-self: center;\n      align-self: center;\n      width: 100%;\n      margin-top: 16px;\n    }\n  }\n"])), devices.mobile);
 
-var _excluded$l = ["text"];
 var PageHeading = function PageHeading(_ref) {
   var title = _ref.title,
+    hierarchy = _ref.hierarchy,
     text = _ref.text,
     link = _ref.link,
     _ref$sponsor = _ref.sponsor,
     sponsor = _ref$sponsor === void 0 ? false : _ref$sponsor,
     children = _ref.children,
-    _ref$semanticLevel = _ref.semanticLevel,
-    semanticLevel = _ref$semanticLevel === void 0 ? 1 : _ref$semanticLevel,
     _ref$copyCharLimit = _ref.copyCharLimit,
     copyCharLimit = _ref$copyCharLimit === void 0 ? 250 : _ref$copyCharLimit,
     _ref$titleCharLimit = _ref.titleCharLimit,
-    titleCharLimit = _ref$titleCharLimit === void 0 ? 40 : _ref$titleCharLimit;
-  var _ref2 = link || {},
-    linkText = _ref2.text,
-    restLink = _objectWithoutPropertiesLoose(_ref2, _excluded$l);
+    titleCharLimit = _ref$titleCharLimit === void 0 ? 40 : _ref$titleCharLimit,
+    className = _ref.className,
+    showBadge = _ref.showBadge,
+    theme = _ref.theme;
+  var themedLink = link && _extends({}, link, {
+    textColor: ThemeColor['base-black'],
+    backgroundColor: ThemeColor['base-white'],
+    hoveredColor: ThemeColor['white-hovered'],
+    pressedColor: ThemeColor['white-pressed']
+  });
+  var linkText = themedLink == null ? void 0 : themedLink.text;
   var truncatedText = text == null ? void 0 : text.substring(0, copyCharLimit);
   var truncatedTitle = title == null ? void 0 : title.substring(0, titleCharLimit);
   var isTitleUnAvailable = !title;
+  var renderBadge = function renderBadge(currentTheme) {
+    if (!showBadge) return null;
+    switch (currentTheme) {
+      case exports.ThemeType.Cinema:
+        return /*#__PURE__*/React__default.createElement(BadgeWrapper$1, {
+          isPageHeadingWithoutTitle: isTitleUnAvailable
+        }, /*#__PURE__*/React__default.createElement(CinemaBadge, {
+          align: "left"
+        }));
+      case exports.ThemeType.Stream:
+        return /*#__PURE__*/React__default.createElement(BadgeWrapper$1, {
+          isPageHeadingWithoutTitle: isTitleUnAvailable
+        }, /*#__PURE__*/React__default.createElement(StreamBadge, {
+          align: "left"
+        }));
+      default:
+        return null;
+    }
+  };
   return /*#__PURE__*/React__default.createElement(PageHeadingWrapper, {
+    className: className,
     "data-testid": "page-heading-wrapper",
     isPageHeadingWithoutTitle: isTitleUnAvailable
   }, /*#__PURE__*/React__default.createElement(PageHeadingGrid, null, /*#__PURE__*/React__default.createElement(TitleWrapper$2, {
     "data-testid": "page-heading-title",
     isPageHeadingWithoutTitle: isTitleUnAvailable
-  }, children ? (/*#__PURE__*/React__default.createElement(ChildrenWrapper, {
+  }, renderBadge(theme), children ? (/*#__PURE__*/React__default.createElement(ChildrenWrapper, {
     isPageHeadingWithoutTitle: isTitleUnAvailable
-  }, children)) : null, !isTitleUnAvailable && (/*#__PURE__*/React__default.createElement(Header, {
-    level: 2,
-    semanticLevel: semanticLevel
+  }, children)) : null, !isTitleUnAvailable && (/*#__PURE__*/React__default.createElement(HarmonicHeader, {
+    color: "white",
+    size: "large",
+    hierarchy: hierarchy
   }, truncatedTitle))), text ? (/*#__PURE__*/React__default.createElement(TextWrapper, {
     "data-testid": "page-heading-text"
-  }, /*#__PURE__*/React__default.createElement(PageHeadingText, {
+  }, /*#__PURE__*/React__default.createElement(BodyCopyHarmonic, {
+    color: "white",
+    size: "large",
     dangerouslySetInnerHTML: {
       __html: truncatedText
     }
   }))) : null, sponsor ? (/*#__PURE__*/React__default.createElement(LogoWrapper, {
-    "data-testid": "page-heading-sponsor"
-  }, /*#__PURE__*/React__default.createElement(Sponsorship, null))) : null, link ? (/*#__PURE__*/React__default.createElement(ButtonWrapper$1, {
+    "data-testid": "page-heading-sponsor",
+    isPageHeadingWithoutTitle: isTitleUnAvailable
+  }, /*#__PURE__*/React__default.createElement(Sponsorship, null))) : null, themedLink ? (/*#__PURE__*/React__default.createElement(ButtonWrapper$1, {
     "data-testid": "page-heading-link"
-  }, /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, restLink), linkText))) : null));
-};
-
-var _excluded$m = ["link"];
-var PageHeadingCore = function PageHeadingCore(_ref) {
-  var link = _ref.link,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$m);
-  var coreLink = link && _extends({}, link, {
-    color: ThemeColor['base-white'],
-    bgColor: ThemeColor['base-black']
-  });
-  return /*#__PURE__*/React__default.createElement(Theme, {
-    theme: exports.ThemeType.Core
-  }, /*#__PURE__*/React__default.createElement(PageHeading, Object.assign({}, rest, {
-    link: coreLink
-  })));
-};
-
-var _excluded$n = ["link"];
-var PageHeadingCinema = function PageHeadingCinema(_ref) {
-  var link = _ref.link,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$n);
-  var cinemaLink = link && _extends({}, link, {
-    color: ThemeColor['base-black'],
-    bgColor: ThemeColor['base-white']
-  });
-  return /*#__PURE__*/React__default.createElement(Theme, {
-    theme: exports.ThemeType.Cinema
-  }, /*#__PURE__*/React__default.createElement(PageHeading, Object.assign({}, rest, {
-    link: cinemaLink
-  }), /*#__PURE__*/React__default.createElement(CinemaBadge, {
-    align: "left"
-  })));
+  }, /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, themedLink), linkText))) : null));
 };
 
-var _templateObject$$, _templateObject2$M, _templateObject3$y, _templateObject4$t, _templateObject5$n, _templateObject6$i, _templateObject7$d, _templateObject8$9;
+var _templateObject$$, _templateObject2$M, _templateObject3$z, _templateObject4$u, _templateObject5$n, _templateObject6$i, _templateObject7$d, _templateObject8$9;
 var ImpactWrapper = /*#__PURE__*/styled__default.div(_templateObject$$ || (_templateObject$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  aspect-ratio: 16 / 9;\n  @supports not (aspect-ratio: 16 / 9) {\n    height: 56.25vw;\n  }\n\n  position: relative;\n  display: flex;\n  background: var(--base-color-black);\n\n  @media ", " {\n    aspect-ratio: 1 / 1;\n    @supports not (aspect-ratio: 1 / 1) {\n      height: 100vw;\n    }\n  }\n"])), devices.mobile);
 var ImpactHeaderImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$M || (_templateObject2$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 100%;\n  overflow: hidden;\n  aspect-ratio: 16 / 9;\n  @supports not (aspect-ratio: 16 / 9) {\n    height: 56.25vw;\n  }\n\n  img {\n    width: 100%;\n    filter: brightness(0.7);\n    opacity: 0.95;\n  }\n\n  @media ", " {\n    height: fit-content;\n    aspect-ratio: 1 / 1;\n    @supports not (aspect-ratio: 1 / 1) {\n      height: 100vw;\n    }\n\n    img {\n      height: 100%;\n      object-fit: cover;\n    }\n  }\n"])), devices.mobile);
-var ImpactGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$y || (_templateObject3$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: absolute;\n  align-self: center;\n  width: 100%;\n  z-index: ", ";\n  gap: 0 var(--grid-column-gap);\n  grid-template-rows: min-content min-content min-content;\n  grid-template-areas:\n    '. . . . . logo logo logo logo logo logo . . . . .'\n    '. . . text text text text text text text text text text . . .'\n    '. . . button button button button button button button button button button . . .';\n\n  @media ", " {\n    & {\n      height: 100%;\n      grid-template-rows: 1fr max-content 1fr;\n      grid-template-areas:\n        '. . . logo logo logo logo logo logo logo logo . . .'\n        '. text text text text text text text text text text text text .'\n        '. button button button button button button button button button button button button .';\n    }\n  }\n\n  @media ", " {\n    align-content: center;\n\n    & {\n      grid-template-areas:\n        '. . . logo logo logo logo logo logo logo logo . . .'\n        '. . text text text text text text text text text text . .'\n        '. . button button button button button button button button button button . .';\n    }\n  }\n"])), zIndexes.contentOverlay, devices.mobile, devices.tablet);
-var SponsorWrapper = /*#__PURE__*/styled__default.div(_templateObject4$t || (_templateObject4$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: absolute;\n  top: 20px;\n  right: var(--grid-outer-margin);\n  width: fit-content;\n  z-index: ", ";\n\n  @media ", " {\n    & {\n      right: var(--grid-margin);\n    }\n  }\n"])), zIndexes.sponsorship, devices.mobileAndTablet);
+var ImpactGrid = /*#__PURE__*/styled__default(Grid)(_templateObject3$z || (_templateObject3$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: absolute;\n  align-self: center;\n  width: 100%;\n  z-index: ", ";\n  gap: 0 var(--grid-column-gap);\n  grid-template-rows: min-content min-content min-content;\n  grid-template-areas:\n    '. . . . . logo logo logo logo logo logo . . . . .'\n    '. . . text text text text text text text text text text . . .'\n    '. . . button button button button button button button button button button . . .';\n\n  @media ", " {\n    & {\n      height: 100%;\n      grid-template-rows: 1fr max-content 1fr;\n      grid-template-areas:\n        '. . . logo logo logo logo logo logo logo logo . . .'\n        '. text text text text text text text text text text text text .'\n        '. button button button button button button button button button button button button .';\n    }\n  }\n\n  @media ", " {\n    align-content: center;\n\n    & {\n      grid-template-areas:\n        '. . . logo logo logo logo logo logo logo logo . . .'\n        '. . text text text text text text text text text text . .'\n        '. . button button button button button button button button button button . .';\n    }\n  }\n"])), zIndexes.contentOverlay, devices.mobile, devices.tablet);
+var SponsorWrapper = /*#__PURE__*/styled__default.div(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: absolute;\n  top: 20px;\n  right: var(--grid-outer-margin);\n  width: fit-content;\n  z-index: ", ";\n\n  @media ", " {\n    & {\n      right: var(--grid-margin);\n    }\n  }\n"])), zIndexes.sponsorship, devices.mobileAndTablet);
 var LogoWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject5$n || (_templateObject5$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-area: logo;\n  align-self: end;\n"])));
 var TextWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject6$i || (_templateObject6$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-area: text;\n  color: var(--base-color-white);\n  text-align: center;\n  margin-top: 40px;\n  max-height: calc(2 * var(--line-height-header-3));\n  overflow: hidden;\n\n  h3 {\n    margin: 0;\n    padding: 0;\n  }\n\n  @media ", " {\n    & {\n      max-height: calc(4 * var(--line-height-header-3));\n    }\n  }\n\n  @media ", " {\n    & {\n      margin-top: 12px;\n      max-height: calc(4 * var(--line-height-header-3));\n    }\n\n    h3 {\n      font-size: var(--font-size-header-3);\n      letter-spacing: var(--letter-spacing-header-5);\n      line-height: var(--line-height-header-5);\n    }\n  }\n"])), devices.tablet, devices.mobile);
 var ButtonWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject7$d || (_templateObject7$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-area: button;\n  align-self: end;\n  display: flex;\n  justify-content: center;\n  margin-top: 40px;\n\n  @media ", " {\n    & {\n      margin-top: 0px;\n      margin-bottom: 20px;\n    }\n  }\n"])), devices.mobile);
 var ScrollDownWrapper = /*#__PURE__*/styled__default.div(_templateObject8$9 || (_templateObject8$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: absolute;\n  bottom: 20px;\n  left: var(--grid-outer-margin);\n  width: fit-content;\n  z-index: ", ";\n\n  @keyframes UpDown {\n    0%,\n    100% {\n      transform: translateY(0);\n    }\n    50% {\n      transform: translateY(8px);\n    }\n  }\n\n  a {\n    font-size: var(--font-size-overline-1);\n    font-weight: var(--font-weight-overline-1);\n    letter-spacing: var(--letter-spacing-overline-1);\n    border: none;\n    padding: 0;\n    :hover {\n      border: none;\n\n      > span {\n        animation: UpDown 1500ms linear infinite;\n      }\n    }\n  }\n\n  @media ", " {\n    & {\n      display: none;\n    }\n  }\n\n  @media ", " {\n    & {\n      display: none;\n    }\n  }\n"])), zIndexes.contentOverlay, devices.mobile, devices.tablet);
 
-var _excluded$o = ["text"];
+var _excluded$k = ["text"];
 var PageHeadingImpact = function PageHeadingImpact(_ref) {
   var children = _ref.children,
     text = _ref.text,
@@ -9158,7 +8997,7 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
   var truncatedText = text == null ? void 0 : text.substring(0, 75);
   var _ref2 = link || {},
     linkText = _ref2.text,
-    restLink = _objectWithoutPropertiesLoose(_ref2, _excluded$o);
+    restLink = _objectWithoutPropertiesLoose(_ref2, _excluded$k);
   return /*#__PURE__*/React__default.createElement(ImpactWrapper, {
     bgUrlDesktop: bgUrlDesktop,
     bgUrlDevice: bgUrlDevice,
@@ -9167,9 +9006,7 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
     "data-testid": "impact-sponsor"
   }, customSponsorImage ? (/*#__PURE__*/React__default.createElement(Sponsorship, Object.assign({
     "data-testid": "impact-custom-sponsor"
-  }, customSponsorImage, {
-    isCustomImage: true
-  }))) : (/*#__PURE__*/React__default.createElement(Sponsorship, null)))) : null, /*#__PURE__*/React__default.createElement(ImpactHeaderImageWrapper, null, /*#__PURE__*/React__default.createElement("picture", {
+  }, customSponsorImage))) : (/*#__PURE__*/React__default.createElement(Sponsorship, null)))) : null, /*#__PURE__*/React__default.createElement(ImpactHeaderImageWrapper, null, /*#__PURE__*/React__default.createElement("picture", {
     "data-testid": "impact-picture"
   }, bgUrlDevice && (/*#__PURE__*/React__default.createElement("source", {
     srcSet: bgUrlDevice,
@@ -9198,12 +9035,12 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
     iconName: "Arrow",
     iconDirection: "down",
     href: scrollHref,
-    color: exports.Colors.White,
-    hoverColor: exports.Colors.White
+    color: ThemeColor['base-white'],
+    hoverColor: ThemeColor['base-white']
   }, "Scroll Down"))) : null);
 };
 
-var _templateObject$10, _templateObject2$N, _templateObject3$z, _templateObject4$u, _templateObject5$o;
+var _templateObject$10, _templateObject2$N, _templateObject3$A, _templateObject4$v, _templateObject5$o;
 var PanelGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$10 || (_templateObject$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  gap: 0 var(--grid-column-gap);\n\n  ", "\n\n  @media ", " {\n    grid-template-rows: 48px max-content max-content;\n  }\n"])), function (_ref) {
   var color = _ref.color;
   return "\n    background-color: " + (color ? "var(--base-color-" + color + ")" : 'var(--base-color-core)') + ";\n    color: " + (color === exports.Colors.White ? 'var(--base-color-black)' : 'var(--base-color-white)') + ";\n  ";
@@ -9215,8 +9052,8 @@ var LeftPanel = /*#__PURE__*/styled__default.div(_templateObject2$N || (_templat
   var hasImage = _ref3.hasImage;
   return hasImage ? '3 / 1 / 4 / 15' : '1 / 1 / 3 / 15';
 });
-var RightPanel = /*#__PURE__*/styled__default.div(_templateObject3$z || (_templateObject3$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-area: 1 / 7 / 3 / 17;\n  position: relative;\n  height: 100%;\n  width: 100%;\n  background-color: var(--base-color-black);\n\n  @media ", " {\n    grid-area: 2 / 1 / 3 / 15;\n  }\n"])), devices.mobileAndTablet);
-var InfoWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject4$u || (_templateObject4$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin: 36px;\n  max-height: 33vw;\n  overflow: hidden;\n\n  :first-child * {\n    margin-block-start: 0;\n  }\n\n  @media ", " {\n    margin: 36px 20px;\n    max-height: unset;\n  }\n"])), devices.mobileAndTablet);
+var RightPanel = /*#__PURE__*/styled__default.div(_templateObject3$A || (_templateObject3$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-area: 1 / 7 / 3 / 17;\n  position: relative;\n  height: 100%;\n  width: 100%;\n  background-color: var(--base-color-black);\n\n  @media ", " {\n    grid-area: 2 / 1 / 3 / 15;\n  }\n"])), devices.mobileAndTablet);
+var InfoWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject4$v || (_templateObject4$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin: 36px;\n  max-height: 33vw;\n  overflow: hidden;\n\n  :first-child * {\n    margin-block-start: 0;\n  }\n\n  @media ", " {\n    margin: 36px 20px;\n    max-height: unset;\n  }\n"])), devices.mobileAndTablet);
 var ScrollDownWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject5$o || (_templateObject5$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  padding: 0 0 25px 36px;\n\n  @keyframes UpDown {\n    0%,\n    100% {\n      transform: translateY(0);\n    }\n    50% {\n      transform: translateY(8px);\n    }\n  }\n\n  a {\n    font-size: var(--font-size-overline-1);\n    font-weight: var(--font-weight-overline-1);\n    letter-spacing: var(--letter-spacing-overline-1);\n    border: none;\n    padding: 0;\n\n    :hover {\n      border: none;\n\n      > span {\n        animation: UpDown 1500ms linear infinite;\n      }\n    }\n  }\n\n  @media ", " {\n    display: none;\n  }\n"])), devices.mobileAndTablet);
 
 var PageHeadingPanel = function PageHeadingPanel(_ref) {
@@ -9237,8 +9074,8 @@ var PageHeadingPanel = function PageHeadingPanel(_ref) {
     iconName: "Arrow",
     iconDirection: "down",
     href: scrollTo,
-    color: color === exports.Colors.White ? exports.Colors.Black : exports.Colors.White,
-    hoverColor: color === exports.Colors.White ? exports.Colors.Black : exports.Colors.White
+    color: color === ThemeColor['base-white'] ? ThemeColor['base-black'] : ThemeColor['base-white'],
+    hoverColor: color === ThemeColor['base-white'] ? ThemeColor['base-black'] : ThemeColor['base-white']
   }, "Scroll Down")))), hasImage && (/*#__PURE__*/React__default.createElement(RightPanel, null, /*#__PURE__*/React__default.createElement(ImageAspectRatioWrapper, {
     aspectRatio: exports.AspectRatio['4:3']
   }, /*#__PURE__*/React__default.createElement("img", {
@@ -9247,31 +9084,11 @@ var PageHeadingPanel = function PageHeadingPanel(_ref) {
   })))));
 };
 
-var _templateObject$11;
-var StreamWrapper = /*#__PURE__*/styled__default.div(_templateObject$11 || (_templateObject$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  h2::selection,\n  div::selection {\n    color: #1866dc;\n    background-color: #fff;\n  }\n"])));
-
-var _excluded$p = ["link"];
-var PageHeadingStream = function PageHeadingStream(_ref) {
-  var link = _ref.link,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$p);
-  var streamLink = link && _extends({}, link, {
-    color: ThemeColor['base-black'],
-    bgColor: ThemeColor['base-white']
-  });
-  return /*#__PURE__*/React__default.createElement(Theme, {
-    theme: exports.ThemeType.Stream
-  }, /*#__PURE__*/React__default.createElement(StreamWrapper, null, /*#__PURE__*/React__default.createElement(PageHeading, Object.assign({}, rest, {
-    link: streamLink
-  }), /*#__PURE__*/React__default.createElement(StreamBadge, {
-    align: "left"
-  }))));
-};
-
-var _templateObject$12, _templateObject2$O, _templateObject3$A, _templateObject4$v, _templateObject5$p, _templateObject6$j, _templateObject7$e, _templateObject8$a, _templateObject9$5, _templateObject10$5, _templateObject11$3;
-var Wrapper$5 = /*#__PURE__*/styled__default.section(_templateObject$12 || (_templateObject$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 100%;\n"])));
+var _templateObject$11, _templateObject2$O, _templateObject3$B, _templateObject4$w, _templateObject5$p, _templateObject6$j, _templateObject7$e, _templateObject8$a, _templateObject9$5, _templateObject0$5, _templateObject1$3;
+var Wrapper$5 = /*#__PURE__*/styled__default.section(_templateObject$11 || (_templateObject$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 100%;\n"])));
 var ImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$O || (_templateObject2$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n\n  picture,\n  img {\n    width: 100%;\n    height: 100%;\n  }\n"])));
-var SponsorWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$A || (_templateObject3$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: absolute;\n  top: 20px;\n  right: var(--grid-outer-margin);\n  width: fit-content;\n  z-index: ", ";\n\n  @media ", " {\n    & {\n      right: var(--grid-margin);\n    }\n  }\n\n  @media ", " {\n    & {\n      height: 40px;\n      width: 40px;\n    }\n    \n    & iframe {\n      height: 80px;\n      transform: scale(0.5) translate(-40px, -40px);\n      width: 80px;\n    }\n"])), zIndexes.sponsorship, devices.mobileAndTablet, devices.tablet);
-var ImageButtonWrapper = /*#__PURE__*/styled__default.div(_templateObject4$v || (_templateObject4$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: absolute;\n  right: var(--grid-outer-margin);\n  bottom: 20px;\n  z-index: 10;\n\n  @media ", " {\n    right: var(--grid-margin);\n    bottom: 10px;\n  }\n"])), devices.tablet);
+var SponsorWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$B || (_templateObject3$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: absolute;\n  top: 20px;\n  right: var(--grid-outer-margin);\n  width: fit-content;\n  z-index: ", ";\n\n  @media ", " {\n    & {\n      right: var(--grid-margin);\n    }\n  }\n"])), zIndexes.sponsorship, devices.mobileAndTablet);
+var ImageButtonWrapper = /*#__PURE__*/styled__default.div(_templateObject4$w || (_templateObject4$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: absolute;\n  right: var(--grid-outer-margin);\n  bottom: 20px;\n  z-index: 10;\n\n  @media ", " {\n    right: var(--grid-margin);\n    bottom: 10px;\n  }\n"])), devices.tablet);
 var ContentSection = /*#__PURE__*/styled__default.div(_templateObject5$p || (_templateObject5$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  background-color: var(--heading-promo-bg-color);\n  border-bottom: ", ";\n  display: ", ";\n\n  @media ", " {\n    padding: 12px 0 20px;\n  }\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme == exports.ThemeType.Cinema ? '2px solid var(--color-base-light-grey)' : 'none';
@@ -9279,7 +9096,7 @@ var ContentSection = /*#__PURE__*/styled__default.div(_templateObject5$p || (_te
   var showBlock = _ref2.showBlock;
   return showBlock ? 'block' : 'none';
 }, devices.mobile);
-var BadgeWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject6$j || (_templateObject6$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  svg {\n    height: 32px;\n  }\n\n  @media ", " {\n    margin-bottom: 12px;\n  }\n"])), devices.mobile);
+var BadgeWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject6$j || (_templateObject6$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  svg {\n    height: 32px;\n  }\n\n  @media ", " {\n    margin-bottom: 12px;\n  }\n"])), devices.mobile);
 var AdditionalContentWrapper = /*#__PURE__*/styled__default.div(_templateObject7$e || (_templateObject7$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-content: start;\n  align-items: center;\n  width: 200px;\n\n  @media ", " {\n    order: ", ";\n    width: 100%;\n    justify-content: center;\n  }\n"])), devices.mobile, function (_ref3) {
   var isBadgePresent = _ref3.isBadgePresent;
   return isBadgePresent ? '1' : '4';
@@ -9289,14 +9106,14 @@ var MainButtonWrapper = /*#__PURE__*/styled__default.div(_templateObject8$a || (
   return isAdditionalButtonPresent ? '20px' : '0';
 });
 var AdditionalButtonWrapper = /*#__PURE__*/styled__default.div(_templateObject9$5 || (_templateObject9$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  @media ", " {\n    width: 100%;\n    display: flex;\n    justify-content: center;\n  }\n"])), devices.mobile);
-var TitleWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject10$5 || (_templateObject10$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  text-align: center;\n  padding: 10px 0;\n\n  h1,\n  h2,\n  h3 {\n    color: ", ";\n  }\n\n  @media ", " {\n    padding: 0;\n    order: 2;\n    margin-bottom: ", ";\n  }\n"])), function (_ref5) {
+var TitleWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject0$5 || (_templateObject0$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  text-align: center;\n  padding: 10px 0;\n\n  h1,\n  h2,\n  h3 {\n    color: ", ";\n  }\n\n  @media ", " {\n    padding: 0;\n    order: 2;\n    margin-bottom: ", ";\n  }\n"])), function (_ref5) {
   var theme = _ref5.theme;
   return theme == exports.ThemeType.Cinema ? 'var(--color-base-black)' : 'var(--color-base-white)';
 }, devices.mobile, function (_ref6) {
   var isButtonPresent = _ref6.isButtonPresent;
   return isButtonPresent ? '20px' : '0';
 });
-var ContentWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject11$3 || (_templateObject11$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  min-height: 70px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  @media ", " {\n    min-height: auto;\n    flex-direction: column;\n    justify-content: start;\n  }\n"])), devices.mobile);
+var ContentWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject1$3 || (_templateObject1$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  min-height: 70px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  @media ", " {\n    min-height: auto;\n    flex-direction: column;\n    justify-content: start;\n  }\n"])), devices.mobile);
 
 var PageHeadingPromoBadge;
 (function (PageHeadingPromoBadge) {
@@ -9311,7 +9128,7 @@ var Badge = function Badge(_ref) {
   if (!badge) return null;
   var color = theme === exports.ThemeType.Cinema ? exports.Colors.Black : exports.Colors.White;
   var alignment = isMobile ? 'center' : 'left';
-  return /*#__PURE__*/React__default.createElement(BadgeWrapper$1, {
+  return /*#__PURE__*/React__default.createElement(BadgeWrapper$2, {
     "data-testid": "promo-heading-badge"
   }, badge === PageHeadingPromoBadge.Cinema ? (/*#__PURE__*/React__default.createElement(CinemaBadge, {
     fillColor: color,
@@ -9402,10 +9219,12 @@ var PageHeadingPromo = function PageHeadingPromo(_ref) {
     additionalLink = _ref.additionalLink,
     image = _ref.image;
   var _useViewport = useViewport(),
-    isMobile = _useViewport.isMobile;
+    isMobile = _useViewport.isMobile,
+    hydrated = _useViewport.hydrated;
   var showImageButton = !title && !badge && !additionalLink && !isMobile;
   var showContentBlock = !!title || !!additionalLink || !!mainLink && isMobile;
   var truncatedTitle = title ? truncate(title, TITLE_MAX_LENGTH) : null;
+  if (!hydrated) return null;
   return /*#__PURE__*/React__default.createElement(Wrapper$5, {
     className: className
   }, sponsor && (/*#__PURE__*/React__default.createElement(SponsorWrapper$1, {
@@ -9453,7 +9272,13 @@ var PageHeadingPromo = function PageHeadingPromo(_ref) {
     theme: theme,
     link: mainLink,
     isMobile: isMobile
-  }))))), isMobile && (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, title && (/*#__PURE__*/React__default.createElement(TitleWrapper$3, {
+  }))))), isMobile && (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, badge && (/*#__PURE__*/React__default.createElement(AdditionalContentWrapper, {
+    isBadgePresent: !!badge
+  }, /*#__PURE__*/React__default.createElement(Badge, {
+    theme: theme,
+    badge: badge,
+    isMobile: isMobile
+  }))), title && (/*#__PURE__*/React__default.createElement(TitleWrapper$3, {
     theme: theme,
     isButtonPresent: !!mainLink || !!additionalLink
   }, /*#__PURE__*/React__default.createElement(HarmonicHeader, {
@@ -9465,22 +9290,18 @@ var PageHeadingPromo = function PageHeadingPromo(_ref) {
     theme: theme,
     link: mainLink,
     isMobile: isMobile
-  }))), (badge || additionalLink) && (/*#__PURE__*/React__default.createElement(AdditionalContentWrapper, {
+  }))), !badge && additionalLink && (/*#__PURE__*/React__default.createElement(AdditionalContentWrapper, {
     isBadgePresent: !!badge
-  }, /*#__PURE__*/React__default.createElement(Badge, {
-    theme: theme,
-    badge: badge,
-    isMobile: isMobile
-  }), !badge && (/*#__PURE__*/React__default.createElement(AdditionalButtonWrapper, null, /*#__PURE__*/React__default.createElement(Button$1, {
+  }, /*#__PURE__*/React__default.createElement(AdditionalButtonWrapper, null, /*#__PURE__*/React__default.createElement(Button$1, {
     theme: theme,
     link: additionalLink
-  }))))))))))));
+  })))))))))));
 };
 
-var _templateObject$13, _templateObject2$P, _templateObject3$B, _templateObject5$q, _templateObject6$k, _templateObject7$f, _templateObject8$b, _templateObject9$6, _templateObject10$6;
-var BrandingTextBlock = /*#__PURE__*/styled__default.div(_templateObject$13 || (_templateObject$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-size: var(--font-size-body-2);\n  font-family: var(--font-family-header);\n  text-transform: uppercase;\n  margin: 0;\n  white-space: nowrap;\n  @media screen and (max-width: 920px) {\n    white-space: normal;\n  }\n  @media ", " {\n    white-space: nowrap;\n  }\n"])), devices.mobile);
+var _templateObject$12, _templateObject2$P, _templateObject3$C, _templateObject5$q, _templateObject6$k, _templateObject7$f, _templateObject8$b, _templateObject9$6, _templateObject0$6;
+var BrandingTextBlock = /*#__PURE__*/styled__default.div(_templateObject$12 || (_templateObject$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-size: var(--font-size-body-2);\n  font-family: var(--font-family-header);\n  text-transform: uppercase;\n  margin: 0;\n  white-space: nowrap;\n  @media screen and (max-width: 920px) {\n    white-space: normal;\n  }\n  @media ", " {\n    white-space: nowrap;\n  }\n"])), devices.mobile);
 var BrandingTextBody = /*#__PURE__*/styled__default.div(_templateObject2$P || (_templateObject2$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-family: var(--font-family-body);\n  font-size: var(--font-size-heading-6);\n  line-height: var(--line-height-heading-6);\n"])));
-var ComapctHeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$B || (_templateObject3$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n  display: block;\n"])));
+var ComapctHeaderWrapper = /*#__PURE__*/styled__default.div(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n  display: block;\n"])));
 var CompactHeaderAssetWrapper = /*#__PURE__*/styled__default.div(_templateObject5$q || (_templateObject5$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  height: 37.5vw;\n  width: 100%;\n  position: relative;\n  overflow: hidden;\n  background-color: #000;\n  img {\n    position: relative;\n    height: 100%;\n    width: 100%;\n    object-fit: cover;\n  }\n  video {\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n    object-fit: contain;\n    @media ", " {\n      position: absolute;\n      top: 0;\n      left: 0;\n      bottom: 0;\n      margin: auto;\n      height: auto;\n      max-height: 100vh;\n      width: 100%;\n      object-fit: contain;\n    }\n  }\n  @media ", " {\n    height: 85vw;\n    max-height: 100vh;\n  }\n"])), devices.mobile, devices.mobile);
 var CompactHeaderCopyWrapper = /*#__PURE__*/styled__default(Grid)(_templateObject6$k || (_templateObject6$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n  height: 160px;\n  grid-template-rows: min-content min-content;\n  grid-template-rows: min-content min-content;\n  grid-template-columns: [logo] 1fr [title] 3fr [cta] 1fr;\n  align-content: center;\n  gap: 0;\n  background-color: ", ";\n  color: ", ";\n\n  svg {\n    width: 210px;\n    fill: ", ";\n  }\n\n  h1::selection,\n  div::selection {\n    ", ";\n  }\n\n  @media ", " {\n    svg {\n      width: 145px;\n    }\n  }\n\n  @media ", " {\n    display: flex;\n    flex-direction: column;\n    height: auto;\n    padding: 32px 20px;\n\n    svg {\n      width: 180px;\n    }\n  }\n"])), function (_ref) {
   var invert = _ref.invert,
@@ -9501,7 +9322,7 @@ var CompactHeaderCopyWrapper = /*#__PURE__*/styled__default(Grid)(_templateObjec
 var CompactHeaderLogoWrapper = /*#__PURE__*/styled__default.div(_templateObject7$f || (_templateObject7$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  grid-area: logo;\n  padding-left: 50px;\n  justify-content: left;\n  align-items: center;\n  width: 100%;\n  @media ", " {\n    padding-left: 0px;\n    justify-content: center;\n  }\n  @media ", " {\n    width: fit-content;\n  }\n"])), devices.mobile, devices.tablet);
 var CompactHeaderTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject8$b || (_templateObject8$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  grid-area: title;\n  align-items: center;\n  justify-content: center;\n  font-family: var(--font-family-header);\n  text-transform: uppercase;\n  text-align: center;\n  padding: 0 2em;\n  @media ", " {\n    justify-content: center;\n  }\n"])), devices.mobile);
 var CompactHeaderCTAWrapper = /*#__PURE__*/styled__default.div(_templateObject9$6 || (_templateObject9$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  grid-area: cta;\n  justify-content: right;\n  align-items: center;\n  padding-right: 50px;\n  @media ", " {\n    padding-right: 0px;\n    justify-content: center;\n  }\n"])), devices.mobile);
-var PrimaryButtonWithInversion = /*#__PURE__*/styled__default(PrimaryButton)(_templateObject10$6 || (_templateObject10$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  background-color: ", ";\n  color: ", ";\n  svg {\n    fill: ", ";\n    path {\n      fill: ", ";\n    }\n  }\n  min-width: 145px;\n"])), function (_ref5) {
+var PrimaryButtonWithInversion = /*#__PURE__*/styled__default(PrimaryButton)(_templateObject0$6 || (_templateObject0$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  background-color: ", ";\n  color: ", ";\n  svg {\n    fill: ", ";\n    path {\n      fill: ", ";\n    }\n  }\n  min-width: 145px;\n"])), function (_ref5) {
   var invert = _ref5.invert,
     theme = _ref5.theme;
   return invert ? theme.colors.primary : theme.colors.white;
@@ -9590,7 +9411,7 @@ var CompactHeaderBranding = function CompactHeaderBranding(_ref) {
   return /*#__PURE__*/React__default.createElement(CompactHeaderLogoWrapper, null, renderBranding(brandingStyle, invert, brandingText, brandingLink));
 };
 
-var _excluded$q = ["text"];
+var _excluded$l = ["text"];
 var useResponsiveVideo = function useResponsiveVideo(video, poster) {
   var mobileVideo = video.mobile || video.desktop;
   var desktopVideo = video.desktop || video.mobile;
@@ -9692,13 +9513,11 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
     brandingText = _ref4.brandingText,
     brandingLink = _ref4.brandingLink,
     _ref4$showCopy = _ref4.showCopy,
-    showCopy = _ref4$showCopy === void 0 ? true : _ref4$showCopy,
-    _ref4$semanticLevel = _ref4.semanticLevel,
-    semanticLevel = _ref4$semanticLevel === void 0 ? 1 : _ref4$semanticLevel;
+    showCopy = _ref4$showCopy === void 0 ? true : _ref4$showCopy;
   var _ref5 = link || {},
     linkText = _ref5.text,
-    restLink = _objectWithoutPropertiesLoose(_ref5, _excluded$q);
-  var titleSize = title && title.length > 20 ? 4 : 3;
+    restLink = _objectWithoutPropertiesLoose(_ref5, _excluded$l);
+  // const titleSize = title && title.length > 20 ? 4 : 3;
   var video = {
     elementId: 'compact-header-video',
     desktop: videoUrlDesktop,
@@ -9713,9 +9532,7 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
     "data-testid": "compact-sponsor"
   }, customSponsorImage ? (/*#__PURE__*/React__default.createElement(Sponsorship, Object.assign({
     "data-testid": "compact-custom-sponsor"
-  }, customSponsorImage, {
-    isCustomImage: true
-  }))) : (/*#__PURE__*/React__default.createElement(Sponsorship, null)))) : null, /*#__PURE__*/React__default.createElement(CompactHeaderAssetWrapper, null, /*#__PURE__*/React__default.createElement(CompactHeaderVideo, {
+  }, customSponsorImage))) : (/*#__PURE__*/React__default.createElement(Sponsorship, null)))) : null, /*#__PURE__*/React__default.createElement(CompactHeaderAssetWrapper, null, /*#__PURE__*/React__default.createElement(CompactHeaderVideo, {
     video: video,
     poster: poster
   })), showCopy && (/*#__PURE__*/React__default.createElement(CompactHeaderCopyWrapper, {
@@ -9726,24 +9543,24 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
     brandingText: brandingText,
     brandingLink: brandingLink,
     invert: invert
-  }), /*#__PURE__*/React__default.createElement(CompactHeaderTitleWrapper, null, /*#__PURE__*/React__default.createElement(Header, {
-    level: titleSize,
-    semanticLevel: semanticLevel
+  }), /*#__PURE__*/React__default.createElement(CompactHeaderTitleWrapper, null, /*#__PURE__*/React__default.createElement(HarmonicHeader, {
+    size: "large",
+    hierarchy: "h1"
   }, title && truncate(title, 40))), link && (/*#__PURE__*/React__default.createElement(CompactHeaderCTAWrapper, null, /*#__PURE__*/React__default.createElement(PrimaryButtonWithInversion, Object.assign({}, restLink, {
     invert: invert,
     className: "page-heading-compact__button"
   }), linkText))))));
 };
 
-var _templateObject$14, _templateObject2$Q, _templateObject3$C, _templateObject4$w;
-var MorePages = /*#__PURE__*/styled__default.span(_templateObject$14 || (_templateObject$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  cursor: not-allowed;\n  pointer-events: none;\n"])));
+var _templateObject$13, _templateObject2$Q, _templateObject3$D, _templateObject4$x;
+var MorePages = /*#__PURE__*/styled__default.span(_templateObject$13 || (_templateObject$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  cursor: not-allowed;\n  pointer-events: none;\n"])));
 var PageNumberWrapper = /*#__PURE__*/styled__default.ol(_templateObject2$Q || (_templateObject2$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-top: 40px;\n  margin-bottom: 40px;\n  flex-wrap: nowrap;\n  flex-direction: row;\n  list-style: none;\n  padding: 0;\n  max-width: fit-content;\n  margin: auto;\n  li {\n    font-size: var(--font-size-subtitle-1);\n    font-weight: var(--font-weight-body-1);\n    line-height: var(--line-height-subtitle-1);\n    letter-spacing: var(--letter-spacing-subtitle-1);\n    margin-left: 16px;\n    color: var(--base-color-dark-grey);\n    display: flex;\n    align-items: center;\n    border-bottom: 1px solid rgba(0, 0, 0, 0);\n  }\n"])));
 // PageNumber extends bodyText but uses subtitle-1 font size
-var PageNumber = /*#__PURE__*/styled__default.a(_templateObject3$C || (_templateObject3$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: inherit;\n  margin: 0;\n  border-bottom: 1px solid transparent;\n  line-height: var(--base-line-height);\n  text-decoration: none;\n  font-family: var(--font-family-body-1);\n  :hover {\n    color: var(--base-color-core);\n    border-bottom: 1px solid var(--base-color-core);\n    svg > path {\n      fill: var(--base-color-core);\n    }\n  }\n  /* active state - string used because react returns error for bool */\n  ", "\n"])), function (_ref) {
+var PageNumber = /*#__PURE__*/styled__default.a(_templateObject3$D || (_templateObject3$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: inherit;\n  margin: 0;\n  border-bottom: 1px solid transparent;\n  line-height: var(--base-line-height);\n  text-decoration: none;\n  font-family: var(--font-family-body-1);\n  :hover {\n    color: var(--base-color-core);\n    border-bottom: 1px solid var(--base-color-core);\n    svg > path {\n      fill: var(--base-color-core);\n    }\n  }\n  /* active state - string used because react returns error for bool */\n  ", "\n"])), function (_ref) {
   var active = _ref.active;
   return active === 'true' && " \n      color: var(--base-color-core);\n    ";
 });
-var NextPage = /*#__PURE__*/styled__default(PageNumber)(_templateObject4$w || (_templateObject4$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: inline-flex;\n  width: 25px;\n  align-items: center;\n  justify-content: center;\n  margin-left: 0;\n  span {\n    height: 1.5em;\n    svg > path {\n      fill: var(--base-color-dark-grey);\n    }\n  }\n"])));
+var NextPage = /*#__PURE__*/styled__default(PageNumber)(_templateObject4$x || (_templateObject4$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: inline-flex;\n  width: 25px;\n  align-items: center;\n  justify-content: center;\n  margin-left: 0;\n  span {\n    height: 1.5em;\n    svg > path {\n      fill: var(--base-color-dark-grey);\n    }\n  }\n"])));
 
 var reducePages = function reducePages(pages, currentPage) {
   // If there are less than 6 pages, return all pages
@@ -9809,11 +9626,11 @@ var Pagination = function Pagination(_ref) {
   })))));
 };
 
-var _templateObject$15, _templateObject2$R, _templateObject3$D, _templateObject4$x, _templateObject5$r, _templateObject6$l, _templateObject7$g;
-var PeopleListingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$15 || (_templateObject$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  gap: var(--line-height-people-listing-gap) var(--grid-column-gap);\n\n  p {\n    margin: 0;\n  }\n\n  grid-template-columns: 1fr 1fr 1fr;\n\n  @media ", " {\n    grid-template-columns: 1fr;\n  }\n\n  @media ", " {\n    grid-template-columns: 1fr 1fr;\n  }\n\n  @media ", " {\n    grid-template-columns: 1fr 1fr 1fr 1fr;\n  }\n"])), devices.mobile, devices.tablet, devices.largeDesktop);
+var _templateObject$14, _templateObject2$R, _templateObject3$E, _templateObject4$y, _templateObject5$r, _templateObject6$l, _templateObject7$g;
+var PeopleListingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$14 || (_templateObject$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  gap: var(--line-height-people-listing-gap) var(--grid-column-gap);\n\n  p {\n    margin: 0;\n  }\n\n  grid-template-columns: 1fr 1fr 1fr;\n\n  @media ", " {\n    grid-template-columns: 1fr;\n  }\n\n  @media ", " {\n    grid-template-columns: 1fr 1fr;\n  }\n\n  @media ", " {\n    grid-template-columns: 1fr 1fr 1fr 1fr;\n  }\n"])), devices.mobile, devices.tablet, devices.largeDesktop);
 var PersonWrapper = /*#__PURE__*/styled__default.div(_templateObject2$R || (_templateObject2$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: grid;\n  grid-template-columns: 60px 1fr;\n  grid-template-areas: 'headshot role-person';\n  grid-column-gap: 10px;\n"])));
-var HeadshotWrapper = /*#__PURE__*/styled__default.div(_templateObject3$D || (_templateObject3$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  grid-area: headshot;\n  img {\n    width: 60px;\n    height: 60px;\n  }\n"])));
-var RoleWrapper = /*#__PURE__*/styled__default.div(_templateObject4$x || (_templateObject4$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: var(--base-color-dark-grey);\n  overflow-wrap: break-word;\n  margin-bottom: 4px;\n"])));
+var HeadshotWrapper = /*#__PURE__*/styled__default.div(_templateObject3$E || (_templateObject3$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  grid-area: headshot;\n  img {\n    width: 60px;\n    height: 60px;\n  }\n"])));
+var RoleWrapper = /*#__PURE__*/styled__default.div(_templateObject4$y || (_templateObject4$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: var(--base-color-dark-grey);\n  overflow-wrap: break-word;\n  margin-bottom: 4px;\n"])));
 var TextWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject5$r || (_templateObject5$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-area: role-person;\n  break-inside: avoid;\n"])));
 var PersonLink = /*#__PURE__*/styled__default.a(_templateObject6$l || (_templateObject6$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: var(--base-color-black);\n  text-decoration: underline;\n\n  :hover {\n    color: var(--base-color-primary);\n    :after {\n      color: var(--base-color-black);\n    }\n  }\n\n  :visited {\n    color: var(--base-color-black);\n  }\n"])));
 var ReplacementWrapper = /*#__PURE__*/styled__default.span(_templateObject7$g || (_templateObject7$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: var(--base-color-dark-grey);\n"])));
@@ -9873,14 +9690,14 @@ var PeopleListing = function PeopleListing(_ref) {
   }));
 };
 
-var _templateObject$16, _templateObject2$S, _templateObject3$E, _templateObject4$y;
-var ReplacementWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$16 || (_templateObject$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: var(--base-color-darkgrey);\n"])));
+var _templateObject$15, _templateObject2$S, _templateObject3$F, _templateObject4$z;
+var ReplacementWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$15 || (_templateObject$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: var(--base-color-darkgrey);\n"])));
 var CreditListingWrapper = /*#__PURE__*/styled__default(PeopleListingGrid)(_templateObject2$S || (_templateObject2$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  p {\n    line-height: 1.5;\n  }\n\n  grid-template-columns: ", ";\n\n  @media ", " {\n    grid-template-columns: 1fr;\n  }\n\n  @media ", " {\n    grid-template-columns: repeat(2, 1fr);\n  }\n"])), function (_ref) {
   var columnCount = _ref.columnCount;
   return "repeat(" + columnCount + ", 1fr)";
 }, devices.mobile, devices.tablet);
-var DescriptionWrapper = /*#__PURE__*/styled__default.div(_templateObject3$E || (_templateObject3$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: var(--base-color-darkgrey);\n  p {\n    line-height: 25px;\n    margin-bottom: 3px;\n  }\n"])));
-var RoleWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject4$y || (_templateObject4$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: var(--base-color-darkgrey);\n  overflow-wrap: break-word;\n  min-height: 1.5em;\n"])));
+var DescriptionWrapper = /*#__PURE__*/styled__default.div(_templateObject3$F || (_templateObject3$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: var(--base-color-darkgrey);\n  p {\n    line-height: 25px;\n    margin-bottom: 3px;\n  }\n"])));
+var RoleWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject4$z || (_templateObject4$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: var(--base-color-darkgrey);\n  overflow-wrap: break-word;\n  min-height: 1.5em;\n"])));
 
 // Get the total character length of a property in an array of objects
 var getConcatenatedPropLength = function getConcatenatedPropLength(array, prop) {
@@ -9998,14 +9815,14 @@ var CreditListing = function CreditListing(_ref) {
   }, creditEntries);
 };
 
-var _templateObject$17, _templateObject2$T, _templateObject3$F, _templateObject4$z, _templateObject5$s, _templateObject6$m, _templateObject7$h, _templateObject8$c, _templateObject9$7, _templateObject10$7, _templateObject11$4, _templateObject12$3, _templateObject13$3, _templateObject14$3, _templateObject15$2, _templateObject16$1, _templateObject17$1, _templateObject18, _templateObject19, _templateObject20, _templateObject21;
+var _templateObject$16, _templateObject2$T, _templateObject3$G, _templateObject4$A, _templateObject5$s, _templateObject6$m, _templateObject7$h, _templateObject8$c, _templateObject9$7, _templateObject0$7, _templateObject1$4, _templateObject10$3, _templateObject11$3, _templateObject12$3, _templateObject13$2, _templateObject14$1, _templateObject15$1, _templateObject16, _templateObject17, _templateObject18, _templateObject19;
 var LENGTH_TEXT = 28;
 var LENGTH_TEXT_TABLET$1 = 12;
 var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
 var GridTemplateImageToRight = "'. . left left left left left . right right right right right right right right'";
 var GridTemplateAsCard = "'. . left left left left left right right right right right right right . . '";
 var GridTemplateAsCardTablet = "'. . left left left left left left left right right right right right . . '";
-var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$17 || (_templateObject$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-template-areas: ", ";\n\n  @media ", " {\n    & {\n      grid-template-areas: ", ";\n    }\n  }\n\n  @media ", " {\n    & {\n      grid-template-columns: var(--grid-margin) minmax(0, 1fr) var(--grid-margin);\n      grid-template-rows: min-content 24px min-content;\n      gap: 0;\n      grid-template-areas:\n        'row1 row1 row1'\n        '. . .'\n        '. row2 .';\n    }\n  }\n\n  /* Overwrite template for card */\n  ", "\n"])), function (_ref) {
+var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$16 || (_templateObject$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-template-areas: ", ";\n\n  @media ", " {\n    & {\n      grid-template-areas: ", ";\n    }\n  }\n\n  @media ", " {\n    & {\n      grid-template-columns: var(--grid-margin) minmax(0, 1fr) var(--grid-margin);\n      grid-template-rows: min-content 24px min-content;\n      gap: 0;\n      grid-template-areas:\n        'row1 row1 row1'\n        '. . .'\n        '. row2 .';\n    }\n  }\n\n  /* Overwrite template for card */\n  ", "\n"])), function (_ref) {
   var imageToLeft = _ref.imageToLeft;
   return imageToLeft ? GridTemplateImageToLeft : GridTemplateImageToRight;
 }, devices.tablet, function (_ref2) {
@@ -10016,8 +9833,8 @@ var PromoWithTagsGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$17 ||
   return asCard ? "\n    grid-template-areas: " + GridTemplateAsCard + ";\n    @media " + devices.tablet + " {\n      grid-template-areas: " + GridTemplateAsCardTablet + ";\n    }\n  " : "";
 });
 var PromoWithTagsSubtitle = /*#__PURE__*/styled__default.span(_templateObject2$T || (_templateObject2$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-family: var(--font-family-subtitle);\n  font-feature-settings: var(--font-feature-settings-subtitle);\n  font-size: var(--font-size-subtitle-1);\n  font-weight: var(--font-weight-subtitle-1);\n  line-height: var(--line-height-subtitle-1);\n  letter-spacing: var(--letter-spacing-subtitle-1);\n  text-transform: var(--text-transform-subtitle);\n  margin-bottom: var(--editorial-subtitle-margin-bottom);\n  display: block;\n  overflow-wrap: break-word;\n"])));
-var PromoWithTagsText = /*#__PURE__*/styled__default.div(_templateObject3$F || (_templateObject3$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-family: var(--font-family-body);\n  font-feature-settings: var(--font-feature-settings-body);\n  font-size: var(--font-size-body-1);\n  font-weight: var(--font-weight-body-1);\n  line-height: var(--line-height-body-1);\n  letter-spacing: var(--letter-spacing-body-1);\n  text-transform: var(--text-transform-body);\n  margin: 0;\n  padding: 0;\n  white-space: break-spaces;\n  overflow-wrap: break-word;\n\n  h5,\n  h6 {\n    margin: 0 0 4px 0;\n    font-family: var(--font-family-subtitle);\n    font-feature-settings: var(--font-feature-settings-subtitle);\n    font-size: var(--font-size-subtitle-2);\n    font-weight: var(--font-weight-subtitle-2);\n    line-height: var(--line-height-subtitle-2);\n    letter-spacing: var(--letter-spacing-subtitle-2);\n    text-transform: var(--text-transform-subtitle);\n    overflow-wrap: break-word;\n  }\n\n  em {\n    font-family: var(--font-family-body-italics);\n  }\n\n  a {\n    text-decoration: underline;\n    cursor: pointer;\n\n    &[href^='tel:'] {\n      text-decoration: none;\n    }\n\n    &:link {\n      color: 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"])));
-var ButtonsContainer$2 = /*#__PURE__*/styled__default.div(_templateObject4$z || (_templateObject4$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  gap: 16px;\n  margin-top: 24px;\n\n  ", ";\n\n  ", "\n\n  @media ", " {\n    gap: 24px;\n    flex-direction: column;\n    align-items: center;\n  }\n\n  @media ", " {\n    gap: 24px;\n    align-items: flex-start;\n\n    ", "\n  }\n"])), function (_ref4) {
+var PromoWithTagsText = /*#__PURE__*/styled__default.div(_templateObject3$G || (_templateObject3$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-family: var(--font-family-body);\n  font-feature-settings: var(--font-feature-settings-body);\n  font-size: var(--font-size-body-1);\n  font-weight: var(--font-weight-body-1);\n  line-height: var(--line-height-body-1);\n  letter-spacing: var(--letter-spacing-body-1);\n  text-transform: var(--text-transform-body);\n  margin: 0;\n  padding: 0;\n  white-space: break-spaces;\n  overflow-wrap: break-word;\n\n  h5,\n  h6 {\n    margin: 0 0 4px 0;\n    font-family: var(--font-family-subtitle);\n    font-feature-settings: var(--font-feature-settings-subtitle);\n    font-size: var(--font-size-subtitle-2);\n    font-weight: var(--font-weight-subtitle-2);\n    line-height: var(--line-height-subtitle-2);\n    letter-spacing: var(--letter-spacing-subtitle-2);\n    text-transform: var(--text-transform-subtitle);\n    overflow-wrap: break-word;\n  }\n\n  em {\n    font-family: var(--font-family-body-italics);\n  }\n\n  a {\n    text-decoration: underline;\n    cursor: pointer;\n\n    &[href^='tel:'] {\n      text-decoration: none;\n    }\n\n    &:link {\n      color: 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"])));
+var ButtonsContainer$2 = /*#__PURE__*/styled__default.div(_templateObject4$A || (_templateObject4$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  gap: 16px;\n  margin-top: 24px;\n\n  ", ";\n\n  ", "\n\n  @media ", " {\n    gap: 24px;\n    flex-direction: column;\n    align-items: center;\n  }\n\n  @media ", " {\n    gap: 24px;\n    align-items: flex-start;\n\n    ", "\n  }\n"])), function (_ref4) {
   var hasTextLinks = _ref4.hasTextLinks;
   return "margin-top: " + (hasTextLinks ? '0' : '24px') + ";";
 }, function (_ref5) {
@@ -10049,32 +9866,32 @@ var PromoWithTagsAdditionalText = /*#__PURE__*/styled__default(PromoWithTagsText
 var TextLinksContainer = /*#__PURE__*/styled__default.div(_templateObject7$h || (_templateObject7$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-wrap: wrap;\n  margin: 24px 0 4px 0;\n"])));
 var TextLinkWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject8$c || (_templateObject8$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-right: 24px;\n  margin-bottom: 20px;\n\n  &:last-child {\n    margin-right: 0;\n  }\n"])));
 var ExtraContentWrapper = /*#__PURE__*/styled__default.div(_templateObject9$7 || (_templateObject9$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n  padding-right: 68px;\n\n  iframe {\n    height: 800px;\n  }\n\n  @media ", " {\n    padding: 30px 0 0;\n  }\n\n  @media ", " {\n    padding: 0;\n    position: initial;\n  }\n"])), devices.tablet, devices.mobile);
-var IconWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject10$7 || (_templateObject10$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  cursor: pointer;\n  position: absolute;\n  top: 25px;\n  right: 35px;\n  width: 24px;\n  height: 24px;\n\n  @media ", " {\n    top: 30px;\n    right: 30px;\n  }\n\n  @media ", " {\n    top: 3px;\n    right: 20px;\n  }\n"])), devices.tablet, devices.mobile);
-var PrimaryButtonWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject11$4 || (_templateObject11$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  height: var(--button-height);\n\n  @media ", " {\n    width: 100%;\n  }\n"])), devices.mobile);
-var MobileTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject12$3 || (_templateObject12$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: none;\n  margin: 0 50px 0 20px;\n\n  h2,\n  h3 {\n    margin: 0;\n  }\n\n  @media ", " {\n    display: block;\n  }\n"])), devices.mobile);
-var PromoWithTagsTypeTags = /*#__PURE__*/styled__default(TypeTags)(_templateObject13$3 || (_templateObject13$3 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
-var PromoWithTagsHeader = /*#__PURE__*/styled__default(Header)(_templateObject14$3 || (_templateObject14$3 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
-var PromoWithTagsTextLink = /*#__PURE__*/styled__default(TextLink)(_templateObject15$2 || (_templateObject15$2 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
-var asCardOverrides = /*#__PURE__*/styled.css(_templateObject16$1 || (_templateObject16$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", " {\n    font-size: var(--font-size-subtitle-2);\n  }\n\n  ", " {\n    font-size: var(--font-size-overline-1);\n  }\n\n  ", " {\n    flex-direction: row;\n    @media ", " {\n      flex-direction: row;\n    }\n  }\n\n  ", " {\n    font-size: var(--font-size-overline-2);\n    font-weight: var(--font-weight-overline-2);\n    line-height: var(--line-height-overline-2);\n    letter-spacing: var(--letter-spacing-overline-2);\n  }\n"])), PromoWithTagsSubtitle, PromoWithTagsTypeTags, ButtonsContainer$2, devices.tablet, PromoWithTagsTextLink);
-var PromoWithTagsExtraContentWrapper = /*#__PURE__*/styled__default.div(_templateObject17$1 || (_templateObject17$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n  grid-area: left;\n  grid-area: ", ";\n  align-self: center;\n  @media ", " {\n    & {\n      grid-area: row1;\n    }\n  }\n"])), function (_ref8) {
+var IconWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject0$7 || (_templateObject0$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  cursor: pointer;\n  position: absolute;\n  top: 25px;\n  right: 35px;\n  width: 24px;\n  height: 24px;\n\n  @media ", " {\n    top: 30px;\n    right: 30px;\n  }\n\n  @media ", " {\n    top: 3px;\n    right: 20px;\n  }\n"])), devices.tablet, devices.mobile);
+var PrimaryButtonWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject1$4 || (_templateObject1$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  height: var(--button-height);\n\n  @media ", " {\n    width: 100%;\n  }\n"])), devices.mobile);
+var MobileTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject10$3 || (_templateObject10$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: none;\n  margin: 0 50px 0 20px;\n\n  h2,\n  h3 {\n    margin: 0;\n  }\n\n  @media ", " {\n    display: block;\n  }\n"])), devices.mobile);
+var PromoWithTagsTypeTags = /*#__PURE__*/styled__default(TypeTags)(_templateObject11$3 || (_templateObject11$3 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
+var PromoWithTagsHeader = /*#__PURE__*/styled__default(Header)(_templateObject12$3 || (_templateObject12$3 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
+var PromoWithTagsTextLink = /*#__PURE__*/styled__default(TextLink)(_templateObject13$2 || (_templateObject13$2 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
+var asCardOverrides = /*#__PURE__*/styled.css(_templateObject14$1 || (_templateObject14$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", " {\n    font-size: var(--font-size-subtitle-2);\n  }\n\n  ", " {\n    font-size: var(--font-size-overline-1);\n  }\n\n  ", " {\n    flex-direction: row;\n    @media ", " {\n      flex-direction: row;\n    }\n  }\n\n  ", " {\n    font-size: var(--font-size-overline-2);\n    font-weight: var(--font-weight-overline-2);\n    line-height: var(--line-height-overline-2);\n    letter-spacing: var(--letter-spacing-overline-2);\n  }\n"])), PromoWithTagsSubtitle, PromoWithTagsTypeTags, ButtonsContainer$2, devices.tablet, PromoWithTagsTextLink);
+var PromoWithTagsExtraContentWrapper = /*#__PURE__*/styled__default.div(_templateObject15$1 || (_templateObject15$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n  grid-area: left;\n  grid-area: ", ";\n  align-self: center;\n  @media ", " {\n    & {\n      grid-area: row1;\n    }\n  }\n"])), function (_ref8) {
   var imageToLeft = _ref8.imageToLeft;
   return imageToLeft ? 'left' : 'right';
 }, devices.mobile);
-var PromoWithTagsContentWrapper = /*#__PURE__*/styled__default.div(_templateObject18 || (_templateObject18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-area: ", ";\n  align-self: center;\n  @media ", " {\n    & {\n      display: ", ";\n      grid-area: row2;\n      align-self: start;\n    }\n  }\n\n  ", "\n"])), function (_ref9) {
+var PromoWithTagsContentWrapper = /*#__PURE__*/styled__default.div(_templateObject16 || (_templateObject16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-area: ", ";\n  align-self: center;\n  @media ", " {\n    & {\n      display: ", ";\n      grid-area: row2;\n      align-self: start;\n    }\n  }\n\n  ", "\n"])), function (_ref9) {
   var imageToLeft = _ref9.imageToLeft;
   return imageToLeft ? 'right' : 'left';
-}, devices.mobile, function (_ref10) {
-  var hideSection = _ref10.hideSection;
+}, devices.mobile, function (_ref0) {
+  var hideSection = _ref0.hideSection;
   return hideSection ? 'none' : 'block';
-}, function (_ref11) {
-  var asCard = _ref11.asCard;
+}, function (_ref1) {
+  var asCard = _ref1.asCard;
   return asCard && asCardOverrides;
 });
-var PromoWithTagsContainer = /*#__PURE__*/styled__default.div(_templateObject19 || (_templateObject19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  h2,\n  h3 {\n    margin: 0 0 16px;\n  }\n"])));
-var TimerWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject20 || (_templateObject20 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-bottom: 32px;\n"])));
-var EndDateText = /*#__PURE__*/styled__default.div(_templateObject21 || (_templateObject21 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  border-bottom: 1px solid var(--base-color-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 PromoWithTagsContainer = /*#__PURE__*/styled__default.div(_templateObject17 || (_templateObject17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  h2,\n  h3 {\n    margin: 0 0 16px;\n  }\n"])));
+var TimerWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject18 || (_templateObject18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-bottom: 32px;\n"])));
+var EndDateText = /*#__PURE__*/styled__default.div(_templateObject19 || (_templateObject19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  border-bottom: 1px solid var(--base-color-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 _excluded$r = ["text"],
+var _excluded$m = ["text"],
   _excluded2$4 = ["text"],
   _excluded3 = ["text"];
 var _buttonTypeToButton$2;
@@ -10137,7 +9954,7 @@ var PromoWithTags = function PromoWithTags(_ref) {
   var _ref2 = firstButton || {},
     _ref2$text = _ref2.text,
     firstButtonText = _ref2$text === void 0 ? '' : _ref2$text,
-    restFirstButton = _objectWithoutPropertiesLoose(_ref2, _excluded$r);
+    restFirstButton = _objectWithoutPropertiesLoose(_ref2, _excluded$m);
   var primaryButtonTextTruncate = truncate(firstButtonText, LENGTH_TEXT$1);
   var secondButton = links == null ? void 0 : links[1];
   var _ref3 = secondButton || {},
@@ -10250,10 +10067,10 @@ var PromoWithTags = function PromoWithTags(_ref) {
   }))));
 };
 
-var _templateObject$18, _templateObject2$U, _templateObject3$G, _templateObject4$A, _templateObject5$t, _templateObject6$n, _templateObject7$i;
+var _templateObject$17, _templateObject2$U, _templateObject3$H, _templateObject4$B, _templateObject5$t, _templateObject6$n, _templateObject7$i;
 var LENGTH_TEXT$2 = 28;
 var LENGTH_TEXT_TABLET$2 = 10;
-var PromoWithTitleGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$18 || (_templateObject$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-template-areas: ", ";\n\n  @media ", " {\n    & {\n      grid-template-areas: ", ";\n    }\n  }\n\n  @media ", " {\n    & {\n      grid-template-columns: var(--grid-margin) minmax(0, 1fr) var(--grid-margin);\n      grid-template-rows: min-content 24px min-content;\n      gap: 0;\n      grid-template-areas:\n        'row1 row1 row1'\n        '. . .'\n        '. row2 .';\n    }\n  }\n"])), function (_ref) {
+var PromoWithTitleGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$17 || (_templateObject$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-template-areas: ", ";\n\n  @media ", " {\n    & {\n      grid-template-areas: ", ";\n    }\n  }\n\n  @media ", " {\n    & {\n      grid-template-columns: var(--grid-margin) minmax(0, 1fr) var(--grid-margin);\n      grid-template-rows: min-content 24px min-content;\n      gap: 0;\n      grid-template-areas:\n        'row1 row1 row1'\n        '. . .'\n        '. row2 .';\n    }\n  }\n"])), function (_ref) {
   var imageToLeft = _ref.imageToLeft;
   return imageToLeft ? "'left left left left left left left left . right right right right right . .'" : "'. . left left left left left . right right right right right right right right'";
 }, devices.tablet, function (_ref2) {
@@ -10264,11 +10081,11 @@ var PromoWithTitleImageWrapper = /*#__PURE__*/styled__default.div(_templateObjec
   var imageToLeft = _ref3.imageToLeft;
   return imageToLeft ? 'left' : 'right';
 }, devices.mobile);
-var PromoWithTitleContentWrapper = /*#__PURE__*/styled__default.div(_templateObject3$G || (_templateObject3$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-area: ", ";\n  align-self: center;\n\n  @media ", " {\n    & {\n      grid-area: row2;\n      align-self: start;\n    }\n  }\n"])), function (_ref4) {
+var PromoWithTitleContentWrapper = /*#__PURE__*/styled__default.div(_templateObject3$H || (_templateObject3$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-area: ", ";\n  align-self: center;\n\n  @media ", " {\n    & {\n      grid-area: row2;\n      align-self: start;\n    }\n  }\n"])), function (_ref4) {
   var imageToLeft = _ref4.imageToLeft;
   return imageToLeft ? 'right' : 'left';
 }, devices.mobile);
-var HarmonicHeaderWithWrapper = /*#__PURE__*/styled__default(HarmonicHeader)(_templateObject4$A || (_templateObject4$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  padding-bottom: 32px;\n\n  @media ", " {\n    padding-bottom: 24px;\n  }\n"])), devices.mobile);
+var HarmonicHeaderWithWrapper = /*#__PURE__*/styled__default(HarmonicHeader)(_templateObject4$B || (_templateObject4$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  padding-bottom: 32px;\n\n  @media ", " {\n    padding-bottom: 24px;\n  }\n"])), devices.mobile);
 var HarmonicSubtitleWithWrapper = /*#__PURE__*/styled__default(HarmonicSubtitle)(_templateObject5$t || (_templateObject5$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  overflow-wrap: break-word;\n  margin-bottom: 16px;\n"])));
 var BodyCopyHarmonicWithWrapper$1 = /*#__PURE__*/styled__default(BodyCopyHarmonic)(_templateObject6$n || (_templateObject6$n = /*#__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 ButtonsContainer$3 = /*#__PURE__*/styled__default.div(_templateObject7$i || (_templateObject7$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  gap: 16px;\n  margin-top: 32px;\n\n  ", "\n\n  @media ", " {\n    gap: 24px;\n    margin-top: 24px;\n    flex-direction: column;\n    align-items: center;\n  }\n\n  @media ", " {\n    gap: 24px;\n    margin-top: 24px;\n    align-items: flex-start;\n\n    ", "\n  }\n"])), function (_ref5) {
@@ -10293,8 +10110,8 @@ var ButtonsContainer$3 = /*#__PURE__*/styled__default.div(_templateObject7$i ||
   return '';
 });
 
-var _templateObject$19;
-var VideoContainer = /*#__PURE__*/styled__default.div(_templateObject$19 || (_templateObject$19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n  aspect-ratio: ", ";\n\n  @supports not (aspect-ratio: ", ") {\n    width: 100%;\n    padding-top: ", "%;\n  }\n\n  video {\n    display: block;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n\n    @supports not (aspect-ratio: ", ") {\n      position: absolute;\n      top: 0;\n      left: 0;\n    }\n  }\n"])), function (_ref) {
+var _templateObject$18;
+var VideoContainer = /*#__PURE__*/styled__default.div(_templateObject$18 || (_templateObject$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n  aspect-ratio: ", ";\n\n  @supports not (aspect-ratio: ", ") {\n    width: 100%;\n    padding-top: ", "%;\n  }\n\n  video {\n    display: block;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n\n    @supports not (aspect-ratio: ", ") {\n      position: absolute;\n      top: 0;\n      left: 0;\n    }\n  }\n"])), function (_ref) {
   var _ref$aspectRatio = _ref.aspectRatio,
     aspectRatio = _ref$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref$aspectRatio;
   return aspectRatio;
@@ -10406,7 +10223,7 @@ var PromoChild = function PromoChild(_ref) {
   }));
 };
 
-var _excluded$s = ["text"],
+var _excluded$n = ["text"],
   _excluded2$5 = ["text"];
 var LENGTH_TEXT$3 = 28;
 var PromoWithTitle = function PromoWithTitle(_ref) {
@@ -10431,7 +10248,7 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
   var _ref2 = primaryButton || {},
     _ref2$text = _ref2.text,
     primaryButtonText = _ref2$text === void 0 ? '' : _ref2$text,
-    restPrimaryButton = _objectWithoutPropertiesLoose(_ref2, _excluded$s);
+    restPrimaryButton = _objectWithoutPropertiesLoose(_ref2, _excluded$n);
   var primaryButtonTextTruncate = truncate(primaryButtonText, LENGTH_TEXT$3);
   var tertiaryButton = links == null ? void 0 : links[1];
   var _ref3 = tertiaryButton || {},
@@ -10473,8 +10290,8 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
   }, primaryButton ? /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, restPrimaryButton), primaryButtonTextTruncate) : null, tertiaryButton ? (/*#__PURE__*/React__default.createElement(TertiaryButton, Object.assign({}, restTertiaryButton), tertiaryButtonTextTruncate)) : null)) : null));
 };
 
-var _templateObject$1a;
-var RadioGroupContainer = /*#__PURE__*/styled__default.div(_templateObject$1a || (_templateObject$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  gap: 30px;\n"])));
+var _templateObject$19;
+var RadioGroupContainer = /*#__PURE__*/styled__default.div(_templateObject$19 || (_templateObject$19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  gap: 30px;\n"])));
 
 /**
  * DEPRECATED. Use RadioGroup2 instead
@@ -10529,8 +10346,8 @@ var RadioGroup = function RadioGroup(_ref) {
   })));
 };
 
-var _templateObject$1b, _templateObject2$V, _templateObject3$H;
-var Container$3 = /*#__PURE__*/styled__default.div(_templateObject$1b || (_templateObject$1b = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
+var _templateObject$1a, _templateObject2$V, _templateObject3$I;
+var Container$3 = /*#__PURE__*/styled__default.div(_templateObject$1a || (_templateObject$1a = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
 var RadioGroup$1 = /*#__PURE__*/styled__default.div(_templateObject2$V || (_templateObject2$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: flex-start;\n  justify-content: flex-start;\n  flex-direction: ", ";\n  gap: ", ";\n"])), function (_ref) {
   var horizontalMode = _ref.horizontalMode;
   if (horizontalMode) return 'row';
@@ -10539,7 +10356,7 @@ var RadioGroup$1 = /*#__PURE__*/styled__default.div(_templateObject2$V || (_temp
   var gap = _ref2.gap;
   return gap + "px";
 });
-var ErrorLabel$4 = /*#__PURE__*/styled__default.div(_templateObject3$H || (_templateObject3$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-top: 20px;\n  color: ", ";\n"])), function (_ref3) {
+var ErrorLabel$4 = /*#__PURE__*/styled__default.div(_templateObject3$I || (_templateObject3$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-top: 20px;\n  color: ", ";\n"])), function (_ref3) {
   var darkMode = _ref3.darkMode;
   if (darkMode) return 'var(--base-color-white)';
   return 'var(--base-color-errorstate)';
@@ -10616,10 +10433,10 @@ var RadioGroup2 = function RadioGroup2(_ref) {
   }, error))));
 };
 
-var _templateObject$1c, _templateObject2$W, _templateObject3$I;
-var StatusBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$1c || (_templateObject$1c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  padding: 26px 150px;\n  display: flex;\n  justify-content: space-between;\n  background-color: var(--base-color-light-grey);\n  transition: transform 0.3s ease;\n  transform-origin: top;\n\n  @media ", " {\n    padding: 20px 20px;\n  }\n\n  @media ", " {\n    padding: 20px 50px;\n  }\n\n  &.closing {\n    transform: scaleY(0);\n  }\n"])), devices.mobile, devices.tablet);
+var _templateObject$1b, _templateObject2$W, _templateObject3$J;
+var StatusBannerWrapper = /*#__PURE__*/styled__default.div(_templateObject$1b || (_templateObject$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  padding: 26px 150px;\n  display: flex;\n  justify-content: space-between;\n  background-color: var(--base-color-light-grey);\n  transition: transform 0.3s ease;\n  transform-origin: top;\n\n  @media ", " {\n    padding: 20px 20px;\n  }\n\n  @media ", " {\n    padding: 20px 50px;\n  }\n\n  &.closing {\n    transform: scaleY(0);\n  }\n"])), devices.mobile, devices.tablet);
 var ContentContainer$3 = /*#__PURE__*/styled__default.div(_templateObject2$W || (_templateObject2$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  overflow: auto;\n  transition: max-height 0.3s ease-in-out;\n  font-size: var(--font-size-body-1);\n  font-family: var(--font-family-body);\n  font-feature-settings: var(--font-feature-settings-body);\n  font-weight: var(--font-weight-body-1);\n  letter-spacing: var(--letter-spacing-body-1);\n  line-height: var(--line-height-body-1);\n"])));
-var SvgContainer$3 = /*#__PURE__*/styled__default.div(_templateObject3$I || (_templateObject3$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  height: 100%;\n  display: flex;\n  align-items: end;\n\n  svg {\n    width: var(--navigation-large-gap);\n    height: var(--navigation-large-gap);\n    padding-left: 50px;\n  }\n\n  cursor: pointer;\n\n  @media ", " {\n    padding-left: 20px;\n  }\n"])), devices.mobile);
+var SvgContainer$3 = /*#__PURE__*/styled__default.div(_templateObject3$J || (_templateObject3$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  height: 100%;\n  display: flex;\n  align-items: end;\n\n  svg {\n    width: var(--navigation-large-gap);\n    height: var(--navigation-large-gap);\n    padding-left: 50px;\n  }\n\n  cursor: pointer;\n\n  @media ", " {\n    padding-left: 20px;\n  }\n"])), devices.mobile);
 
 /* eslint-disable react/no-danger */
 var StatusBanner = function StatusBanner(_ref) {
@@ -10675,8 +10492,8 @@ var StatusBanner = function StatusBanner(_ref) {
   return null;
 };
 
-var _templateObject$1d;
-var SectionTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject$1d || (_templateObject$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin: 30px 0;\n\n  & > div {\n    row-gap: 0;\n  }\n\n  & h1,\n  & h2 {\n    margin: 16px 0;\n    white-space: pre-wrap;\n  }\n\n  @media ", " {\n    & h1,\n    & h2 {\n      margin: 12px 0;\n    }\n  }\n\n  & div {\n    font-size: var(--font-size-title-description);\n    line-height: var(--line-height-title-description);\n    margin-block-start: 0;\n  }\n"])), devices.mobile);
+var _templateObject$1c;
+var SectionTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject$1c || (_templateObject$1c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin: 30px 0;\n\n  & > div {\n    row-gap: 0;\n  }\n\n  & h1,\n  & h2 {\n    margin: 16px 0;\n    white-space: pre-wrap;\n  }\n\n  @media ", " {\n    & h1,\n    & h2 {\n      margin: 12px 0;\n    }\n  }\n\n  & div {\n    font-size: var(--font-size-title-description);\n    line-height: var(--line-height-title-description);\n    margin-block-start: 0;\n  }\n"])), devices.mobile);
 
 var SectionTitle = function SectionTitle(_ref) {
   var title = _ref.title,
@@ -10704,8 +10521,8 @@ var SectionTitle = function SectionTitle(_ref) {
   }, description)))));
 };
 
-var _templateObject$1e, _templateObject2$X, _templateObject3$J, _templateObject4$B, _templateObject5$u, _templateObject6$o, _templateObject7$j, _templateObject8$d, _templateObject9$8, _templateObject10$8, _templateObject11$5;
-var stateStyles = /*#__PURE__*/styled.css(_templateObject$1e || (_templateObject$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  &:focus,\n  &.focus {\n    outline: ", ";\n  }\n\n  &.disabled {\n    background-color: ", ";\n    color: ", ";\n    pointer-events: none;\n    cursor: none;\n  }\n"])), function (_ref) {
+var _templateObject$1d, _templateObject2$X, _templateObject3$K, _templateObject4$C, _templateObject5$u, _templateObject6$o, _templateObject7$j, _templateObject8$d, _templateObject9$8, _templateObject0$8, _templateObject1$5;
+var stateStyles = /*#__PURE__*/styled.css(_templateObject$1d || (_templateObject$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  &:focus,\n  &.focus {\n    outline: ", ";\n  }\n\n  &.disabled {\n    background-color: ", ";\n    color: ", ";\n    pointer-events: none;\n    cursor: none;\n  }\n"])), function (_ref) {
   var theme = _ref.theme;
   return "3px solid " + theme.colors.lapisLazuli;
 }, function (_ref2) {
@@ -10719,8 +10536,8 @@ var borderStyles = /*#__PURE__*/styled.css(_templateObject2$X || (_templateObjec
   var theme = _ref4.theme;
   return theme.colors.darkgrey;
 });
-var noMarginAndPaddingStyles = /*#__PURE__*/styled.css(_templateObject3$J || (_templateObject3$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin: 0;\n  padding: 0;\n"])));
-var listItemStyles = /*#__PURE__*/styled.css(_templateObject4$B || (_templateObject4$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  list-style: none;\n  user-select: none;\n"])));
+var noMarginAndPaddingStyles = /*#__PURE__*/styled.css(_templateObject3$K || (_templateObject3$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin: 0;\n  padding: 0;\n"])));
+var listItemStyles = /*#__PURE__*/styled.css(_templateObject4$C || (_templateObject4$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  list-style: none;\n  user-select: none;\n"])));
 var ArrowIcon = /*#__PURE__*/styled__default(Icon).attrs(function (_ref5) {
   var theme = _ref5.theme;
   return {
@@ -10742,9 +10559,9 @@ var Option = /*#__PURE__*/styled__default.li(_templateObject9$8 || (_templateObj
   return "\n        background-color: " + lightgrey + ";\n        &:hover { background-color: " + midgrey + " }\n    ";
 });
 var selectStyles = function selectStyles(width, height) {
-  return styled.css(_templateObject10$8 || (_templateObject10$8 = _taggedTemplateLiteralLoose(["\n  position: relative;\n  z-index: ", ";\n\n  width: ", ";\n  height: ", ";\n\n  * {\n    width: ", ";\n  }\n\n  ", " {\n    position: absolute;\n    top: ", ";\n  }\n  ", " {\n    height: ", ";\n  }\n  p {\n    height: ", ";\n    padding-inline: 20px;\n\n    display: flex;\n    align-items: center;\n  }\n"])), zIndexes[3], width, height, width, Options, height, Option, height, height);
+  return styled.css(_templateObject0$8 || (_templateObject0$8 = _taggedTemplateLiteralLoose(["\n  position: relative;\n  z-index: ", ";\n\n  width: ", ";\n  height: ", ";\n\n  * {\n    width: ", ";\n  }\n\n  ", " {\n    position: absolute;\n    top: ", ";\n  }\n  ", " {\n    height: ", ";\n  }\n  p {\n    height: ", ";\n    padding-inline: 20px;\n\n    display: flex;\n    align-items: center;\n  }\n"])), zIndexes[3], width, height, width, Options, height, Option, height, height);
 };
-var SelectList = /*#__PURE__*/styled__default.ul(_templateObject11$5 || (_templateObject11$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", "\n\n  ", "\n  ", "\n  ", "\n  ", "\n\n  & ", " {\n    position: absolute;\n\n    top: 13px;\n    right: 16px;\n  }\n"])), function (_ref7) {
+var SelectList = /*#__PURE__*/styled__default.ul(_templateObject1$5 || (_templateObject1$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", "\n\n  ", "\n  ", "\n  ", "\n  ", "\n\n  & ", " {\n    position: absolute;\n\n    top: 13px;\n    right: 16px;\n  }\n"])), function (_ref7) {
   var width = _ref7.width,
     height = _ref7.height;
   return selectStyles(width === 'default' ? "354px" : width + "px", height === 'default' ? "48px" : height + "px");
@@ -11085,8 +10902,8 @@ function Select(_ref3) {
   })))), /*#__PURE__*/React__default.createElement(ArrowIcon, null)));
 }
 
-var _templateObject$1f, _templateObject2$Y, _templateObject3$K, _templateObject4$C;
-var Container$4 = /*#__PURE__*/styled__default.div(_templateObject$1f || (_templateObject$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n"])));
+var _templateObject$1e, _templateObject2$Y, _templateObject3$L, _templateObject4$D;
+var Container$4 = /*#__PURE__*/styled__default.div(_templateObject$1e || (_templateObject$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n"])));
 var SelectWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject2$Y || (_templateObject2$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n  width: auto;\n  max-width: ", ";\n\n  .harmonic-select__control {\n    min-height: 48px;\n    border-radius: 0;\n    transition: none;\n    border: ", ";\n    &:hover {\n      border-color: ", ";\n    }\n  }\n  .harmonic-select__control--is-focused {\n    border-color: var(--base-color-dark-grey);\n    box-shadow: ", ";\n  }\n  .harmonic-select__control--menu-is-open {\n    .harmonic-select__indicator {\n      svg {\n        transform: rotate(180deg);\n      }\n    }\n  }\n  .harmonic-select__indicator {\n    font-size: 25px;\n    padding: 0;\n    margin-right: 12px;\n    color: var(--base-color-black);\n    svg {\n      height: 1em;\n      width: 1em;\n      color: inherit;\n      path {\n        fill: currentColor;\n        color: inherit;\n      }\n    }\n  }\n  .harmonic-select__single-value,\n  .harmonic-select__placeholder {\n    margin-left: 0;\n    margin-right: 0;\n    font-family: var(--font-family-altHeader);\n    font-feature-settings: var(--font-feature-settings-altHeader);\n    font-size: var(--font-size-altHeader-6);\n    font-weight: var(--font-weight-altHeader-6);\n    letter-spacing: var(--letter-spacing-altHeader-6);\n    line-height: var(--line-height-altHeader-6);\n    text-transform: var(--text-transform-altHeader);\n  }\n  .harmonic-select__placeholder {\n    color: var(--base-color-dark-grey);\n  }\n  .harmonic-select__single-value {\n    color: var(--base-color-black);\n  }\n  .harmonic-select__value-container {\n    padding-left: 20px;\n    padding-right: 20px;\n    padding-top: 1px;\n    padding-bottom: 0px;\n  }\n  .harmonic-select--is-disabled {\n    .harmonic-select__control {\n      border: 1px solid var(--base-color-light-grey);\n      background: var(--base-color-light-grey);\n    }\n    .harmonic-select__indicator,\n    .harmonic-select__single-value {\n      color: var(--base-color-dark-grey);\n    }\n  }\n  .harmonic-select__menu {\n    margin-top: -1px;\n    box-shadow: none;\n    border-radius: 0;\n    border: 1px solid var(--base-color-dark-grey);\n    background: var(--base-color-light-grey);\n  }\n  .harmonic-select__menu-list {\n    padding-top: 0;\n    padding-bottom: 0;\n  }\n  .harmonic-select__option {\n    padding: 10px 20px;\n    font-family: var(--font-family-altHeader);\n    font-feature-settings: var(--font-feature-settings-altHeader);\n    font-size: var(--font-size-altHeader-6);\n    font-weight: var(--font-weight-altHeader-6);\n    letter-spacing: var(--letter-spacing-altHeader-6);\n    line-height: var(--line-height-altHeader-6);\n    text-transform: var(--text-transform-altHeader);\n    color: var(--base-color-black);\n    &:active,\n    &.harmonic-select__option--is-focused {\n      background: var(--base-color-mid-grey);\n    }\n  }\n  .harmonic-select__option--is-selected {\n    color: var(--base-color-black);\n    background: none;\n  }\n  .harmonic-select__input-container {\n    margin: 0;\n    padding-top: 0;\n    padding-bottom: 0;\n    font-family: var(--font-family-altHeader);\n    font-feature-settings: var(--font-feature-settings-altHeader);\n    font-size: var(--font-size-altHeader-6);\n    font-weight: var(--font-weight-altHeader-6);\n    letter-spacing: var(--letter-spacing-altHeader-6);\n    line-height: var(--line-height-altHeader-6);\n    text-transform: var(--text-transform-altHeader);\n    color: var(--base-color-black);\n  }\n  .harmonic-select__menu-notice {\n    padding: 20px 20px;\n    font-family: var(--font-family-body);\n    font-feature-settings: var(--font-feature-settings-body);\n    font-size: var(--font-size-body-1);\n    font-weight: var(--font-weight-body-1);\n    letter-spacing: var(--letter-spacing-body-1);\n    line-height: var(--line-height-body-1);\n    text-transform: var(--text-transform-body);\n    color: var(--base-color-black);\n    text-align: left;\n  }\n  .harmonic-select__menu-notice--loading {\n    font-style: italic;\n  }\n"])), function (_ref) {
   var width = _ref.width;
   if (!width) return 'none';
@@ -11104,18 +10921,18 @@ var SelectWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject2$Y || (_t
   if (darkMode) return "0 0 0 4px var(--base-color-lemonchiffon)";
   return "0 0 0 3px var(--base-color-lapislazuli)";
 });
-var TextLabel$4 = /*#__PURE__*/styled__default.div(_templateObject3$K || (_templateObject3$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin: 0 0 20px;\n  color: ", ";\n"])), function (_ref5) {
+var TextLabel$4 = /*#__PURE__*/styled__default.div(_templateObject3$L || (_templateObject3$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin: 0 0 20px;\n  color: ", ";\n"])), function (_ref5) {
   var darkMode = _ref5.darkMode;
   if (darkMode) return "var(--base-color-white)";
   return "var(--base-color-black)";
 });
-var ErrorLabel$5 = /*#__PURE__*/styled__default.div(_templateObject4$C || (_templateObject4$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin: 20px 0 0;\n  color: ", ";\n"])), function (_ref6) {
+var ErrorLabel$5 = /*#__PURE__*/styled__default.div(_templateObject4$D || (_templateObject4$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin: 20px 0 0;\n  color: ", ";\n"])), function (_ref6) {
   var darkMode = _ref6.darkMode;
   if (darkMode) return "var(--base-color-white)";
   return "var(--base-color-errorstate)";
 });
 
-var _excluded$t = ["label", "error", "width", "darkMode", "isSearchable", "components"];
+var _excluded$o = ["label", "error", "width", "darkMode", "isSearchable", "components"];
 var DropdownIndicator = function DropdownIndicator(props) {
   return /*#__PURE__*/React__default.createElement(Select$1.components.DropdownIndicator, Object.assign({}, props), /*#__PURE__*/React__default.createElement(Icon, {
     iconName: "DropdownArrow"
@@ -11166,7 +10983,7 @@ var SelectComponent = function SelectComponent(_ref2) {
     _ref2$isSearchable = _ref2.isSearchable,
     isSearchable = _ref2$isSearchable === void 0 ? false : _ref2$isSearchable,
     components = _ref2.components,
-    selectProps = _objectWithoutPropertiesLoose(_ref2, _excluded$t);
+    selectProps = _objectWithoutPropertiesLoose(_ref2, _excluded$o);
   return /*#__PURE__*/React__default.createElement(WrapperComponent, {
     label: label,
     error: error,
@@ -11184,7 +11001,7 @@ var SelectComponent = function SelectComponent(_ref2) {
   })));
 };
 
-var _excluded$u = ["label", "error", "width", "darkMode", "components"];
+var _excluded$p = ["label", "error", "width", "darkMode", "components"];
 /**
  * The Select2Async component is similar to Select 2, but uses react-select async
  * component for select instead of regular react-select component. This can be used
@@ -11206,7 +11023,7 @@ var SelectComponent$1 = function SelectComponent(_ref) {
     _ref$darkMode = _ref.darkMode,
     darkMode = _ref$darkMode === void 0 ? false : _ref$darkMode,
     components = _ref.components,
-    selectProps = _objectWithoutPropertiesLoose(_ref, _excluded$u);
+    selectProps = _objectWithoutPropertiesLoose(_ref, _excluded$p);
   return /*#__PURE__*/React__default.createElement(WrapperComponent, {
     label: label,
     error: error,
@@ -11223,8 +11040,8 @@ var SelectComponent$1 = function SelectComponent(_ref) {
   })));
 };
 
-var _templateObject$1g, _templateObject2$Z;
-var Wrapper$7 = /*#__PURE__*/styled__default.figure(_templateObject$1g || (_templateObject$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  width: fit-content;\n\n  ", " {\n    height: calc(100% - 12px - var(--line-height-body-2));\n    @supports not (aspect-ratio: ", ") {\n      width: ", ";\n    }\n  }\n"])), StyledImageAspectRatioWrapper, function (_ref) {
+var _templateObject$1f, _templateObject2$Z;
+var Wrapper$7 = /*#__PURE__*/styled__default.figure(_templateObject$1f || (_templateObject$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  width: fit-content;\n\n  ", " {\n    height: calc(100% - 12px - var(--line-height-body-2));\n    @supports not (aspect-ratio: ", ") {\n      width: ", ";\n    }\n  }\n"])), StyledImageAspectRatioWrapper, function (_ref) {
   var _ref$aspectRatio = _ref.aspectRatio,
     aspectRatio = _ref$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref$aspectRatio;
   return aspectRatio;
@@ -11268,13 +11085,13 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
   })), caption && /*#__PURE__*/React__default.createElement(CaptionWrapper, null, caption));
 };
 
-var _templateObject$1h, _templateObject2$_, _templateObject3$L;
-var TextWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$1h || (_templateObject$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  h4 {\n    margin: 0;\n  }\n"])));
+var _templateObject$1g, _templateObject2$_, _templateObject3$M;
+var TextWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject$1g || (_templateObject$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  h4 {\n    margin: 0;\n  }\n"])));
 var AttributionWrapper = /*#__PURE__*/styled__default.div(_templateObject2$_ || (_templateObject2$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref) {
   var displayAttribution = _ref.displayAttribution;
   return "display: " + (displayAttribution ? 'block' : 'none') + ";";
 });
-var Line$1 = /*#__PURE__*/styled__default.div(_templateObject3$L || (_templateObject3$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  background-color: var(--base-color-black);\n  height: 2px;\n  width: 62px;\n  margin: 32px 0;\n\n  @media ", " {\n    height: 1px;\n    width: 46px;\n    margin: 24px 0;\n  }\n"])), devices.mobile);
+var Line$1 = /*#__PURE__*/styled__default.div(_templateObject3$M || (_templateObject3$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  background-color: var(--base-color-black);\n  height: 2px;\n  width: 62px;\n  margin: 32px 0;\n\n  @media ", " {\n    height: 1px;\n    width: 46px;\n    margin: 24px 0;\n  }\n"])), devices.mobile);
 
 /* eslint-disable react/no-danger */
 var Quote = function Quote(_ref) {
@@ -11299,11 +11116,11 @@ var Quote = function Quote(_ref) {
   }, attribution))));
 };
 
-var _templateObject$1i, _templateObject2$$, _templateObject3$M, _templateObject4$D, _templateObject5$v, _templateObject6$p;
-var CardContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  cursor: pointer;\n  width: 100%;\n  display: grid;\n  grid-template-columns: repeat(7, minmax(0, 1fr));\n  gap: 15px;\n  min-height: 50px;\n"])));
+var _templateObject$1h, _templateObject2$$, _templateObject3$N, _templateObject4$E, _templateObject5$v, _templateObject6$p;
+var CardContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$1h || (_templateObject$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  cursor: pointer;\n  width: 100%;\n  display: grid;\n  grid-template-columns: repeat(7, minmax(0, 1fr));\n  gap: 15px;\n  min-height: 50px;\n"])));
 var ContentContainer$4 = /*#__PURE__*/styled__default.div(_templateObject2$$ || (_templateObject2$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n"])));
-var StyledImage = /*#__PURE__*/styled__default.img(_templateObject3$M || (_templateObject3$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  border: 1px solid var(--base-color-white);\n"])));
-var ImageWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject4$D || (_templateObject4$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n"])));
+var StyledImage = /*#__PURE__*/styled__default.img(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  border: 1px solid var(--base-color-white);\n"])));
+var ImageWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject4$E || (_templateObject4$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n"])));
 var IconWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject5$v || (_templateObject5$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  background: rgba(0, 0, 0, 0.4);\n  position: absolute;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  span {\n    width: 40px;\n    height: 40px;\n    @media ", " {\n      width: 24px;\n      height: 24px;\n    }\n    @media ", " {\n      width: 18px;\n      height: 18px;\n    }\n  }\n"])), devices.tablet, devices.mobile);
 var TitleWrapper$4 = /*#__PURE__*/styled__default.div(_templateObject6$p || (_templateObject6$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-top: 8px;\n  div {\n    @media ", " {\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n  }\n"])), devices.mobile);
 
@@ -11343,14 +11160,14 @@ var MiniCard = function MiniCard(_ref) {
   }, title)))));
 };
 
-var _templateObject$1j, _templateObject2$10, _templateObject3$N, _templateObject4$E, _templateObject5$w;
-var ReadMoreContainer = /*#__PURE__*/styled__default.div(_templateObject$1j || (_templateObject$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    margin: 0px 0px 12px 0px !important;\n  }\n  width: 100%;\n"])));
+var _templateObject$1i, _templateObject2$10, _templateObject3$O, _templateObject4$F, _templateObject5$w;
+var ReadMoreContainer = /*#__PURE__*/styled__default.div(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    margin: 0px 0px 12px 0px !important;\n  }\n  width: 100%;\n"])));
 var LinkContainer = /*#__PURE__*/styled__default.div(_templateObject2$10 || (_templateObject2$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  padding-top: 24px;\n  gap: 8px;\n\n  :hover {\n    cursor: pointer;\n  }\n\n  @media print {\n    visibility: hidden;\n  }\n"])));
-var FullTextContainer = /*#__PURE__*/styled__default.div(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  visibility: ", ";\n\n  @media print {\n    visibility: visible;\n  }\n"])), function (_ref) {
+var FullTextContainer = /*#__PURE__*/styled__default.div(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  visibility: ", ";\n\n  @media print {\n    visibility: visible;\n  }\n"])), function (_ref) {
   var isVisible = _ref.isVisible;
   return isVisible ? 'visible' : 'hidden';
 });
-var IntroTextContainer = /*#__PURE__*/styled__default.div(_templateObject4$E || (_templateObject4$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  visibility: ", ";\n\n  @media print {\n    visibility: hidden;\n  }\n"])), function (_ref2) {
+var IntroTextContainer = /*#__PURE__*/styled__default.div(_templateObject4$F || (_templateObject4$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  visibility: ", ";\n\n  @media print {\n    visibility: hidden;\n  }\n"])), function (_ref2) {
   var isVisible = _ref2.isVisible;
   return isVisible ? 'visible' : 'hidden';
 });
@@ -11435,11 +11252,11 @@ var ReadMore = function ReadMore(_ref) {
   }, isFullTextOpen ? "" + hideText : "" + showMoreText))));
 };
 
-var _templateObject$1k, _templateObject2$11, _templateObject3$O, _templateObject4$F, _templateObject5$x;
-var MenuContainer$2 = /*#__PURE__*/styled__default.nav(_templateObject$1k || (_templateObject$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n  padding: 0;\n  margin: 0;\n"])));
+var _templateObject$1j, _templateObject2$11, _templateObject3$P, _templateObject4$G, _templateObject5$x;
+var MenuContainer$2 = /*#__PURE__*/styled__default.nav(_templateObject$1j || (_templateObject$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n  padding: 0;\n  margin: 0;\n"])));
 var MenuList = /*#__PURE__*/styled__default.ul(_templateObject2$11 || (_templateObject2$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  padding: 0;\n  margin: 0;\n  list-style: none;\n  border-right: 1px solid var(--base-color-", ");\n  li {\n    margin-left: -5px;\n  }\n"])), exports.Colors.LightGrey);
-var MobileButton = /*#__PURE__*/styled__default.button(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  line-height: var(--line-height-navigation);\n  font-size: var(--font-size-navigation);\n  font-family: var(--font-family-navigation);\n  font-weight: var(--font-weight-navigation);\n  letter-spacing: var(--letter-spacing-navigation);\n  color: var(--base-color-", ");\n  text-transform: uppercase;\n  margin: 0;\n  padding: 16px 46px 14px 20px;\n  background: var(--base-color-", ");\n  border: 1px solid var(--base-color-", ");\n  border-radius: 0;\n  display: block;\n  width: 100%;\n  text-align: left;\n  cursor: pointer;\n  position: relative;\n  span {\n    width: 25px;\n    height: 25px;\n    position: absolute;\n    top: 50%;\n    margin-top: -12px;\n    right: 10px;\n  }\n"])), exports.Colors.Black, exports.Colors.White, exports.Colors.DarkGrey);
-var MenuItem$1 = /*#__PURE__*/styled__default.a(_templateObject4$F || (_templateObject4$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  line-height: var(--line-height-navigation);\n  font-size: var(--font-size-navigation);\n  font-family: var(--font-family-navigation);\n  font-weight: var(--font-weight-navigation);\n  letter-spacing: var(--letter-spacing-navigation);\n  color: var(--base-color-", ");\n  text-transform: uppercase;\n  text-decoration: none;\n  margin: 0;\n  padding: 16px 20px 15px 5px;\n  display: block;\n  background: ", ";\n  cursor: pointer;\n  &:hover {\n    background: var(--base-color-", ");\n  }\n"])), exports.Colors.Black, function (_ref) {
+var MobileButton = /*#__PURE__*/styled__default.button(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  line-height: var(--line-height-navigation);\n  font-size: var(--font-size-navigation);\n  font-family: var(--font-family-navigation);\n  font-weight: var(--font-weight-navigation);\n  letter-spacing: var(--letter-spacing-navigation);\n  color: var(--base-color-", ");\n  text-transform: uppercase;\n  margin: 0;\n  padding: 16px 46px 14px 20px;\n  background: var(--base-color-", ");\n  border: 1px solid var(--base-color-", ");\n  border-radius: 0;\n  display: block;\n  width: 100%;\n  text-align: left;\n  cursor: pointer;\n  position: relative;\n  span {\n    width: 25px;\n    height: 25px;\n    position: absolute;\n    top: 50%;\n    margin-top: -12px;\n    right: 10px;\n  }\n"])), exports.Colors.Black, exports.Colors.White, exports.Colors.DarkGrey);
+var MenuItem$1 = /*#__PURE__*/styled__default.a(_templateObject4$G || (_templateObject4$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  line-height: var(--line-height-navigation);\n  font-size: var(--font-size-navigation);\n  font-family: var(--font-family-navigation);\n  font-weight: var(--font-weight-navigation);\n  letter-spacing: var(--letter-spacing-navigation);\n  color: var(--base-color-", ");\n  text-transform: uppercase;\n  text-decoration: none;\n  margin: 0;\n  padding: 16px 20px 15px 5px;\n  display: block;\n  background: ", ";\n  cursor: pointer;\n  &:hover {\n    background: var(--base-color-", ");\n  }\n"])), exports.Colors.Black, function (_ref) {
   var isActive = _ref.isActive;
   return isActive ? "var(--base-color-" + exports.Colors.MidGrey + ")" : 'none';
 }, exports.Colors.MidGrey);
@@ -11599,14 +11416,14 @@ var AuxiliaryNav = function AuxiliaryNav(_ref6) {
   });
 };
 
-var _templateObject$1l, _templateObject2$12, _templateObject3$P, _templateObject4$G, _templateObject5$y, _templateObject6$q;
-var Container$5 = /*#__PURE__*/styled__default.div(_templateObject$1l || (_templateObject$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n"])));
+var _templateObject$1k, _templateObject2$12, _templateObject3$Q, _templateObject4$H, _templateObject5$y, _templateObject6$q;
+var Container$5 = /*#__PURE__*/styled__default.div(_templateObject$1k || (_templateObject$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n"])));
 var Sections = /*#__PURE__*/styled__default.div(_templateObject2$12 || (_templateObject2$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: row;\n  gap: 8px;\n"])));
-var Section = /*#__PURE__*/styled__default.div(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  flex: 1;\n  height: 2px;\n  background-color: ", ";\n"])), function (_ref) {
+var Section = /*#__PURE__*/styled__default.div(_templateObject3$Q || (_templateObject3$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  flex: 1;\n  height: 2px;\n  background-color: ", ";\n"])), function (_ref) {
   var color = _ref.color;
   return "var(--base-color-" + color + ")";
 });
-var BottomLine = /*#__PURE__*/styled__default.div(_templateObject4$G || (_templateObject4$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  gap: 20px;\n"])));
+var BottomLine = /*#__PURE__*/styled__default.div(_templateObject4$H || (_templateObject4$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  gap: 20px;\n"])));
 var Text = /*#__PURE__*/styled__default.div(_templateObject5$y || (_templateObject5$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  color: ", ";\n"])), function (_ref2) {
   var color = _ref2.color;
   return "var(--base-color-" + color + ")";
@@ -11693,11 +11510,11 @@ var PasswordStrength = function PasswordStrength(_ref) {
   }, strengthLabel))));
 };
 
-var _templateObject$1m, _templateObject2$13, _templateObject3$Q, _templateObject4$H, _templateObject5$z, _templateObject6$r, _templateObject7$k, _templateObject8$e, _templateObject9$9, _templateObject10$9;
-var TableContainer = /*#__PURE__*/styled__default.table(_templateObject$1m || (_templateObject$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  border-collapse: collapse;\n"])));
+var _templateObject$1l, _templateObject2$13, _templateObject3$R, _templateObject4$I, _templateObject5$z, _templateObject6$r, _templateObject7$k, _templateObject8$e, _templateObject9$9, _templateObject0$9;
+var TableContainer = /*#__PURE__*/styled__default.table(_templateObject$1l || (_templateObject$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  border-collapse: collapse;\n"])));
 var Container$6 = /*#__PURE__*/styled__default.div(_templateObject2$13 || (_templateObject2$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  overflow-x: auto;\n"])));
-var Wrapper$8 = /*#__PURE__*/styled__default.div(_templateObject3$Q || (_templateObject3$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 100%;\n"])));
-var TableHeader = /*#__PURE__*/styled__default.th(_templateObject4$H || (_templateObject4$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-size: var(--font-size-subtitle-2);\n  font-family: var(--font-family-subtitle);\n  font-feature-settings: var(--font-feature-settings-subtitle);\n  font-weight: var(--font-weight-subtitle-2);\n  letter-spacing: var(--letter-spacing-subtitle-2);\n  line-height: var(--line-height-subtitle-2);\n  padding: 30px 30px 30px 0;\n  text-align: left;\n  text-transform: uppercase;\n  border-bottom: 1px solid;\n  border-top: 1px solid;\n  border-color: ", ";\n\n  &:last-child {\n    white-space: nowrap;\n    width: auto;\n  }\n\n  &:not(:last-child) {\n    width: ", ";\n  }\n\n  @media ", " {\n    &:last-child {\n      white-space: nowrap;\n    }\n  }\n\n  @media ", " {\n    padding: 20px 20px 20px 0;\n\n    &:last-child {\n      white-space: normal;\n    }\n  }\n"])), function (props) {
+var Wrapper$8 = /*#__PURE__*/styled__default.div(_templateObject3$R || (_templateObject3$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 100%;\n"])));
+var TableHeader = /*#__PURE__*/styled__default.th(_templateObject4$I || (_templateObject4$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-size: var(--font-size-subtitle-2);\n  font-family: var(--font-family-subtitle);\n  font-feature-settings: var(--font-feature-settings-subtitle);\n  font-weight: var(--font-weight-subtitle-2);\n  letter-spacing: var(--letter-spacing-subtitle-2);\n  line-height: var(--line-height-subtitle-2);\n  padding: 30px 30px 30px 0;\n  text-align: left;\n  text-transform: uppercase;\n  border-bottom: 1px solid;\n  border-top: 1px solid;\n  border-color: ", ";\n\n  &:last-child {\n    white-space: nowrap;\n    width: auto;\n  }\n\n  &:not(:last-child) {\n    width: ", ";\n  }\n\n  @media ", " {\n    &:last-child {\n      white-space: nowrap;\n    }\n  }\n\n  @media ", " {\n    padding: 20px 20px 20px 0;\n\n    &:last-child {\n      white-space: normal;\n    }\n  }\n"])), function (props) {
   return "var(--base-color-" + props.lineColor + ")";
 }, function (props) {
   return "calc(100% / " + (props.columns - 1) + ")";
@@ -11714,7 +11531,7 @@ var PageNumber$1 = /*#__PURE__*/styled__default.button(_templateObject7$k || (_t
 });
 var Next = /*#__PURE__*/styled__default.span(_templateObject8$e || (_templateObject8$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: inline-flex;\n  width: 25px;\n  align-items: center;\n  justify-content: center;\n  margin-left: 0;\n  span {\n    height: 1.5em;\n    svg > path {\n      fill: var(--base-color-dark-grey);\n    }\n  }\n"])));
 var ScrollButtons = /*#__PURE__*/styled__default.div(_templateObject9$9 || (_templateObject9$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-content: flex-end;\n  padding: 0 0 24px 0;\n\n  div:hover {\n    background-color: var(--base-color-light-grey);\n  }\n\n  > div > div {\n    background-color: var(--base-color-light-grey);\n  }\n\n  svg path {\n    fill: var(--base-color-black) !important;\n  }\n"])));
-var AriaDescription$2 = /*#__PURE__*/styled__default.span(_templateObject10$9 || (_templateObject10$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: absolute;\n  left: -9999px;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n"])));
+var AriaDescription$2 = /*#__PURE__*/styled__default.span(_templateObject0$9 || (_templateObject0$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: absolute;\n  left: -9999px;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n"])));
 
 /* eslint-disable react/no-danger */
 var Content = function Content(_ref) {
@@ -11897,8 +11714,8 @@ var Table = function Table(_ref) {
   }))))))))));
 };
 
-var _templateObject$1n, _templateObject2$14, _templateObject3$R, _templateObject4$I, _templateObject5$A, _templateObject6$s, _templateObject7$l, _templateObject8$f, _templateObject9$a, _templateObject10$a, _templateObject11$6, _templateObject12$4, _templateObject13$4, _templateObject14$4, _templateObject15$3;
-var Wrapper$9 = /*#__PURE__*/styled__default('div')(_templateObject$1n || (_templateObject$1n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n  border-top: 4px solid ", ";\n  border-bottom: 4px solid ", ";\n"])), function (_ref) {
+var _templateObject$1m, _templateObject2$14, _templateObject3$S, _templateObject4$J, _templateObject5$A, _templateObject6$s, _templateObject7$l, _templateObject8$f, _templateObject9$a, _templateObject0$a, _templateObject1$6, _templateObject10$4, _templateObject11$4, _templateObject12$4, _templateObject13$3;
+var Wrapper$9 = /*#__PURE__*/styled__default('div')(_templateObject$1m || (_templateObject$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n  border-top: 4px solid ", ";\n  border-bottom: 4px solid ", ";\n"])), function (_ref) {
   var theme = _ref.theme;
   return "var(--color-" + theme + ")";
 }, function (_ref2) {
@@ -11906,23 +11723,23 @@ var Wrapper$9 = /*#__PURE__*/styled__default('div')(_templateObject$1n || (_temp
   return "var(--color-" + theme + ")";
 });
 var SignUpFormWrapper = /*#__PURE__*/styled__default(Grid)(_templateObject2$14 || (_templateObject2$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  gap: 0 var(--grid-column-gap);\n  margin-bottom: 32px;\n\n  @media ", " {\n    margin-bottom: 30px;\n  }\n"])), devices.mobile);
-var SignUpTitleWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$R || (_templateObject3$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  text-align: left;\n  position: relative;\n  top: -25px;\n  left: -20px;\n  height: 52px;\n  background: var(--color-base-white);\n  display: inline-block;\n  padding: 0 20px;\n\n  @media ", " {\n    top: -18px;\n    height: 37px;\n    padding: 0 13px;\n    left: -13px;\n  }\n"])), devices.mobile);
-var Error$1 = /*#__PURE__*/styled__default.div(_templateObject4$I || (_templateObject4$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-top: 20px;\n  color: var(--color-base-errorstate);\n\n  a {\n    text-decoration: underline;\n    color: inherit;\n  }\n"])));
+var SignUpTitleWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$S || (_templateObject3$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  text-align: left;\n  position: relative;\n  top: -25px;\n  left: -20px;\n  height: 52px;\n  background: var(--color-base-white);\n  display: inline-block;\n  padding: 0 20px;\n\n  @media ", " {\n    top: -18px;\n    height: 37px;\n    padding: 0 13px;\n    left: -13px;\n  }\n"])), devices.mobile);
+var Error$1 = /*#__PURE__*/styled__default.div(_templateObject4$J || (_templateObject4$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-top: 20px;\n  color: var(--color-base-errorstate);\n\n  a {\n    text-decoration: underline;\n    color: inherit;\n  }\n"])));
 var Form = /*#__PURE__*/styled__default.form(_templateObject5$A || (_templateObject5$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-top: 32px;\n  align-items: center;\n  ", " {\n    margin-top: -20px;\n  }\n  a[href] {\n    color: inherit;\n  }\n"])), Error$1);
 var FormFooterWrapper = /*#__PURE__*/styled__default.div(_templateObject6$s || (_templateObject6$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-top: 32px;\n  display: flex;\n  gap: 28px;\n  align-items: center;\n\n  @media ", " {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n"])), devices.mobile);
 var ServerError = /*#__PURE__*/styled__default.div(_templateObject7$l || (_templateObject7$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  text-align: left;\n  color: var(--color-base-errorstate);\n"])));
 var CTALinkWrapper = /*#__PURE__*/styled__default.a(_templateObject8$f || (_templateObject8$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  text-decoration: none;\n\n  @media ", " {\n    text-decoration: underline;\n  }\n"])), devices.mobile);
 var ButtonWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject9$a || (_templateObject9$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  all: unset;\n  width: fit-content;\n  color: var(--base-color-white);\n  text-decoration: none;\n\n  @media ", " {\n    width: 100%;\n  }\n"])), devices.mobile);
-var FieldsWrapper = /*#__PURE__*/styled__default.div(_templateObject10$a || (_templateObject10$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 36px;\n\n  @media ", " {\n    grid-template-columns: 1fr;\n    gap: 20px;\n  }\n"])), devices.mobile);
-var MessageWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject11$6 || (_templateObject11$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  div > p {\n    margin: 0;\n  }\n"])));
-var DropdownAreaWrapper = /*#__PURE__*/styled__default.div(_templateObject12$4 || (_templateObject12$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-column: 1 / -1;\n  display: grid;\n  grid-template-columns: var(--grid-template-columns);\n  gap: var(--grid-column-gap);\n  cursor: pointer;\n"])));
-var DropdownWrapper = /*#__PURE__*/styled__default.div(_templateObject13$4 || (_templateObject13$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  transform: rotate(", ");\n  .dropdown-icon > div {\n    border-bottom: none;\n    color: var(--color-base-black);\n    margin: 0;\n  }\n"])), function (_ref3) {
+var FieldsWrapper = /*#__PURE__*/styled__default.div(_templateObject0$a || (_templateObject0$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 36px;\n\n  @media ", " {\n    grid-template-columns: 1fr;\n    gap: 20px;\n  }\n"])), devices.mobile);
+var MessageWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject1$6 || (_templateObject1$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  div > p {\n    margin: 0;\n  }\n"])));
+var DropdownAreaWrapper = /*#__PURE__*/styled__default.div(_templateObject10$4 || (_templateObject10$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-column: 1 / -1;\n  display: grid;\n  grid-template-columns: var(--grid-template-columns);\n  gap: var(--grid-column-gap);\n  cursor: pointer;\n"])));
+var DropdownWrapper = /*#__PURE__*/styled__default.div(_templateObject11$4 || (_templateObject11$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  transform: rotate(", ");\n  .dropdown-icon > div {\n    border-bottom: none;\n    color: var(--color-base-black);\n    margin: 0;\n  }\n"])), function (_ref3) {
   var _ref3$isOpen = _ref3.isOpen,
     isOpen = _ref3$isOpen === void 0 ? false : _ref3$isOpen;
   return isOpen ? '180deg' : '0deg';
 });
-var HiddenInstructions = /*#__PURE__*/styled__default.div(_templateObject14$4 || (_templateObject14$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip-path: inset(50%);\n  white-space: nowrap;\n  border: 0;\n"])));
-var SignUpHeader = /*#__PURE__*/styled__default(Grid)(_templateObject15$3 || (_templateObject15$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-column: 1 / -1;\n  row-gap: 0;\n"])));
+var HiddenInstructions = /*#__PURE__*/styled__default.div(_templateObject12$4 || (_templateObject12$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip-path: inset(50%);\n  white-space: nowrap;\n  border: 0;\n"])));
+var SignUpHeader = /*#__PURE__*/styled__default(Grid)(_templateObject13$3 || (_templateObject13$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-column: 1 / -1;\n  row-gap: 0;\n"])));
 
 var themeToColor = function themeToColor(theme) {
   switch (theme) {
@@ -11954,6 +11771,7 @@ var SignUpTitle = function SignUpTitle(_ref) {
   }, title)));
 };
 
+/* eslint-disable react/no-danger */
 var SignUpMessage = function SignUpMessage(_ref) {
   var message = _ref.message,
     _ref$withDropdown = _ref.withDropdown,
@@ -12033,9 +11851,12 @@ var SignUpFormButton = function SignUpFormButton(_ref) {
     onKeyDown: onKeyDownHandler
   };
   if (theme === exports.ThemeType.Core) {
-    return /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, buttonProps), BUTTON_TEXT);
+    return /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, buttonProps, {
+      role: "button"
+    }), BUTTON_TEXT);
   }
   return /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, buttonProps, {
+    role: "button",
     textColor: ThemeColor['base-white'],
     backgroundColor: ThemeColor['base-black'],
     hoveredColor: ThemeColor['black-hovered'],
@@ -12317,10 +12138,10 @@ var SignUpFormComponent = function SignUpFormComponent(_ref) {
   }))))));
 };
 
-var _templateObject$1o, _templateObject3$S, _templateObject4$J;
-var AnchorBarContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$1o || (_templateObject$1o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: sticky;\n  top: 0;\n  min-height: 70px;\n  background: var(--color-base-white);\n  z-index: ", ";\n  align-content: center;\n\n  @media ", " {\n    min-height: 60px;\n  }\n"])), zIndexes.anchor, devices.mobile);
-var CloseButtonWrapper = /*#__PURE__*/styled__default.a(_templateObject3$S || (_templateObject3$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  text-decoration: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 24px;\n  min-width: 24px;\n  max-height: 24px;\n  max-width: 24px;\n  border: none;\n  padding: 0;\n  background: none;\n\n  :hover {\n    cursor: pointer;\n  }\n\n  @media ", " {\n    min-height: 12px;\n    min-width: 12px;\n    max-height: 12px;\n    max-width: 12px;\n  }\n"])), devices.mobile);
-var ContentWrapper$3 = /*#__PURE__*/styled__default.a(_templateObject4$J || (_templateObject4$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n"])));
+var _templateObject$1n, _templateObject3$T, _templateObject4$K;
+var AnchorBarContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$1n || (_templateObject$1n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: sticky;\n  top: 0;\n  min-height: 70px;\n  background: var(--color-base-white);\n  z-index: ", ";\n  align-content: center;\n\n  @media ", " {\n    min-height: 60px;\n  }\n"])), zIndexes.anchor, devices.mobile);
+var CloseButtonWrapper = /*#__PURE__*/styled__default.a(_templateObject3$T || (_templateObject3$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  text-decoration: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 24px;\n  min-width: 24px;\n  max-height: 24px;\n  max-width: 24px;\n  border: none;\n  padding: 0;\n  background: none;\n\n  :hover {\n    cursor: pointer;\n  }\n\n  @media ", " {\n    min-height: 12px;\n    min-width: 12px;\n    max-height: 12px;\n    max-width: 12px;\n  }\n"])), devices.mobile);
+var ContentWrapper$3 = /*#__PURE__*/styled__default.a(_templateObject4$K || (_templateObject4$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n"])));
 
 var AnchorBar = function AnchorBar(_ref) {
   var cta = _ref.cta,
@@ -12445,7 +12266,6 @@ var SwipeCarousel = function SwipeCarousel(_ref2) {
   }));
 };
 
-var TYPOGRAPHY_CLASS_NAME = 'highlight-carousel-text';
 var HighlightsCarousel = function HighlightsCarousel(_ref) {
   var logo = _ref.logo,
     carouselTitle = _ref.carouselTitle,
@@ -12574,11 +12394,11 @@ var HarmonicThemeProvider = function HarmonicThemeProvider(_ref) {
   return themedChildren.length === 1 ? themedChildren[0] : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, themedChildren);
 };
 
-var _excluded$v = ["logo", "slides"];
+var _excluded$q = ["logo", "slides"];
 var HighlightsCinema = function HighlightsCinema(_ref) {
   var logo = _ref.logo,
     slides = _ref.slides,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$v);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$q);
   var slidesWithLinks = slides.map(function (slide) {
     var links = processSlideLinks(slide.links);
     return _extends({}, slide, {
@@ -12595,10 +12415,10 @@ var HighlightsCinema = function HighlightsCinema(_ref) {
   })));
 };
 
-var _excluded$w = ["slides"];
+var _excluded$r = ["slides"];
 var HighlightsCore = function HighlightsCore(_ref) {
   var slides = _ref.slides,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$w);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$r);
   var slidesWithLinks = slides.map(function (slide) {
     var links = processSlideLinks(slide.links);
     return _extends({}, slide, {
@@ -12612,11 +12432,11 @@ var HighlightsCore = function HighlightsCore(_ref) {
   })));
 };
 
-var _excluded$x = ["logo", "slides"];
+var _excluded$s = ["logo", "slides"];
 var HighlightsStream = function HighlightsStream(_ref) {
   var logo = _ref.logo,
     slides = _ref.slides,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$x);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$s);
   var slidesWithLinks = slides.map(function (slide) {
     var links = processSlideLinks(slide.links);
     return _extends({}, slide, {
@@ -12633,9 +12453,9 @@ var HighlightsStream = function HighlightsStream(_ref) {
   })));
 };
 
-var _templateObject$1p, _templateObject3$T;
-var CarouselWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$1p || (_templateObject$1p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  user-select: none;\n  display: flex;\n\n  .swipe-slide {\n    width: 100%;\n  }\n"])));
-var ButtonsWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$T || (_templateObject3$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  margin-left: 6px;\n"])));
+var _templateObject$1o, _templateObject3$U;
+var CarouselWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$1o || (_templateObject$1o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  user-select: none;\n  display: flex;\n\n  .swipe-slide {\n    width: 100%;\n  }\n"])));
+var ButtonsWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$U || (_templateObject3$U = /*#__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;
@@ -12670,8 +12490,8 @@ var MinimalCarousel = function MinimalCarousel(_ref) {
   }))));
 };
 
-var _templateObject$1q;
-var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_templateObject$1q || (_templateObject$1q = /*#__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: 6px;\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$1p;
+var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_templateObject$1p || (_templateObject$1p = /*#__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: 6px;\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) {
@@ -12698,483 +12518,489 @@ var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_templateObject$1q || (
 }, function (_ref9) {
   var theme = _ref9.theme;
   return theme.colors.lightgrey;
+}, function (_ref0) {
+  var theme = _ref0.theme;
+  return theme.colors.error;
+}, function (_ref1) {
+  var theme = _ref1.theme;
+  return theme.colors.medium;
 }, function (_ref10) {
   var theme = _ref10.theme;
-  return theme.colors.error;
+  return theme.colors.good;
 }, function (_ref11) {
   var theme = _ref11.theme;
-  return theme.colors.medium;
+  return theme.colors.darkgrey;
 }, function (_ref12) {
   var theme = _ref12.theme;
-  return theme.colors.good;
+  return theme.colors.midgrey;
 }, function (_ref13) {
   var theme = _ref13.theme;
-  return theme.colors.darkgrey;
+  return theme.colors.lightgrey;
 }, function (_ref14) {
   var theme = _ref14.theme;
-  return theme.colors.midgrey;
+  return theme.colors.error;
 }, function (_ref15) {
   var theme = _ref15.theme;
-  return theme.colors.lightgrey;
+  return theme.colors.medium;
 }, function (_ref16) {
   var theme = _ref16.theme;
-  return theme.colors.error;
+  return theme.colors.good;
 }, function (_ref17) {
   var theme = _ref17.theme;
-  return theme.colors.medium;
+  return theme.colors.progress;
 }, function (_ref18) {
   var theme = _ref18.theme;
-  return theme.colors.good;
+  return theme.colors.navigation;
 }, function (_ref19) {
   var theme = _ref19.theme;
-  return theme.colors.progress;
+  return theme.colors.lapisLazuli;
 }, function (_ref20) {
   var theme = _ref20.theme;
-  return theme.colors.navigation;
+  return theme.colors.lemonChiffon;
 }, function (_ref21) {
   var theme = _ref21.theme;
-  return theme.colors.lapisLazuli;
+  return theme.spacing[12];
 }, function (_ref22) {
   var theme = _ref22.theme;
-  return theme.colors.lemonChiffon;
+  return theme.fonts.desktop.lineHeights.buttons;
 }, function (_ref23) {
   var theme = _ref23.theme;
-  return theme.spacing[12];
+  return theme.buttons.paddingX;
 }, function (_ref24) {
   var theme = _ref24.theme;
-  return theme.fonts.desktop.lineHeights.buttons;
+  return theme.buttons.paddingY;
 }, function (_ref25) {
   var theme = _ref25.theme;
-  return theme.buttons.paddingX;
+  return theme.buttons.paddingYIcon;
 }, function (_ref26) {
   var theme = _ref26.theme;
-  return theme.buttons.paddingY;
+  return theme.buttons.iconMargin;
 }, function (_ref27) {
   var theme = _ref27.theme;
-  return theme.buttons.paddingYIcon;
+  return theme.buttons.iconWidth;
 }, function (_ref28) {
   var theme = _ref28.theme;
-  return theme.buttons.iconMargin;
+  return theme.buttons.iconHeight;
 }, function (_ref29) {
   var theme = _ref29.theme;
-  return theme.buttons.iconWidth;
+  return theme.fonts.desktop.sizes.buttons;
 }, function (_ref30) {
   var theme = _ref30.theme;
-  return theme.buttons.iconHeight;
+  return theme.fonts.desktop.weights.buttons;
 }, function (_ref31) {
   var theme = _ref31.theme;
-  return theme.fonts.desktop.sizes.buttons;
+  return theme.fonts.desktop.sizes.headers[1];
 }, function (_ref32) {
   var theme = _ref32.theme;
-  return theme.fonts.desktop.weights.buttons;
+  return theme.fonts.desktop.weights.headers[1];
 }, function (_ref33) {
   var theme = _ref33.theme;
-  return theme.fonts.desktop.sizes.headers[1];
+  return theme.fonts.desktop.letterSpacing.headers[1];
 }, function (_ref34) {
   var theme = _ref34.theme;
-  return theme.fonts.desktop.weights.headers[1];
+  return theme.fonts.desktop.lineHeights.headers[1];
 }, function (_ref35) {
   var theme = _ref35.theme;
-  return theme.fonts.desktop.letterSpacing.headers[1];
+  return theme.fonts.desktop.margins.headers[1];
 }, function (_ref36) {
   var theme = _ref36.theme;
-  return theme.fonts.desktop.lineHeights.headers[1];
+  return theme.fonts.desktop.sizes.headers[2];
 }, function (_ref37) {
   var theme = _ref37.theme;
-  return theme.fonts.desktop.margins.headers[1];
+  return theme.fonts.desktop.weights.headers[2];
 }, function (_ref38) {
   var theme = _ref38.theme;
-  return theme.fonts.desktop.sizes.headers[2];
+  return theme.fonts.desktop.letterSpacing.headers[2];
 }, function (_ref39) {
   var theme = _ref39.theme;
-  return theme.fonts.desktop.weights.headers[2];
+  return theme.fonts.desktop.lineHeights.headers[2];
 }, function (_ref40) {
   var theme = _ref40.theme;
-  return theme.fonts.desktop.letterSpacing.headers[2];
+  return theme.fonts.desktop.margins.headers[2];
 }, function (_ref41) {
   var theme = _ref41.theme;
-  return theme.fonts.desktop.lineHeights.headers[2];
+  return theme.fonts.desktop.sizes.headers[3];
 }, function (_ref42) {
   var theme = _ref42.theme;
-  return theme.fonts.desktop.margins.headers[2];
+  return theme.fonts.desktop.weights.headers[3];
 }, function (_ref43) {
   var theme = _ref43.theme;
-  return theme.fonts.desktop.sizes.headers[3];
+  return theme.fonts.desktop.letterSpacing.headers[3];
 }, function (_ref44) {
   var theme = _ref44.theme;
-  return theme.fonts.desktop.weights.headers[3];
+  return theme.fonts.desktop.lineHeights.headers[3];
 }, function (_ref45) {
   var theme = _ref45.theme;
-  return theme.fonts.desktop.letterSpacing.headers[3];
+  return theme.fonts.desktop.margins.headers[3];
 }, function (_ref46) {
   var theme = _ref46.theme;
-  return theme.fonts.desktop.lineHeights.headers[3];
+  return theme.fonts.desktop.sizes.headers[4];
 }, function (_ref47) {
   var theme = _ref47.theme;
-  return theme.fonts.desktop.margins.headers[3];
+  return theme.fonts.desktop.weights.headers[4];
 }, function (_ref48) {
   var theme = _ref48.theme;
-  return theme.fonts.desktop.sizes.headers[4];
+  return theme.fonts.desktop.letterSpacing.headers[4];
 }, function (_ref49) {
   var theme = _ref49.theme;
-  return theme.fonts.desktop.weights.headers[4];
+  return theme.fonts.desktop.lineHeights.headers[4];
 }, function (_ref50) {
   var theme = _ref50.theme;
-  return theme.fonts.desktop.letterSpacing.headers[4];
+  return theme.fonts.desktop.margins.headers[4];
 }, function (_ref51) {
   var theme = _ref51.theme;
-  return theme.fonts.desktop.lineHeights.headers[4];
+  return theme.fonts.desktop.sizes.headers[5];
 }, function (_ref52) {
   var theme = _ref52.theme;
-  return theme.fonts.desktop.margins.headers[4];
+  return theme.fonts.desktop.weights.headers[5];
 }, function (_ref53) {
   var theme = _ref53.theme;
-  return theme.fonts.desktop.sizes.headers[5];
+  return theme.fonts.desktop.letterSpacing.headers[5];
 }, function (_ref54) {
   var theme = _ref54.theme;
-  return theme.fonts.desktop.weights.headers[5];
+  return theme.fonts.desktop.lineHeights.headers[5];
 }, function (_ref55) {
   var theme = _ref55.theme;
-  return theme.fonts.desktop.letterSpacing.headers[5];
+  return theme.fonts.desktop.margins.headers[5];
 }, function (_ref56) {
   var theme = _ref56.theme;
-  return theme.fonts.desktop.lineHeights.headers[5];
+  return theme.fonts.desktop.sizes.headers[6];
 }, function (_ref57) {
   var theme = _ref57.theme;
-  return theme.fonts.desktop.margins.headers[5];
+  return theme.fonts.desktop.weights.headers[6];
 }, function (_ref58) {
   var theme = _ref58.theme;
-  return theme.fonts.desktop.sizes.headers[6];
+  return theme.fonts.desktop.letterSpacing.headers[6];
 }, function (_ref59) {
   var theme = _ref59.theme;
-  return theme.fonts.desktop.weights.headers[6];
+  return theme.fonts.desktop.lineHeights.headers[6];
 }, function (_ref60) {
   var theme = _ref60.theme;
-  return theme.fonts.desktop.letterSpacing.headers[6];
+  return theme.fonts.desktop.margins.headers[6];
 }, function (_ref61) {
   var theme = _ref61.theme;
-  return theme.fonts.desktop.lineHeights.headers[6];
+  return theme.fonts.desktop.sizes.altHeaders[3];
 }, function (_ref62) {
   var theme = _ref62.theme;
-  return theme.fonts.desktop.margins.headers[6];
+  return theme.fonts.desktop.weights.altHeaders[3];
 }, function (_ref63) {
   var theme = _ref63.theme;
-  return theme.fonts.desktop.sizes.altHeaders[3];
+  return theme.fonts.desktop.letterSpacing.altHeaders[3];
 }, function (_ref64) {
   var theme = _ref64.theme;
-  return theme.fonts.desktop.weights.altHeaders[3];
+  return theme.fonts.desktop.lineHeights.altHeaders[3];
 }, function (_ref65) {
   var theme = _ref65.theme;
-  return theme.fonts.desktop.letterSpacing.altHeaders[3];
+  return theme.fonts.desktop.sizes.altHeaders[4];
 }, function (_ref66) {
   var theme = _ref66.theme;
-  return theme.fonts.desktop.lineHeights.altHeaders[3];
+  return theme.fonts.desktop.weights.altHeaders[4];
 }, function (_ref67) {
   var theme = _ref67.theme;
-  return theme.fonts.desktop.sizes.altHeaders[4];
+  return theme.fonts.desktop.letterSpacing.altHeaders[4];
 }, function (_ref68) {
   var theme = _ref68.theme;
-  return theme.fonts.desktop.weights.altHeaders[4];
+  return theme.fonts.desktop.lineHeights.altHeaders[4];
 }, function (_ref69) {
   var theme = _ref69.theme;
-  return theme.fonts.desktop.letterSpacing.altHeaders[4];
+  return theme.fonts.desktop.sizes.altHeaders[5];
 }, function (_ref70) {
   var theme = _ref70.theme;
-  return theme.fonts.desktop.lineHeights.altHeaders[4];
+  return theme.fonts.desktop.weights.altHeaders[5];
 }, function (_ref71) {
   var theme = _ref71.theme;
-  return theme.fonts.desktop.sizes.altHeaders[5];
+  return theme.fonts.desktop.letterSpacing.altHeaders[5];
 }, function (_ref72) {
   var theme = _ref72.theme;
-  return theme.fonts.desktop.weights.altHeaders[5];
+  return theme.fonts.desktop.lineHeights.altHeaders[5];
 }, function (_ref73) {
   var theme = _ref73.theme;
-  return theme.fonts.desktop.letterSpacing.altHeaders[5];
+  return theme.fonts.desktop.sizes.altHeaders[6];
 }, function (_ref74) {
   var theme = _ref74.theme;
-  return theme.fonts.desktop.lineHeights.altHeaders[5];
+  return theme.fonts.desktop.weights.altHeaders[6];
 }, function (_ref75) {
   var theme = _ref75.theme;
-  return theme.fonts.desktop.sizes.altHeaders[6];
+  return theme.fonts.desktop.letterSpacing.altHeaders[6];
 }, function (_ref76) {
   var theme = _ref76.theme;
-  return theme.fonts.desktop.weights.altHeaders[6];
+  return theme.fonts.desktop.lineHeights.altHeaders[6];
 }, function (_ref77) {
   var theme = _ref77.theme;
-  return theme.fonts.desktop.letterSpacing.altHeaders[6];
+  return theme.fonts.desktop.sizes.overline[1];
 }, function (_ref78) {
   var theme = _ref78.theme;
-  return theme.fonts.desktop.lineHeights.altHeaders[6];
+  return theme.fonts.desktop.weights.overline[1];
 }, function (_ref79) {
   var theme = _ref79.theme;
-  return theme.fonts.desktop.sizes.overline[1];
+  return theme.fonts.desktop.letterSpacing.overline[1];
 }, function (_ref80) {
   var theme = _ref80.theme;
-  return theme.fonts.desktop.weights.overline[1];
+  return theme.fonts.desktop.lineHeights.overline[1];
 }, function (_ref81) {
   var theme = _ref81.theme;
-  return theme.fonts.desktop.letterSpacing.overline[1];
+  return theme.fonts.desktop.sizes.overline[2];
 }, function (_ref82) {
   var theme = _ref82.theme;
-  return theme.fonts.desktop.lineHeights.overline[1];
+  return theme.fonts.desktop.weights.overline[2];
 }, function (_ref83) {
   var theme = _ref83.theme;
-  return theme.fonts.desktop.sizes.overline[2];
+  return theme.fonts.desktop.letterSpacing.overline[2];
 }, function (_ref84) {
   var theme = _ref84.theme;
-  return theme.fonts.desktop.weights.overline[2];
+  return theme.fonts.desktop.lineHeights.overline[2];
 }, function (_ref85) {
   var theme = _ref85.theme;
-  return theme.fonts.desktop.letterSpacing.overline[2];
+  return theme.fonts.desktop.sizes.overline[3];
 }, function (_ref86) {
   var theme = _ref86.theme;
-  return theme.fonts.desktop.lineHeights.overline[2];
+  return theme.fonts.desktop.weights.overline[3];
 }, function (_ref87) {
   var theme = _ref87.theme;
-  return theme.fonts.desktop.sizes.overline[3];
+  return theme.fonts.desktop.letterSpacing.overline[3];
 }, function (_ref88) {
   var theme = _ref88.theme;
-  return theme.fonts.desktop.weights.overline[3];
+  return theme.fonts.desktop.lineHeights.overline[3];
 }, function (_ref89) {
   var theme = _ref89.theme;
-  return theme.fonts.desktop.letterSpacing.overline[3];
+  return theme.fonts.desktop.sizes.overline[4];
 }, function (_ref90) {
   var theme = _ref90.theme;
-  return theme.fonts.desktop.lineHeights.overline[3];
+  return theme.fonts.desktop.weights.overline[4];
 }, function (_ref91) {
   var theme = _ref91.theme;
-  return theme.fonts.desktop.sizes.overline[4];
+  return theme.fonts.desktop.letterSpacing.overline[4];
 }, function (_ref92) {
   var theme = _ref92.theme;
-  return theme.fonts.desktop.weights.overline[4];
+  return theme.fonts.desktop.lineHeights.overline[4];
 }, function (_ref93) {
   var theme = _ref93.theme;
-  return theme.fonts.desktop.letterSpacing.overline[4];
+  return theme.fonts.desktop.sizes.body[1];
 }, function (_ref94) {
   var theme = _ref94.theme;
-  return theme.fonts.desktop.lineHeights.overline[4];
+  return theme.fonts.desktop.weights.body[1];
 }, function (_ref95) {
   var theme = _ref95.theme;
-  return theme.fonts.desktop.sizes.body[1];
+  return theme.fonts.desktop.letterSpacing.body[1];
 }, function (_ref96) {
   var theme = _ref96.theme;
-  return theme.fonts.desktop.weights.body[1];
+  return theme.fonts.desktop.lineHeights.body[1];
 }, function (_ref97) {
   var theme = _ref97.theme;
-  return theme.fonts.desktop.letterSpacing.body[1];
+  return theme.fonts.desktop.sizes.body[2];
 }, function (_ref98) {
   var theme = _ref98.theme;
-  return theme.fonts.desktop.lineHeights.body[1];
+  return theme.fonts.desktop.weights.body[2];
 }, function (_ref99) {
   var theme = _ref99.theme;
-  return theme.fonts.desktop.sizes.body[2];
+  return theme.fonts.desktop.letterSpacing.body[2];
 }, function (_ref100) {
   var theme = _ref100.theme;
-  return theme.fonts.desktop.weights.body[2];
+  return theme.fonts.desktop.lineHeights.body[2];
 }, function (_ref101) {
   var theme = _ref101.theme;
-  return theme.fonts.desktop.letterSpacing.body[2];
+  return theme.fonts.desktop.sizes.body[3];
 }, function (_ref102) {
   var theme = _ref102.theme;
-  return theme.fonts.desktop.lineHeights.body[2];
+  return theme.fonts.desktop.weights.body[3];
 }, function (_ref103) {
   var theme = _ref103.theme;
-  return theme.fonts.desktop.sizes.body[3];
+  return theme.fonts.desktop.letterSpacing.body[3];
 }, function (_ref104) {
   var theme = _ref104.theme;
-  return theme.fonts.desktop.weights.body[3];
+  return theme.fonts.desktop.lineHeights.body[3];
 }, function (_ref105) {
   var theme = _ref105.theme;
-  return theme.fonts.desktop.letterSpacing.body[3];
+  return theme.fonts.desktop.sizes.subtitles[1];
 }, function (_ref106) {
   var theme = _ref106.theme;
-  return theme.fonts.desktop.lineHeights.body[3];
+  return theme.fonts.desktop.weights.subtitles[1];
 }, function (_ref107) {
   var theme = _ref107.theme;
-  return theme.fonts.desktop.sizes.subtitles[1];
+  return theme.fonts.desktop.letterSpacing.subtitles[1];
 }, function (_ref108) {
   var theme = _ref108.theme;
-  return theme.fonts.desktop.weights.subtitles[1];
+  return theme.fonts.desktop.lineHeights.subtitles[1];
 }, function (_ref109) {
   var theme = _ref109.theme;
-  return theme.fonts.desktop.letterSpacing.subtitles[1];
+  return theme.fonts.desktop.sizes.subtitles[2];
 }, function (_ref110) {
   var theme = _ref110.theme;
-  return theme.fonts.desktop.lineHeights.subtitles[1];
+  return theme.fonts.desktop.weights.subtitles[2];
 }, function (_ref111) {
   var theme = _ref111.theme;
-  return theme.fonts.desktop.sizes.subtitles[2];
+  return theme.fonts.desktop.letterSpacing.subtitles[2];
 }, function (_ref112) {
   var theme = _ref112.theme;
-  return theme.fonts.desktop.weights.subtitles[2];
+  return theme.fonts.desktop.lineHeights.subtitles[2];
 }, function (_ref113) {
   var theme = _ref113.theme;
-  return theme.fonts.desktop.letterSpacing.subtitles[2];
+  return theme.fonts.desktop.sizes.titleDescription;
 }, function (_ref114) {
   var theme = _ref114.theme;
-  return theme.fonts.desktop.lineHeights.subtitles[2];
+  return theme.fonts.desktop.lineHeights.titleDescription;
 }, function (_ref115) {
   var theme = _ref115.theme;
-  return theme.fonts.desktop.sizes.titleDescription;
+  return theme.fonts.desktop.lineHeights.listing;
 }, function (_ref116) {
   var theme = _ref116.theme;
-  return theme.fonts.desktop.lineHeights.titleDescription;
+  return theme.fonts.desktop.sizes.listing;
 }, function (_ref117) {
   var theme = _ref117.theme;
-  return theme.fonts.desktop.lineHeights.listing;
+  return theme.fonts.desktop.lineHeights.peopleListing;
 }, function (_ref118) {
   var theme = _ref118.theme;
-  return theme.fonts.desktop.sizes.listing;
+  return theme.spacing[6];
 }, function (_ref119) {
   var theme = _ref119.theme;
-  return theme.fonts.desktop.lineHeights.peopleListing;
+  return theme.fonts.desktop.families.headers;
 }, function (_ref120) {
   var theme = _ref120.theme;
-  return theme.spacing[6];
+  return theme.fonts.desktop.families.altHeaders;
 }, function (_ref121) {
   var theme = _ref121.theme;
-  return theme.fonts.desktop.families.headers;
+  return theme.fonts.desktop.families.body;
 }, function (_ref122) {
   var theme = _ref122.theme;
-  return theme.fonts.desktop.families.altHeaders;
+  return theme.fonts.desktop.families.bodyItalics;
 }, function (_ref123) {
   var theme = _ref123.theme;
-  return theme.fonts.desktop.families.body;
+  return theme.fonts.desktop.families.buttons;
 }, function (_ref124) {
   var theme = _ref124.theme;
-  return theme.fonts.desktop.families.bodyItalics;
+  return theme.fonts.desktop.families.overline;
 }, function (_ref125) {
   var theme = _ref125.theme;
-  return theme.fonts.desktop.families.buttons;
+  return theme.fonts.desktop.families.subtitles;
 }, function (_ref126) {
   var theme = _ref126.theme;
-  return theme.fonts.desktop.families.overline;
+  return theme.fonts.desktop.families.peopleListingRole;
 }, function (_ref127) {
   var theme = _ref127.theme;
-  return theme.fonts.desktop.families.subtitles;
+  return theme.fonts.desktop.families.body;
 }, function (_ref128) {
   var theme = _ref128.theme;
-  return theme.fonts.desktop.families.peopleListingRole;
+  return theme.fonts.desktop.fontFeatureSettings.headers;
 }, function (_ref129) {
   var theme = _ref129.theme;
-  return theme.fonts.desktop.families.body;
+  return theme.fonts.desktop.fontFeatureSettings.altHeaders;
 }, function (_ref130) {
   var theme = _ref130.theme;
-  return theme.fonts.desktop.fontFeatureSettings.headers;
+  return theme.fonts.desktop.fontFeatureSettings.overline;
 }, function (_ref131) {
   var theme = _ref131.theme;
-  return theme.fonts.desktop.fontFeatureSettings.altHeaders;
+  return theme.fonts.desktop.fontFeatureSettings.subtitles;
 }, function (_ref132) {
   var theme = _ref132.theme;
-  return theme.fonts.desktop.fontFeatureSettings.overline;
+  return theme.fonts.desktop.fontFeatureSettings.body;
 }, function (_ref133) {
   var theme = _ref133.theme;
-  return theme.fonts.desktop.fontFeatureSettings.subtitles;
+  return theme.fonts.desktop.fontFeatureSettings.navigation;
 }, function (_ref134) {
   var theme = _ref134.theme;
-  return theme.fonts.desktop.fontFeatureSettings.body;
+  return theme.fonts.desktop.transforms.headers;
 }, function (_ref135) {
   var theme = _ref135.theme;
-  return theme.fonts.desktop.fontFeatureSettings.navigation;
+  return theme.fonts.desktop.transforms.altHeaders;
 }, function (_ref136) {
   var theme = _ref136.theme;
-  return theme.fonts.desktop.transforms.headers;
+  return theme.fonts.desktop.transforms.body;
 }, function (_ref137) {
   var theme = _ref137.theme;
-  return theme.fonts.desktop.transforms.altHeaders;
+  return theme.fonts.desktop.transforms.overline;
 }, function (_ref138) {
   var theme = _ref138.theme;
-  return theme.fonts.desktop.transforms.body;
+  return theme.fonts.desktop.transforms.subtitles;
 }, function (_ref139) {
   var theme = _ref139.theme;
-  return theme.fonts.desktop.transforms.overline;
+  return theme.fonts.desktop.wordBreak.headers;
 }, function (_ref140) {
   var theme = _ref140.theme;
-  return theme.fonts.desktop.transforms.subtitles;
+  return theme.fonts.desktop.wordBreak.altHeaders;
 }, function (_ref141) {
   var theme = _ref141.theme;
-  return theme.fonts.desktop.wordBreak.headers;
+  return theme.fonts.desktop.wordBreak.body;
 }, function (_ref142) {
   var theme = _ref142.theme;
-  return theme.fonts.desktop.wordBreak.altHeaders;
+  return theme.fonts.desktop.wordBreak.overline;
 }, function (_ref143) {
   var theme = _ref143.theme;
-  return theme.fonts.desktop.wordBreak.body;
+  return theme.fonts.desktop.wordBreak.subtitles;
 }, function (_ref144) {
   var theme = _ref144.theme;
-  return theme.fonts.desktop.wordBreak.overline;
+  return theme.fonts.desktop.families.navigation;
 }, function (_ref145) {
   var theme = _ref145.theme;
-  return theme.fonts.desktop.wordBreak.subtitles;
+  return theme.fonts.desktop.sizes.navigation;
 }, function (_ref146) {
   var theme = _ref146.theme;
-  return theme.fonts.desktop.families.navigation;
+  return theme.fonts.desktop.weights.navigation;
 }, function (_ref147) {
   var theme = _ref147.theme;
-  return theme.fonts.desktop.sizes.navigation;
+  return theme.fonts.desktop.lineHeights.navigation;
 }, function (_ref148) {
   var theme = _ref148.theme;
-  return theme.fonts.desktop.weights.navigation;
+  return theme.fonts.desktop.transforms.navigation;
 }, function (_ref149) {
   var theme = _ref149.theme;
-  return theme.fonts.desktop.lineHeights.navigation;
+  return theme.fonts.desktop.letterSpacing.navigation;
 }, function (_ref150) {
   var theme = _ref150.theme;
-  return theme.fonts.desktop.transforms.navigation;
+  return theme.spacing[4];
 }, function (_ref151) {
   var theme = _ref151.theme;
-  return theme.fonts.desktop.letterSpacing.navigation;
+  return theme.spacing[5];
 }, function (_ref152) {
   var theme = _ref152.theme;
-  return theme.spacing[4];
+  return theme.spacing[6];
 }, function (_ref153) {
   var theme = _ref153.theme;
-  return theme.spacing[5];
+  return theme.spacing[9];
 }, function (_ref154) {
   var theme = _ref154.theme;
-  return theme.spacing[6];
+  return theme.spacing[15];
 }, function (_ref155) {
   var theme = _ref155.theme;
-  return theme.spacing[9];
+  return theme.spacing[15];
 }, function (_ref156) {
   var theme = _ref156.theme;
-  return theme.spacing[15];
+  return theme.spacing[9];
 }, function (_ref157) {
   var theme = _ref157.theme;
-  return theme.spacing[15];
+  return theme.fonts.desktop.sizes.search;
 }, function (_ref158) {
   var theme = _ref158.theme;
-  return theme.spacing[9];
+  return theme.fonts.desktop.families.search;
 }, function (_ref159) {
   var theme = _ref159.theme;
-  return theme.fonts.desktop.sizes.search;
+  return theme.grid.desktop.margin;
 }, function (_ref160) {
   var theme = _ref160.theme;
-  return theme.fonts.desktop.families.search;
+  return theme.grid.desktop.outerMargin;
 }, function (_ref161) {
   var theme = _ref161.theme;
-  return theme.grid.desktop.margin;
+  return theme.grid.desktop.outerMargin;
 }, function (_ref162) {
   var theme = _ref162.theme;
-  return theme.grid.desktop.outerMargin;
+  return theme.grid.desktop.gap;
 }, function (_ref163) {
   var theme = _ref163.theme;
-  return theme.grid.desktop.outerMargin;
+  return theme.grid.desktop.margin;
 }, function (_ref164) {
   var theme = _ref164.theme;
-  return theme.grid.desktop.gap;
+  return theme.grid.desktop.outerMargin;
 }, function (_ref165) {
   var theme = _ref165.theme;
-  return theme.grid.desktop.margin;
+  return theme.grid.desktop.gap;
 }, function (_ref166) {
   var theme = _ref166.theme;
-  return theme.grid.desktop.outerMargin;
+  return theme.grid.desktop.margin;
 }, function (_ref167) {
   var theme = _ref167.theme;
-  return theme.grid.desktop.gap;
+  return theme.grid.desktop.outerMargin;
 }, function (_ref168) {
   var theme = _ref168.theme;
-  return theme.grid.desktop.margin;
+  return theme.grid.desktop.gap;
 }, function (_ref169) {
   var theme = _ref169.theme;
   return theme.grid.desktop.outerMargin;
@@ -13183,349 +13009,349 @@ var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_templateObject$1q || (
   return theme.grid.desktop.gap;
 }, function (_ref171) {
   var theme = _ref171.theme;
-  return theme.grid.desktop.outerMargin;
+  return theme.grid.desktop.gap;
 }, function (_ref172) {
   var theme = _ref172.theme;
-  return theme.grid.desktop.gap;
+  return theme.footer.desktop.height;
 }, function (_ref173) {
   var theme = _ref173.theme;
-  return theme.grid.desktop.gap;
+  return theme.footer.desktop.paddingTop;
 }, function (_ref174) {
   var theme = _ref174.theme;
-  return theme.footer.desktop.height;
+  return theme.footer.desktop.paddingBottom;
 }, function (_ref175) {
   var theme = _ref175.theme;
-  return theme.footer.desktop.paddingTop;
+  return theme.footer.desktop.itemsGap;
 }, function (_ref176) {
   var theme = _ref176.theme;
-  return theme.footer.desktop.paddingBottom;
+  return theme.footer.desktop.mediaGap;
 }, function (_ref177) {
   var theme = _ref177.theme;
-  return theme.footer.desktop.itemsGap;
+  return theme.footer.desktop.mediaIconWidth;
 }, function (_ref178) {
   var theme = _ref178.theme;
-  return theme.footer.desktop.mediaGap;
+  return theme.footer.desktop.mediaIconHeight;
 }, function (_ref179) {
   var theme = _ref179.theme;
-  return theme.footer.desktop.mediaIconWidth;
+  return theme.footer.desktop.verticalSpacingLarge;
 }, function (_ref180) {
   var theme = _ref180.theme;
-  return theme.footer.desktop.mediaIconHeight;
+  return theme.footer.desktop.verticalSpacingSmall;
 }, function (_ref181) {
   var theme = _ref181.theme;
-  return theme.footer.desktop.verticalSpacingLarge;
+  return theme.spacing[2];
 }, function (_ref182) {
   var theme = _ref182.theme;
-  return theme.footer.desktop.verticalSpacingSmall;
+  return theme.spacing[10];
 }, function (_ref183) {
   var theme = _ref183.theme;
-  return theme.spacing[2];
+  return theme.spacing[4];
 }, function (_ref184) {
   var theme = _ref184.theme;
-  return theme.spacing[10];
+  return theme.spacing[6];
 }, function (_ref185) {
   var theme = _ref185.theme;
-  return theme.spacing[4];
-}, function (_ref186) {
+  return theme.spacing[1];
+}, devices.mobile, function (_ref186) {
   var theme = _ref186.theme;
-  return theme.spacing[6];
+  return theme.fonts.mobile.sizes.headers[1];
 }, function (_ref187) {
   var theme = _ref187.theme;
-  return theme.spacing[1];
-}, devices.mobile, function (_ref188) {
+  return theme.fonts.mobile.weights.headers[1];
+}, function (_ref188) {
   var theme = _ref188.theme;
-  return theme.fonts.mobile.sizes.headers[1];
+  return theme.fonts.mobile.letterSpacing.headers[1];
 }, function (_ref189) {
   var theme = _ref189.theme;
-  return theme.fonts.mobile.weights.headers[1];
+  return theme.fonts.mobile.lineHeights.headers[1];
 }, function (_ref190) {
   var theme = _ref190.theme;
-  return theme.fonts.mobile.letterSpacing.headers[1];
+  return theme.fonts.mobile.sizes.headers[2];
 }, function (_ref191) {
   var theme = _ref191.theme;
-  return theme.fonts.mobile.lineHeights.headers[1];
+  return theme.fonts.mobile.weights.headers[2];
 }, function (_ref192) {
   var theme = _ref192.theme;
-  return theme.fonts.mobile.sizes.headers[2];
+  return theme.fonts.mobile.letterSpacing.headers[2];
 }, function (_ref193) {
   var theme = _ref193.theme;
-  return theme.fonts.mobile.weights.headers[2];
+  return theme.fonts.mobile.lineHeights.headers[2];
 }, function (_ref194) {
   var theme = _ref194.theme;
-  return theme.fonts.mobile.letterSpacing.headers[2];
+  return theme.fonts.mobile.sizes.headers[3];
 }, function (_ref195) {
   var theme = _ref195.theme;
-  return theme.fonts.mobile.lineHeights.headers[2];
+  return theme.fonts.mobile.weights.headers[3];
 }, function (_ref196) {
   var theme = _ref196.theme;
-  return theme.fonts.mobile.sizes.headers[3];
+  return theme.fonts.mobile.letterSpacing.headers[3];
 }, function (_ref197) {
   var theme = _ref197.theme;
-  return theme.fonts.mobile.weights.headers[3];
+  return theme.fonts.mobile.lineHeights.headers[3];
 }, function (_ref198) {
   var theme = _ref198.theme;
-  return theme.fonts.mobile.letterSpacing.headers[3];
+  return theme.fonts.mobile.sizes.headers[4];
 }, function (_ref199) {
   var theme = _ref199.theme;
-  return theme.fonts.mobile.lineHeights.headers[3];
+  return theme.fonts.mobile.weights.headers[4];
 }, function (_ref200) {
   var theme = _ref200.theme;
-  return theme.fonts.mobile.sizes.headers[4];
+  return theme.fonts.mobile.letterSpacing.headers[4];
 }, function (_ref201) {
   var theme = _ref201.theme;
-  return theme.fonts.mobile.weights.headers[4];
+  return theme.fonts.mobile.lineHeights.headers[4];
 }, function (_ref202) {
   var theme = _ref202.theme;
-  return theme.fonts.mobile.letterSpacing.headers[4];
+  return theme.fonts.mobile.sizes.headers[5];
 }, function (_ref203) {
   var theme = _ref203.theme;
-  return theme.fonts.mobile.lineHeights.headers[4];
+  return theme.fonts.mobile.weights.headers[5];
 }, function (_ref204) {
   var theme = _ref204.theme;
-  return theme.fonts.mobile.sizes.headers[5];
+  return theme.fonts.mobile.letterSpacing.headers[5];
 }, function (_ref205) {
   var theme = _ref205.theme;
-  return theme.fonts.mobile.weights.headers[5];
+  return theme.fonts.mobile.lineHeights.headers[5];
 }, function (_ref206) {
   var theme = _ref206.theme;
-  return theme.fonts.mobile.letterSpacing.headers[5];
+  return theme.fonts.mobile.sizes.headers[6];
 }, function (_ref207) {
   var theme = _ref207.theme;
-  return theme.fonts.mobile.lineHeights.headers[5];
+  return theme.fonts.mobile.weights.headers[6];
 }, function (_ref208) {
   var theme = _ref208.theme;
-  return theme.fonts.mobile.sizes.headers[6];
+  return theme.fonts.mobile.letterSpacing.headers[6];
 }, function (_ref209) {
   var theme = _ref209.theme;
-  return theme.fonts.mobile.weights.headers[6];
+  return theme.fonts.mobile.lineHeights.headers[6];
 }, function (_ref210) {
   var theme = _ref210.theme;
-  return theme.fonts.mobile.letterSpacing.headers[6];
+  return theme.fonts.mobile.sizes.altHeaders[3];
 }, function (_ref211) {
   var theme = _ref211.theme;
-  return theme.fonts.mobile.lineHeights.headers[6];
+  return theme.fonts.mobile.weights.altHeaders[3];
 }, function (_ref212) {
   var theme = _ref212.theme;
-  return theme.fonts.mobile.sizes.altHeaders[3];
+  return theme.fonts.mobile.letterSpacing.altHeaders[3];
 }, function (_ref213) {
   var theme = _ref213.theme;
-  return theme.fonts.mobile.weights.altHeaders[3];
+  return theme.fonts.mobile.lineHeights.altHeaders[3];
 }, function (_ref214) {
   var theme = _ref214.theme;
-  return theme.fonts.mobile.letterSpacing.altHeaders[3];
+  return theme.fonts.mobile.sizes.altHeaders[4];
 }, function (_ref215) {
   var theme = _ref215.theme;
-  return theme.fonts.mobile.lineHeights.altHeaders[3];
+  return theme.fonts.mobile.weights.altHeaders[4];
 }, function (_ref216) {
   var theme = _ref216.theme;
-  return theme.fonts.mobile.sizes.altHeaders[4];
+  return theme.fonts.mobile.letterSpacing.altHeaders[4];
 }, function (_ref217) {
   var theme = _ref217.theme;
-  return theme.fonts.mobile.weights.altHeaders[4];
+  return theme.fonts.mobile.lineHeights.altHeaders[4];
 }, function (_ref218) {
   var theme = _ref218.theme;
-  return theme.fonts.mobile.letterSpacing.altHeaders[4];
+  return theme.fonts.mobile.sizes.altHeaders[5];
 }, function (_ref219) {
   var theme = _ref219.theme;
-  return theme.fonts.mobile.lineHeights.altHeaders[4];
+  return theme.fonts.mobile.weights.altHeaders[5];
 }, function (_ref220) {
   var theme = _ref220.theme;
-  return theme.fonts.mobile.sizes.altHeaders[5];
+  return theme.fonts.mobile.letterSpacing.altHeaders[5];
 }, function (_ref221) {
   var theme = _ref221.theme;
-  return theme.fonts.mobile.weights.altHeaders[5];
+  return theme.fonts.mobile.lineHeights.altHeaders[5];
 }, function (_ref222) {
   var theme = _ref222.theme;
-  return theme.fonts.mobile.letterSpacing.altHeaders[5];
+  return theme.fonts.mobile.sizes.altHeaders[6];
 }, function (_ref223) {
   var theme = _ref223.theme;
-  return theme.fonts.mobile.lineHeights.altHeaders[5];
+  return theme.fonts.mobile.weights.altHeaders[6];
 }, function (_ref224) {
   var theme = _ref224.theme;
-  return theme.fonts.mobile.sizes.altHeaders[6];
+  return theme.fonts.mobile.letterSpacing.altHeaders[6];
 }, function (_ref225) {
   var theme = _ref225.theme;
-  return theme.fonts.mobile.weights.altHeaders[6];
+  return theme.fonts.mobile.lineHeights.altHeaders[6];
 }, function (_ref226) {
   var theme = _ref226.theme;
-  return theme.fonts.mobile.letterSpacing.altHeaders[6];
+  return theme.fonts.mobile.sizes.overline[1];
 }, function (_ref227) {
   var theme = _ref227.theme;
-  return theme.fonts.mobile.lineHeights.altHeaders[6];
+  return theme.fonts.mobile.weights.overline[1];
 }, function (_ref228) {
   var theme = _ref228.theme;
-  return theme.fonts.mobile.sizes.overline[1];
+  return theme.fonts.mobile.letterSpacing.overline[1];
 }, function (_ref229) {
   var theme = _ref229.theme;
-  return theme.fonts.mobile.weights.overline[1];
+  return theme.fonts.mobile.lineHeights.overline[1];
 }, function (_ref230) {
   var theme = _ref230.theme;
-  return theme.fonts.mobile.letterSpacing.overline[1];
+  return theme.fonts.mobile.sizes.overline[2];
 }, function (_ref231) {
   var theme = _ref231.theme;
-  return theme.fonts.mobile.lineHeights.overline[1];
+  return theme.fonts.mobile.weights.overline[2];
 }, function (_ref232) {
   var theme = _ref232.theme;
-  return theme.fonts.mobile.sizes.overline[2];
+  return theme.fonts.mobile.letterSpacing.overline[2];
 }, function (_ref233) {
   var theme = _ref233.theme;
-  return theme.fonts.mobile.weights.overline[2];
+  return theme.fonts.mobile.lineHeights.overline[2];
 }, function (_ref234) {
   var theme = _ref234.theme;
-  return theme.fonts.mobile.letterSpacing.overline[2];
+  return theme.fonts.mobile.sizes.body[1];
 }, function (_ref235) {
   var theme = _ref235.theme;
-  return theme.fonts.mobile.lineHeights.overline[2];
+  return theme.fonts.mobile.weights.body[1];
 }, function (_ref236) {
   var theme = _ref236.theme;
-  return theme.fonts.mobile.sizes.body[1];
+  return theme.fonts.mobile.letterSpacing.body[1];
 }, function (_ref237) {
   var theme = _ref237.theme;
-  return theme.fonts.mobile.weights.body[1];
+  return theme.fonts.mobile.lineHeights.body[1];
 }, function (_ref238) {
   var theme = _ref238.theme;
-  return theme.fonts.mobile.letterSpacing.body[1];
+  return theme.fonts.mobile.sizes.body[2];
 }, function (_ref239) {
   var theme = _ref239.theme;
-  return theme.fonts.mobile.lineHeights.body[1];
+  return theme.fonts.mobile.weights.body[2];
 }, function (_ref240) {
   var theme = _ref240.theme;
-  return theme.fonts.mobile.sizes.body[2];
+  return theme.fonts.mobile.letterSpacing.body[2];
 }, function (_ref241) {
   var theme = _ref241.theme;
-  return theme.fonts.mobile.weights.body[2];
+  return theme.fonts.mobile.lineHeights.body[2];
 }, function (_ref242) {
   var theme = _ref242.theme;
-  return theme.fonts.mobile.letterSpacing.body[2];
+  return theme.fonts.mobile.sizes.body[3];
 }, function (_ref243) {
   var theme = _ref243.theme;
-  return theme.fonts.mobile.lineHeights.body[2];
+  return theme.fonts.mobile.weights.body[3];
 }, function (_ref244) {
   var theme = _ref244.theme;
-  return theme.fonts.mobile.sizes.body[3];
+  return theme.fonts.mobile.letterSpacing.body[3];
 }, function (_ref245) {
   var theme = _ref245.theme;
-  return theme.fonts.mobile.weights.body[3];
+  return theme.fonts.mobile.lineHeights.body[3];
 }, function (_ref246) {
   var theme = _ref246.theme;
-  return theme.fonts.mobile.letterSpacing.body[3];
+  return theme.fonts.mobile.sizes.subtitles[1];
 }, function (_ref247) {
   var theme = _ref247.theme;
-  return theme.fonts.mobile.lineHeights.body[3];
+  return theme.fonts.mobile.weights.subtitles[1];
 }, function (_ref248) {
   var theme = _ref248.theme;
-  return theme.fonts.mobile.sizes.subtitles[1];
+  return theme.fonts.mobile.letterSpacing.subtitles[1];
 }, function (_ref249) {
   var theme = _ref249.theme;
-  return theme.fonts.mobile.weights.subtitles[1];
+  return theme.fonts.mobile.lineHeights.subtitles[1];
 }, function (_ref250) {
   var theme = _ref250.theme;
-  return theme.fonts.mobile.letterSpacing.subtitles[1];
+  return theme.fonts.mobile.sizes.subtitles[2];
 }, function (_ref251) {
   var theme = _ref251.theme;
-  return theme.fonts.mobile.lineHeights.subtitles[1];
+  return theme.fonts.mobile.weights.subtitles[2];
 }, function (_ref252) {
   var theme = _ref252.theme;
-  return theme.fonts.mobile.sizes.subtitles[2];
+  return theme.fonts.mobile.letterSpacing.subtitles[2];
 }, function (_ref253) {
   var theme = _ref253.theme;
-  return theme.fonts.mobile.weights.subtitles[2];
+  return theme.fonts.mobile.lineHeights.subtitles[2];
 }, function (_ref254) {
   var theme = _ref254.theme;
-  return theme.fonts.mobile.letterSpacing.subtitles[2];
+  return theme.fonts.mobile.sizes.titleDescription;
 }, function (_ref255) {
   var theme = _ref255.theme;
-  return theme.fonts.mobile.lineHeights.subtitles[2];
+  return theme.fonts.mobile.lineHeights.titleDescription;
 }, function (_ref256) {
   var theme = _ref256.theme;
-  return theme.fonts.mobile.sizes.titleDescription;
+  return theme.spacing[4];
 }, function (_ref257) {
   var theme = _ref257.theme;
-  return theme.fonts.mobile.lineHeights.titleDescription;
+  return theme.fonts.mobile.sizes.search;
 }, function (_ref258) {
   var theme = _ref258.theme;
-  return theme.spacing[4];
+  return theme.fonts.mobile.families.search;
 }, function (_ref259) {
   var theme = _ref259.theme;
-  return theme.fonts.mobile.sizes.search;
+  return theme.fonts.mobile.families.headers;
 }, function (_ref260) {
   var theme = _ref260.theme;
-  return theme.fonts.mobile.families.search;
+  return theme.fonts.mobile.families.altHeaders;
 }, function (_ref261) {
   var theme = _ref261.theme;
-  return theme.fonts.mobile.families.headers;
+  return theme.fonts.mobile.families.body;
 }, function (_ref262) {
   var theme = _ref262.theme;
-  return theme.fonts.mobile.families.altHeaders;
+  return theme.fonts.mobile.families.bodyItalics;
 }, function (_ref263) {
   var theme = _ref263.theme;
-  return theme.fonts.mobile.families.body;
+  return theme.fonts.mobile.families.buttons;
 }, function (_ref264) {
   var theme = _ref264.theme;
-  return theme.fonts.mobile.families.bodyItalics;
+  return theme.fonts.mobile.families.overline;
 }, function (_ref265) {
   var theme = _ref265.theme;
-  return theme.fonts.mobile.families.buttons;
+  return theme.fonts.mobile.families.subtitles;
 }, function (_ref266) {
   var theme = _ref266.theme;
-  return theme.fonts.mobile.families.overline;
+  return theme.fonts.mobile.families.peopleListingRole;
 }, function (_ref267) {
   var theme = _ref267.theme;
-  return theme.fonts.mobile.families.subtitles;
+  return theme.fonts.mobile.families.body;
 }, function (_ref268) {
   var theme = _ref268.theme;
-  return theme.fonts.mobile.families.peopleListingRole;
+  return theme.fonts.mobile.fontFeatureSettings.headers;
 }, function (_ref269) {
   var theme = _ref269.theme;
-  return theme.fonts.mobile.families.body;
+  return theme.fonts.mobile.fontFeatureSettings.altHeaders;
 }, function (_ref270) {
   var theme = _ref270.theme;
-  return theme.fonts.mobile.fontFeatureSettings.headers;
+  return theme.fonts.mobile.fontFeatureSettings.overline;
 }, function (_ref271) {
   var theme = _ref271.theme;
-  return theme.fonts.mobile.fontFeatureSettings.altHeaders;
+  return theme.fonts.mobile.fontFeatureSettings.subtitles;
 }, function (_ref272) {
   var theme = _ref272.theme;
-  return theme.fonts.mobile.fontFeatureSettings.overline;
+  return theme.fonts.mobile.fontFeatureSettings.body;
 }, function (_ref273) {
   var theme = _ref273.theme;
-  return theme.fonts.mobile.fontFeatureSettings.subtitles;
+  return theme.fonts.mobile.fontFeatureSettings.navigation;
 }, function (_ref274) {
   var theme = _ref274.theme;
-  return theme.fonts.mobile.fontFeatureSettings.body;
+  return theme.fonts.mobile.transforms.headers;
 }, function (_ref275) {
   var theme = _ref275.theme;
-  return theme.fonts.mobile.fontFeatureSettings.navigation;
+  return theme.fonts.mobile.transforms.altHeaders;
 }, function (_ref276) {
   var theme = _ref276.theme;
-  return theme.fonts.mobile.transforms.headers;
+  return theme.fonts.mobile.transforms.body;
 }, function (_ref277) {
   var theme = _ref277.theme;
-  return theme.fonts.mobile.transforms.altHeaders;
+  return theme.fonts.mobile.transforms.overline;
 }, function (_ref278) {
   var theme = _ref278.theme;
-  return theme.fonts.mobile.transforms.body;
+  return theme.fonts.mobile.transforms.subtitles;
 }, function (_ref279) {
   var theme = _ref279.theme;
-  return theme.fonts.mobile.transforms.overline;
+  return theme.fonts.mobile.wordBreak.headers;
 }, function (_ref280) {
   var theme = _ref280.theme;
-  return theme.fonts.mobile.transforms.subtitles;
+  return theme.fonts.mobile.wordBreak.altHeaders;
 }, function (_ref281) {
   var theme = _ref281.theme;
-  return theme.fonts.mobile.wordBreak.headers;
+  return theme.fonts.mobile.wordBreak.body;
 }, function (_ref282) {
   var theme = _ref282.theme;
-  return theme.fonts.mobile.wordBreak.altHeaders;
+  return theme.fonts.mobile.wordBreak.overline;
 }, function (_ref283) {
   var theme = _ref283.theme;
-  return theme.fonts.mobile.wordBreak.body;
+  return theme.fonts.mobile.wordBreak.subtitles;
 }, function (_ref284) {
   var theme = _ref284.theme;
-  return theme.fonts.mobile.wordBreak.overline;
+  return theme.grid.mobile.margin;
 }, function (_ref285) {
   var theme = _ref285.theme;
-  return theme.fonts.mobile.wordBreak.subtitles;
+  return theme.grid.mobile.gap;
 }, function (_ref286) {
   var theme = _ref286.theme;
   return theme.grid.mobile.margin;
@@ -13534,50 +13360,50 @@ var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_templateObject$1q || (
   return theme.grid.mobile.gap;
 }, function (_ref288) {
   var theme = _ref288.theme;
-  return theme.grid.mobile.margin;
+  return theme.grid.mobile.gap;
 }, function (_ref289) {
   var theme = _ref289.theme;
-  return theme.grid.mobile.gap;
+  return theme.grid.mobile.margin;
 }, function (_ref290) {
   var theme = _ref290.theme;
-  return theme.grid.mobile.gap;
+  return theme.footer.mobile.height;
 }, function (_ref291) {
   var theme = _ref291.theme;
-  return theme.grid.mobile.margin;
+  return theme.footer.mobile.paddingTop;
 }, function (_ref292) {
   var theme = _ref292.theme;
-  return theme.footer.mobile.height;
+  return theme.footer.mobile.paddingBottom;
 }, function (_ref293) {
   var theme = _ref293.theme;
-  return theme.footer.mobile.paddingTop;
+  return theme.footer.mobile.itemsGap;
 }, function (_ref294) {
   var theme = _ref294.theme;
-  return theme.footer.mobile.paddingBottom;
+  return theme.footer.mobile.mediaGap;
 }, function (_ref295) {
   var theme = _ref295.theme;
-  return theme.footer.mobile.itemsGap;
+  return theme.footer.mobile.mediaIconWidth;
 }, function (_ref296) {
   var theme = _ref296.theme;
-  return theme.footer.mobile.mediaGap;
+  return theme.footer.mobile.mediaIconHeight;
 }, function (_ref297) {
   var theme = _ref297.theme;
-  return theme.footer.mobile.mediaIconWidth;
+  return theme.footer.mobile.verticalSpacingLarge;
 }, function (_ref298) {
   var theme = _ref298.theme;
-  return theme.footer.mobile.mediaIconHeight;
+  return theme.footer.mobile.verticalSpacingSmall;
 }, function (_ref299) {
   var theme = _ref299.theme;
-  return theme.footer.mobile.verticalSpacingLarge;
+  return theme.spacing[10];
 }, function (_ref300) {
   var theme = _ref300.theme;
-  return theme.footer.mobile.verticalSpacingSmall;
-}, function (_ref301) {
+  return theme.spacing[6];
+}, devices.tablet, function (_ref301) {
   var theme = _ref301.theme;
-  return theme.spacing[10];
+  return theme.grid.tablet.margin;
 }, function (_ref302) {
   var theme = _ref302.theme;
-  return theme.spacing[6];
-}, devices.tablet, function (_ref303) {
+  return theme.grid.tablet.gap;
+}, function (_ref303) {
   var theme = _ref303.theme;
   return theme.grid.tablet.margin;
 }, function (_ref304) {
@@ -13585,36 +13411,30 @@ var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_templateObject$1q || (
   return theme.grid.tablet.gap;
 }, function (_ref305) {
   var theme = _ref305.theme;
-  return theme.grid.tablet.margin;
+  return theme.grid.tablet.gap;
 }, function (_ref306) {
   var theme = _ref306.theme;
-  return theme.grid.tablet.gap;
+  return theme.grid.tablet.margin;
 }, function (_ref307) {
   var theme = _ref307.theme;
-  return theme.grid.tablet.gap;
+  return theme.spacing[10];
 }, function (_ref308) {
   var theme = _ref308.theme;
-  return theme.grid.tablet.margin;
+  return theme.spacing[6];
 }, function (_ref309) {
   var theme = _ref309.theme;
-  return theme.spacing[10];
+  return theme.fonts.tablet.sizes.headers[6];
 }, function (_ref310) {
   var theme = _ref310.theme;
-  return theme.spacing[6];
+  return theme.fonts.tablet.sizes.altHeaders[4];
 }, function (_ref311) {
   var theme = _ref311.theme;
-  return theme.fonts.tablet.sizes.headers[6];
+  return theme.fonts.tablet.sizes.body[1];
 }, function (_ref312) {
   var theme = _ref312.theme;
-  return theme.fonts.tablet.sizes.altHeaders[4];
+  return theme.footer.tablet.paddingTop;
 }, function (_ref313) {
   var theme = _ref313.theme;
-  return theme.fonts.tablet.sizes.body[1];
-}, function (_ref314) {
-  var theme = _ref314.theme;
-  return theme.footer.tablet.paddingTop;
-}, function (_ref315) {
-  var theme = _ref315.theme;
   return theme.footer.tablet.paddingBottom;
 }, devices.desktop, devices.largeDesktop);
 
@@ -13670,13 +13490,11 @@ exports.ModalWindow = ModalWindow;
 exports.Navigation = Navigation;
 exports.NavigationText = NavigationText;
 exports.Overline = Overline;
-exports.PageHeadingCinema = PageHeadingCinema;
+exports.PageHeading = PageHeading;
 exports.PageHeadingCompact = PageHeadingCompact;
-exports.PageHeadingCore = PageHeadingCore;
 exports.PageHeadingImpact = PageHeadingImpact;
 exports.PageHeadingPanel = PageHeadingPanel;
 exports.PageHeadingPromo = PageHeadingPromo;
-exports.PageHeadingStream = PageHeadingStream;
 exports.Pagination = Pagination;
 exports.PasswordStrength = PasswordStrength;
 exports.PeopleListing = PeopleListing;