@royaloperahouse/harmonic 0.1.1-b-test → 0.1.1-d

package/dist/harmonic.esm.js

@@ -34,9 +34,50 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z = "/* TEMPORARY CSS FILE - will relocate when CSS module issue is fixed */\n\n:root { \n    --font-family-sans: 'Grey LL Bold', 'Roboto', sans-serif;\n    --font-family-serif: 'Victor Serif Medium', 'Inria Serif Regular', serif;\n    --harmonic-red: #F40B0B;\n    --harmonic-black: #000000;\n    --text-link-underline-offset: 4px;\n}\n\n/* ~~~~~ Color Classes ~~~~~ */\n.styles_color-black__a05Fo {\n  color: var(--harmonic-black);\n}\n\n.styles_color-red__zwTZW {\n  color: var(--harmonic-red)\n}\n\n\n/* ~~~~~ Mobile ~~~~~ */\n\n@media (max-width: 600px) {\n\n  /* ~~~ Letter Spacing - Mobile ~~~ */\n  .styles_display__VgnTB.styles_large__vqVxY, .styles_display__VgnTB.styles_small__e7YDe {\n    letter-spacing: -1.5px;\n  }\n\n  .styles_header-small__W-GSS {\n    letter-spacing: -0.75px;\n  }\n\n  .styles_display__VgnTB.styles_large__vqVxY.styles_serif__b-ZjM, .styles_display__VgnTB.styles_large__vqVxY.styles_em__v4FoO, .styles_display__VgnTB.styles_small__e7YDe.styles_serif__b-ZjM, .styles_display__VgnTB.styles_small__e7YDe.styles_em__v4FoO, .styles_header__UDH-H.styles_small__e7YDe.styles_serif__b-ZjM, .styles_header__UDH-H.styles_small__e7YDe.styles_em__v4FoO, .styles_captiontext__-TA6x {\n    letter-spacing: -0.5px;\n  }\n\n  .styles_subtitle__os3DH.styles_small__e7YDe, .styles_bodycopy__uEx9r.styles_medium__WQPZj, .styles_bodycopy__uEx9r.styles_small__e7YDe {\n    letter-spacing: -0.2px;\n  }\n\n  .styles_overline__5xGDa.styles_small__e7YDe {\n    letter-spacing: -0.3px;\n  }\n\n  /* Display */\n  .styles_display__VgnTB.styles_large__vqVxY {\n    font-size: 38px;\n  }\n\n  .styles_display__VgnTB.styles_small__e7YDe {\n    font-size: 32px;\n  }\n\n  /* Header */\n  .styles_header__UDH-H.styles_large__vqVxY {\n    font-size: 28px;\n    line-height: 34px;\n  }\n\n  .styles_header__UDH-H.styles_medium__WQPZj {\n    font-size: 24px;\n    line-height: 28px;\n  }\n\n  .styles_header__UDH-H.styles_small__e7YDe {\n    font-size: 20px;\n    line-height: 26px;\n  }\n\n  /* Subtitle */\n  .styles_subtitle__os3DH.styles_large__vqVxY {\n    font-size: 17px;\n    line-height: 24px;\n  }\n\n  .styles_subtitle__os3DH.styles_small__e7YDe {\n    font-size: 14px;\n    line-height: 20px;\n  }\n\n  /* Body Copy */\n  .styles_bodycopy__uEx9r.styles_large__vqVxY {\n    font-size: 17px;\n    line-height: 24px;\n  }\n\n  .styles_bodycopy__uEx9r.styles_medium__WQPZj {\n    font-size: 14px;\n    line-height: 20px;\n  }\n\n  .styles_bodycopy__uEx9r.styles_small__e7YDe {\n    font-size: 11px;\n    line-height: 16px;\n  }\n\n  /* Overline */\n  .styles_overline__5xGDa.styles_large__vqVxY {\n    font-size: 14px;\n    line-height: 17px;\n   }\n  \n  .styles_overline__5xGDa.styles_small__e7YDe {\n   font-size: 12px;\n   line-height: 14px;\n  }\n\n  /* Caption */\n  .styles_captiontext__-TA6x {\n    font-size: 14px;\n    line-height: 17px;\n  }\n\n  /* Navigation Text */\n  .styles_navigationtext__qnnIo {\n    font-size: 14px;\n    line-height: 17px;\n  }\n\n  /* Text Link */\n  .styles_textlinkharmonic__S77lE {\n    font-size: 14px;\n    line-height: 14px;\n  }\n}\n\n\n/* ~~~~~ Desktop ~~~~~~*/\n\n/* ~~~ Letter Spacing - Desktop ~~~ */\n.styles_display__VgnTB.styles_large__vqVxY {\n  letter-spacing: -5px;\n}\n\n.styles_header__UDH-H.styles_large__vqVxY {\n  letter-spacing: -1.5px;\n}\n\n.styles_header__UDH-H.styles_medium__WQPZj {\n  letter-spacing: -1.5px;\n}\n\n.styles_display__VgnTB.styles_large__vqVxY.styles_serif__b-ZjM, .styles_display__VgnTB.styles_large__vqVxY.styles_em__v4FoO, .styles_display__VgnTB.styles_small__e7YDe {\n  letter-spacing: -3px; \n}\n\n.styles_display__VgnTB.styles_small__e7YDe.styles_serif__b-ZjM, .styles_display__VgnTB.styles_small__e7YDe.styles_em__v4FoO {\n  letter-spacing: -2px;\n}\n\n.styles_header__UDH-H.styles_large__vqVxY.styles_serif__b-ZjM, .styles_header__UDH-H.styles_large__vqVxY.styles_em__v4FoO, .styles_header__UDH-H.styles_medium__WQPZj.styles_serif__b-ZjM, .styles_header__UDH-H.styles_medium__WQPZj.styles_em__v4FoO, .styles_header__UDH-H.styles_small__e7YDe, .styles_header__UDH-H.styles_small__e7YDe.styles_serif__b-ZjM, .styles_header__UDH-H.styles_small__e7YDe.styles_em__v4FoO, .styles_subtitle__os3DH, .styles_bodycopy__uEx9r, .styles_buttontext__UPumF, .styles_captiontext__-TA6x, .styles_navigationtext__qnnIo, .styles_textlinkharmonic__S77lE {\n  letter-spacing: -0.5px;\n}\n\n.styles_overline-large__nRJSl {\n  letter-spacing: -0.3px;\n}\n\n.styles_overline-small__iF6Pd {\n  letter-spacing: -0.2px;\n}\n\n\n/* ~~~ Display Headers - 1 (Large) , 2 (Small) ~~~ */\n.styles_display__VgnTB {\n  font-family: var(--font-family-sans);\n  font-weight: 700;\n}\n\n.styles_display__VgnTB em,\n.styles_display__VgnTB.styles_serif__b-ZjM {\n  font-family: var(--font-family-serif);\n  font-weight: 500;\n}\n\n.styles_display__VgnTB.styles_large__vqVxY {\n  font-size: 96px;\n}\n\n.styles_display__VgnTB.styles_small__e7YDe {\n  font-size: 68px;\n  font-weight: 500;\n}\n\n\n/* ~~~ Header - 1 (Large) , 2 (Medium) , 3 (Small) ~~~ */\n.styles_header__UDH-H {\n  font-family: var(--font-family-sans);\n  font-weight: 500;\n}\n\n.styles_header__UDH-H em,\n.styles_header__UDH-H.styles_serif__b-ZjM {\n  font-family: var(--font-family-serif);\n  font-weight: 500;\n}\n\n.styles_header__UDH-H.styles_large__vqVxY {\n  font-size: 44px;\n  line-height: 48px;\n}\n\n.styles_header__UDH-H.styles_medium__WQPZj {\n  font-size: 34px;\n  line-height: 40px;\n}\n\n.styles_header__UDH-H.styles_small__e7YDe {\n  font-size: 26px;\n  line-height: 32px;\n}\n\n\n/* ~~~ Subtitle ~~~ */\n.styles_subtitle__os3DH {\n  font-family: var(--font-family-sans);\n  font-weight: 500;\n}\n\n.styles_subtitle__os3DH.styles_large__vqVxY {\n  font-size: 19px;\n  line-height: 26px;\n}\n\n.styles_subtitle__os3DH.styles_small__e7YDe {\n  font-size: 17px;\n  line-height: 24px;\n}\n\n\n/* ~~~ Body copy ~~~ */\n.styles_bodycopy__uEx9r {\n  font-family: var(--font-family-sans);\n  font-weight: 400;\n}\n\n.styles_bodycopy__uEx9r.styles_large__vqVxY {\n  font-size: 19px;\n  line-height: 26px;\n}\n\n.styles_bodycopy__uEx9r.styles_medium__WQPZj {\n  font-size: 17px;\n  line-height: 24px;\n}\n\n.styles_bodycopy__uEx9r.styles_small__e7YDe {\n  font-size: 14px;\n  line-height: 20px;\n}\n\n\n/* ~~~ Overline ~~~ */\n.styles_overline__5xGDa {\n  font-family: var(--font-family-sans);\n  font-weight: 500;\n  text-transform: uppercase;\n}\n\n.styles_overline__5xGDa.styles_large__vqVxY {\n  font-size: 14px;\n  line-height: 18px;\n }\n\n.styles_overline__5xGDa.styles_small__e7YDe {\n font-size: 12px;\n line-height: 14px;\n}\n\n\n/* ~~~ Button text ~~~ */\n.styles_buttontext__UPumF {\n  font-family: var(--font-family-sans);\n  font-weight: 400;\n  font-size: 17px;\n  line-height: 20px;\n}\n\n\n/* ~~~ Caption text ~~~ */\n.styles_captiontext__-TA6x {\n  font-size: 17px;\n  font-weight: 400;\n  font-style: italic;\n  line-height: 24px;\n}\n\n\n/* ~~~ Navigation text ~~~ */\n.styles_navigationtext__qnnIo {\n  font-family: var(--font-family-sans);\n  font-size: 17px;\n  font-weight: 500;\n  text-transform: uppercase;\n  line-height: 17px;\n}\n\n\n/* ~~~ Text link ~~~ */\n.styles_textlinkharmonic__S77lE {\n  font-family: var(--font-family-sans);\n  font-weight: 500;\n  text-transform: uppercase;\n  font-size: 17px;\n  border-bottom: solid 1px;\n  width: -moz-fit-content;\n  width: fit-content;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  text-decoration: none;\n  line-height: 14px;\n}\n";
+var css_248z = "/* Global Styles for Harmonic CSS components */\n:root { \n    --font-family-sans: 'Grey LL Bold', 'Roboto', sans-serif;\n    --font-family-serif: 'Victor Serif Medium', 'Inria Serif Regular', serif;\n    --harmonic-red: #F40B0B;\n    --harmonic-black: #000000;\n    --text-link-underline-offset: 4px;\n  }\n\n\n/* TODO: store breakpoints here for use in css components */  \n/* export const breakpoints = {\n    xs: 320,\n    sm: 700,\n    md: 1140,\n    ml: 1280,\n    lg: 1400,\n  }; */";
 styleInject(css_248z);
 
+var css_248z$1 = "/* ~~~~~ General Styling Classes ~~~~~ */\n  .styles_color-black__a05Fo {\n    color: var(--harmonic-black);\n  }\n  \n  .styles_color-red__zwTZW {\n    color: var(--harmonic-red);\n  }\n\n  .styles_em__v4FoO {\n    font-style: italic;\n  }\n/* ~~~ */\n\n/* Display Headers */\n.styles_display__VgnTB {\n  font-family: var(--font-family-sans);\n\n  &.styles_large__vqVxY {\n    font-size: 96px;\n    letter-spacing: -5px;\n  }\n\n  &.styles_small__e7YDe {\n    font-size: 68px;\n    letter-spacing: -3px;\n    font-weight: 500;\n  }\n\n  &.styles_serif__b-ZjM, &.styles_em__v4FoO {\n    font-family: var(--font-family-serif);\n    font-weight: 500;\n  }\n\n  @media (max-width: 600px) {\n    &.styles_large__vqVxY {\n      font-size: 38px;\n      letter-spacing: -1.5px;  \n    }\n    \n    &.styles_small__e7YDe {\n      font-size: 32px;\n      letter-spacing: -1.5px;\n    }\n\n    &.styles_large__vqVxY.styles_serif__b-ZjM, \n    &.styles_large__vqVxY.styles_em__v4FoO,\n    &.styles_small__e7YDe.styles_serif__b-ZjM,\n    &.styles_small__e7YDe.styles_em__v4FoO {\n      letter-spacing: -0.5px;\n    }\n  }\n}\n\n/* Headers */\n.styles_header__UDH-H {\n  font-family: var(--font-family-sans);\n  font-weight: 500;\n\n  &.styles_large__vqVxY {\n    font-size: 44px;\n    line-height: 48px;\n    letter-spacing: -1.5px;\n  }\n\n  &.styles_medium__WQPZj {\n    font-size: 34px;\n    line-height: 40px;\n    letter-spacing: -1.5px;\n  }\n\n  &.styles_small__e7YDe {\n    font-size: 26px;\n    line-height: 32px;\n    letter-spacing: -0.5px;\n  }\n\n  &.styles_serif__b-ZjM, &.styles_em__v4FoO {\n    font-family: var(--font-family-serif);\n    font-weight: 500;\n  }\n\n  @media (max-width: 600px) {\n    &.styles_large__vqVxY {\n      font-size: 28px;\n      letter-spacing: -1.5px;\n      line-height: 34px;\n    }\n    \n    &.styles_medium__WQPZj {\n      font-size: 24px;\n      letter-spacing: -1px;\n      line-height: 28px;\n    }\n    \n    &.styles_small__e7YDe {\n      font-size: 20px;\n      letter-spacing: -0.75px;\n      line-height: 26px;\n    }\n  }\n}\n\n/* Subtitle */\n.styles_subtitle__os3DH {\n  font-family: var(--font-family-sans);\n  font-weight: 500;\n\n  &.styles_large__vqVxY {\n    font-size: 19px;\n    line-height: 26px;\n  }\n\n  &.styles_small__e7YDe {\n    font-size: 17px;\n    line-height: 24px;\n  }\n\n  @media (max-width: 600px) {\n    &.styles_large__vqVxY {\n      font-size: 17px;\n      line-height: 24px;\n    }\n    \n    &.styles_small__e7YDe {\n      font-size: 14px;\n      letter-spacing: -0.2px;\n      line-height: 20px;\n    }\n  }\n}\n\n/* Body Copy */\n.styles_bodycopy__uEx9r {\n  font-family: var(--font-family-sans);\n  font-weight: 400;\n  letter-spacing: -0.5px;\n\n  &.styles_large__vqVxY {\n    font-size: 19px;\n    line-height: 26px;\n  }\n\n  &.styles_medium__WQPZj {\n    font-size: 17px;\n    line-height: 24px;\n  }\n\n  &.styles_small__e7YDe {\n    font-size: 14px;\n    line-height: 20px;\n  }\n\n  @media (max-width: 600px) {\n    &.styles_large__vqVxY {\n      font-size: 17px;\n      line-height: 24px;\n    }\n    \n    &.styles_medium__WQPZj {\n      font-size: 14px;\n      letter-spacing: -0.2px;\n      line-height: 20px;\n    }\n    \n    &.styles_small__e7YDe {\n      font-size: 11px;\n      letter-spacing: -0.2px;\n      line-height: 16px;\n    }\n  }\n}\n\n/* Overline */\n.styles_overline__5xGDa {\n  font-family: var(--font-family-sans);\n  font-weight: 500;\n  text-transform: uppercase;\n\n  &.styles_large__vqVxY { font-size: 14px; line-height: 18px; letter-spacing: 0.3px; }\n  &.styles_small__e7YDe { font-size: 12px; line-height: 14px; letter-spacing: 0.2px; }\n\n  @media (max-width: 600px) {\n    &.styles_large__vqVxY {\n      line-height: 17px;\n    }\n    \n    &.styles_small__e7YDe {\n      letter-spacing: 0.3px;\n      line-height: 14px;\n    }\n  }\n}\n\n/* Button Text */\n.styles_buttontext__UPumF {\n  font-family: var(--font-family-sans);\n  font-weight: 400;\n  font-size: 17px;\n  line-height: 20px;\n}\n\n/* Caption Text */\n.styles_captiontext__-TA6x {\n  font-size: 17px;\n  font-weight: 400;\n  font-style: italic;\n  line-height: 24px;\n\n  @media (max-width: 600px) {\n    font-size: 14px;\n    line-height: 17px;\n  }    \n}\n\n/* Navigation Text */\n.styles_navigationtext__qnnIo {\n  font-family: var(--font-family-sans);\n  font-size: 17px;\n  font-weight: 500;\n  text-transform: uppercase;\n  line-height: 17px;\n\n  @media (max-width: 600px) {\n    font-size: 14px;\n    line-height: 17px;\n  }\n}";
+styleInject(css_248z$1);
+
+// eslint-disable-next-line no-shadow
+var Colors;
+(function (Colors) {
+  Colors["White"] = "white";
+  Colors["Black"] = "black";
+  Colors["DarkGrey"] = "darkgrey";
+  Colors["MidGrey"] = "midgrey";
+  Colors["LightGrey"] = "lightgrey";
+  Colors["Trasparent"] = "transparent";
+  Colors["ErrorState"] = "errorstate";
+  Colors["MediumState"] = "mediumstate";
+  Colors["GoodState"] = "goodstate";
+  Colors["Primary"] = "primary";
+  Colors["Core"] = "core";
+  Colors["Stream"] = "stream";
+  Colors["Cinema"] = "cinema";
+})(Colors || (Colors = {}));
+// eslint-disable-next-line no-shadow
+var ThemeType;
+(function (ThemeType) {
+  ThemeType["Core"] = "core";
+  ThemeType["Stream"] = "stream";
+  ThemeType["Cinema"] = "cinema";
+  ThemeType["Schools"] = "schools";
+})(ThemeType || (ThemeType = {}));
+// eslint-disable-next-line no-shadow
+var LinkTarget;
+(function (LinkTarget) {
+  /**
+   * Opens the link in the same frame or tab as the current page.
+   */
+  LinkTarget["Self"] = "_self";
+  /**
+   * Opens the link in a new browser tab or window, depending on the browser settings.
+   */
+  LinkTarget["Blank"] = "_blank";
+})(LinkTarget || (LinkTarget = {}));
+
 function asyncGeneratorStep(n, t, e, r, o, a, c) {
   try {
     var i = n[a](c),
@@ -385,30 +426,257 @@ function _taggedTemplateLiteralLoose(e, t) {
   return t || (t = e.slice(0)), e.raw = t, e;
 }
 
-var colors = {
-  core: '#C8102E',
-  stream: '#1866DC',
-  cinema: '#1A1A1A'
+var _templateObject;
+var BadgeWrapper = /*#__PURE__*/styled.svg(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: auto;\n\n  g,\n  path {\n    fill: var(--base-color-", ");\n  }\n"])), function (_ref) {
+  var fillColor = _ref.fillColor;
+  return fillColor;
+});
+
+/* eslint-disable max-len */
+var StreamBadge = function StreamBadge(_ref) {
+  var _ref$fillColor = _ref.fillColor,
+    fillColor = _ref$fillColor === void 0 ? Colors.White : _ref$fillColor,
+    _ref$align = _ref.align,
+    align = _ref$align === void 0 ? 'center' : _ref$align,
+    _ref$invert = _ref.invert,
+    invert = _ref$invert === void 0 ? false : _ref$invert;
+  var colour = invert ? Colors.Black : fillColor;
+  return /*#__PURE__*/React__default.createElement(BadgeWrapper, {
+    fillColor: colour,
+    width: "100%",
+    height: "100%",
+    viewBox: "110 450 865 200",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    "aria-label": "Royal Ballet & Opera - Stream"
+  }, /*#__PURE__*/React__default.createElement("g", null, /*#__PURE__*/React__default.createElement("path", {
+    d: "M416.81,485.21c0-9.38-6.6-14.94-18.59-14.94h-23.1v60.79h22.84c13.2,0,20.58-7.12,20.58-17.97,0-7.3-4.86-13.11-13.46-14.07,7.9-1.13,11.73-7.47,11.73-13.8ZM389.28,481.3h5.47c5.47,0,7.64,2.69,7.64,6.51s-2.17,6.51-7.73,6.51h-5.38v-13.03ZM395.79,519.59h-6.51v-14.59h6.42c4.95,0,8.43,2.69,8.43,7.29s-3.39,7.29-8.34,7.29Z",
+    "stroke-width": "0"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M435.74,518.9h19.19l3.73,12.16h14.76l-20.67-60.79h-14.85l-20.67,60.79h14.76l3.73-12.16ZM445.29,487.55l5.82,18.85h-11.64l5.82-18.85Z",
+    "stroke-width": "0"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M774.06,500.66c0-18.15-13.89-31.7-32.56-31.7s-32.56,13.54-32.56,31.7,13.98,31.7,32.56,31.7,32.56-13.55,32.56-31.7ZM723.44,500.66c0-10.59,7.81-18.58,18.06-18.58s18.06,7.99,18.06,18.58-7.73,18.58-18.06,18.58-18.06-7.99-18.06-18.58Z",
+    "stroke-width": "0"
+  }), /*#__PURE__*/React__default.createElement("polygon", {
+    points: "511.38 470.27 511.38 531.06 542.64 531.06 542.64 518.38 525.53 518.38 525.53 470.27 511.38 470.27",
+    "stroke-width": "0"
+  }), /*#__PURE__*/React__default.createElement("polygon", {
+    points: "610.2 531.06 610.2 482.95 623.83 482.95 623.83 470.27 582.41 470.27 582.41 482.95 596.04 482.95 596.04 531.06 610.2 531.06",
+    "stroke-width": "0"
+  }), /*#__PURE__*/React__default.createElement("polygon", {
+    points: "578.59 482.95 578.59 470.27 546.46 470.27 546.46 531.06 578.59 531.06 578.59 518.38 560.61 518.38 560.61 506.74 575.03 506.74 575.03 494.06 560.61 494.06 560.61 482.95 578.59 482.95",
+    "stroke-width": "0"
+  }), /*#__PURE__*/React__default.createElement("polygon", {
+    points: "475.86 470.27 475.86 531.06 507.12 531.06 507.12 518.38 490.01 518.38 490.01 470.27 475.86 470.27",
+    "stroke-width": "0"
+  }), /*#__PURE__*/React__default.createElement("polygon", {
+    points: "324.76 470.27 324.76 531.06 356.02 531.06 356.02 518.38 338.92 518.38 338.92 470.27 324.76 470.27",
+    "stroke-width": "0"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M800.98,508.48c12.33,0,20.58-7.99,20.58-19.11s-8.25-19.1-20.58-19.1h-23.19v60.79h14.16v-22.58h9.03ZM791.95,481.91h6.42c6.25,0,8.68,3.21,8.68,7.47s-2.43,7.56-8.68,7.56h-6.42v-15.02Z",
+    "stroke-width": "0"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M923.95,470.27l-19.45,57.31-11.03-20.75c7.12-2.95,11.46-9.38,11.46-17.45,0-11.03-8.25-19.1-20.58-19.1h-23.19v60.79h14.15v-22.58h3.56l11.55,22.58h27.62l3.73-12.16h19.19l3.74,12.16h14.76l-20.67-60.79h-14.85ZM881.74,496.93h-6.43v-15.02h6.43c6.25,0,8.68,3.21,8.68,7.47s-2.43,7.56-8.68,7.56ZM925.51,506.39l5.82-18.85,5.82,18.85h-11.64Z",
+    "stroke-width": "0"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M636.25,511c0,12.24,9.38,21.36,22.49,21.36,7.21,0,13.2-2.78,18.24-7.38l4.86,6.08h17.8l-13.37-16.59,9.81-14.33-10.85-7.47-7.64,11.12-16.85-20.84h18.93v-12.68h-36.64v12.68l6.68,8.25c-8.94,4.34-13.46,11.46-13.46,19.8ZM657.61,501.01l11.29,14.07c-2.26,2.34-5.21,4.17-9.03,4.17-5.64,0-9.21-4-9.21-8.77,0-4.26,2.87-7.81,6.95-9.46Z",
+    "stroke-width": "0"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M176.87,529.41c-9.38-5.9-17.02-14.16-22.06-23.01,6.6-3.04,10.6-9.29,10.6-17.02,0-11.03-8.25-19.1-20.58-19.1h-23.19v60.79h14.15v-22.84h5.13c6.16,12.68,16.06,24.49,27.87,31.78h0l8.08-10.59ZM142.23,496.93h-6.43v-15.02h6.43c6.25,0,8.68,3.21,8.68,7.47s-2.43,7.56-8.68,7.56Z",
+    "stroke-width": "0"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M284.56,518.9h19.19l3.74,12.16h14.76l-20.67-60.79h-14.85l-20.67,60.79h14.76l3.73-12.16ZM294.11,487.55l5.82,18.85h-11.64l5.82-18.85Z",
+    "stroke-width": "0"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M201.1,468.97c-18.58,0-32.56,13.54-32.56,31.7s13.98,31.7,32.56,31.7,32.56-13.55,32.56-31.7-13.89-31.7-32.56-31.7ZM201.1,519.25c-10.25,0-18.06-7.99-18.06-18.58s7.81-18.58,18.06-18.58,18.06,7.99,18.06,18.58-7.73,18.58-18.06,18.58Z",
+    "stroke-width": "0"
+  }), /*#__PURE__*/React__default.createElement("polygon", {
+    points: "254.42 490.41 242.44 470.27 226.37 470.27 247.3 504.92 247.3 531.06 261.46 531.06 261.46 504.74 282.3 470.27 266.32 470.27 254.42 490.41",
+    "stroke-width": "0"
+  }), /*#__PURE__*/React__default.createElement("polygon", {
+    points: "857.34 482.95 857.34 470.27 825.21 470.27 825.21 531.06 857.34 531.06 857.34 518.38 839.36 518.38 839.36 506.74 853.78 506.74 853.78 494.06 839.36 494.06 839.36 482.95 857.34 482.95",
+    "stroke-width": "0"
+  })), align === 'left' && (/*#__PURE__*/React__default.createElement("g", null, /*#__PURE__*/React__default.createElement("path", {
+    d: "M151.07,588.98c.36-1.96.53-3.12.53-5.25,0-6.14-4.54-9.88-10.68-9.88s-10.68,3.74-10.68,9.88c0,7.83,8.19,9.17,15.22,11.84,7.21,2.76,16.02,6.41,16.02,17.98s-9.08,18.16-20.47,18.16-20.47-6.85-20.47-18.16c0-2.58.53-4.54,1.07-5.87l7.92-.45c-.62,2.05-.98,4.01-.98,6.32,0,7.03,5.43,11.04,12.46,11.04s12.46-4,12.46-11.04c0-8.19-8.99-10.24-14.95-12.37-8.37-3.03-16.29-6.59-16.29-17.62s8.63-16.82,18.69-16.82,18.69,6.32,18.69,16.82c0,1.69-.27,3.74-.62,4.9l-7.92.53Z",
+    "stroke-width": "0"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M184,630.37v-55.18h-16.91v-7.12h41.83v7.12h-16.91v55.18h-8.01Z",
+    "stroke-width": "0"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M249.5,630.37c-1.69-2.58-1.33-11.04-1.6-16.2-.18-4.18-.98-6.32-2.49-7.83-1.6-1.51-4.18-2.22-7.48-2.22h-10.68v26.26h-8.01v-62.3h20.56c6.59,0,10.68,1.87,13.71,4.89,3.2,3.2,5.34,7.74,5.34,12.91,0,7.3-5.16,14.42-14.15,15.04,6.41.71,10.5,4.9,11.04,12.82l.36,5.52c.27,3.74.36,6.14.8,7.92.27,1.07.8,2.31,1.96,2.85v.36h-9.35ZM239.09,596.99c4.63,0,7.03-1.07,8.72-2.85,1.87-1.96,3.03-4.9,3.03-8.01s-1.16-5.96-3.03-7.92c-1.69-1.78-4.09-3.03-8.72-3.03h-11.84v21.81h11.84Z",
+    "stroke-width": "0"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M271.93,630.37v-62.3h34.27v7.12h-26.26v20.03h19.14v7.12h-19.14v20.92h27.15v7.12h-35.16Z",
+    "stroke-width": "0"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M353.01,630.37l-4.54-14.24h-22.7l-4.54,14.24h-8.1l20.03-62.3h8.01l20.03,62.3h-8.19ZM338.5,584.53c-.89-2.76-1.16-3.92-1.42-5.16-.27,1.25-.53,2.4-1.42,5.16l-7.57,24.48h18.07l-7.65-24.48Z",
+    "stroke-width": "0"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M416.55,630.37v-37.83c0-2.22,0-4.09.09-6.23-.8,2.58-1.25,3.92-2.23,6.23l-15.75,38.72h-1.78l-15.75-38.72c-.98-2.31-1.42-3.65-2.23-6.23.09,2.14.09,4.01.09,6.23v37.83h-7.92v-62.3h8.01l16.11,39.07c1.25,3.03,1.69,4.18,2.67,6.76.98-2.58,1.42-3.74,2.67-6.76l15.93-39.07h8.01v62.3h-7.92Z",
+    "stroke-width": "0"
+  }))), align === 'center' && (/*#__PURE__*/React__default.createElement("g", null, /*#__PURE__*/React__default.createElement("path", {
+    d: "M401.56,585.29c.36-1.96.53-3.12.53-5.25,0-6.14-4.54-9.88-10.68-9.88s-10.68,3.74-10.68,9.88c0,7.83,8.19,9.17,15.22,11.84,7.21,2.76,16.02,6.41,16.02,17.98s-9.08,18.16-20.47,18.16-20.47-6.85-20.47-18.16c0-2.58.53-4.54,1.07-5.87l7.92-.45c-.62,2.05-.98,4.01-.98,6.32,0,7.03,5.43,11.04,12.46,11.04s12.46-4,12.46-11.04c0-8.19-8.99-10.24-14.95-12.37-8.37-3.03-16.29-6.59-16.29-17.62s8.63-16.82,18.69-16.82,18.69,6.32,18.69,16.82c0,1.69-.27,3.74-.62,4.9l-7.92.53Z",
+    "stroke-width": "0"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M434.49,626.68v-55.18h-16.91v-7.12h41.83v7.12h-16.91v55.18h-8.01Z",
+    "stroke-width": "0"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M500,626.68c-1.69-2.58-1.33-11.04-1.6-16.2-.18-4.18-.98-6.32-2.49-7.83-1.6-1.51-4.18-2.22-7.48-2.22h-10.68v26.26h-8.01v-62.3h20.56c6.59,0,10.68,1.87,13.71,4.89,3.2,3.2,5.34,7.74,5.34,12.91,0,7.3-5.16,14.42-14.15,15.04,6.41.71,10.5,4.9,11.04,12.82l.36,5.52c.27,3.74.36,6.14.8,7.92.27,1.07.8,2.31,1.96,2.85v.36h-9.35ZM489.58,593.3c4.63,0,7.03-1.07,8.72-2.85,1.87-1.96,3.03-4.9,3.03-8.01s-1.16-5.96-3.03-7.92c-1.69-1.78-4.09-3.03-8.72-3.03h-11.84v21.81h11.84Z",
+    "stroke-width": "0"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M522.42,626.68v-62.3h34.27v7.12h-26.26v20.03h19.14v7.12h-19.14v20.92h27.15v7.12h-35.16Z",
+    "stroke-width": "0"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M603.5,626.68l-4.54-14.24h-22.7l-4.54,14.24h-8.1l20.03-62.3h8.01l20.03,62.3h-8.19ZM588.99,580.84c-.89-2.76-1.16-3.92-1.42-5.16-.27,1.25-.53,2.4-1.42,5.16l-7.57,24.48h18.07l-7.65-24.48Z",
+    "stroke-width": "0"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M667.05,626.68v-37.83c0-2.22,0-4.09.09-6.23-.8,2.58-1.25,3.92-2.23,6.23l-15.75,38.72h-1.78l-15.75-38.72c-.98-2.31-1.42-3.65-2.23-6.23.09,2.14.09,4.01.09,6.23v37.83h-7.92v-62.3h8.01l16.11,39.07c1.25,3.03,1.69,4.18,2.67,6.76.98-2.58,1.42-3.74,2.67-6.76l15.93-39.07h8.01v62.3h-7.92Z",
+    "stroke-width": "0"
+  }))));
 };
-var commonColors = {
-  black: '#1A1A1A',
-  white: '#FFFFFF',
-  darkgrey: '#727272',
-  midgrey: '#B2B2B2',
-  lightgrey: '#F0F0F0',
-  error: '#C8102E',
-  medium: '#D79233',
-  good: '#4EAA33',
-  progress: '#1866DC',
-  navigation: '#C8102E',
-  lemonChiffon: '#fffbbe',
-  lapisLazuli: '#0060a0',
-  blue: '#1866DC',
-  red: '#C8102E'
+
+/* eslint-disable max-len */
+var CinemaBadge = function CinemaBadge(_ref) {
+  var _ref$fillColor = _ref.fillColor,
+    fillColor = _ref$fillColor === void 0 ? Colors.White : _ref$fillColor,
+    _ref$align = _ref.align,
+    align = _ref$align === void 0 ? 'center' : _ref$align,
+    _ref$invert = _ref.invert,
+    invert = _ref$invert === void 0 ? false : _ref$invert;
+  var colour = invert ? Colors.Black : fillColor;
+  return /*#__PURE__*/React__default.createElement(BadgeWrapper, {
+    fillColor: colour,
+    width: "100%",
+    height: "100%",
+    viewBox: "110 450 865 200",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    "aria-label": "Royal Ballet & Opera - Cinema"
+  }, /*#__PURE__*/React__default.createElement("g", null, /*#__PURE__*/React__default.createElement("g", null, /*#__PURE__*/React__default.createElement("g", null, /*#__PURE__*/React__default.createElement("path", {
+    d: "M416.26,485.21c0-9.38-6.6-14.94-18.59-14.94h-23.1v60.79h22.84c13.2,0,20.58-7.12,20.58-17.97\n\t\t\t\tc0-7.3-4.86-13.11-13.46-14.07C412.43,497.88,416.26,491.54,416.26,485.21z M388.73,481.3h5.47c5.47,0,7.64,2.69,7.64,6.51\n\t\t\t\tc0,3.82-2.17,6.51-7.73,6.51h-5.38V481.3z M395.24,519.59h-6.51v-14.59h6.42c4.95,0,8.43,2.69,8.43,7.29\n\t\t\t\tC403.58,516.81,400.19,519.59,395.24,519.59z"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M773.51,500.66c0-18.15-13.89-31.7-32.56-31.7c-18.58,0-32.56,13.54-32.56,31.7\n\t\t\t\tc0,18.15,13.98,31.7,32.56,31.7C759.61,532.36,773.51,518.81,773.51,500.66z M722.88,500.66c0-10.59,7.81-18.58,18.06-18.58\n\t\t\t\tc10.33,0,18.06,7.99,18.06,18.58c0,10.59-7.73,18.58-18.06,18.58C730.7,519.25,722.88,511.26,722.88,500.66z"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M435.19,518.9h19.19l3.73,12.16h14.76l-20.67-60.79h-14.85l-20.67,60.79h14.76L435.19,518.9z\n\t\t\t\t M444.74,487.55l5.82,18.85h-11.64L444.74,487.55z"
+  }), /*#__PURE__*/React__default.createElement("polygon", {
+    points: "475.31,470.27 475.31,531.06 506.57,531.06 506.57,518.38 489.46,518.38 489.46,470.27"
+  }), /*#__PURE__*/React__default.createElement("polygon", {
+    points: "609.65,531.06 609.65,482.95 623.28,482.95 623.28,470.27 581.86,470.27 581.86,482.95 \n\t\t\t\t595.49,482.95 595.49,531.06"
+  }), /*#__PURE__*/React__default.createElement("polygon", {
+    points: "578.03,482.95 578.03,470.27 545.91,470.27 545.91,531.06 578.03,531.06 578.03,518.38 \n\t\t\t\t560.06,518.38 560.06,506.74 574.47,506.74 574.47,494.06 560.06,494.06 560.06,482.95"
+  }), /*#__PURE__*/React__default.createElement("polygon", {
+    points: "324.21,470.27 324.21,531.06 355.47,531.06 355.47,518.38 338.36,518.38 338.36,470.27"
+  }), /*#__PURE__*/React__default.createElement("polygon", {
+    points: "510.82,470.27 510.82,531.06 542.09,531.06 542.09,518.38 524.98,518.38 524.98,470.27"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M284,518.9h19.19l3.74,12.16h14.76l-20.67-60.79h-14.85l-20.67,60.79h14.76L284,518.9z M293.55,487.55\n\t\t\t\tl5.82,18.85h-11.64L293.55,487.55z"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M635.7,511c0,12.24,9.38,21.36,22.49,21.36c7.21,0,13.2-2.78,18.24-7.38l4.86,6.08h17.8l-13.37-16.59\n\t\t\t\tl9.81-14.33l-10.85-7.47l-7.64,11.12l-16.85-20.84h18.93v-12.68h-36.64v12.68l6.68,8.25C640.21,495.54,635.7,502.66,635.7,511z\n\t\t\t\t M657.06,501.01l11.29,14.07c-2.26,2.34-5.21,4.17-9.03,4.17c-5.64,0-9.21-4-9.21-8.77\n\t\t\t\tC650.11,506.22,652.98,502.66,657.06,501.01z"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M176.32,529.41c-9.38-5.9-17.02-14.16-22.06-23.01c6.6-3.04,10.6-9.29,10.6-17.02\n\t\t\t\tc0-11.03-8.25-19.1-20.58-19.1h-23.19v60.79h14.15v-22.84h5.13c6.16,12.68,16.06,24.49,27.87,31.78h0L176.32,529.41z\n\t\t\t\t M141.67,496.93h-6.43v-15.02h6.43c6.25,0,8.68,3.21,8.68,7.47C150.36,493.72,147.93,496.93,141.67,496.93z"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M923.39,470.27l-19.45,57.31l-11.03-20.75c7.12-2.95,11.46-9.38,11.46-17.45\n\t\t\t\tc0-11.03-8.25-19.1-20.58-19.1h-23.19v60.79h14.15v-22.58h3.56l11.55,22.58h27.62l3.73-12.16h19.19l3.74,12.16h14.76\n\t\t\t\tl-20.67-60.79H923.39z M881.19,496.93h-6.43v-15.02h6.43c6.25,0,8.68,3.21,8.68,7.47C889.87,493.72,887.44,496.93,881.19,496.93z\n\t\t\t\t M924.95,506.39l5.82-18.85l5.82,18.85H924.95z"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M800.43,508.48c12.33,0,20.58-7.99,20.58-19.11c0-11.03-8.25-19.1-20.58-19.1h-23.19v60.79h14.16v-22.58\n\t\t\t\tH800.43z M791.4,481.91h6.42c6.25,0,8.68,3.21,8.68,7.47c0,4.34-2.43,7.56-8.68,7.56h-6.42V481.91z"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M200.55,468.97c-18.58,0-32.56,13.54-32.56,31.7c0,18.15,13.98,31.7,32.56,31.7\n\t\t\t\tc18.67,0,32.56-13.55,32.56-31.7C233.11,482.51,219.22,468.97,200.55,468.97z M200.55,519.25c-10.25,0-18.06-7.99-18.06-18.58\n\t\t\t\tc0-10.59,7.81-18.58,18.06-18.58c10.33,0,18.06,7.99,18.06,18.58C218.61,511.26,210.88,519.25,200.55,519.25z"
+  }), /*#__PURE__*/React__default.createElement("polygon", {
+    points: "253.87,490.41 241.89,470.27 225.82,470.27 246.75,504.92 246.75,531.06 260.9,531.06 \n\t\t\t\t260.9,504.74 281.74,470.27 265.76,470.27"
+  }), /*#__PURE__*/React__default.createElement("polygon", {
+    points: "856.79,482.95 856.79,470.27 824.66,470.27 824.66,531.06 856.79,531.06 856.79,518.38 \n\t\t\t\t838.81,518.38 838.81,506.74 853.23,506.74 853.23,494.06 838.81,494.06 838.81,482.95"
+  }))), align === 'left' && (/*#__PURE__*/React__default.createElement("g", null, /*#__PURE__*/React__default.createElement("path", {
+    d: "M121.69,630.37v-62.3h8.01v62.3H121.69z"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M179.27,630.37l-22.34-40.85c-1.33-2.4-2.58-4.81-3.2-6.32c0.09,1.51,0.18,4.09,0.18,6.32v40.85h-8.01v-62.3h8.01\n\t\t\tl22.34,40.85c1.33,2.4,2.58,4.81,3.2,6.32c-0.09-1.51-0.18-4.09-0.18-6.32v-40.85h8.01v62.3H179.27z"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M266.85,608.12c0,5.79-1.25,10.86-3.92,14.86c-3.83,5.88-9.97,8.72-17.18,8.72c-8.1,0-13.8-3.56-17.44-8.63\n\t\t\tc-4.81-6.59-6.41-15.75-6.41-23.85c0.09-14.86,5.79-32.49,23.94-32.49c11.48,0,19.23,8.63,19.23,19.05c0,1.07-0.09,2.49-0.36,3.65\n\t\t\tl-7.92,0.45c0.18-0.98,0.27-2.14,0.27-3.38c0-6.85-4.01-12.64-11.21-12.64c-12.37,0-15.93,14.6-15.93,25.37\n\t\t\tc0,5.16,0.8,12.28,3.47,17.36c2.49,4.72,6.68,8.01,12.37,8.01c9.43,0,12.82-7.48,13.17-16.91L266.85,608.12z"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M278.95,630.37v-62.3h8.01v62.3H278.95z"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M336.53,630.37l-22.34-40.85c-1.33-2.4-2.58-4.81-3.2-6.32c0.09,1.51,0.18,4.09,0.18,6.32v40.85h-8.01v-62.3h8.01\n\t\t\tl22.34,40.85c1.34,2.4,2.58,4.81,3.2,6.32c-0.09-1.51-0.18-4.09-0.18-6.32v-40.85h8.01v62.3H336.53z"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M360.74,630.37v-62.3h34.27v7.12h-26.26v20.03h19.14v7.12h-19.14v20.92h27.15v7.12H360.74z"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M453.75,630.37v-37.83c0-2.22,0-4.09,0.09-6.23c-0.8,2.58-1.25,3.92-2.23,6.23l-15.75,38.72h-1.78l-15.75-38.72\n\t\t\tc-0.98-2.31-1.42-3.65-2.23-6.23c0.09,2.14,0.09,4.01,0.09,6.23v37.83h-7.92v-62.3h8.01l16.11,39.07\n\t\t\tc1.25,3.03,1.69,4.18,2.67,6.76c0.98-2.58,1.42-3.74,2.67-6.76l15.93-39.07h8.01v62.3H453.75z"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M511.42,630.37l-4.54-14.24h-22.7l-4.54,14.24h-8.1l20.03-62.3h8.01l20.03,62.3H511.42z M496.91,584.53\n\t\t\tc-0.89-2.76-1.16-3.92-1.42-5.16c-0.27,1.25-0.53,2.4-1.42,5.16l-7.57,24.48h18.07L496.91,584.53z"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M555.38,588.98c0.36-1.96,0.53-3.12,0.53-5.25c0-6.14-4.54-9.88-10.68-9.88s-10.68,3.74-10.68,9.88\n\t\t\tc0,7.83,8.19,9.17,15.22,11.84c7.21,2.76,16.02,6.41,16.02,17.98c0,11.3-9.08,18.16-20.47,18.16s-20.47-6.85-20.47-18.16\n\t\t\tc0-2.58,0.53-4.54,1.07-5.87l7.92-0.45c-0.62,2.05-0.98,4.01-0.98,6.32c0,7.03,5.43,11.04,12.46,11.04s12.46-4,12.46-11.04\n\t\t\tc0-8.19-8.99-10.24-14.95-12.37c-8.37-3.03-16.29-6.59-16.29-17.62c0-10.5,8.63-16.82,18.69-16.82s18.69,6.32,18.69,16.82\n\t\t\tc0,1.69-0.27,3.74-0.62,4.9L555.38,588.98z"
+  }))), align === 'center' && (/*#__PURE__*/React__default.createElement("g", null, /*#__PURE__*/React__default.createElement("path", {
+    d: "M319.77,626.67v-62.3h8.01v62.3H319.77z"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M377.35,626.67l-22.34-40.85c-1.33-2.4-2.58-4.81-3.2-6.32c0.09,1.51,0.18,4.09,0.18,6.32v40.85h-8.01v-62.3h8.01\n\t\t\tl22.34,40.85c1.33,2.4,2.58,4.81,3.2,6.32c-0.09-1.51-0.18-4.09-0.18-6.32v-40.85h8.01v62.3H377.35z"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M464.92,604.42c0,5.79-1.25,10.86-3.92,14.86c-3.83,5.88-9.97,8.72-17.18,8.72c-8.1,0-13.8-3.56-17.45-8.63\n\t\t\tc-4.81-6.59-6.41-15.75-6.41-23.85c0.09-14.86,5.79-32.49,23.94-32.49c11.48,0,19.22,8.63,19.22,19.05c0,1.07-0.09,2.49-0.36,3.65\n\t\t\tl-7.92,0.45c0.18-0.98,0.27-2.14,0.27-3.38c0-6.85-4-12.64-11.21-12.64c-12.37,0-15.93,14.6-15.93,25.37\n\t\t\tc0,5.16,0.8,12.28,3.47,17.36c2.49,4.72,6.68,8.01,12.37,8.01c9.43,0,12.82-7.48,13.17-16.91L464.92,604.42z"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M477.03,626.67v-62.3h8.01v62.3H477.03z"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M534.61,626.67l-22.34-40.85c-1.33-2.4-2.58-4.81-3.2-6.32c0.09,1.51,0.18,4.09,0.18,6.32v40.85h-8.01v-62.3h8.01\n\t\t\tl22.34,40.85c1.33,2.4,2.58,4.81,3.2,6.32c-0.09-1.51-0.18-4.09-0.18-6.32v-40.85h8.01v62.3H534.61z"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M558.81,626.67v-62.3h34.27v7.12h-26.26v20.03h19.14v7.12h-19.14v20.92h27.15v7.12H558.81z"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M651.82,626.67v-37.83c0-2.22,0-4.09,0.09-6.23c-0.8,2.58-1.25,3.92-2.23,6.23l-15.75,38.72h-1.78l-15.75-38.72\n\t\t\tc-0.98-2.31-1.42-3.65-2.23-6.23c0.09,2.14,0.09,4.01,0.09,6.23v37.83h-7.92v-62.3h8.01l16.11,39.07\n\t\t\tc1.25,3.03,1.69,4.18,2.67,6.76c0.98-2.58,1.42-3.74,2.67-6.76l15.93-39.07h8.01v62.3H651.82z"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M709.49,626.67l-4.54-14.24h-22.7l-4.54,14.24h-8.1l20.03-62.3h8.01l20.03,62.3H709.49z M694.98,580.84\n\t\t\tc-0.89-2.76-1.16-3.92-1.42-5.16c-0.27,1.25-0.53,2.4-1.42,5.16l-7.57,24.48h18.07L694.98,580.84z"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M753.46,585.29c0.36-1.96,0.53-3.12,0.53-5.25c0-6.14-4.54-9.88-10.68-9.88c-6.14,0-10.68,3.74-10.68,9.88\n\t\t\tc0,7.83,8.19,9.17,15.22,11.84c7.21,2.76,16.02,6.41,16.02,17.98c0,11.3-9.08,18.16-20.47,18.16s-20.47-6.85-20.47-18.16\n\t\t\tc0-2.58,0.53-4.54,1.07-5.87l7.92-0.45c-0.62,2.05-0.98,4.01-0.98,6.32c0,7.03,5.43,11.04,12.46,11.04c7.03,0,12.46-4,12.46-11.04\n\t\t\tc0-8.19-8.99-10.24-14.95-12.37c-8.37-3.03-16.29-6.59-16.29-17.62c0-10.5,8.63-16.82,18.69-16.82S762,569.36,762,579.86\n\t\t\tc0,1.69-0.27,3.74-0.62,4.9L753.46,585.29z"
+  })))));
 };
-var fontFamilies = {
-  adobeGaramondPro: 'adobe-garamond-pro',
-  adobeGaramondProItalics: 'adobe-garamond-pro',
+
+var breakpoints = {
+  xs: 320,
+  sm: 700,
+  md: 1140,
+  ml: 1280,
+  lg: 1400
+};
+var devices = {
+  smallMobile: "only screen and (max-width: " + (breakpoints.xs - 1) + "px)",
+  mobile: "only screen and (max-width: " + (breakpoints.sm - 1) + "px)",
+  tablet: "only screen and (max-width: " + (breakpoints.md - 1) + "px) and (min-width: " + breakpoints.sm + "px)",
+  mobileAndTablet: "only screen and (max-width: " + (breakpoints.md - 1) + "px)",
+  desktop: "only screen and (max-width: " + (breakpoints.lg - 1) + "px) and (min-width: " + breakpoints.md + "px)",
+  smallDesktop: "only screen and (max-width: " + (breakpoints.ml - 1) + "px) and (min-width: " + breakpoints.md + "px)",
+  largeDesktop: "only screen and (min-width: " + breakpoints.lg + "px)"
+};
+
+var _templateObject$1;
+var ButtonWrapper = /*#__PURE__*/styled.a(_templateObject$1 || (_templateObject$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  padding: ", "\n    var(--button-padding-x);\n  height: var(--button-height);\n  font-family: var(--font-family-buttons);\n  font-size: var(--button-font-size);\n  font-weight: var(--button-font-weight);\n  color: var(--base-color-", ");\n  line-height: var(--button-line-height);\n  width: fit-content;\n  border-style: solid;\n  border-width: 1px;\n  cursor: pointer;\n  text-decoration: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n\n  @media ", " {\n    & {\n      width: 100%;\n    }\n  }\n"])), function (_ref) {
+  var iconName = _ref.iconName;
+  return iconName ? 'var(--button-padding-y-icon)' : 'var(--button-padding-y)';
+}, function (_ref2) {
+  var color = _ref2.color;
+  return color;
+}, devices.mobile);
+
+var _templateObject$2;
+var ButtonIconWrapper = /*#__PURE__*/styled.span(_templateObject$2 || (_templateObject$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: var(--button-icon-width);\n  height: var(--button-icon-height);\n  margin-right: var(--button-icon-margin);\n  display: inline-block;\n"])));
+
+var colors = {
+  core: '#C8102E',
+  stream: '#1866DC',
+  cinema: '#1A1A1A'
+};
+var commonColors = {
+  black: '#1A1A1A',
+  white: '#FFFFFF',
+  darkgrey: '#727272',
+  midgrey: '#B2B2B2',
+  lightgrey: '#F0F0F0',
+  error: '#C8102E',
+  medium: '#D79233',
+  good: '#4EAA33',
+  progress: '#1866DC',
+  navigation: '#C8102E',
+  lemonChiffon: '#fffbbe',
+  lapisLazuli: '#0060a0',
+  blue: '#1866DC',
+  red: '#C8102E'
+};
+var fontFamilies = {
+  adobeGaramondPro: 'adobe-garamond-pro',
+  adobeGaramondProItalics: 'adobe-garamond-pro',
   gothamSSmMedium: '"Gotham SSm A","Gotham SSm B","Montserrat",sans-serif',
   gothamSSm: '"Gotham SSm A","Gotham SSm B","Montserrat",sans-serif',
   sabonNextLTProRegular: 'Sabon Next LT Pro Regular',
@@ -932,7 +1200,7 @@ var themes = {
   schools: schools
 };
 
-var _templateObject;
+var _templateObject$3;
 var Directions = {
   left: 'transform: rotate(180deg)',
   right: 'transform: rotate(0deg)',
@@ -940,7 +1208,7 @@ var Directions = {
   down: 'transform: rotate(90deg)',
   reverse: 'transform: scaleX(-1)'
 };
-var Wrapper = /*#__PURE__*/styled.span(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: block;\n\n  & svg {\n    display: block;\n    ", ";\n  }\n\n  & svg path {\n    fill: var(--base-color-", ", ", ");\n  }\n"])), function (_ref) {
+var Wrapper = /*#__PURE__*/styled.span(_templateObject$3 || (_templateObject$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: block;\n\n  & svg {\n    display: block;\n    ", ";\n  }\n\n  & svg path {\n    fill: var(--base-color-", ", ", ");\n  }\n"])), function (_ref) {
   var _ref$direction = _ref.direction,
     direction = _ref$direction === void 0 ? 'right' : _ref$direction;
   return Directions[direction];
@@ -2499,424 +2767,159 @@ var Subtitles = (function (_ref) {
     d: "M17 12H11V13H17V12Z",
     fill: color
   }), /*#__PURE__*/createElement("path", {
-    d: "M17 9.5H15V10.5H17V9.5Z",
-    fill: color
-  }), /*#__PURE__*/createElement("path", {
-    d: "M13 9.5H7V10.5H13V9.5Z",
-    fill: color
-  }), /*#__PURE__*/createElement("path", {
-    d: "M19 3H5C4.46957 3 3.96086 3.21071 3.58579 3.58579C3.21071 3.96086 3 4.46957 3 5V15C3 15.5304 3.21071 16.0391 3.58579 16.4142C3.96086 16.7893 4.46957 17 5 17H11.3L17 21V17H19C19.5304 17 20.0391 16.7893 20.4142 16.4142C20.7893 16.0391 21 15.5304 21 15V5C21 4.46957 20.7893 3.96086 20.4142 3.58579C20.0391 3.21071 19.5304 3 19 3ZM20 15C20.0088 15.1336 19.989 15.2676 19.9419 15.3929C19.8948 15.5182 19.8214 15.632 19.7267 15.7267C19.632 15.8214 19.5182 15.8948 19.3929 15.9419C19.2676 15.989 19.1336 16.0088 19 16H16V19L13.1 17L12.9 16.8L11.7 16H5C4.86639 16.0088 4.73244 15.989 4.6071 15.9419C4.48177 15.8948 4.36795 15.8214 4.27327 15.7267C4.17859 15.632 4.10523 15.5182 4.0581 15.3929C4.01097 15.2676 3.99116 15.1336 4 15V5C3.99116 4.86639 4.01097 4.73244 4.0581 4.6071C4.10523 4.48177 4.17859 4.36795 4.27327 4.27327C4.36795 4.17859 4.48177 4.10523 4.6071 4.0581C4.73244 4.01097 4.86639 3.99116 5 4H19C19.1336 3.99116 19.2676 4.01097 19.3929 4.0581C19.5182 4.10523 19.632 4.17859 19.7267 4.27327C19.8214 4.36795 19.8948 4.48177 19.9419 4.6071C19.989 4.73244 20.0088 4.86639 20 5V15Z",
-    fill: color
-  }));
-});
-
-var Trailer = (function (_ref) {
-  var _ref$color = _ref.color,
-    color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
-    ariaLabel = _ref.ariaLabel;
-  return /*#__PURE__*/createElement("svg", {
-    width: "100%",
-    height: "100%",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    "aria-label": ariaLabel
-  }, /*#__PURE__*/createElement("path", {
-    d: "M16.8 3H15.8H12.5H11.5H8.2H7.2H3V7.5V8.3V15.7V16.5V21H7.2H8.2H11.4H12.4H15.6H16.6H21V17V15.7V8.3V8V3H16.8ZM16.8 4H20V7.3H16.8V4ZM12.5 4H15.7V7.3H12.5V4ZM8.2 4H11.4V7.3H8.2V4ZM4 4H7.2V7.3H4V4ZM7.2 20H4V16.7H7.2V20ZM11.5 20H8.2V16.7H11.4V20H11.5ZM15.8 20H12.5V16.7H15.7V20H15.8ZM20 20H16.8V16.7H20V17V20ZM20 15.7H16.8H15.8H12.5H11.5H8.2H7.2H4V8.3H7.2H8.2H11.4H12.4H15.6H16.6H20V15.7Z",
-    fill: color
-  }), /*#__PURE__*/createElement("path", {
-    d: "M10 14.5999L15 11.9999L10 9.3999V14.5999Z",
-    fill: color
-  }));
-});
-
-var Volume = (function (_ref) {
-  var _ref$color = _ref.color,
-    color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
-    ariaLabel = _ref.ariaLabel;
-  return /*#__PURE__*/createElement("svg", {
-    width: "100%",
-    height: "100%",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    "aria-label": ariaLabel
-  }, /*#__PURE__*/createElement("path", {
-    d: "M19 12C19 10.3 17.7 9 16 9V10C17.1 10 18 10.9 18 12C18 13.1 17.1 14 16 14V15C17.7 15 19 13.7 19 12Z",
-    fill: color
-  }), /*#__PURE__*/createElement("path", {
-    d: "M16 6V7C18.8 7 21 9.2 21 12C21 14.8 18.8 17 16 17V18C19.3 18 22 15.3 22 12C22 8.7 19.3 6 16 6Z",
-    fill: color
-  }), /*#__PURE__*/createElement("path", {
-    d: "M4.5 9.5C3.7 9.5 3 10.2 3 11V14C3 14.8 3.7 15.5 4.5 15.5H6.8L14 21V4L6.8 9.5H4.5ZM13 6V19L7.2 14.5H4.5C4.2 14.5 4 14.3 4 14V11C4 10.7 4.2 10.5 4.5 10.5H7.2L13 6Z",
-    fill: color
-  }));
-});
-
-/* 12px */
-var IconLibrary = {
-  AddToMyList: AddToMyList,
-  Arrow: Arrow,
-  AudioDescription: AudioDescription,
-  Back10: Back10,
-  BalletAndDance: BalletAndDance,
-  Basket: Basket,
-  BasketFull: BasketFull,
-  BookTickets: BookTickets,
-  CarouselArrow: CarouselArrow,
-  ChooseDates: ChooseDates,
-  Cinema: Cinema,
-  Clips: Clips,
-  Clock: Clock,
-  Close: Close,
-  Confirm: Confirm,
-  CreditCard: CreditCard,
-  Delete: Delete,
-  Detract: Detract,
-  DropdownArrow: DropdownArrow,
-  EditMyList: EditMyList,
-  Email: Email,
-  Expand: Expand,
-  Expand12px: Expand12px,
-  ExternalLink: ExternalLink,
-  Facebook: Facebook,
-  Favourite: Favourite,
-  FavouriteFull: FavouriteFull,
-  Filter: Filter,
-  FindAScreening: FindAScreening,
-  Forward10: Forward10,
-  FullScreen: FullScreen,
-  GridView: GridView,
-  Home: Home,
-  Info: Info,
-  Instagram: Instagram,
-  List: List,
-  ListView: ListView,
-  LiveStream: LiveStream,
-  Location: Location,
-  Menu: Menu,
-  Minimise: Minimise,
-  Muted: Muted,
-  OnMyList: OnMyList,
-  OperaAndMusic: OperaAndMusic,
-  Pause: Pause,
-  PDF: PDF,
-  Phone: Phone,
-  Play: Play,
-  Print: Print,
-  Refresh: Refresh,
-  Reminder: Reminder,
-  Remove: Remove,
-  Remove12px: Remove12px,
-  Restart: Restart,
-  Search: Search,
-  Seat: Seat,
-  Secure: Secure,
-  Settings: Settings,
-  Shift: Shift,
-  Space: Space,
-  Standing: Standing,
-  Star: Star,
-  Subscribe: Subscribe,
-  Subtitles: Subtitles,
-  Tick: Tick,
-  Tickets: Tickets,
-  Tiktok: Tiktok,
-  Trailer: Trailer,
-  Twitter: Twitter,
-  User: User,
-  UserSignedIn: UserSignedIn,
-  Volume: Volume,
-  Watch: Watch,
-  Wheelchair: Wheelchair,
-  X: X,
-  Youtube: Youtube
-};
-
-var Icon = /*#__PURE__*/memo(function (_ref) {
-  var className = _ref.className,
-    color = _ref.color,
-    iconName = _ref.iconName,
-    title = _ref.title,
-    direction = _ref.direction,
-    ariaLabel = _ref.ariaLabel;
-  var IconComponent = IconLibrary[iconName];
-  return /*#__PURE__*/createElement(Wrapper, {
-    className: className,
-    color: color,
-    title: title,
-    direction: direction
-  }, /*#__PURE__*/createElement(IconComponent, {
-    color: color,
-    ariaLabel: ariaLabel
-  }));
-});
-Icon.displayName = 'Icon';
-
-// eslint-disable-next-line no-shadow
-var Colors;
-(function (Colors) {
-  Colors["White"] = "white";
-  Colors["Black"] = "black";
-  Colors["DarkGrey"] = "darkgrey";
-  Colors["MidGrey"] = "midgrey";
-  Colors["LightGrey"] = "lightgrey";
-  Colors["Trasparent"] = "transparent";
-  Colors["ErrorState"] = "errorstate";
-  Colors["MediumState"] = "mediumstate";
-  Colors["GoodState"] = "goodstate";
-  Colors["Primary"] = "primary";
-  Colors["Core"] = "core";
-  Colors["Stream"] = "stream";
-  Colors["Cinema"] = "cinema";
-})(Colors || (Colors = {}));
-// eslint-disable-next-line no-shadow
-var ThemeType;
-(function (ThemeType) {
-  ThemeType["Core"] = "core";
-  ThemeType["Stream"] = "stream";
-  ThemeType["Cinema"] = "cinema";
-  ThemeType["Schools"] = "schools";
-})(ThemeType || (ThemeType = {}));
-// eslint-disable-next-line no-shadow
-var LinkTarget;
-(function (LinkTarget) {
-  /**
-   * Opens the link in the same frame or tab as the current page.
-   */
-  LinkTarget["Self"] = "_self";
-  /**
-   * Opens the link in a new browser tab or window, depending on the browser settings.
-   */
-  LinkTarget["Blank"] = "_blank";
-})(LinkTarget || (LinkTarget = {}));
-
-var _templateObject$1;
-var BadgeWrapper = /*#__PURE__*/styled.svg(_templateObject$1 || (_templateObject$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: auto;\n\n  g,\n  path {\n    fill: var(--base-color-", ");\n  }\n"])), function (_ref) {
-  var fillColor = _ref.fillColor;
-  return fillColor;
-});
-
-/* eslint-disable max-len */
-var StreamBadge = function StreamBadge(_ref) {
-  var _ref$fillColor = _ref.fillColor,
-    fillColor = _ref$fillColor === void 0 ? Colors.White : _ref$fillColor,
-    _ref$align = _ref.align,
-    align = _ref$align === void 0 ? 'center' : _ref$align,
-    _ref$invert = _ref.invert,
-    invert = _ref$invert === void 0 ? false : _ref$invert;
-  var colour = invert ? Colors.Black : fillColor;
-  return /*#__PURE__*/React__default.createElement(BadgeWrapper, {
-    fillColor: colour,
-    width: "100%",
-    height: "100%",
-    viewBox: "110 450 865 200",
-    xmlns: "http://www.w3.org/2000/svg",
-    role: "img",
-    "aria-label": "Royal Ballet & Opera - Stream"
-  }, /*#__PURE__*/React__default.createElement("g", null, /*#__PURE__*/React__default.createElement("path", {
-    d: "M416.81,485.21c0-9.38-6.6-14.94-18.59-14.94h-23.1v60.79h22.84c13.2,0,20.58-7.12,20.58-17.97,0-7.3-4.86-13.11-13.46-14.07,7.9-1.13,11.73-7.47,11.73-13.8ZM389.28,481.3h5.47c5.47,0,7.64,2.69,7.64,6.51s-2.17,6.51-7.73,6.51h-5.38v-13.03ZM395.79,519.59h-6.51v-14.59h6.42c4.95,0,8.43,2.69,8.43,7.29s-3.39,7.29-8.34,7.29Z",
-    "stroke-width": "0"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M435.74,518.9h19.19l3.73,12.16h14.76l-20.67-60.79h-14.85l-20.67,60.79h14.76l3.73-12.16ZM445.29,487.55l5.82,18.85h-11.64l5.82-18.85Z",
-    "stroke-width": "0"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M774.06,500.66c0-18.15-13.89-31.7-32.56-31.7s-32.56,13.54-32.56,31.7,13.98,31.7,32.56,31.7,32.56-13.55,32.56-31.7ZM723.44,500.66c0-10.59,7.81-18.58,18.06-18.58s18.06,7.99,18.06,18.58-7.73,18.58-18.06,18.58-18.06-7.99-18.06-18.58Z",
-    "stroke-width": "0"
-  }), /*#__PURE__*/React__default.createElement("polygon", {
-    points: "511.38 470.27 511.38 531.06 542.64 531.06 542.64 518.38 525.53 518.38 525.53 470.27 511.38 470.27",
-    "stroke-width": "0"
-  }), /*#__PURE__*/React__default.createElement("polygon", {
-    points: "610.2 531.06 610.2 482.95 623.83 482.95 623.83 470.27 582.41 470.27 582.41 482.95 596.04 482.95 596.04 531.06 610.2 531.06",
-    "stroke-width": "0"
-  }), /*#__PURE__*/React__default.createElement("polygon", {
-    points: "578.59 482.95 578.59 470.27 546.46 470.27 546.46 531.06 578.59 531.06 578.59 518.38 560.61 518.38 560.61 506.74 575.03 506.74 575.03 494.06 560.61 494.06 560.61 482.95 578.59 482.95",
-    "stroke-width": "0"
-  }), /*#__PURE__*/React__default.createElement("polygon", {
-    points: "475.86 470.27 475.86 531.06 507.12 531.06 507.12 518.38 490.01 518.38 490.01 470.27 475.86 470.27",
-    "stroke-width": "0"
-  }), /*#__PURE__*/React__default.createElement("polygon", {
-    points: "324.76 470.27 324.76 531.06 356.02 531.06 356.02 518.38 338.92 518.38 338.92 470.27 324.76 470.27",
-    "stroke-width": "0"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M800.98,508.48c12.33,0,20.58-7.99,20.58-19.11s-8.25-19.1-20.58-19.1h-23.19v60.79h14.16v-22.58h9.03ZM791.95,481.91h6.42c6.25,0,8.68,3.21,8.68,7.47s-2.43,7.56-8.68,7.56h-6.42v-15.02Z",
-    "stroke-width": "0"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M923.95,470.27l-19.45,57.31-11.03-20.75c7.12-2.95,11.46-9.38,11.46-17.45,0-11.03-8.25-19.1-20.58-19.1h-23.19v60.79h14.15v-22.58h3.56l11.55,22.58h27.62l3.73-12.16h19.19l3.74,12.16h14.76l-20.67-60.79h-14.85ZM881.74,496.93h-6.43v-15.02h6.43c6.25,0,8.68,3.21,8.68,7.47s-2.43,7.56-8.68,7.56ZM925.51,506.39l5.82-18.85,5.82,18.85h-11.64Z",
-    "stroke-width": "0"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M636.25,511c0,12.24,9.38,21.36,22.49,21.36,7.21,0,13.2-2.78,18.24-7.38l4.86,6.08h17.8l-13.37-16.59,9.81-14.33-10.85-7.47-7.64,11.12-16.85-20.84h18.93v-12.68h-36.64v12.68l6.68,8.25c-8.94,4.34-13.46,11.46-13.46,19.8ZM657.61,501.01l11.29,14.07c-2.26,2.34-5.21,4.17-9.03,4.17-5.64,0-9.21-4-9.21-8.77,0-4.26,2.87-7.81,6.95-9.46Z",
-    "stroke-width": "0"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M176.87,529.41c-9.38-5.9-17.02-14.16-22.06-23.01,6.6-3.04,10.6-9.29,10.6-17.02,0-11.03-8.25-19.1-20.58-19.1h-23.19v60.79h14.15v-22.84h5.13c6.16,12.68,16.06,24.49,27.87,31.78h0l8.08-10.59ZM142.23,496.93h-6.43v-15.02h6.43c6.25,0,8.68,3.21,8.68,7.47s-2.43,7.56-8.68,7.56Z",
-    "stroke-width": "0"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M284.56,518.9h19.19l3.74,12.16h14.76l-20.67-60.79h-14.85l-20.67,60.79h14.76l3.73-12.16ZM294.11,487.55l5.82,18.85h-11.64l5.82-18.85Z",
-    "stroke-width": "0"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M201.1,468.97c-18.58,0-32.56,13.54-32.56,31.7s13.98,31.7,32.56,31.7,32.56-13.55,32.56-31.7-13.89-31.7-32.56-31.7ZM201.1,519.25c-10.25,0-18.06-7.99-18.06-18.58s7.81-18.58,18.06-18.58,18.06,7.99,18.06,18.58-7.73,18.58-18.06,18.58Z",
-    "stroke-width": "0"
-  }), /*#__PURE__*/React__default.createElement("polygon", {
-    points: "254.42 490.41 242.44 470.27 226.37 470.27 247.3 504.92 247.3 531.06 261.46 531.06 261.46 504.74 282.3 470.27 266.32 470.27 254.42 490.41",
-    "stroke-width": "0"
-  }), /*#__PURE__*/React__default.createElement("polygon", {
-    points: "857.34 482.95 857.34 470.27 825.21 470.27 825.21 531.06 857.34 531.06 857.34 518.38 839.36 518.38 839.36 506.74 853.78 506.74 853.78 494.06 839.36 494.06 839.36 482.95 857.34 482.95",
-    "stroke-width": "0"
-  })), align === 'left' && (/*#__PURE__*/React__default.createElement("g", null, /*#__PURE__*/React__default.createElement("path", {
-    d: "M151.07,588.98c.36-1.96.53-3.12.53-5.25,0-6.14-4.54-9.88-10.68-9.88s-10.68,3.74-10.68,9.88c0,7.83,8.19,9.17,15.22,11.84,7.21,2.76,16.02,6.41,16.02,17.98s-9.08,18.16-20.47,18.16-20.47-6.85-20.47-18.16c0-2.58.53-4.54,1.07-5.87l7.92-.45c-.62,2.05-.98,4.01-.98,6.32,0,7.03,5.43,11.04,12.46,11.04s12.46-4,12.46-11.04c0-8.19-8.99-10.24-14.95-12.37-8.37-3.03-16.29-6.59-16.29-17.62s8.63-16.82,18.69-16.82,18.69,6.32,18.69,16.82c0,1.69-.27,3.74-.62,4.9l-7.92.53Z",
-    "stroke-width": "0"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M184,630.37v-55.18h-16.91v-7.12h41.83v7.12h-16.91v55.18h-8.01Z",
-    "stroke-width": "0"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M249.5,630.37c-1.69-2.58-1.33-11.04-1.6-16.2-.18-4.18-.98-6.32-2.49-7.83-1.6-1.51-4.18-2.22-7.48-2.22h-10.68v26.26h-8.01v-62.3h20.56c6.59,0,10.68,1.87,13.71,4.89,3.2,3.2,5.34,7.74,5.34,12.91,0,7.3-5.16,14.42-14.15,15.04,6.41.71,10.5,4.9,11.04,12.82l.36,5.52c.27,3.74.36,6.14.8,7.92.27,1.07.8,2.31,1.96,2.85v.36h-9.35ZM239.09,596.99c4.63,0,7.03-1.07,8.72-2.85,1.87-1.96,3.03-4.9,3.03-8.01s-1.16-5.96-3.03-7.92c-1.69-1.78-4.09-3.03-8.72-3.03h-11.84v21.81h11.84Z",
-    "stroke-width": "0"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M271.93,630.37v-62.3h34.27v7.12h-26.26v20.03h19.14v7.12h-19.14v20.92h27.15v7.12h-35.16Z",
-    "stroke-width": "0"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M353.01,630.37l-4.54-14.24h-22.7l-4.54,14.24h-8.1l20.03-62.3h8.01l20.03,62.3h-8.19ZM338.5,584.53c-.89-2.76-1.16-3.92-1.42-5.16-.27,1.25-.53,2.4-1.42,5.16l-7.57,24.48h18.07l-7.65-24.48Z",
-    "stroke-width": "0"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M416.55,630.37v-37.83c0-2.22,0-4.09.09-6.23-.8,2.58-1.25,3.92-2.23,6.23l-15.75,38.72h-1.78l-15.75-38.72c-.98-2.31-1.42-3.65-2.23-6.23.09,2.14.09,4.01.09,6.23v37.83h-7.92v-62.3h8.01l16.11,39.07c1.25,3.03,1.69,4.18,2.67,6.76.98-2.58,1.42-3.74,2.67-6.76l15.93-39.07h8.01v62.3h-7.92Z",
-    "stroke-width": "0"
-  }))), align === 'center' && (/*#__PURE__*/React__default.createElement("g", null, /*#__PURE__*/React__default.createElement("path", {
-    d: "M401.56,585.29c.36-1.96.53-3.12.53-5.25,0-6.14-4.54-9.88-10.68-9.88s-10.68,3.74-10.68,9.88c0,7.83,8.19,9.17,15.22,11.84,7.21,2.76,16.02,6.41,16.02,17.98s-9.08,18.16-20.47,18.16-20.47-6.85-20.47-18.16c0-2.58.53-4.54,1.07-5.87l7.92-.45c-.62,2.05-.98,4.01-.98,6.32,0,7.03,5.43,11.04,12.46,11.04s12.46-4,12.46-11.04c0-8.19-8.99-10.24-14.95-12.37-8.37-3.03-16.29-6.59-16.29-17.62s8.63-16.82,18.69-16.82,18.69,6.32,18.69,16.82c0,1.69-.27,3.74-.62,4.9l-7.92.53Z",
-    "stroke-width": "0"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M434.49,626.68v-55.18h-16.91v-7.12h41.83v7.12h-16.91v55.18h-8.01Z",
-    "stroke-width": "0"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M500,626.68c-1.69-2.58-1.33-11.04-1.6-16.2-.18-4.18-.98-6.32-2.49-7.83-1.6-1.51-4.18-2.22-7.48-2.22h-10.68v26.26h-8.01v-62.3h20.56c6.59,0,10.68,1.87,13.71,4.89,3.2,3.2,5.34,7.74,5.34,12.91,0,7.3-5.16,14.42-14.15,15.04,6.41.71,10.5,4.9,11.04,12.82l.36,5.52c.27,3.74.36,6.14.8,7.92.27,1.07.8,2.31,1.96,2.85v.36h-9.35ZM489.58,593.3c4.63,0,7.03-1.07,8.72-2.85,1.87-1.96,3.03-4.9,3.03-8.01s-1.16-5.96-3.03-7.92c-1.69-1.78-4.09-3.03-8.72-3.03h-11.84v21.81h11.84Z",
-    "stroke-width": "0"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M522.42,626.68v-62.3h34.27v7.12h-26.26v20.03h19.14v7.12h-19.14v20.92h27.15v7.12h-35.16Z",
-    "stroke-width": "0"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M603.5,626.68l-4.54-14.24h-22.7l-4.54,14.24h-8.1l20.03-62.3h8.01l20.03,62.3h-8.19ZM588.99,580.84c-.89-2.76-1.16-3.92-1.42-5.16-.27,1.25-.53,2.4-1.42,5.16l-7.57,24.48h18.07l-7.65-24.48Z",
-    "stroke-width": "0"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M667.05,626.68v-37.83c0-2.22,0-4.09.09-6.23-.8,2.58-1.25,3.92-2.23,6.23l-15.75,38.72h-1.78l-15.75-38.72c-.98-2.31-1.42-3.65-2.23-6.23.09,2.14.09,4.01.09,6.23v37.83h-7.92v-62.3h8.01l16.11,39.07c1.25,3.03,1.69,4.18,2.67,6.76.98-2.58,1.42-3.74,2.67-6.76l15.93-39.07h8.01v62.3h-7.92Z",
-    "stroke-width": "0"
-  }))));
-};
+    d: "M17 9.5H15V10.5H17V9.5Z",
+    fill: color
+  }), /*#__PURE__*/createElement("path", {
+    d: "M13 9.5H7V10.5H13V9.5Z",
+    fill: color
+  }), /*#__PURE__*/createElement("path", {
+    d: "M19 3H5C4.46957 3 3.96086 3.21071 3.58579 3.58579C3.21071 3.96086 3 4.46957 3 5V15C3 15.5304 3.21071 16.0391 3.58579 16.4142C3.96086 16.7893 4.46957 17 5 17H11.3L17 21V17H19C19.5304 17 20.0391 16.7893 20.4142 16.4142C20.7893 16.0391 21 15.5304 21 15V5C21 4.46957 20.7893 3.96086 20.4142 3.58579C20.0391 3.21071 19.5304 3 19 3ZM20 15C20.0088 15.1336 19.989 15.2676 19.9419 15.3929C19.8948 15.5182 19.8214 15.632 19.7267 15.7267C19.632 15.8214 19.5182 15.8948 19.3929 15.9419C19.2676 15.989 19.1336 16.0088 19 16H16V19L13.1 17L12.9 16.8L11.7 16H5C4.86639 16.0088 4.73244 15.989 4.6071 15.9419C4.48177 15.8948 4.36795 15.8214 4.27327 15.7267C4.17859 15.632 4.10523 15.5182 4.0581 15.3929C4.01097 15.2676 3.99116 15.1336 4 15V5C3.99116 4.86639 4.01097 4.73244 4.0581 4.6071C4.10523 4.48177 4.17859 4.36795 4.27327 4.27327C4.36795 4.17859 4.48177 4.10523 4.6071 4.0581C4.73244 4.01097 4.86639 3.99116 5 4H19C19.1336 3.99116 19.2676 4.01097 19.3929 4.0581C19.5182 4.10523 19.632 4.17859 19.7267 4.27327C19.8214 4.36795 19.8948 4.48177 19.9419 4.6071C19.989 4.73244 20.0088 4.86639 20 5V15Z",
+    fill: color
+  }));
+});
 
-/* eslint-disable max-len */
-var CinemaBadge = function CinemaBadge(_ref) {
-  var _ref$fillColor = _ref.fillColor,
-    fillColor = _ref$fillColor === void 0 ? Colors.White : _ref$fillColor,
-    _ref$align = _ref.align,
-    align = _ref$align === void 0 ? 'center' : _ref$align,
-    _ref$invert = _ref.invert,
-    invert = _ref$invert === void 0 ? false : _ref$invert;
-  var colour = invert ? Colors.Black : fillColor;
-  return /*#__PURE__*/React__default.createElement(BadgeWrapper, {
-    fillColor: colour,
+var Trailer = (function (_ref) {
+  var _ref$color = _ref.color,
+    color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
+    ariaLabel = _ref.ariaLabel;
+  return /*#__PURE__*/createElement("svg", {
     width: "100%",
     height: "100%",
-    viewBox: "110 450 865 200",
+    viewBox: "0 0 24 24",
+    fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    role: "img",
-    "aria-label": "Royal Ballet & Opera - Cinema"
-  }, /*#__PURE__*/React__default.createElement("g", null, /*#__PURE__*/React__default.createElement("g", null, /*#__PURE__*/React__default.createElement("g", null, /*#__PURE__*/React__default.createElement("path", {
-    d: "M416.26,485.21c0-9.38-6.6-14.94-18.59-14.94h-23.1v60.79h22.84c13.2,0,20.58-7.12,20.58-17.97\n\t\t\t\tc0-7.3-4.86-13.11-13.46-14.07C412.43,497.88,416.26,491.54,416.26,485.21z M388.73,481.3h5.47c5.47,0,7.64,2.69,7.64,6.51\n\t\t\t\tc0,3.82-2.17,6.51-7.73,6.51h-5.38V481.3z M395.24,519.59h-6.51v-14.59h6.42c4.95,0,8.43,2.69,8.43,7.29\n\t\t\t\tC403.58,516.81,400.19,519.59,395.24,519.59z"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M773.51,500.66c0-18.15-13.89-31.7-32.56-31.7c-18.58,0-32.56,13.54-32.56,31.7\n\t\t\t\tc0,18.15,13.98,31.7,32.56,31.7C759.61,532.36,773.51,518.81,773.51,500.66z M722.88,500.66c0-10.59,7.81-18.58,18.06-18.58\n\t\t\t\tc10.33,0,18.06,7.99,18.06,18.58c0,10.59-7.73,18.58-18.06,18.58C730.7,519.25,722.88,511.26,722.88,500.66z"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M435.19,518.9h19.19l3.73,12.16h14.76l-20.67-60.79h-14.85l-20.67,60.79h14.76L435.19,518.9z\n\t\t\t\t M444.74,487.55l5.82,18.85h-11.64L444.74,487.55z"
-  }), /*#__PURE__*/React__default.createElement("polygon", {
-    points: "475.31,470.27 475.31,531.06 506.57,531.06 506.57,518.38 489.46,518.38 489.46,470.27"
-  }), /*#__PURE__*/React__default.createElement("polygon", {
-    points: "609.65,531.06 609.65,482.95 623.28,482.95 623.28,470.27 581.86,470.27 581.86,482.95 \n\t\t\t\t595.49,482.95 595.49,531.06"
-  }), /*#__PURE__*/React__default.createElement("polygon", {
-    points: "578.03,482.95 578.03,470.27 545.91,470.27 545.91,531.06 578.03,531.06 578.03,518.38 \n\t\t\t\t560.06,518.38 560.06,506.74 574.47,506.74 574.47,494.06 560.06,494.06 560.06,482.95"
-  }), /*#__PURE__*/React__default.createElement("polygon", {
-    points: "324.21,470.27 324.21,531.06 355.47,531.06 355.47,518.38 338.36,518.38 338.36,470.27"
-  }), /*#__PURE__*/React__default.createElement("polygon", {
-    points: "510.82,470.27 510.82,531.06 542.09,531.06 542.09,518.38 524.98,518.38 524.98,470.27"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M284,518.9h19.19l3.74,12.16h14.76l-20.67-60.79h-14.85l-20.67,60.79h14.76L284,518.9z M293.55,487.55\n\t\t\t\tl5.82,18.85h-11.64L293.55,487.55z"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M635.7,511c0,12.24,9.38,21.36,22.49,21.36c7.21,0,13.2-2.78,18.24-7.38l4.86,6.08h17.8l-13.37-16.59\n\t\t\t\tl9.81-14.33l-10.85-7.47l-7.64,11.12l-16.85-20.84h18.93v-12.68h-36.64v12.68l6.68,8.25C640.21,495.54,635.7,502.66,635.7,511z\n\t\t\t\t M657.06,501.01l11.29,14.07c-2.26,2.34-5.21,4.17-9.03,4.17c-5.64,0-9.21-4-9.21-8.77\n\t\t\t\tC650.11,506.22,652.98,502.66,657.06,501.01z"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M176.32,529.41c-9.38-5.9-17.02-14.16-22.06-23.01c6.6-3.04,10.6-9.29,10.6-17.02\n\t\t\t\tc0-11.03-8.25-19.1-20.58-19.1h-23.19v60.79h14.15v-22.84h5.13c6.16,12.68,16.06,24.49,27.87,31.78h0L176.32,529.41z\n\t\t\t\t M141.67,496.93h-6.43v-15.02h6.43c6.25,0,8.68,3.21,8.68,7.47C150.36,493.72,147.93,496.93,141.67,496.93z"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M923.39,470.27l-19.45,57.31l-11.03-20.75c7.12-2.95,11.46-9.38,11.46-17.45\n\t\t\t\tc0-11.03-8.25-19.1-20.58-19.1h-23.19v60.79h14.15v-22.58h3.56l11.55,22.58h27.62l3.73-12.16h19.19l3.74,12.16h14.76\n\t\t\t\tl-20.67-60.79H923.39z M881.19,496.93h-6.43v-15.02h6.43c6.25,0,8.68,3.21,8.68,7.47C889.87,493.72,887.44,496.93,881.19,496.93z\n\t\t\t\t M924.95,506.39l5.82-18.85l5.82,18.85H924.95z"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M800.43,508.48c12.33,0,20.58-7.99,20.58-19.11c0-11.03-8.25-19.1-20.58-19.1h-23.19v60.79h14.16v-22.58\n\t\t\t\tH800.43z M791.4,481.91h6.42c6.25,0,8.68,3.21,8.68,7.47c0,4.34-2.43,7.56-8.68,7.56h-6.42V481.91z"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M200.55,468.97c-18.58,0-32.56,13.54-32.56,31.7c0,18.15,13.98,31.7,32.56,31.7\n\t\t\t\tc18.67,0,32.56-13.55,32.56-31.7C233.11,482.51,219.22,468.97,200.55,468.97z M200.55,519.25c-10.25,0-18.06-7.99-18.06-18.58\n\t\t\t\tc0-10.59,7.81-18.58,18.06-18.58c10.33,0,18.06,7.99,18.06,18.58C218.61,511.26,210.88,519.25,200.55,519.25z"
-  }), /*#__PURE__*/React__default.createElement("polygon", {
-    points: "253.87,490.41 241.89,470.27 225.82,470.27 246.75,504.92 246.75,531.06 260.9,531.06 \n\t\t\t\t260.9,504.74 281.74,470.27 265.76,470.27"
-  }), /*#__PURE__*/React__default.createElement("polygon", {
-    points: "856.79,482.95 856.79,470.27 824.66,470.27 824.66,531.06 856.79,531.06 856.79,518.38 \n\t\t\t\t838.81,518.38 838.81,506.74 853.23,506.74 853.23,494.06 838.81,494.06 838.81,482.95"
-  }))), align === 'left' && (/*#__PURE__*/React__default.createElement("g", null, /*#__PURE__*/React__default.createElement("path", {
-    d: "M121.69,630.37v-62.3h8.01v62.3H121.69z"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M179.27,630.37l-22.34-40.85c-1.33-2.4-2.58-4.81-3.2-6.32c0.09,1.51,0.18,4.09,0.18,6.32v40.85h-8.01v-62.3h8.01\n\t\t\tl22.34,40.85c1.33,2.4,2.58,4.81,3.2,6.32c-0.09-1.51-0.18-4.09-0.18-6.32v-40.85h8.01v62.3H179.27z"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M266.85,608.12c0,5.79-1.25,10.86-3.92,14.86c-3.83,5.88-9.97,8.72-17.18,8.72c-8.1,0-13.8-3.56-17.44-8.63\n\t\t\tc-4.81-6.59-6.41-15.75-6.41-23.85c0.09-14.86,5.79-32.49,23.94-32.49c11.48,0,19.23,8.63,19.23,19.05c0,1.07-0.09,2.49-0.36,3.65\n\t\t\tl-7.92,0.45c0.18-0.98,0.27-2.14,0.27-3.38c0-6.85-4.01-12.64-11.21-12.64c-12.37,0-15.93,14.6-15.93,25.37\n\t\t\tc0,5.16,0.8,12.28,3.47,17.36c2.49,4.72,6.68,8.01,12.37,8.01c9.43,0,12.82-7.48,13.17-16.91L266.85,608.12z"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M278.95,630.37v-62.3h8.01v62.3H278.95z"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M336.53,630.37l-22.34-40.85c-1.33-2.4-2.58-4.81-3.2-6.32c0.09,1.51,0.18,4.09,0.18,6.32v40.85h-8.01v-62.3h8.01\n\t\t\tl22.34,40.85c1.34,2.4,2.58,4.81,3.2,6.32c-0.09-1.51-0.18-4.09-0.18-6.32v-40.85h8.01v62.3H336.53z"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M360.74,630.37v-62.3h34.27v7.12h-26.26v20.03h19.14v7.12h-19.14v20.92h27.15v7.12H360.74z"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M453.75,630.37v-37.83c0-2.22,0-4.09,0.09-6.23c-0.8,2.58-1.25,3.92-2.23,6.23l-15.75,38.72h-1.78l-15.75-38.72\n\t\t\tc-0.98-2.31-1.42-3.65-2.23-6.23c0.09,2.14,0.09,4.01,0.09,6.23v37.83h-7.92v-62.3h8.01l16.11,39.07\n\t\t\tc1.25,3.03,1.69,4.18,2.67,6.76c0.98-2.58,1.42-3.74,2.67-6.76l15.93-39.07h8.01v62.3H453.75z"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M511.42,630.37l-4.54-14.24h-22.7l-4.54,14.24h-8.1l20.03-62.3h8.01l20.03,62.3H511.42z M496.91,584.53\n\t\t\tc-0.89-2.76-1.16-3.92-1.42-5.16c-0.27,1.25-0.53,2.4-1.42,5.16l-7.57,24.48h18.07L496.91,584.53z"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M555.38,588.98c0.36-1.96,0.53-3.12,0.53-5.25c0-6.14-4.54-9.88-10.68-9.88s-10.68,3.74-10.68,9.88\n\t\t\tc0,7.83,8.19,9.17,15.22,11.84c7.21,2.76,16.02,6.41,16.02,17.98c0,11.3-9.08,18.16-20.47,18.16s-20.47-6.85-20.47-18.16\n\t\t\tc0-2.58,0.53-4.54,1.07-5.87l7.92-0.45c-0.62,2.05-0.98,4.01-0.98,6.32c0,7.03,5.43,11.04,12.46,11.04s12.46-4,12.46-11.04\n\t\t\tc0-8.19-8.99-10.24-14.95-12.37c-8.37-3.03-16.29-6.59-16.29-17.62c0-10.5,8.63-16.82,18.69-16.82s18.69,6.32,18.69,16.82\n\t\t\tc0,1.69-0.27,3.74-0.62,4.9L555.38,588.98z"
-  }))), align === 'center' && (/*#__PURE__*/React__default.createElement("g", null, /*#__PURE__*/React__default.createElement("path", {
-    d: "M319.77,626.67v-62.3h8.01v62.3H319.77z"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M377.35,626.67l-22.34-40.85c-1.33-2.4-2.58-4.81-3.2-6.32c0.09,1.51,0.18,4.09,0.18,6.32v40.85h-8.01v-62.3h8.01\n\t\t\tl22.34,40.85c1.33,2.4,2.58,4.81,3.2,6.32c-0.09-1.51-0.18-4.09-0.18-6.32v-40.85h8.01v62.3H377.35z"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M464.92,604.42c0,5.79-1.25,10.86-3.92,14.86c-3.83,5.88-9.97,8.72-17.18,8.72c-8.1,0-13.8-3.56-17.45-8.63\n\t\t\tc-4.81-6.59-6.41-15.75-6.41-23.85c0.09-14.86,5.79-32.49,23.94-32.49c11.48,0,19.22,8.63,19.22,19.05c0,1.07-0.09,2.49-0.36,3.65\n\t\t\tl-7.92,0.45c0.18-0.98,0.27-2.14,0.27-3.38c0-6.85-4-12.64-11.21-12.64c-12.37,0-15.93,14.6-15.93,25.37\n\t\t\tc0,5.16,0.8,12.28,3.47,17.36c2.49,4.72,6.68,8.01,12.37,8.01c9.43,0,12.82-7.48,13.17-16.91L464.92,604.42z"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M477.03,626.67v-62.3h8.01v62.3H477.03z"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M534.61,626.67l-22.34-40.85c-1.33-2.4-2.58-4.81-3.2-6.32c0.09,1.51,0.18,4.09,0.18,6.32v40.85h-8.01v-62.3h8.01\n\t\t\tl22.34,40.85c1.33,2.4,2.58,4.81,3.2,6.32c-0.09-1.51-0.18-4.09-0.18-6.32v-40.85h8.01v62.3H534.61z"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M558.81,626.67v-62.3h34.27v7.12h-26.26v20.03h19.14v7.12h-19.14v20.92h27.15v7.12H558.81z"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M651.82,626.67v-37.83c0-2.22,0-4.09,0.09-6.23c-0.8,2.58-1.25,3.92-2.23,6.23l-15.75,38.72h-1.78l-15.75-38.72\n\t\t\tc-0.98-2.31-1.42-3.65-2.23-6.23c0.09,2.14,0.09,4.01,0.09,6.23v37.83h-7.92v-62.3h8.01l16.11,39.07\n\t\t\tc1.25,3.03,1.69,4.18,2.67,6.76c0.98-2.58,1.42-3.74,2.67-6.76l15.93-39.07h8.01v62.3H651.82z"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M709.49,626.67l-4.54-14.24h-22.7l-4.54,14.24h-8.1l20.03-62.3h8.01l20.03,62.3H709.49z M694.98,580.84\n\t\t\tc-0.89-2.76-1.16-3.92-1.42-5.16c-0.27,1.25-0.53,2.4-1.42,5.16l-7.57,24.48h18.07L694.98,580.84z"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M753.46,585.29c0.36-1.96,0.53-3.12,0.53-5.25c0-6.14-4.54-9.88-10.68-9.88c-6.14,0-10.68,3.74-10.68,9.88\n\t\t\tc0,7.83,8.19,9.17,15.22,11.84c7.21,2.76,16.02,6.41,16.02,17.98c0,11.3-9.08,18.16-20.47,18.16s-20.47-6.85-20.47-18.16\n\t\t\tc0-2.58,0.53-4.54,1.07-5.87l7.92-0.45c-0.62,2.05-0.98,4.01-0.98,6.32c0,7.03,5.43,11.04,12.46,11.04c7.03,0,12.46-4,12.46-11.04\n\t\t\tc0-8.19-8.99-10.24-14.95-12.37c-8.37-3.03-16.29-6.59-16.29-17.62c0-10.5,8.63-16.82,18.69-16.82S762,569.36,762,579.86\n\t\t\tc0,1.69-0.27,3.74-0.62,4.9L753.46,585.29z"
-  })))));
-};
+    "aria-label": ariaLabel
+  }, /*#__PURE__*/createElement("path", {
+    d: "M16.8 3H15.8H12.5H11.5H8.2H7.2H3V7.5V8.3V15.7V16.5V21H7.2H8.2H11.4H12.4H15.6H16.6H21V17V15.7V8.3V8V3H16.8ZM16.8 4H20V7.3H16.8V4ZM12.5 4H15.7V7.3H12.5V4ZM8.2 4H11.4V7.3H8.2V4ZM4 4H7.2V7.3H4V4ZM7.2 20H4V16.7H7.2V20ZM11.5 20H8.2V16.7H11.4V20H11.5ZM15.8 20H12.5V16.7H15.7V20H15.8ZM20 20H16.8V16.7H20V17V20ZM20 15.7H16.8H15.8H12.5H11.5H8.2H7.2H4V8.3H7.2H8.2H11.4H12.4H15.6H16.6H20V15.7Z",
+    fill: color
+  }), /*#__PURE__*/createElement("path", {
+    d: "M10 14.5999L15 11.9999L10 9.3999V14.5999Z",
+    fill: color
+  }));
+});
 
-var breakpoints = {
-  xs: 320,
-  sm: 700,
-  md: 1140,
-  ml: 1280,
-  lg: 1400
-};
-var devices = {
-  smallMobile: "only screen and (max-width: " + (breakpoints.xs - 1) + "px)",
-  mobile: "only screen and (max-width: " + (breakpoints.sm - 1) + "px)",
-  tablet: "only screen and (max-width: " + (breakpoints.md - 1) + "px) and (min-width: " + breakpoints.sm + "px)",
-  mobileAndTablet: "only screen and (max-width: " + (breakpoints.md - 1) + "px)",
-  desktop: "only screen and (max-width: " + (breakpoints.lg - 1) + "px) and (min-width: " + breakpoints.md + "px)",
-  smallDesktop: "only screen and (max-width: " + (breakpoints.ml - 1) + "px) and (min-width: " + breakpoints.md + "px)",
-  largeDesktop: "only screen and (min-width: " + breakpoints.lg + "px)"
-};
+var Volume = (function (_ref) {
+  var _ref$color = _ref.color,
+    color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
+    ariaLabel = _ref.ariaLabel;
+  return /*#__PURE__*/createElement("svg", {
+    width: "100%",
+    height: "100%",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-label": ariaLabel
+  }, /*#__PURE__*/createElement("path", {
+    d: "M19 12C19 10.3 17.7 9 16 9V10C17.1 10 18 10.9 18 12C18 13.1 17.1 14 16 14V15C17.7 15 19 13.7 19 12Z",
+    fill: color
+  }), /*#__PURE__*/createElement("path", {
+    d: "M16 6V7C18.8 7 21 9.2 21 12C21 14.8 18.8 17 16 17V18C19.3 18 22 15.3 22 12C22 8.7 19.3 6 16 6Z",
+    fill: color
+  }), /*#__PURE__*/createElement("path", {
+    d: "M4.5 9.5C3.7 9.5 3 10.2 3 11V14C3 14.8 3.7 15.5 4.5 15.5H6.8L14 21V4L6.8 9.5H4.5ZM13 6V19L7.2 14.5H4.5C4.2 14.5 4 14.3 4 14V11C4 10.7 4.2 10.5 4.5 10.5H7.2L13 6Z",
+    fill: color
+  }));
+});
 
-var _templateObject$2;
-var ButtonWrapper = /*#__PURE__*/styled.a(_templateObject$2 || (_templateObject$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  padding: ", "\n    var(--button-padding-x);\n  height: var(--button-height);\n  font-family: var(--font-family-buttons);\n  font-size: var(--button-font-size);\n  font-weight: var(--button-font-weight);\n  color: var(--base-color-", ");\n  line-height: var(--button-line-height);\n  width: fit-content;\n  border-style: solid;\n  border-width: 1px;\n  cursor: pointer;\n  text-decoration: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n\n  @media ", " {\n    & {\n      width: 100%;\n    }\n  }\n"])), function (_ref) {
-  var iconName = _ref.iconName;
-  return iconName ? 'var(--button-padding-y-icon)' : 'var(--button-padding-y)';
-}, function (_ref2) {
-  var color = _ref2.color;
-  return color;
-}, devices.mobile);
+/* 12px */
+var IconLibrary = {
+  AddToMyList: AddToMyList,
+  Arrow: Arrow,
+  AudioDescription: AudioDescription,
+  Back10: Back10,
+  BalletAndDance: BalletAndDance,
+  Basket: Basket,
+  BasketFull: BasketFull,
+  BookTickets: BookTickets,
+  CarouselArrow: CarouselArrow,
+  ChooseDates: ChooseDates,
+  Cinema: Cinema,
+  Clips: Clips,
+  Clock: Clock,
+  Close: Close,
+  Confirm: Confirm,
+  CreditCard: CreditCard,
+  Delete: Delete,
+  Detract: Detract,
+  DropdownArrow: DropdownArrow,
+  EditMyList: EditMyList,
+  Email: Email,
+  Expand: Expand,
+  Expand12px: Expand12px,
+  ExternalLink: ExternalLink,
+  Facebook: Facebook,
+  Favourite: Favourite,
+  FavouriteFull: FavouriteFull,
+  Filter: Filter,
+  FindAScreening: FindAScreening,
+  Forward10: Forward10,
+  FullScreen: FullScreen,
+  GridView: GridView,
+  Home: Home,
+  Info: Info,
+  Instagram: Instagram,
+  List: List,
+  ListView: ListView,
+  LiveStream: LiveStream,
+  Location: Location,
+  Menu: Menu,
+  Minimise: Minimise,
+  Muted: Muted,
+  OnMyList: OnMyList,
+  OperaAndMusic: OperaAndMusic,
+  Pause: Pause,
+  PDF: PDF,
+  Phone: Phone,
+  Play: Play,
+  Print: Print,
+  Refresh: Refresh,
+  Reminder: Reminder,
+  Remove: Remove,
+  Remove12px: Remove12px,
+  Restart: Restart,
+  Search: Search,
+  Seat: Seat,
+  Secure: Secure,
+  Settings: Settings,
+  Shift: Shift,
+  Space: Space,
+  Standing: Standing,
+  Star: Star,
+  Subscribe: Subscribe,
+  Subtitles: Subtitles,
+  Tick: Tick,
+  Tickets: Tickets,
+  Tiktok: Tiktok,
+  Trailer: Trailer,
+  Twitter: Twitter,
+  User: User,
+  UserSignedIn: UserSignedIn,
+  Volume: Volume,
+  Watch: Watch,
+  Wheelchair: Wheelchair,
+  X: X,
+  Youtube: Youtube
+};
 
-var _templateObject$3;
-var ButtonIconWrapper = /*#__PURE__*/styled.span(_templateObject$3 || (_templateObject$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: var(--button-icon-width);\n  height: var(--button-icon-height);\n  margin-right: var(--button-icon-margin);\n  display: inline-block;\n"])));
+var Icon = /*#__PURE__*/memo(function (_ref) {
+  var className = _ref.className,
+    color = _ref.color,
+    iconName = _ref.iconName,
+    title = _ref.title,
+    direction = _ref.direction,
+    ariaLabel = _ref.ariaLabel;
+  var IconComponent = IconLibrary[iconName];
+  return /*#__PURE__*/createElement(Wrapper, {
+    className: className,
+    color: color,
+    title: title,
+    direction: direction
+  }, /*#__PURE__*/createElement(IconComponent, {
+    color: color,
+    ariaLabel: ariaLabel
+  }));
+});
+Icon.displayName = 'Icon';
 
 var _excluded = ["children", "iconName", "iconDirection", "iconClassName", "color"];
 var Button = function Button(_ref) {
@@ -3427,16 +3430,12 @@ var Wrapper$1 = /*#__PURE__*/styled.div(_templateObject$e || (_templateObject$e
   return level;
 });
 
-var css_248z$1 = "/* Typography.css */\n.Typography_test__1llmb {\n  /* Add your styles here */\n  color: red!important;\n}";
-styleInject(css_248z$1);
-
 var StyledTag = function StyledTag(_ref) {
   var tag = _ref.tag,
     typography = _ref.typography,
     children = _ref.children,
     level = _ref.level;
   return /*#__PURE__*/React__default.createElement(Wrapper$1, {
-    className: "test",
     typography: typography,
     as: tag,
     level: level
@@ -4473,7 +4472,7 @@ var TextFieldLegacy = function TextFieldLegacy(_ref) {
 };
 
 var _templateObject$q, _templateObject2$f;
-var TextLinkWrapper = /*#__PURE__*/styled.a(_templateObject$q || (_templateObject$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  border-bottom: 1px solid;\n  padding-bottom: ", ";\n  font-family: var(--font-family-overline);\n  font-size: var(--font-size-overline-1);\n  font-weight: var(--font-weight-overline-1);\n  line-height: var(--line-height-overline-1);\n  letter-spacing: var(--letter-spacing-overline-1);\n  text-transform: var(--text-transform-overline);\n  color: var(--base-color-", ");\n  width: fit-content;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  text-decoration: none;\n"])), function (_ref) {
+var TextLinkWrapper = /*#__PURE__*/styled.a(_templateObject$q || (_templateObject$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  border-bottom: 1px solid;\n  padding-bottom: ", ";\n  font-family: var(--harmonic-font-family-sans);\n  font-size: 17px;\n  font-weight: 500;\n  line-height: 14px;\n  letter-spacing: var(--letter-spacing-overline-1);\n  color: var(--base-color-", ");\n  width: fit-content;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  text-decoration: none;\n\n  @media (max-width: 600px) {\n  font-size: 14px;\n}\n"])), function (_ref) {
   var iconName = _ref.iconName;
   return iconName ? 'calc(var(--text-link-underline-offset) - 4px)' : 'var(--text-link-underline-offset)';
 }, function (_ref2) {
@@ -10440,7 +10439,7 @@ var ModalWindow = function ModalWindow(_ref) {
 };
 
 var _templateObject$1l;
-var GlobalStyles = /*#__PURE__*/createGlobalStyle(_templateObject$1l || (_templateObject$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  html {\n    --base-color-primary: ", ";\n    --base-color-core: ", ";\n    --base-color-stream: ", ";\n    --base-color-cinema: ", ";\n    --base-color-white: ", ";\n    --base-color-black: ", ";\n    --base-color-dark-grey: ", ";\n    --base-color-mid-grey: ", ";\n    --base-color-light-grey: ", ";\n    --error-color-state: ", ";\n    --medium-color-state: ", ";\n    --good-color-state: ", ";\n    --base-color-darkgrey: ", ";\n    --base-color-midgrey: ", ";\n    --base-color-lightgrey: ", ";\n    --base-color-transparent: transparent;\n    --base-color-errorstate: ", ";\n    --base-color-mediumstate: ", ";\n    --base-color-goodstate: ", ";\n    --base-color-progress: ", ";\n    --base-color-navigation: ", ";\n    --base-color-lapislazuli: ", ";\n    --base-color-lemonchiffon: ", ";\n\n    --button-height: ", ";\n    --button-line-height: ", ";\n    --button-padding-x: ", ";\n    --button-padding-y: ", ";\n    --button-padding-y-icon: ", ";\n    --button-icon-margin: ", ";\n    --button-icon-width: ", ";\n    --button-icon-height: ", ";\n    --button-font-size: ", ";\n    --button-font-weight: ", ";\n\n    --font-size-header-1: ", ";\n    --font-weight-header-1: ", ";\n    --letter-spacing-header-1: ", ";\n    --line-height-header-1: ", ";\n    --margin-header-1: ", ";\n\n    --font-size-header-2: ", ";\n    --font-weight-header-2: ", ";\n    --letter-spacing-header-2: ", ";\n    --line-height-header-2: ", ";\n    --margin-header-2: ", ";\n\n    --font-size-header-3: ", ";\n    --font-weight-header-3: ", ";\n    --letter-spacing-header-3: ", ";\n    --line-height-header-3: ", ";\n    --margin-header-3: ", ";\n\n    --font-size-header-4: ", ";\n    --font-weight-header-4: ", ";\n    --letter-spacing-header-4: ", ";\n    --line-height-header-4: ", ";\n    --margin-header-4: ", ";\n\n    --font-size-header-5: ", ";\n    --font-weight-header-5: ", ";\n    --letter-spacing-header-5: ", ";\n    --line-height-header-5: ", ";\n    --margin-header-5: ", ";\n\n    --font-size-header-6: ", ";\n    --font-weight-header-6: ", ";\n    --letter-spacing-header-6: ", ";\n    --line-height-header-6: ", ";\n    --margin-header-6: ", ";\n\n    --font-size-altHeader-3: ", ";\n    --font-weight-altHeader-3: ", ";\n    --letter-spacing-altHeader-3: ", ";\n    --line-height-altHeader-3: ", ";\n\n    --font-size-altHeader-4: ", ";\n    --font-weight-altHeader-4: ", ";\n    --letter-spacing-altHeader-4: ", ";\n    --line-height-altHeader-4: ", ";\n\n    --font-size-altHeader-5: ", ";\n    --font-weight-altHeader-5: ", ";\n    --letter-spacing-altHeader-5: ", ";\n    --line-height-altHeader-5: ", ";\n\n    --font-size-altHeader-6: ", ";\n    --font-weight-altHeader-6: ", ";\n    --letter-spacing-altHeader-6: ", ";\n    --line-height-altHeader-6: ", ";\n\n    --font-size-overline-1: ", ";\n    --font-weight-overline-1: ", ";\n    --letter-spacing-overline-1: ", ";\n    --line-height-overline-1: ", ";\n\n    --font-size-overline-2: ", ";\n    --font-weight-overline-2: ", ";\n    --letter-spacing-overline-2: ", ";\n    --line-height-overline-2: ", ";\n\n    --font-size-overline-3: ", ";\n    --font-weight-overline-3: ", ";\n    --letter-spacing-overline-3: ", ";\n    --line-height-overline-3: ", "; \n\n    --font-size-overline-4: ", ";\n    --font-weight-overline-4: ", ";\n    --letter-spacing-overline-4: ", ";\n    --line-height-overline-4: ", ";\n\n    --font-size-body-1: ", ";\n    --font-weight-body-1: ", ";\n    --letter-spacing-body-1: ", ";\n    --line-height-body-1: ", ";\n\n    --font-size-body-2: ", ";\n    --font-weight-body-2: ", ";\n    --letter-spacing-body-2: ", ";\n    --line-height-body-2: ", ";\n\n    --font-size-body-3: ", ";\n    --font-weight-body-3: ", ";\n    --letter-spacing-body-3: ", ";\n    --line-height-body-3: ", ";\n\n    --font-size-subtitle-1: ", ";\n    --font-weight-subtitle-1: ", ";\n    --letter-spacing-subtitle-1: ", ";\n    --line-height-subtitle-1: ", ";\n    \n    --font-size-subtitle-2: ", ";\n    --font-weight-subtitle-2: ", ";\n    --letter-spacing-subtitle-2: ", ";\n    --line-height-subtitle-2: ", ";\n\n    --font-size-title-description: ", ";\n    --line-height-title-description: ", ";\n    --line-height-listing: ", ";\n    --font-size-individual-listing-name: ", ";\n    --line-height-individual-listing-name: ", ";\n    --line-height-people-listing-gap: ", ";\n\n    --font-family-header: ", ";\n    --font-family-altHeader: ", ";\n    --font-family-body: ", ";\n    --font-family-body-italics: ", ";\n    --font-family-buttons: ", ";\n    --font-family-overline: ", ";\n    --font-family-subtitle: ", ";\n    --font-family-people-listing-role: ", ";\n    --font-family-people-listing-name: ", ";\n\n    --font-feature-settings-header: ", ";\n    --font-feature-settings-altHeader: ", ";\n    --font-feature-settings-overline: ", ";\n    --font-feature-settings-subtitle: ", ";\n    --font-feature-settings-body: ", ";\n    --font-feature-settings-navigation: ", ";\n\n    --text-transform-header: ", ";\n    --text-transform-altHeader: ", ";\n    --text-transform-body: ", ";\n    --text-transform-overline: ", ";\n    --text-transform-subtitle: ", ";\n\n    --word-break-header: ", ";\n    --word-break-altHeader: ", ";\n    --word-break-body: ", ";\n    --word-break-overline: ", ";\n    --word-break-subtitle: ", ";\n\n    --font-family-navigation: ", ";\n    --font-size-navigation: ", ";\n    --font-weight-navigation: ", ";\n    --line-height-navigation: ", ";\n    --text-transform-navigation: ", ";\n    --letter-spacing-navigation: ", ";\n\n    --navigation-small-gap: ", ";\n    --navigation-middle-gap: ", ";\n    --navigation-large-gap: ", ";\n    --navigation-xlarge-gap: ", ";\n    --navigation-large-margin: ", ";\n\n    --rotator-button-width: ", ";\n    --rotator-button-icon-width: ", ";\n\n    --font-size-search: ", ";\n    --font-family-search: ", ";\n\n    --grid-margin: ", ";\n    --grid-outer-margin: ", ";\n    --grid-template-columns: calc(", " - ", ") calc(", " - ", " - ", ") repeat(12, minmax(0,1fr)) calc(", " - ", " - ", ") calc(", " - ", ");\n    --grid-column-gap: ", ";\n    --grid-margin: 0;\n\n    --footer-height: ", ";\n    --footer-padding-top: ", ";\n    --footer-padding-bottom: ", ";\n    --footer-items-gap: ", ";\n    --footer-media-gap: ", ";\n    --footer-media-icon-width: ", ";\n    --footer-media-icon-height: ", ";\n    --footer-vertical-spacing-lg: ", ";\n    --footer-vertical-spacing-sm: ", ";\n\n    --text-link-underline-offset: ", ";\n\n    --cards-spacing-stack: ", ";\n\n    --editorial-subtitle-margin-bottom: ", ";\n    --editorial-margin-between: ", ";\n    --editorial-spacing-hover: ", ";\n    --anchor-tabs-height: 70px;\n    \n\n    @media ", " {\n\n      --font-size-header-1: ", ";\n      --font-weight-header-1: ", ";\n      --letter-spacing-header-1: ", ";\n      --line-height-header-1: ", ";\n  \n      --font-size-header-2: ", ";\n      --font-weight-header-2: ", ";\n      --letter-spacing-header-2: ", ";\n      --line-height-header-2: ", ";\n  \n      --font-size-header-3: ", ";\n      --font-weight-header-3: ", ";\n      --letter-spacing-header-3: ", ";\n      --line-height-header-3: ", ";\n  \n      --font-size-header-4: ", ";\n      --font-weight-header-4: ", ";\n      --letter-spacing-header-4: ", ";\n      --line-height-header-4: ", ";\n  \n      --font-size-header-5: ", ";\n      --font-weight-header-5: ", ";\n      --letter-spacing-header-5: ", ";\n      --line-height-header-5: ", ";\n  \n      --font-size-header-6: ", ";\n      --font-weight-header-6: ", ";\n      --letter-spacing-header-6: ", ";\n      --line-height-header-6: ", ";\n  \n      --font-size-altHeader-3: ", ";\n      --font-weight-altHeader-3: ", ";\n      --letter-spacing-altHeader-3: ", ";\n      --line-height-altHeader-3: ", ";\n  \n      --font-size-altHeader-4: ", ";\n      --font-weight-altHeader-4: ", ";\n      --letter-spacing-altHeader-4: ", ";\n      --line-height-altHeader-4: ", ";\n  \n      --font-size-altHeader-5: ", ";\n      --font-weight-altHeader-5: ", ";\n      --letter-spacing-altHeader-5: ", ";\n      --line-height-altHeader-5: ", ";\n  \n      --font-size-altHeader-6: ", ";\n      --font-weight-altHeader-6: ", ";\n      --letter-spacing-altHeader-6: ", ";\n      --line-height-altHeader-6: ", ";\n  \n      --font-size-overline-1: ", ";\n      --font-weight-overline-1: ", ";\n      --letter-spacing-overline-1: ", ";\n      --line-height-overline-1: ", ";\n  \n      --font-size-overline-2: ", ";\n      --font-weight-overline-2: ", ";\n      --letter-spacing-overline-2: ", ";\n      --line-height-overline-2: ", ";\n  \n      --font-size-body-1: ", ";\n      --font-weight-body-1: ", ";\n      --letter-spacing-body-1: ", ";\n      --line-height-body-1: ", ";\n  \n      --font-size-body-2: ", ";\n      --font-weight-body-2: ", ";\n      --letter-spacing-body-2: ", ";\n      --line-height-body-2: ", ";\n  \n      --font-size-body-3: ", ";\n      --font-weight-body-3: ", ";\n      --letter-spacing-body-3: ", ";\n      --line-height-body-3: ", ";\n  \n      --font-size-subtitle-1: ", ";\n      --font-weight-subtitle-1: ", ";\n      --letter-spacing-subtitle-1: ", ";\n      --line-height-subtitle-1: ", ";\n      \n      --font-size-subtitle-2: ", ";\n      --font-weight-subtitle-2: ", ";\n      --letter-spacing-subtitle-2: ", ";\n      --line-height-subtitle-2: ", ";\n\n      --font-size-title-description: ", ";\n      --line-height-title-description: ", ";\n      --line-height-people-listing-gap: ", ";\n\n      --font-size-search: ", ";\n      --font-family-search: ", ";\n\n      --font-family-header: ", ";\n      --font-family-altHeader: ", ";\n      --font-family-body: ", ";\n      --font-family-body-italics: ", ";\n      --font-family-buttons: ", ";\n      --font-family-overline: ", ";\n      --font-family-subtitle: ", ";\n      --font-family-people-listing-role: ", ";\n      --font-family-people-listing-name: ", ";\n  \n      --font-feature-settings-header: ", ";\n      --font-feature-settings-altHeader: ", ";\n      --font-feature-settings-overline: ", ";\n      --font-feature-settings-subtitle: ", ";\n      --font-feature-settings-body: ", ";\n      --font-feature-settings-navigation: ", ";\n  \n      --text-transform-header: ", ";\n      --text-transform-altHeader: ", ";\n      --text-transform-body: ", ";\n      --text-transform-overline: ", ";\n      --text-transform-subtitle: ", ";\n  \n      --word-break-header: ", ";\n      --word-break-altHeader: ", ";\n      --word-break-body: ", ";\n      --word-break-overline: ", ";\n      --word-break-subtitle: ", ";\n  \n      --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n      --grid-column-gap: ", ";\n      --grid-margin: ", ";\n\n      --footer-height: ", ";\n      --footer-padding-top: ", ";\n      --footer-padding-bottom: ", ";\n      --footer-items-gap: ", ";\n      --footer-media-gap: ", ";\n      --footer-media-icon-width: ", ";\n      --footer-media-icon-height: ", ";\n      --footer-vertical-spacing-lg: ", ";\n      --footer-vertical-spacing-sm: ", ";\n\n      --anchor-tabs-height: 60px;\n      --rotator-button-width: ", ";\n      --rotator-button-icon-width: ", ";\n    }\n\n    @media ", " {\n      --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n      --grid-column-gap: ", ";\n      --grid-margin: ", ";\n      --rotator-button-width: ", ";\n      --rotator-button-icon-width: ", ";\n\n      --font-size-header-6: ", ";\n\n      --font-size-altHeader-4: ", ";\n\n      --font-size-body-1: ", ";\n    }\n\n    @media ", " {\n      \n    }\n\n    @media ", " {\n      \n    }\n  }\n"])), function (_ref) {
+var GlobalStyles = /*#__PURE__*/createGlobalStyle(_templateObject$1l || (_templateObject$1l = /*#__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\n    @media ", " {\n\n      --font-size-header-1: ", ";\n      --font-weight-header-1: ", ";\n      --letter-spacing-header-1: ", ";\n      --line-height-header-1: ", ";\n  \n      --font-size-header-2: ", ";\n      --font-weight-header-2: ", ";\n      --letter-spacing-header-2: ", ";\n      --line-height-header-2: ", ";\n  \n      --font-size-header-3: ", ";\n      --font-weight-header-3: ", ";\n      --letter-spacing-header-3: ", ";\n      --line-height-header-3: ", ";\n  \n      --font-size-header-4: ", ";\n      --font-weight-header-4: ", ";\n      --letter-spacing-header-4: ", ";\n      --line-height-header-4: ", ";\n  \n      --font-size-header-5: ", ";\n      --font-weight-header-5: ", ";\n      --letter-spacing-header-5: ", ";\n      --line-height-header-5: ", ";\n  \n      --font-size-header-6: ", ";\n      --font-weight-header-6: ", ";\n      --letter-spacing-header-6: ", ";\n      --line-height-header-6: ", ";\n  \n      --font-size-altHeader-3: ", ";\n      --font-weight-altHeader-3: ", ";\n      --letter-spacing-altHeader-3: ", ";\n      --line-height-altHeader-3: ", ";\n  \n      --font-size-altHeader-4: ", ";\n      --font-weight-altHeader-4: ", ";\n      --letter-spacing-altHeader-4: ", ";\n      --line-height-altHeader-4: ", ";\n  \n      --font-size-altHeader-5: ", ";\n      --font-weight-altHeader-5: ", ";\n      --letter-spacing-altHeader-5: ", ";\n      --line-height-altHeader-5: ", ";\n  \n      --font-size-altHeader-6: ", ";\n      --font-weight-altHeader-6: ", ";\n      --letter-spacing-altHeader-6: ", ";\n      --line-height-altHeader-6: ", ";\n  \n      --font-size-overline-1: ", ";\n      --font-weight-overline-1: ", ";\n      --letter-spacing-overline-1: ", ";\n      --line-height-overline-1: ", ";\n  \n      --font-size-overline-2: ", ";\n      --font-weight-overline-2: ", ";\n      --letter-spacing-overline-2: ", ";\n      --line-height-overline-2: ", ";\n  \n      --font-size-body-1: ", ";\n      --font-weight-body-1: ", ";\n      --letter-spacing-body-1: ", ";\n      --line-height-body-1: ", ";\n  \n      --font-size-body-2: ", ";\n      --font-weight-body-2: ", ";\n      --letter-spacing-body-2: ", ";\n      --line-height-body-2: ", ";\n  \n      --font-size-body-3: ", ";\n      --font-weight-body-3: ", ";\n      --letter-spacing-body-3: ", ";\n      --line-height-body-3: ", ";\n  \n      --font-size-subtitle-1: ", ";\n      --font-weight-subtitle-1: ", ";\n      --letter-spacing-subtitle-1: ", ";\n      --line-height-subtitle-1: ", ";\n      \n      --font-size-subtitle-2: ", ";\n      --font-weight-subtitle-2: ", ";\n      --letter-spacing-subtitle-2: ", ";\n      --line-height-subtitle-2: ", ";\n\n      --font-size-title-description: ", ";\n      --line-height-title-description: ", ";\n      --line-height-people-listing-gap: ", ";\n\n      --font-size-search: ", ";\n      --font-family-search: ", ";\n\n      --font-family-header: ", ";\n      --font-family-altHeader: ", ";\n      --font-family-body: ", ";\n      --font-family-body-italics: ", ";\n      --font-family-buttons: ", ";\n      --font-family-overline: ", ";\n      --font-family-subtitle: ", ";\n      --font-family-people-listing-role: ", ";\n      --font-family-people-listing-name: ", ";\n  \n      --font-feature-settings-header: ", ";\n      --font-feature-settings-altHeader: ", ";\n      --font-feature-settings-overline: ", ";\n      --font-feature-settings-subtitle: ", ";\n      --font-feature-settings-body: ", ";\n      --font-feature-settings-navigation: ", ";\n  \n      --text-transform-header: ", ";\n      --text-transform-altHeader: ", ";\n      --text-transform-body: ", ";\n      --text-transform-overline: ", ";\n      --text-transform-subtitle: ", ";\n  \n      --word-break-header: ", ";\n      --word-break-altHeader: ", ";\n      --word-break-body: ", ";\n      --word-break-overline: ", ";\n      --word-break-subtitle: ", ";\n  \n      --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n      --grid-column-gap: ", ";\n      --grid-margin: ", ";\n\n      --footer-height: ", ";\n      --footer-padding-top: ", ";\n      --footer-padding-bottom: ", ";\n      --footer-items-gap: ", ";\n      --footer-media-gap: ", ";\n      --footer-media-icon-width: ", ";\n      --footer-media-icon-height: ", ";\n      --footer-vertical-spacing-lg: ", ";\n      --footer-vertical-spacing-sm: ", ";\n\n      --anchor-tabs-height: 60px;\n      --rotator-button-width: ", ";\n      --rotator-button-icon-width: ", ";\n    }\n\n    @media ", " {\n      --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n      --grid-column-gap: ", ";\n      --grid-margin: ", ";\n      --rotator-button-width: ", ";\n      --rotator-button-icon-width: ", ";\n\n      --font-size-header-6: ", ";\n\n      --font-size-altHeader-4: ", ";\n\n      --font-size-body-1: ", ";\n    }\n\n    @media ", " {\n      \n    }\n\n    @media ", " {\n      \n    }\n  }\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.colors.primary;
 }, function (_ref2) {