@royaloperahouse/harmonic 0.13.1-g → 0.13.2-a

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/dist/components/molecules/PromoWithTags/PromoWithTags.style.d.ts +271 -1
  2. package/dist/components/molecules/PromoWithTitle/PromoWithTitle.style.d.ts +271 -1
  3. package/dist/components/molecules/UpsellCard/UpsellCard.style.d.ts +272 -10
  4. package/dist/components/organisms/Carousels/Carousel/Carousel.style.d.ts +271 -1
  5. package/dist/components/organisms/UpsellSection/UpsellSection.style.d.ts +271 -1
  6. package/dist/harmonic.cjs.development.css +17 -3
  7. package/dist/harmonic.cjs.development.js +870 -868
  8. package/dist/harmonic.cjs.development.js.map +1 -1
  9. package/dist/harmonic.cjs.production.min.js +1 -1
  10. package/dist/harmonic.cjs.production.min.js.map +1 -1
  11. package/dist/harmonic.esm.js +874 -872
  12. package/dist/harmonic.esm.js.map +1 -1
  13. package/dist/types/upsell.d.ts +7 -15
  14. package/package.json +1 -1
package/dist/harmonic.esm.js CHANGED
@@ -221,7 +221,7 @@ function styleInject(css, ref) {
221
221
  }
222
222
  }
223
223
 
224
- var css_248z = "/* Base classes */\n.typography-module_display__ZHsz9 {\n margin: 0;\n font-family: var(--font-family-sans);\n line-height: 100%;\n}\n\n.typography-module_header__FVsLI {\n margin: 0;\n font-family: var(--font-family-sans);\n font-weight: 500;\n}\n\n.typography-module_subtitle__x3sSn {\n margin: 0;\n font-family: var(--font-family-sans);\n font-weight: 500;\n}\n\n.typography-module_bodycopy__-BY2U {\n margin: 0;\n font-family: var(--font-family-sans);\n font-weight: 400;\n}\n\n.typography-module_overline__y1yCC {\n margin: 0;\n font-family: var(--font-family-sans);\n font-weight: 500;\n text-transform: uppercase;\n}\n\n.typography-module_buttontext__Gp0W- {\n margin: 0;\n font-family: var(--font-family-sans);\n font-weight: 400;\n}\n\n.typography-module_captiontext__zyA-- {\n margin: 0;\n font-family: var(--font-family-sans);\n font-weight: 400;\n}\n\n.typography-module_navigationtext__Qj6Zw {\n margin: 0;\n font-family: var(--font-family-sans);\n font-weight: 500;\n}\n\n/* Size modifiers */\n.typography-module_display--large__RwPQD {\n font-size: 96px;\n font-weight: 700;\n letter-spacing: -5px;\n}\n\n.typography-module_display--small__XWUSJ {\n font-size: 68px;\n font-weight: 500;\n letter-spacing: -3px;\n}\n\n.typography-module_header--large__2vP3p {\n font-size: 44px;\n line-height: 48px;\n letter-spacing: -1.5px;\n}\n\n.typography-module_header--medium__OgzlB {\n font-size: 34px;\n line-height: 40px;\n letter-spacing: -1px;\n}\n\n.typography-module_header--small__zLuFf {\n font-size: 26px;\n line-height: 32px;\n letter-spacing: -0.5px;\n}\n\n.typography-module_subtitle--large__1Ep9J {\n font-size: 19px;\n line-height: 26px;\n letter-spacing: -0.5px;\n}\n\n.typography-module_subtitle--small__Vt9bZ {\n font-size: 17px;\n line-height: 24px;\n letter-spacing: -0.5px;\n}\n\n.typography-module_bodycopy--large__BNzf2 {\n font-size: 19px;\n line-height: 26px;\n letter-spacing: -0.5px;\n}\n\n.typography-module_bodycopy--medium__cwJEu {\n font-size: 17px;\n line-height: 24px;\n letter-spacing: -0.5px;\n}\n\n.typography-module_bodycopy--small__fTLSM {\n font-size: 14px;\n line-height: 20px;\n letter-spacing: -0.5px;\n}\n\n.typography-module_overline--large__79WUM {\n font-size: 14px;\n line-height: 18px;\n letter-spacing: 0.3px;\n}\n\n.typography-module_overline--small__MGEG6 {\n font-size: 12px;\n line-height: 14px;\n letter-spacing: 0.2px;\n}\n\n/* Button, Caption, Navigation text */\n.typography-module_buttontext__Gp0W- {\n font-size: 17px;\n line-height: 20px;\n letter-spacing: -0.5px;\n}\n\n.typography-module_captiontext__zyA-- {\n font-size: 17px;\n line-height: 24px;\n letter-spacing: -0.5px;\n}\n\n.typography-module_navigationtext__Qj6Zw {\n font-size: 19px;\n line-height: 19px;\n letter-spacing: 0.4px;\n}\n\n/* Color modifiers */\n.typography-module_display--primary__9sTwU,\n.typography-module_header--primary__KF0PJ,\n.typography-module_subtitle--primary__yL-hS,\n.typography-module_bodycopy--primary__5Uo2D,\n.typography-module_overline--primary__a2NSa,\n.typography-module_buttontext--primary__HnmE3,\n.typography-module_captiontext--primary__mmafI,\n.typography-module_navigationtext--primary__vIsUl {\n color: var(--color-primary);\n}\n\n.typography-module_display--black__8hmsx,\n.typography-module_header--black__M3I14,\n.typography-module_subtitle--black__IQRSo,\n.typography-module_bodycopy--black__J8BNP,\n.typography-module_overline--black__RUDoj,\n.typography-module_buttontext--black__irjmz,\n.typography-module_captiontext--black__7axhP,\n.typography-module_navigationtext--black__wDz-G {\n color: var(--color-base-black);\n}\n\n.typography-module_display--white__3QA6W,\n.typography-module_header--white__mm-ex,\n.typography-module_subtitle--white__VzQ3K,\n.typography-module_bodycopy--white__NJ8J8,\n.typography-module_overline--white__cV5QV,\n.typography-module_buttontext--white__rrr8U,\n.typography-module_captiontext--white__OMFwW,\n.typography-module_navigationtext--white__5YDdY {\n color: var(--color-base-white);\n}\n\n.typography-module_display--red__khdLJ,\n.typography-module_header--red__hxuj9,\n.typography-module_subtitle--red__gSK7d,\n.typography-module_bodycopy--red__P5Mau,\n.typography-module_overline--red__OW5dE,\n.typography-module_buttontext--red__mlRi2,\n.typography-module_captiontext--red__jMQIK,\n.typography-module_navigationtext--red__-QADV {\n color: var(--color-primary-red);\n}\n\n.typography-module_display--grey__RsgTf,\n.typography-module_header--grey__rC0vN,\n.typography-module_subtitle--grey__1nkEx,\n.typography-module_bodycopy--grey__SNnaU,\n.typography-module_overline--grey__lGOsK,\n.typography-module_buttontext--grey__1Y4oX,\n.typography-module_captiontext--grey__V0MLc,\n.typography-module_navigationtext--grey__xi3sz {\n color: var(--color-base-dark-grey);\n}\n\n.typography-module_display--inherit__ZNOHM,\n.typography-module_header--inherit__qmHQE,\n.typography-module_subtitle--inherit__mly-X,\n.typography-module_bodycopy--inherit__CoC-f,\n.typography-module_overline--inherit__Cq4ni,\n.typography-module_buttontext--inherit__vguWx,\n.typography-module_captiontext--inherit__ya6gm,\n.typography-module_navigationtext--inherit__cJLWf {\n color: inherit;\n}\n\n/* Typography variants */\n.typography-module_display--serif__C0-Ve,\n.typography-module_header--serif__uTGCc {\n font-family: var(--font-family-serif);\n}\n\n.typography-module_display--em__h2bPV,\n.typography-module_header--em__UFQIA {\n font-family: var(--font-family-serif);\n font-style: italic;\n}\n\n.typography-module_display--bold__PG-8g,\n.typography-module_header--bold__InvJk,\n.typography-module_subtitle--bold__Subov,\n.typography-module_bodycopy--bold__nZX3C,\n.typography-module_overline--bold__3mUXy,\n.typography-module_buttontext--bold__rBKIJ,\n.typography-module_captiontext--bold__ebTyV,\n.typography-module_navigationtext--bold__SRlV2 {\n font-weight: 700;\n}\n\n/* Media queries */\n@media (max-width: 699px) {\n .typography-module_display--large__RwPQD {\n font-size: 38px;\n letter-spacing: -1.5px;\n }\n\n .typography-module_display--small__XWUSJ {\n font-size: 32px;\n letter-spacing: -1.5px;\n }\n\n .typography-module_header--large__2vP3p {\n font-size: 28px;\n line-height: 34px;\n letter-spacing: -1.5px;\n }\n\n .typography-module_header--medium__OgzlB {\n font-size: 24px;\n line-height: 28px;\n letter-spacing: -1px;\n }\n\n .typography-module_header--small__zLuFf {\n font-size: 20px;\n line-height: 26px;\n letter-spacing: -0.75px;\n }\n\n .typography-module_subtitle--large__1Ep9J {\n font-size: 17px;\n line-height: 24px;\n letter-spacing: -0.5px;\n }\n\n .typography-module_subtitle--small__Vt9bZ {\n font-size: 14px;\n line-height: 20px;\n letter-spacing: -0.2px;\n }\n\n .typography-module_bodycopy--large__BNzf2 {\n font-size: 17px;\n line-height: 24px;\n letter-spacing: -0.5px;\n }\n\n .typography-module_bodycopy--medium__cwJEu {\n font-size: 14px;\n line-height: 20px;\n letter-spacing: -0.2px;\n }\n\n .typography-module_bodycopy--small__fTLSM {\n font-size: 11px;\n line-height: 16px;\n letter-spacing: -0.2px;\n }\n\n .typography-module_overline--large__79WUM {\n line-height: 17px;\n letter-spacing: 0.3px;\n }\n\n .typography-module_overline--small__MGEG6 {\n line-height: 14px;\n letter-spacing: 0.3px;\n }\n}\n";
224
+ var css_248z = "/* Base classes */\n.typography-module_display__ZHsz9 {\n margin: 0;\n font-family: var(--font-family-sans);\n line-height: 100%;\n}\n\n.typography-module_header__FVsLI {\n margin: 0;\n font-family: var(--font-family-sans);\n font-weight: 500;\n}\n\n.typography-module_subtitle__x3sSn {\n margin: 0;\n font-family: var(--font-family-sans);\n font-weight: 500;\n}\n\n.typography-module_bodycopy__-BY2U {\n margin: 0;\n font-family: var(--font-family-sans);\n font-weight: 400;\n}\n\n.typography-module_overline__y1yCC {\n margin: 0;\n font-family: var(--font-family-sans);\n font-weight: 500;\n text-transform: uppercase;\n}\n\n.typography-module_buttontext__Gp0W- {\n margin: 0;\n font-family: var(--font-family-sans);\n font-weight: 400;\n}\n\n.typography-module_captiontext__zyA-- {\n margin: 0;\n font-family: var(--font-family-sans);\n font-weight: 400;\n}\n\n.typography-module_navigationtext__Qj6Zw {\n margin: 0;\n font-family: var(--font-family-sans);\n font-weight: 500;\n}\n\n/* Size modifiers */\n.typography-module_display--large__RwPQD {\n font-size: 96px;\n font-weight: 700;\n letter-spacing: -5px;\n}\n\n.typography-module_display--small__XWUSJ {\n font-size: 68px;\n font-weight: 500;\n letter-spacing: -3px;\n}\n\n.typography-module_header--large__2vP3p {\n font-size: 44px;\n line-height: 48px;\n letter-spacing: -1.5px;\n}\n\n.typography-module_header--medium__OgzlB {\n font-size: 34px;\n line-height: 40px;\n letter-spacing: -1px;\n}\n\n.typography-module_header--small__zLuFf {\n font-size: 26px;\n line-height: 32px;\n letter-spacing: -0.5px;\n}\n\n.typography-module_subtitle--large__1Ep9J {\n font-size: 19px;\n line-height: 26px;\n letter-spacing: -0.5px;\n}\n\n.typography-module_subtitle--small__Vt9bZ {\n font-size: 17px;\n line-height: 24px;\n letter-spacing: -0.5px;\n}\n\n.typography-module_bodycopy--large__BNzf2 {\n font-size: 19px;\n line-height: 26px;\n letter-spacing: -0.5px;\n}\n\n.typography-module_bodycopy--medium__cwJEu {\n font-size: 17px;\n line-height: 24px;\n letter-spacing: -0.5px;\n}\n\n.typography-module_bodycopy--small__fTLSM {\n font-size: 14px;\n line-height: 20px;\n letter-spacing: -0.5px;\n}\n\n.typography-module_overline--large__79WUM {\n font-size: 14px;\n line-height: 18px;\n letter-spacing: 0.3px;\n}\n\n.typography-module_overline--small__MGEG6 {\n font-size: 12px;\n line-height: 14px;\n letter-spacing: 0.2px;\n}\n\n/* Button, Caption, Navigation text */\n.typography-module_buttontext__Gp0W- {\n font-size: 17px;\n line-height: 20px;\n letter-spacing: -0.5px;\n}\n\n.typography-module_captiontext__zyA-- {\n font-size: 17px;\n line-height: 24px;\n letter-spacing: -0.5px;\n}\n\n.typography-module_navigationtext__Qj6Zw {\n font-size: 19px;\n line-height: 19px;\n letter-spacing: 0.4px;\n}\n\n/* Color modifiers */\n.typography-module_display--primary__9sTwU,\n.typography-module_header--primary__KF0PJ,\n.typography-module_subtitle--primary__yL-hS,\n.typography-module_bodycopy--primary__5Uo2D,\n.typography-module_overline--primary__a2NSa,\n.typography-module_buttontext--primary__HnmE3,\n.typography-module_captiontext--primary__mmafI,\n.typography-module_navigationtext--primary__vIsUl {\n color: var(--color-primary);\n}\n\n.typography-module_display--black__8hmsx,\n.typography-module_header--black__M3I14,\n.typography-module_subtitle--black__IQRSo,\n.typography-module_bodycopy--black__J8BNP,\n.typography-module_overline--black__RUDoj,\n.typography-module_buttontext--black__irjmz,\n.typography-module_captiontext--black__7axhP,\n.typography-module_navigationtext--black__wDz-G {\n color: var(--color-base-black);\n}\n\n.typography-module_display--white__3QA6W,\n.typography-module_header--white__mm-ex,\n.typography-module_subtitle--white__VzQ3K,\n.typography-module_bodycopy--white__NJ8J8,\n.typography-module_overline--white__cV5QV,\n.typography-module_buttontext--white__rrr8U,\n.typography-module_captiontext--white__OMFwW,\n.typography-module_navigationtext--white__5YDdY {\n color: var(--color-base-white);\n}\n\n.typography-module_display--red__khdLJ,\n.typography-module_header--red__hxuj9,\n.typography-module_subtitle--red__gSK7d,\n.typography-module_bodycopy--red__P5Mau,\n.typography-module_overline--red__OW5dE,\n.typography-module_buttontext--red__mlRi2,\n.typography-module_captiontext--red__jMQIK,\n.typography-module_navigationtext--red__-QADV {\n color: var(--color-primary-red);\n}\n\n.typography-module_display--grey__RsgTf,\n.typography-module_header--grey__rC0vN,\n.typography-module_subtitle--grey__1nkEx,\n.typography-module_bodycopy--grey__SNnaU,\n.typography-module_overline--grey__lGOsK,\n.typography-module_buttontext--grey__1Y4oX,\n.typography-module_captiontext--grey__V0MLc,\n.typography-module_navigationtext--grey__xi3sz {\n color: var(--color-base-dark-grey);\n}\n\n.typography-module_display--inherit__ZNOHM,\n.typography-module_header--inherit__qmHQE,\n.typography-module_subtitle--inherit__mly-X,\n.typography-module_bodycopy--inherit__CoC-f,\n.typography-module_overline--inherit__Cq4ni,\n.typography-module_buttontext--inherit__vguWx,\n.typography-module_captiontext--inherit__ya6gm,\n.typography-module_navigationtext--inherit__cJLWf {\n color: inherit;\n}\n\n/* Typography variants */\n.typography-module_display--serif__C0-Ve {\n font-family: var(--font-family-serif);\n}\n\n.typography-module_header--serif__uTGCc {\n font-family: var(--font-family-serif);\n letter-spacing: -0.5px;\n}\n\n.typography-module_display--em__h2bPV {\n font-family: var(--font-family-serif);\n font-style: italic;\n}\n\n.typography-module_header--em__UFQIA {\n font-family: var(--font-family-serif);\n font-style: italic;\n letter-spacing: -0.5px;\n}\n\n.typography-module_display--bold__PG-8g,\n.typography-module_header--bold__InvJk,\n.typography-module_subtitle--bold__Subov,\n.typography-module_bodycopy--bold__nZX3C,\n.typography-module_overline--bold__3mUXy,\n.typography-module_buttontext--bold__rBKIJ,\n.typography-module_captiontext--bold__ebTyV,\n.typography-module_navigationtext--bold__SRlV2 {\n font-weight: 700;\n}\n\n/* Media queries */\n@media (max-width: 699px) {\n .typography-module_display--large__RwPQD {\n font-size: 38px;\n letter-spacing: -1.5px;\n }\n\n .typography-module_display--small__XWUSJ {\n font-size: 32px;\n letter-spacing: -1.5px;\n }\n\n .typography-module_header--large__2vP3p {\n font-size: 28px;\n line-height: 34px;\n letter-spacing: -1.5px;\n }\n\n .typography-module_header--medium__OgzlB {\n font-size: 24px;\n line-height: 28px;\n letter-spacing: -1px;\n }\n\n .typography-module_header--small__zLuFf {\n font-size: 20px;\n line-height: 26px;\n letter-spacing: -0.75px;\n }\n\n .typography-module_subtitle--large__1Ep9J {\n font-size: 17px;\n line-height: 24px;\n letter-spacing: -0.5px;\n }\n\n .typography-module_subtitle--small__Vt9bZ {\n font-size: 14px;\n line-height: 20px;\n letter-spacing: -0.2px;\n }\n\n .typography-module_bodycopy--large__BNzf2 {\n font-size: 17px;\n line-height: 24px;\n letter-spacing: -0.5px;\n }\n\n .typography-module_bodycopy--medium__cwJEu {\n font-size: 14px;\n line-height: 20px;\n letter-spacing: -0.2px;\n }\n\n .typography-module_bodycopy--small__fTLSM {\n font-size: 11px;\n line-height: 16px;\n letter-spacing: -0.2px;\n }\n\n .typography-module_overline--large__79WUM {\n line-height: 17px;\n letter-spacing: 0.3px;\n }\n\n .typography-module_overline--small__MGEG6 {\n line-height: 14px;\n letter-spacing: 0.3px;\n }\n}\n";
225
225
  var typographyStyles = {"display":"typography-module_display__ZHsz9","header":"typography-module_header__FVsLI","subtitle":"typography-module_subtitle__x3sSn","bodycopy":"typography-module_bodycopy__-BY2U","overline":"typography-module_overline__y1yCC","buttontext":"typography-module_buttontext__Gp0W-","captiontext":"typography-module_captiontext__zyA--","navigationtext":"typography-module_navigationtext__Qj6Zw","display--large":"typography-module_display--large__RwPQD","display--small":"typography-module_display--small__XWUSJ","header--large":"typography-module_header--large__2vP3p","header--medium":"typography-module_header--medium__OgzlB","header--small":"typography-module_header--small__zLuFf","subtitle--large":"typography-module_subtitle--large__1Ep9J","subtitle--small":"typography-module_subtitle--small__Vt9bZ","bodycopy--large":"typography-module_bodycopy--large__BNzf2","bodycopy--medium":"typography-module_bodycopy--medium__cwJEu","bodycopy--small":"typography-module_bodycopy--small__fTLSM","overline--large":"typography-module_overline--large__79WUM","overline--small":"typography-module_overline--small__MGEG6","display--primary":"typography-module_display--primary__9sTwU","header--primary":"typography-module_header--primary__KF0PJ","subtitle--primary":"typography-module_subtitle--primary__yL-hS","bodycopy--primary":"typography-module_bodycopy--primary__5Uo2D","overline--primary":"typography-module_overline--primary__a2NSa","buttontext--primary":"typography-module_buttontext--primary__HnmE3","captiontext--primary":"typography-module_captiontext--primary__mmafI","navigationtext--primary":"typography-module_navigationtext--primary__vIsUl","display--black":"typography-module_display--black__8hmsx","header--black":"typography-module_header--black__M3I14","subtitle--black":"typography-module_subtitle--black__IQRSo","bodycopy--black":"typography-module_bodycopy--black__J8BNP","overline--black":"typography-module_overline--black__RUDoj","buttontext--black":"typography-module_buttontext--black__irjmz","captiontext--black":"typography-module_captiontext--black__7axhP","navigationtext--black":"typography-module_navigationtext--black__wDz-G","display--white":"typography-module_display--white__3QA6W","header--white":"typography-module_header--white__mm-ex","subtitle--white":"typography-module_subtitle--white__VzQ3K","bodycopy--white":"typography-module_bodycopy--white__NJ8J8","overline--white":"typography-module_overline--white__cV5QV","buttontext--white":"typography-module_buttontext--white__rrr8U","captiontext--white":"typography-module_captiontext--white__OMFwW","navigationtext--white":"typography-module_navigationtext--white__5YDdY","display--red":"typography-module_display--red__khdLJ","header--red":"typography-module_header--red__hxuj9","subtitle--red":"typography-module_subtitle--red__gSK7d","bodycopy--red":"typography-module_bodycopy--red__P5Mau","overline--red":"typography-module_overline--red__OW5dE","buttontext--red":"typography-module_buttontext--red__mlRi2","captiontext--red":"typography-module_captiontext--red__jMQIK","navigationtext--red":"typography-module_navigationtext--red__-QADV","display--grey":"typography-module_display--grey__RsgTf","header--grey":"typography-module_header--grey__rC0vN","subtitle--grey":"typography-module_subtitle--grey__1nkEx","bodycopy--grey":"typography-module_bodycopy--grey__SNnaU","overline--grey":"typography-module_overline--grey__lGOsK","buttontext--grey":"typography-module_buttontext--grey__1Y4oX","captiontext--grey":"typography-module_captiontext--grey__V0MLc","navigationtext--grey":"typography-module_navigationtext--grey__xi3sz","display--inherit":"typography-module_display--inherit__ZNOHM","header--inherit":"typography-module_header--inherit__qmHQE","subtitle--inherit":"typography-module_subtitle--inherit__mly-X","bodycopy--inherit":"typography-module_bodycopy--inherit__CoC-f","overline--inherit":"typography-module_overline--inherit__Cq4ni","buttontext--inherit":"typography-module_buttontext--inherit__vguWx","captiontext--inherit":"typography-module_captiontext--inherit__ya6gm","navigationtext--inherit":"typography-module_navigationtext--inherit__cJLWf","display--serif":"typography-module_display--serif__C0-Ve","header--serif":"typography-module_header--serif__uTGCc","display--em":"typography-module_display--em__h2bPV","header--em":"typography-module_header--em__UFQIA","display--bold":"typography-module_display--bold__PG-8g","header--bold":"typography-module_header--bold__InvJk","subtitle--bold":"typography-module_subtitle--bold__Subov","bodycopy--bold":"typography-module_bodycopy--bold__nZX3C","overline--bold":"typography-module_overline--bold__3mUXy","buttontext--bold":"typography-module_buttontext--bold__rBKIJ","captiontext--bold":"typography-module_captiontext--bold__ebTyV","navigationtext--bold":"typography-module_navigationtext--bold__SRlV2"};
226
226
  styleInject(css_248z);
227
227
 
@@ -301,7 +301,8 @@ BodyCopyHarmonic.displayName = 'BodyCopyHarmonic';
301
301
  /* ~~~ Overline - (use case) ~~~ */
302
302
  var HarmonicOverline = function HarmonicOverline(_ref6) {
303
303
  var children = _ref6.children,
304
- size = _ref6.size,
304
+ _ref6$size = _ref6.size,
305
+ size = _ref6$size === void 0 ? 'large' : _ref6$size,
305
306
  _ref6$color = _ref6.color,
306
307
  color = _ref6$color === void 0 ? 'inherit' : _ref6$color,
307
308
  className = _ref6.className,
@@ -6748,15 +6749,15 @@ styleInject(css_248z$1);
6748
6749
  var css_248z$2 = "/* ~~~~~ General Styling Classes ~~~~~ */\n.typography_color-primary__LOfDi {\n color: var(--color-primary);\n}\n\n.typography_color-black__6MHRL {\n color: var(--color-base-black);\n}\n\n.typography_color-white__PfW5s {\n color: var(--color-base-white);\n}\n\n.typography_color-red__iPlbG {\n color: var(--color-primary-red);\n}\n\n.typography_color-grey__GA1c2 {\n color: var(--color-base-dark-grey);\n}\n\n.typography_color-inherit__RDd0Y {\n color: inherit;\n}\n\n.typography_em__E6tX- {\n font-style: italic;\n}\n/* ~~~ */\n\n/* Display Headers */\n.typography_display__-F3p4 {\n margin: 0;\n font-family: var(--font-family-sans);\n line-height: 100%;\n\n &.typography_large__uq0zC {\n font-size: 96px;\n font-weight: 700;\n letter-spacing: -5px;\n }\n\n &.typography_small__wfQ0K {\n font-size: 68px;\n font-weight: 500;\n letter-spacing: -3px;\n }\n\n /* Serif and Italic styles */\n &.typography_serif__VSO38,\n &.typography_em__E6tX- {\n font-family: var(--font-family-serif);\n font-weight: 500;\n }\n\n /* Serif and Italic adjustments */\n &.typography_large__uq0zC.typography_serif__VSO38,\n &.typography_large__uq0zC.typography_em__E6tX- {\n letter-spacing: -3px;\n }\n\n &.typography_small__wfQ0K.typography_serif__VSO38,\n &.typography_small__wfQ0K.typography_em__E6tX- {\n letter-spacing: -2px;\n }\n\n @media (max-width: 699px) {\n &.typography_large__uq0zC {\n font-size: 38px;\n letter-spacing: -1.5px;\n }\n\n &.typography_small__wfQ0K {\n font-size: 32px;\n letter-spacing: -1.5px;\n }\n\n &.typography_large__uq0zC.typography_serif__VSO38,\n &.typography_large__uq0zC.typography_em__E6tX-,\n &.typography_small__wfQ0K.typography_serif__VSO38,\n &.typography_small__wfQ0K.typography_em__E6tX- {\n letter-spacing: -0.5px;\n }\n }\n}\n\n/* Headers */\n.typography_header__BexiD {\n margin: 0;\n font-family: var(--font-family-sans);\n font-weight: 500;\n\n &.typography_large__uq0zC {\n font-size: 44px;\n line-height: 48px;\n letter-spacing: -1.5px;\n }\n\n &.typography_medium__K0uZD {\n font-size: 34px;\n line-height: 40px;\n letter-spacing: -1px;\n }\n\n &.typography_small__wfQ0K {\n font-size: 26px;\n line-height: 32px;\n letter-spacing: -0.5px;\n }\n\n /* Serif and Italic styles */\n &.typography_serif__VSO38,\n &.typography_em__E6tX- {\n font-family: var(--font-family-serif);\n }\n\n /* Serif and Italic letter-spacing overrides */\n &.typography_large__uq0zC.typography_serif__VSO38,\n &.typography_large__uq0zC.typography_em__E6tX- {\n letter-spacing: -0.5px;\n }\n\n &.typography_medium__K0uZD.typography_serif__VSO38,\n &.typography_medium__K0uZD.typography_em__E6tX- {\n letter-spacing: -0.5px;\n }\n\n &.typography_small__wfQ0K.typography_serif__VSO38,\n &.typography_small__wfQ0K.typography_em__E6tX- {\n letter-spacing: -0.5px;\n }\n\n @media (max-width: 699px) {\n &.typography_large__uq0zC {\n font-size: 28px;\n line-height: 34px;\n letter-spacing: -1.5px;\n }\n\n &.typography_medium__K0uZD {\n font-size: 24px;\n line-height: 28px;\n letter-spacing: -1px;\n }\n\n &.typography_small__wfQ0K {\n font-size: 20px;\n line-height: 26px;\n letter-spacing: -0.75px;\n }\n\n /* Mobile overrides for serif/italic letter-spacing */\n &.typography_large__uq0zC.typography_serif__VSO38,\n &.typography_large__uq0zC.typography_em__E6tX-,\n &.typography_medium__K0uZD.typography_serif__VSO38,\n &.typography_medium__K0uZD.typography_em__E6tX-,\n &.typography_small__wfQ0K.typography_serif__VSO38,\n &.typography_small__wfQ0K.typography_em__E6tX- {\n letter-spacing: -0.5px;\n }\n }\n}\n\n/* Subtitle */\n.typography_subtitle__aoFTV {\n margin: 0;\n font-family: var(--font-family-sans);\n font-weight: 500;\n\n &.typography_large__uq0zC {\n font-size: 19px;\n line-height: 26px;\n letter-spacing: -0.5px;\n }\n\n &.typography_small__wfQ0K {\n font-size: 17px;\n line-height: 24px;\n letter-spacing: -0.5px;\n }\n\n @media (max-width: 699px) {\n &.typography_large__uq0zC {\n font-size: 17px;\n line-height: 24px;\n letter-spacing: -0.5px;\n }\n\n &.typography_small__wfQ0K {\n font-size: 14px;\n line-height: 20px;\n letter-spacing: -0.2px;\n }\n }\n}\n\n/* Body Copy */\n.typography_bodycopy__vYtQ8 {\n margin: 0;\n font-family: var(--font-family-sans);\n font-weight: 400;\n\n &.typography_large__uq0zC {\n font-size: 19px;\n line-height: 26px;\n letter-spacing: -0.5px;\n }\n\n &.typography_medium__K0uZD {\n font-size: 17px;\n line-height: 24px;\n letter-spacing: -0.5px;\n }\n\n &.typography_small__wfQ0K {\n font-size: 14px;\n line-height: 20px;\n letter-spacing: -0.5px;\n }\n\n @media (max-width: 699px) {\n &.typography_large__uq0zC {\n font-size: 17px;\n line-height: 24px;\n letter-spacing: -0.5px;\n }\n\n &.typography_medium__K0uZD {\n font-size: 14px;\n line-height: 20px;\n letter-spacing: -0.2px;\n }\n\n &.typography_small__wfQ0K {\n font-size: 11px;\n line-height: 16px;\n letter-spacing: -0.2px;\n }\n }\n}\n\n/* Overline */\n.typography_overline__EnUK3 {\n margin: 0;\n font-family: var(--font-family-sans);\n font-weight: 500;\n text-transform: uppercase;\n\n &.typography_large__uq0zC {\n font-size: 14px;\n line-height: 18px;\n letter-spacing: 0.3px;\n }\n\n &.typography_small__wfQ0K {\n font-size: 12px;\n line-height: 14px;\n letter-spacing: 0.2px;\n }\n\n @media (max-width: 699px) {\n &.typography_large__uq0zC {\n line-height: 17px;\n letter-spacing: 0.3px; /* Added to ensure it stays */\n }\n\n &.typography_small__wfQ0K {\n line-height: 14px;\n letter-spacing: 0.3px;\n }\n }\n}\n\n/* Button Text */\n.typography_buttontext__vcxNi {\n margin: 0;\n font-family: var(--font-family-sans);\n font-size: 17px;\n line-height: 20px;\n letter-spacing: -0.5px;\n font-weight: 400;\n\n @media (max-width: 699px) {\n font-weight: 500;\n line-height: 17px;\n }\n}\n\n/* Caption Text */\n.typography_captiontext__91UFb {\n margin: 0;\n font-family: var(--font-family-sans);\n font-weight: 400;\n font-size: 17px;\n line-height: 24px;\n letter-spacing: -0.5px;\n\n @media (max-width: 699px) {\n font-size: 14px;\n line-height: 20px;\n letter-spacing: -0.2px;\n }\n}\n\n/* Navigation Text */\n.typography_navigationtext__YfGf7 {\n margin: 0;\n font-family: var(--font-family-sans);\n font-size: 19px;\n line-height: 19px;\n letter-spacing: 0.4px;\n font-weight: 500;\n\n @media (max-width: 699px) {\n font-size: 17px;\n line-height: 17px;\n }\n}\n";
6749
6750
  styleInject(css_248z$2);
6750
6751
 
6751
- var css_248z$3 = ".core-theme-module_coreTheme__pWxYB {\n /* RBO Red */\n /* Primary Palette */\n --color-primary: #1a1a1a;\n --color-primary-background: #eb0a0a;\n --color-primary-red: #eb0a0a;\n --color-primary-black: #1a1a1a;\n\n /* Base Colours */\n --color-base-white: #ffffff;\n --color-base-black: #000000;\n --color-base-dark-grey: #4c4f53;\n --color-base-mid-grey: #72767c;\n --color-base-light-grey: #e9e9e9;\n --color-base-transparent: transparent;\n\n /* States */\n --color-state-error: #cc071e;\n --color-state-medium: #ffce45;\n --color-state-good: #2a874a;\n --color-state-focused: #1e1da0;\n --color-state-disabled: #b3b3b3;\n\n /* RBO Red (Core) */\n --color-rbo-red-hovered: #c40808;\n --color-rbo-red-pressed: #9d0707;\n\n /* RBO Black */\n --color-rbo-black-hovered: #575757;\n --color-rbo-black-pressed: #353535;\n\n /* Black */\n --color-black-hovered: #575757;\n --color-black-pressed: #353535;\n\n /* White */\n --color-white-hovered: #fafafa;\n --color-white-pressed: #f2f2f2;\n\n /* Secondary Palette */\n --color-secondary-yellow: #ffce45;\n --color-secondary-pink: #ff36d0;\n --color-secondary-orange: #ff6700;\n --color-secondary-blue: #5f9cff;\n\n /* Shadows */\n --shadow-floating: 0px 4px 38px 0px #0000000a;\n\n /* Core theme colors */\n --base-color-primary: #c8102e;\n --base-color-core: #c8102e;\n --base-color-stream: #1866dc;\n --base-color-cinema: #1a1a1a;\n --base-color-white: #ffffff;\n --base-color-black: #000000;\n --base-color-dark-grey: #4c4f53;\n --base-color-mid-grey: #72767c;\n --base-color-light-grey: #e9e9e9;\n --base-color-transparent: transparent;\n --base-color-errorstate: #eb0a0a;\n --base-color-mediumstate: #ffce45;\n --base-color-goodstate: #2a874a;\n --base-color-progress: #1866dc;\n --base-color-navigation: #c8102e;\n --base-color-lapislazuli: #0060a0;\n --base-color-lemonchiffon: #fffbbe;\n\n --button-height: 48px;\n --button-line-height: 20px;\n --button-padding-x: 20px;\n --button-padding-y: 14px;\n --button-padding-y-icon: 12px;\n --button-icon-margin: 12px;\n --button-icon-width: 20px;\n --button-icon-height: 20px;\n --button-font-size: 14px;\n --button-font-weight: 400;\n --button-color: var(--color-base-white);\n --button-bg-color: var(--color-primary-red);\n --button-hover-color: var(--color-rbo-red-hovered);\n --button-pressed-color: var(--color-rbo-red-pressed);\n --button-secondary-color: var(--color-primary-red);\n --button-secondary-hover-color: var(--color-rbo-red-hovered);\n --button-secondary-pressed-color: var(--color-rbo-red-pressed);\n --button-tertiary-color: var(--color-primary-black);\n --button-tertiary-hover-color: var(--color-rbo-black-hovered);\n --button-tertiary-pressed-color: var(--color-rbo-black-pressed);\n --button-auxiliary-color: var(--color-primary-black);\n --button-auxiliary-bg-color: var(--color-base-transparent);\n --button-anchor-tab-color: var(--color-primary-red);\n\n /* ----- Variables already used in Harmonic START ----- */\n --grid-column-gap: 36px;\n --grid-margin: 10%;\n\n --rotator-button-width: 60px;\n --rotator-button-icon-width: 36px;\n --rotator-button-color: var(--color-primary-black);\n --rotator-button-bg-color: var(--color-base-light-grey);\n --rotator-button-hover-color: var(--color-base-white);\n --rotator-button-hover-bg-color: var(--color-primary-red);\n\n --carousel-image-caption-height: 17px;\n\n --line-height-listing: 36px;\n\n --font-feature-settings-body: 'pnum' on, 'onum' on, 'liga' off;\n --font-feature-settings-header: 'tnum' on, 'lnum' on;\n --font-feature-settings-subtitle: 'tnum' on, 'lnum' on;\n\n --text-transform-body: none;\n --text-transform-header: uppercase;\n --text-transform-subtitle: uppercase;\n\n @media (max-width: 699px) {\n --grid-column-gap: 12px;\n --grid-margin: 20px;\n --rotator-button-width: 40px;\n --rotator-button-icon-width: 24px;\n --carousel-image-caption-height: 14px;\n\n --line-height-listing: 34px;\n\n --font-feature-settings-body: 'pnum' on, 'onum' on, 'liga' off;\n --font-feature-settings-header: 'tnum' on, 'lnum' on;\n --font-feature-settings-subtitle: 'tnum' on, 'lnum' on;\n\n --text-transform-body: none;\n --text-transform-header: uppercase;\n --text-transform-subtitle: uppercase;\n }\n\n @media (min-width: 700px) and (max-width: 1139px) {\n --grid-column-gap: 20px;\n --grid-margin: 32px;\n --rotator-button-width: 44px;\n --rotator-button-icon-width: 24px;\n --carousel-image-caption-height: 14px;\n }\n\n /* ----- Variables already used in Harmonic END ----- */\n\n --font-size-header-1: 96px;\n --font-weight-header-1: 500;\n --letter-spacing-header-1: 2px;\n --line-height-header-1: 110px;\n --margin-header-1: 0.67em 0;\n\n --font-size-header-2: 68px;\n --font-weight-header-2: 500;\n --letter-spacing-header-2: 1px;\n --line-height-header-2: 72px;\n --margin-header-2: 0.83em 0;\n\n --font-size-header-3: 44px;\n --font-weight-header-3: 500;\n --letter-spacing-header-3: 1px;\n --line-height-header-3: 48px;\n --margin-header-3: 1em 0;\n\n --font-size-header-4: 34px;\n --font-weight-header-4: 500;\n --letter-spacing-header-4: 1px;\n --line-height-header-4: 40px;\n --margin-header-4: 1.33em 0;\n\n --font-size-header-5: 24px;\n --font-weight-header-5: 500;\n --letter-spacing-header-5: 1px;\n --line-height-header-5: 30px;\n --margin-header-5: 1.67em 0;\n\n --font-size-header-6: 20px;\n --font-weight-header-6: 500;\n --letter-spacing-header-6: 1px;\n --line-height-header-6: 28px;\n --margin-header-6: 2.33em 0;\n\n --font-size-altHeader-3: 44px;\n --font-weight-altHeader-3: normal;\n --letter-spacing-altHeader-3: normal;\n --line-height-altHeader-3: 48px;\n\n --font-size-altHeader-4: 34px;\n --font-weight-altHeader-4: normal;\n --letter-spacing-altHeader-4: normal;\n --line-height-altHeader-4: 44px;\n\n --font-size-altHeader-5: 24px;\n --font-weight-altHeader-5: normal;\n --letter-spacing-altHeader-5: normal;\n --line-height-altHeader-5: 30px;\n\n --font-size-altHeader-6: 20px;\n --font-weight-altHeader-6: normal;\n --letter-spacing-altHeader-6: normal;\n --line-height-altHeader-6: 28px;\n\n --font-size-overline-1: 14px;\n --font-weight-overline-1: 500;\n --letter-spacing-overline-1: 1px;\n --line-height-overline-1: 16px;\n\n --font-size-overline-2: 12px;\n --font-weight-overline-2: 500;\n --letter-spacing-overline-2: 1px;\n --line-height-overline-2: 14px;\n\n --font-size-overline-3: 10px;\n --font-weight-overline-3: 500;\n --letter-spacing-overline-3: 1px;\n --line-height-overline-3: 12px;\n\n --font-size-overline-4: 8px;\n --font-weight-overline-4: 500;\n --letter-spacing-overline-4: 1px;\n --line-height-overline-4: 10px;\n\n --font-size-body-1: 19px;\n --font-weight-body-1: 400;\n --letter-spacing-body-1: normal;\n --line-height-body-1: 26px;\n\n --font-size-body-2: 16px;\n --font-weight-body-2: 400;\n --letter-spacing-body-2: normal;\n --line-height-body-2: 22px;\n\n --font-size-body-3: 14px;\n --font-weight-body-3: 400;\n --letter-spacing-body-3: normal;\n --line-height-body-3: 20px;\n\n --font-size-subtitle-1: 18px;\n --font-weight-subtitle-1: 500;\n --letter-spacing-subtitle-1: 1px;\n --line-height-subtitle-1: 22px;\n\n --font-size-subtitle-2: 14px;\n --font-weight-subtitle-2: 500;\n --letter-spacing-subtitle-2: 1px;\n --line-height-subtitle-2: 22px;\n\n --font-size-title-description: 20px;\n --line-height-title-description: 28px;\n\n --font-size-individual-listing-name: 19px;\n --line-height-individual-listing-name: 24px;\n --line-height-people-listing-gap: 24px;\n\n --font-family-header: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;\n --font-family-altHeader: 'adobe-garamond-pro';\n --font-family-body: 'adobe-garamond-pro';\n --font-family-body-italics: 'adobe-garamond-pro';\n --font-family-buttons: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;\n --font-family-overline: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;\n --font-family-subtitle: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;\n --font-family-people-listing-role: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;\n --font-family-people-listing-name: 'adobe-garamond-pro';\n\n --font-feature-settings-altHeader: 'pnum' on, 'onum' on;\n --font-feature-settings-overline: 'tnum' on, 'lnum' on, 'liga' off, 'calt' off;\n --font-feature-settings-navigation: 'tnum' on, 'lnum' on, 'liga' off, 'calt' off;\n\n --text-transform-altHeader: none;\n --text-transform-overline: uppercase;\n\n --word-break-header: break-word;\n --word-break-altHeader: break-word;\n --word-break-body: break-word;\n --word-break-overline: break-word;\n --word-break-subtitle: break-word;\n\n --font-family-navigation: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;\n --font-size-navigation: 13px;\n --font-weight-navigation: 500;\n --line-height-navigation: 16px;\n --text-transform-navigation: uppercase;\n --letter-spacing-navigation: 1px;\n\n --navigation-small-gap: 16px;\n --navigation-middle-gap: 20px;\n --navigation-large-gap: 24px;\n --navigation-xlarge-gap: 36px;\n --navigation-large-margin: 60px;\n\n --font-size-search: 24px;\n --font-family-search: 'adobe-garamond-pro';\n\n --grid-outer-margin: 50px;\n --grid-template-columns: 14px calc(10% - 86px) repeat(12, minmax(0, 1fr)) calc(10% - 86px) 14px;\n\n --footer-height: 380px;\n --footer-padding-top: 44px;\n --footer-padding-bottom: 44px;\n --footer-items-gap: 32px;\n --footer-media-gap: 32px;\n --footer-media-icon-width: 24px;\n --footer-media-icon-height: 24px;\n --footer-vertical-spacing-lg: 58px;\n --footer-vertical-spacing-sm: 16px;\n\n --text-link-underline-offset: 8px;\n --cards-spacing-stack: 40px;\n\n --editorial-subtitle-margin-bottom: 16px;\n --editorial-margin-between: 24px;\n --editorial-spacing-hover: 4px;\n --anchor-tabs-height: 70px;\n\n --font-family-sans: 'GreyLLTT', 'Roboto', sans-serif;\n --font-family-serif: 'VictorSerif', 'Inria Serif Regular', serif;\n\n --harmonic-text-link-underline-offset: 6px;\n --harmonic-font-size-navigation: 19px;\n\n --announcement-banner-color: var(--color-base-white);\n --announcement-banner-bg-color: var(--color-primary-red);\n --announcement-banner-hover-color: var(--color-white-hovered);\n --announcement-banner-pressed-color: var(--color-white-pressed);\n\n --information-panel-color: var(--color-base-white);\n --information-panel-bg-color: var(--color-primary-red);\n --information-panel-button-color: var(--color-primary-black);\n --information-panel-button-bg-color: var(--color-base-white);\n --information-panel-button-hover-color: var(--color-white-hovered);\n --information-panel-button-pressed-color: var(--color-white-pressed);\n\n --heading-promo-bg-color: var(--color-primary-red);\n --page-header-bg-color: var(--color-primary-red);\n\n @media (max-width: 699px) {\n --font-size-header-1: 38px;\n --font-weight-header-1: 500;\n --letter-spacing-header-1: 1px;\n --line-height-header-1: 42px;\n\n --font-size-header-2: 30px;\n --font-weight-header-2: 500;\n --letter-spacing-header-2: 1px;\n --line-height-header-2: 34px;\n\n --font-size-header-3: 26px;\n --font-weight-header-3: 500;\n --letter-spacing-header-3: 1px;\n --line-height-header-3: 30px;\n\n --font-size-header-4: 24px;\n --font-weight-header-4: 500;\n --letter-spacing-header-4: 1px;\n --line-height-header-4: 28px;\n\n --font-size-header-5: 20px;\n --font-weight-header-5: 500;\n --letter-spacing-header-5: 1px;\n --line-height-header-5: 28px;\n\n --font-size-header-6: 17px;\n --font-weight-header-6: 500;\n --letter-spacing-header-6: 1px;\n --line-height-header-6: 24px;\n\n --font-size-altHeader-3: 26px;\n --font-weight-altHeader-3: normal;\n --letter-spacing-altHeader-3: normal;\n --line-height-altHeader-3: 30px;\n\n --font-size-altHeader-4: 24px;\n --font-weight-altHeader-4: normal;\n --letter-spacing-altHeader-4: normal;\n --line-height-altHeader-4: 28px;\n\n --font-size-altHeader-5: 20px;\n --font-weight-altHeader-5: normal;\n --letter-spacing-altHeader-5: normal;\n --line-height-altHeader-5: 28px;\n\n --font-size-altHeader-6: 17px;\n --font-weight-altHeader-6: normal;\n --letter-spacing-altHeader-6: normal;\n --line-height-altHeader-6: 24px;\n\n --font-size-overline-1: 14px;\n --font-weight-overline-1: 500;\n --letter-spacing-overline-1: 1px;\n --line-height-overline-1: 16px;\n\n --font-size-overline-2: 12px;\n --font-weight-overline-2: 500;\n --letter-spacing-overline-2: 1px;\n --line-height-overline-2: 14px;\n\n --font-size-body-1: 17px;\n --font-weight-body-1: 400;\n --letter-spacing-body-1: normal;\n --line-height-body-1: 24px;\n\n --font-size-body-2: 12px;\n --font-weight-body-2: 400;\n --letter-spacing-body-2: normal;\n --line-height-body-2: 18px;\n\n --font-size-body-3: 11px;\n --font-weight-body-3: 400;\n --letter-spacing-body-3: normal;\n --line-height-body-3: 16px;\n\n --font-size-subtitle-1: 16px;\n --font-weight-subtitle-1: 500;\n --letter-spacing-subtitle-1: 1px;\n --line-height-subtitle-1: 24px;\n\n --font-size-subtitle-2: 14px;\n --font-weight-subtitle-2: 500;\n --letter-spacing-subtitle-2: 1px;\n --line-height-subtitle-2: 18px;\n\n --font-size-title-description: 17px;\n --line-height-title-description: 24px;\n --line-height-people-listing-gap: 16px;\n\n --font-size-search: 20px;\n --font-family-search: 'adobe-garamond-pro';\n\n --font-family-header: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;\n --font-family-altHeader: 'adobe-garamond-pro';\n --font-family-body: 'adobe-garamond-pro';\n --font-family-body-italics: 'adobe-garamond-pro';\n --font-family-buttons: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;\n --font-family-overline: 'Gotham SSm Medium', sans-serif;\n --font-family-subtitle: 'Gotham SSm Medium', 'Montserrat', sans-serif;\n --font-family-people-listing-role: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;\n --font-family-people-listing-name: 'adobe-garamond-pro';\n\n --font-feature-settings-altHeader: 'pnum' on, 'onum' on;\n --font-feature-settings-overline: 'tnum' on, 'lnum' on, 'liga' off, 'calt' off;\n --font-feature-settings-navigation: 'tnum' on, 'lnum' on, 'liga' off, 'calt' off;\n\n --text-transform-altHeader: none;\n --text-transform-overline: uppercase;\n\n --word-break-header: break-word;\n --word-break-altHeader: break-word;\n --word-break-body: break-word;\n --word-break-overline: break-word;\n --word-break-subtitle: break-word;\n\n --grid-template-columns: calc(20px - 12px) repeat(12, minmax(0, 1fr)) calc(20px - 12px);\n\n --footer-height: auto;\n --footer-padding-top: 20px;\n --footer-padding-bottom: 20px;\n --footer-items-gap: 12px;\n --footer-media-icon-width: 28px;\n --footer-media-icon-height: 28px;\n --footer-vertical-spacing-lg: 24px;\n --footer-vertical-spacing-sm: 24px;\n\n --anchor-tabs-height: 60px;\n }\n\n @media (min-width: 700px) and (max-width: 1139px) {\n --grid-template-columns: calc(32px - 20px) repeat(12, minmax(0, 1fr)) calc(32px - 20px);\n --font-size-header-6: 17px;\n --font-size-altHeader-4: 24px;\n --font-size-body-1: 17px;\n\n --footer-media-gap: 24px;\n --footer-padding-top: 40px;\n --footer-padding-bottom: 40px;\n }\n}\n";
6752
+ var css_248z$3 = ".core-theme-module_coreTheme__pWxYB {\n /* RBO Red */\n /* Primary Palette */\n --color-primary: #1a1a1a;\n --color-primary-background: #eb0a0a;\n --color-primary-red: #eb0a0a;\n --color-primary-black: #1a1a1a;\n\n /* Base Colours */\n --color-base-white: #ffffff;\n --color-base-black: #000000;\n --color-base-dark-grey: #4c4f53;\n --color-base-mid-grey: #72767c;\n --color-base-light-grey: #e9e9e9;\n --color-base-transparent: transparent;\n\n /* States */\n --color-state-error: #cc071e;\n --color-state-medium: #ffce45;\n --color-state-good: #2a874a;\n --color-state-focused: #1e1da0;\n --color-state-disabled: #b3b3b3;\n\n /* RBO Red (Core) */\n --color-rbo-red-hovered: #c40808;\n --color-rbo-red-pressed: #9d0707;\n\n /* RBO Black */\n --color-rbo-black-hovered: #575757;\n --color-rbo-black-pressed: #353535;\n\n /* Black */\n --color-black-hovered: #575757;\n --color-black-pressed: #353535;\n\n /* White */\n --color-white-hovered: #fafafa;\n --color-white-pressed: #f2f2f2;\n\n /* Secondary Palette */\n --color-secondary-yellow: #ffce45;\n --color-secondary-pink: #ff36d0;\n --color-secondary-orange: #ff6700;\n --color-secondary-blue: #5f9cff;\n\n /* Shadows */\n --shadow-floating: 0px 4px 38px 0px #0000000a;\n\n /* Core theme colors */\n --base-color-primary: #c8102e;\n --base-color-core: #c8102e;\n --base-color-stream: #1866dc;\n --base-color-cinema: #1a1a1a;\n --base-color-white: #ffffff;\n --base-color-black: #000000;\n --base-color-dark-grey: #4c4f53;\n --base-color-mid-grey: #72767c;\n --base-color-light-grey: #e9e9e9;\n --base-color-transparent: transparent;\n --base-color-errorstate: #eb0a0a;\n --base-color-mediumstate: #ffce45;\n --base-color-goodstate: #2a874a;\n --base-color-progress: #1866dc;\n --base-color-navigation: #c8102e;\n --base-color-lapislazuli: #0060a0;\n --base-color-lemonchiffon: #fffbbe;\n\n --button-height: 48px;\n --button-line-height: 20px;\n --button-padding-x: 20px;\n --button-padding-y: 14px;\n --button-padding-y-icon: 12px;\n --button-icon-margin: 12px;\n --button-icon-width: 20px;\n --button-icon-height: 20px;\n --button-font-size: 14px;\n --button-font-weight: 400;\n --button-color: var(--color-base-white);\n --button-bg-color: var(--color-primary-red);\n --button-hover-color: var(--color-rbo-red-hovered);\n --button-pressed-color: var(--color-rbo-red-pressed);\n --button-secondary-color: var(--color-primary-red);\n --button-secondary-hover-color: var(--color-rbo-red-hovered);\n --button-secondary-pressed-color: var(--color-rbo-red-pressed);\n --button-tertiary-color: var(--color-primary-black);\n --button-tertiary-hover-color: var(--color-rbo-black-hovered);\n --button-tertiary-pressed-color: var(--color-rbo-black-pressed);\n --button-auxiliary-color: var(--color-primary-black);\n --button-auxiliary-bg-color: var(--color-base-transparent);\n --button-anchor-tab-color: var(--color-primary-red);\n\n /* ----- Variables already used in Harmonic START ----- */\n --grid-column-gap: 36px;\n --grid-margin: 10%;\n\n --rotator-button-width: 60px;\n --rotator-button-icon-width: 36px;\n --rotator-button-color: var(--color-primary-black);\n --rotator-button-bg-color: var(--color-base-light-grey);\n --rotator-button-hover-color: var(--color-base-white);\n --rotator-button-hover-bg-color: var(--color-primary-red);\n\n --carousel-image-caption-height: 17px;\n\n --line-height-listing: 36px;\n\n --upsell-border-color: var(--color-primary-red);\n\n --font-feature-settings-body: 'pnum' on, 'onum' on, 'liga' off;\n --font-feature-settings-header: 'tnum' on, 'lnum' on;\n --font-feature-settings-subtitle: 'tnum' on, 'lnum' on;\n\n --text-transform-body: none;\n --text-transform-header: uppercase;\n --text-transform-subtitle: uppercase;\n\n @media (max-width: 699px) {\n --grid-column-gap: 12px;\n --grid-margin: 20px;\n --rotator-button-width: 40px;\n --rotator-button-icon-width: 24px;\n --carousel-image-caption-height: 14px;\n\n --line-height-listing: 34px;\n\n --font-feature-settings-body: 'pnum' on, 'onum' on, 'liga' off;\n --font-feature-settings-header: 'tnum' on, 'lnum' on;\n --font-feature-settings-subtitle: 'tnum' on, 'lnum' on;\n\n --text-transform-body: none;\n --text-transform-header: uppercase;\n --text-transform-subtitle: uppercase;\n }\n\n @media (min-width: 700px) and (max-width: 1139px) {\n --grid-column-gap: 20px;\n --grid-margin: 32px;\n --rotator-button-width: 44px;\n --rotator-button-icon-width: 24px;\n --carousel-image-caption-height: 14px;\n }\n\n /* ----- Variables already used in Harmonic END ----- */\n\n --font-size-header-1: 96px;\n --font-weight-header-1: 500;\n --letter-spacing-header-1: 2px;\n --line-height-header-1: 110px;\n --margin-header-1: 0.67em 0;\n\n --font-size-header-2: 68px;\n --font-weight-header-2: 500;\n --letter-spacing-header-2: 1px;\n --line-height-header-2: 72px;\n --margin-header-2: 0.83em 0;\n\n --font-size-header-3: 44px;\n --font-weight-header-3: 500;\n --letter-spacing-header-3: 1px;\n --line-height-header-3: 48px;\n --margin-header-3: 1em 0;\n\n --font-size-header-4: 34px;\n --font-weight-header-4: 500;\n --letter-spacing-header-4: 1px;\n --line-height-header-4: 40px;\n --margin-header-4: 1.33em 0;\n\n --font-size-header-5: 24px;\n --font-weight-header-5: 500;\n --letter-spacing-header-5: 1px;\n --line-height-header-5: 30px;\n --margin-header-5: 1.67em 0;\n\n --font-size-header-6: 20px;\n --font-weight-header-6: 500;\n --letter-spacing-header-6: 1px;\n --line-height-header-6: 28px;\n --margin-header-6: 2.33em 0;\n\n --font-size-altHeader-3: 44px;\n --font-weight-altHeader-3: normal;\n --letter-spacing-altHeader-3: normal;\n --line-height-altHeader-3: 48px;\n\n --font-size-altHeader-4: 34px;\n --font-weight-altHeader-4: normal;\n --letter-spacing-altHeader-4: normal;\n --line-height-altHeader-4: 44px;\n\n --font-size-altHeader-5: 24px;\n --font-weight-altHeader-5: normal;\n --letter-spacing-altHeader-5: normal;\n --line-height-altHeader-5: 30px;\n\n --font-size-altHeader-6: 20px;\n --font-weight-altHeader-6: normal;\n --letter-spacing-altHeader-6: normal;\n --line-height-altHeader-6: 28px;\n\n --font-size-overline-1: 14px;\n --font-weight-overline-1: 500;\n --letter-spacing-overline-1: 1px;\n --line-height-overline-1: 16px;\n\n --font-size-overline-2: 12px;\n --font-weight-overline-2: 500;\n --letter-spacing-overline-2: 1px;\n --line-height-overline-2: 14px;\n\n --font-size-overline-3: 10px;\n --font-weight-overline-3: 500;\n --letter-spacing-overline-3: 1px;\n --line-height-overline-3: 12px;\n\n --font-size-overline-4: 8px;\n --font-weight-overline-4: 500;\n --letter-spacing-overline-4: 1px;\n --line-height-overline-4: 10px;\n\n --font-size-body-1: 19px;\n --font-weight-body-1: 400;\n --letter-spacing-body-1: normal;\n --line-height-body-1: 26px;\n\n --font-size-body-2: 16px;\n --font-weight-body-2: 400;\n --letter-spacing-body-2: normal;\n --line-height-body-2: 22px;\n\n --font-size-body-3: 14px;\n --font-weight-body-3: 400;\n --letter-spacing-body-3: normal;\n --line-height-body-3: 20px;\n\n --font-size-subtitle-1: 18px;\n --font-weight-subtitle-1: 500;\n --letter-spacing-subtitle-1: 1px;\n --line-height-subtitle-1: 22px;\n\n --font-size-subtitle-2: 14px;\n --font-weight-subtitle-2: 500;\n --letter-spacing-subtitle-2: 1px;\n --line-height-subtitle-2: 22px;\n\n --font-size-title-description: 20px;\n --line-height-title-description: 28px;\n\n --font-size-individual-listing-name: 19px;\n --line-height-individual-listing-name: 24px;\n --line-height-people-listing-gap: 24px;\n\n --font-family-header: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;\n --font-family-altHeader: 'adobe-garamond-pro';\n --font-family-body: 'adobe-garamond-pro';\n --font-family-body-italics: 'adobe-garamond-pro';\n --font-family-buttons: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;\n --font-family-overline: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;\n --font-family-subtitle: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;\n --font-family-people-listing-role: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;\n --font-family-people-listing-name: 'adobe-garamond-pro';\n\n --font-feature-settings-altHeader: 'pnum' on, 'onum' on;\n --font-feature-settings-overline: 'tnum' on, 'lnum' on, 'liga' off, 'calt' off;\n --font-feature-settings-navigation: 'tnum' on, 'lnum' on, 'liga' off, 'calt' off;\n\n --text-transform-altHeader: none;\n --text-transform-overline: uppercase;\n\n --word-break-header: break-word;\n --word-break-altHeader: break-word;\n --word-break-body: break-word;\n --word-break-overline: break-word;\n --word-break-subtitle: break-word;\n\n --font-family-navigation: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;\n --font-size-navigation: 13px;\n --font-weight-navigation: 500;\n --line-height-navigation: 16px;\n --text-transform-navigation: uppercase;\n --letter-spacing-navigation: 1px;\n\n --navigation-small-gap: 16px;\n --navigation-middle-gap: 20px;\n --navigation-large-gap: 24px;\n --navigation-xlarge-gap: 36px;\n --navigation-large-margin: 60px;\n\n --font-size-search: 24px;\n --font-family-search: 'adobe-garamond-pro';\n\n --grid-outer-margin: 50px;\n --grid-template-columns: 14px calc(10% - 86px) repeat(12, minmax(0, 1fr)) calc(10% - 86px) 14px;\n\n --footer-height: 380px;\n --footer-padding-top: 44px;\n --footer-padding-bottom: 44px;\n --footer-items-gap: 32px;\n --footer-media-gap: 32px;\n --footer-media-icon-width: 24px;\n --footer-media-icon-height: 24px;\n --footer-vertical-spacing-lg: 58px;\n --footer-vertical-spacing-sm: 16px;\n\n --text-link-underline-offset: 8px;\n --cards-spacing-stack: 40px;\n\n --editorial-subtitle-margin-bottom: 16px;\n --editorial-margin-between: 24px;\n --editorial-spacing-hover: 4px;\n --anchor-tabs-height: 70px;\n\n --font-family-sans: 'GreyLLTT', 'Roboto', sans-serif;\n --font-family-serif: 'VictorSerif', 'Inria Serif Regular', serif;\n\n --harmonic-text-link-underline-offset: 6px;\n --harmonic-font-size-navigation: 19px;\n\n --announcement-banner-color: var(--color-base-white);\n --announcement-banner-bg-color: var(--color-primary-red);\n --announcement-banner-hover-color: var(--color-white-hovered);\n --announcement-banner-pressed-color: var(--color-white-pressed);\n\n --information-panel-color: var(--color-base-white);\n --information-panel-bg-color: var(--color-primary-red);\n --information-panel-button-color: var(--color-primary-black);\n --information-panel-button-bg-color: var(--color-base-white);\n --information-panel-button-hover-color: var(--color-white-hovered);\n --information-panel-button-pressed-color: var(--color-white-pressed);\n\n --heading-promo-bg-color: var(--color-primary-red);\n --page-header-bg-color: var(--color-primary-red);\n\n @media (max-width: 699px) {\n --font-size-header-1: 38px;\n --font-weight-header-1: 500;\n --letter-spacing-header-1: 1px;\n --line-height-header-1: 42px;\n\n --font-size-header-2: 30px;\n --font-weight-header-2: 500;\n --letter-spacing-header-2: 1px;\n --line-height-header-2: 34px;\n\n --font-size-header-3: 26px;\n --font-weight-header-3: 500;\n --letter-spacing-header-3: 1px;\n --line-height-header-3: 30px;\n\n --font-size-header-4: 24px;\n --font-weight-header-4: 500;\n --letter-spacing-header-4: 1px;\n --line-height-header-4: 28px;\n\n --font-size-header-5: 20px;\n --font-weight-header-5: 500;\n --letter-spacing-header-5: 1px;\n --line-height-header-5: 28px;\n\n --font-size-header-6: 17px;\n --font-weight-header-6: 500;\n --letter-spacing-header-6: 1px;\n --line-height-header-6: 24px;\n\n --font-size-altHeader-3: 26px;\n --font-weight-altHeader-3: normal;\n --letter-spacing-altHeader-3: normal;\n --line-height-altHeader-3: 30px;\n\n --font-size-altHeader-4: 24px;\n --font-weight-altHeader-4: normal;\n --letter-spacing-altHeader-4: normal;\n --line-height-altHeader-4: 28px;\n\n --font-size-altHeader-5: 20px;\n --font-weight-altHeader-5: normal;\n --letter-spacing-altHeader-5: normal;\n --line-height-altHeader-5: 28px;\n\n --font-size-altHeader-6: 17px;\n --font-weight-altHeader-6: normal;\n --letter-spacing-altHeader-6: normal;\n --line-height-altHeader-6: 24px;\n\n --font-size-overline-1: 14px;\n --font-weight-overline-1: 500;\n --letter-spacing-overline-1: 1px;\n --line-height-overline-1: 16px;\n\n --font-size-overline-2: 12px;\n --font-weight-overline-2: 500;\n --letter-spacing-overline-2: 1px;\n --line-height-overline-2: 14px;\n\n --font-size-body-1: 17px;\n --font-weight-body-1: 400;\n --letter-spacing-body-1: normal;\n --line-height-body-1: 24px;\n\n --font-size-body-2: 12px;\n --font-weight-body-2: 400;\n --letter-spacing-body-2: normal;\n --line-height-body-2: 18px;\n\n --font-size-body-3: 11px;\n --font-weight-body-3: 400;\n --letter-spacing-body-3: normal;\n --line-height-body-3: 16px;\n\n --font-size-subtitle-1: 16px;\n --font-weight-subtitle-1: 500;\n --letter-spacing-subtitle-1: 1px;\n --line-height-subtitle-1: 24px;\n\n --font-size-subtitle-2: 14px;\n --font-weight-subtitle-2: 500;\n --letter-spacing-subtitle-2: 1px;\n --line-height-subtitle-2: 18px;\n\n --font-size-title-description: 17px;\n --line-height-title-description: 24px;\n --line-height-people-listing-gap: 16px;\n\n --font-size-search: 20px;\n --font-family-search: 'adobe-garamond-pro';\n\n --font-family-header: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;\n --font-family-altHeader: 'adobe-garamond-pro';\n --font-family-body: 'adobe-garamond-pro';\n --font-family-body-italics: 'adobe-garamond-pro';\n --font-family-buttons: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;\n --font-family-overline: 'Gotham SSm Medium', sans-serif;\n --font-family-subtitle: 'Gotham SSm Medium', 'Montserrat', sans-serif;\n --font-family-people-listing-role: 'Gotham SSm A', 'Gotham SSm B', 'Montserrat', sans-serif;\n --font-family-people-listing-name: 'adobe-garamond-pro';\n\n --font-feature-settings-altHeader: 'pnum' on, 'onum' on;\n --font-feature-settings-overline: 'tnum' on, 'lnum' on, 'liga' off, 'calt' off;\n --font-feature-settings-navigation: 'tnum' on, 'lnum' on, 'liga' off, 'calt' off;\n\n --text-transform-altHeader: none;\n --text-transform-overline: uppercase;\n\n --word-break-header: break-word;\n --word-break-altHeader: break-word;\n --word-break-body: break-word;\n --word-break-overline: break-word;\n --word-break-subtitle: break-word;\n\n --grid-template-columns: calc(20px - 12px) repeat(12, minmax(0, 1fr)) calc(20px - 12px);\n\n --footer-height: auto;\n --footer-padding-top: 20px;\n --footer-padding-bottom: 20px;\n --footer-items-gap: 12px;\n --footer-media-icon-width: 28px;\n --footer-media-icon-height: 28px;\n --footer-vertical-spacing-lg: 24px;\n --footer-vertical-spacing-sm: 24px;\n\n --anchor-tabs-height: 60px;\n }\n\n @media (min-width: 700px) and (max-width: 1139px) {\n --grid-template-columns: calc(32px - 20px) repeat(12, minmax(0, 1fr)) calc(32px - 20px);\n --font-size-header-6: 17px;\n --font-size-altHeader-4: 24px;\n --font-size-body-1: 17px;\n\n --footer-media-gap: 24px;\n --footer-padding-top: 40px;\n --footer-padding-bottom: 40px;\n }\n}\n";
6752
6753
  var coreThemeStyles = {"coreTheme":"core-theme-module_coreTheme__pWxYB"};
6753
6754
  styleInject(css_248z$3);
6754
6755
 
6755
- var css_248z$4 = ".stream-theme-module_streamTheme__lTfqQ {\n /* Stream theme overrides */\n --base-color-primary: #1a1a1a;\n --color-primary: #1a1a1a;\n --color-primary-background: #1a1a1a;\n --color-primary-button: #1a1a1a;\n --color-secondary-button: #ffffff;\n --color-tertiary-button: transparent;\n --color-auxiliary-button: transparent;\n --color-primary-button-reverse-bg: #1a1a1a;\n --color-primary-button-reverse: #ffffff;\n\n --button-color: var(--color-base-white);\n --button-bg-color: var(--color-primary-black);\n --button-hover-color: var(--color-black-hovered);\n --button-pressed-color: var(--color-black-pressed);\n --button-secondary-color: var(--color-primary-black);\n --button-secondary-hover-color: var(--color-black-hovered);\n --button-secondary-pressed-color: var(--color-black-pressed);\n --button-tertiary-color: var(--color-primary-black);\n --button-tertiary-hover-color: var(--color-rbo-black-hovered);\n --button-tertiary-pressed-color: var(--color-rbo-black-pressed);\n --button-anchor-tab-color: var(--color-primary-black);\n\n --rotator-button-color: var(--color-base-black);\n --rotator-button-bg-color: var(--color-base-light-grey);\n --rotator-button-hover-color: var(--color-base-white);\n --rotator-button-hover-bg-color: var(--color-primary-black);\n\n --announcement-banner-color: var(--color-base-white);\n --announcement-banner-bg-color: var(--color-primary-black);\n --announcement-banner-hover-color: var(--color-white-hovered);\n --announcement-banner-pressed-color: var(--color-white-pressed);\n\n --information-panel-color: var(--color-base-white);\n --information-panel-bg-color: var(--color-primary-black);\n\n --heading-promo-bg-color: var(--color-base-black);\n --page-header-bg-color: var(--color-primary-black);\n}\n";
6756
+ var css_248z$4 = ".stream-theme-module_streamTheme__lTfqQ {\n /* Stream theme overrides */\n --base-color-primary: #1a1a1a;\n --color-primary: #1a1a1a;\n --color-primary-background: #1a1a1a;\n --color-primary-button: #1a1a1a;\n --color-secondary-button: #ffffff;\n --color-tertiary-button: transparent;\n --color-auxiliary-button: transparent;\n --color-primary-button-reverse-bg: #1a1a1a;\n --color-primary-button-reverse: #ffffff;\n\n --button-color: var(--color-base-white);\n --button-bg-color: var(--color-primary-black);\n --button-hover-color: var(--color-black-hovered);\n --button-pressed-color: var(--color-black-pressed);\n --button-secondary-color: var(--color-primary-black);\n --button-secondary-hover-color: var(--color-black-hovered);\n --button-secondary-pressed-color: var(--color-black-pressed);\n --button-tertiary-color: var(--color-primary-black);\n --button-tertiary-hover-color: var(--color-rbo-black-hovered);\n --button-tertiary-pressed-color: var(--color-rbo-black-pressed);\n --button-anchor-tab-color: var(--color-primary-black);\n\n --rotator-button-color: var(--color-base-black);\n --rotator-button-bg-color: var(--color-base-light-grey);\n --rotator-button-hover-color: var(--color-base-white);\n --rotator-button-hover-bg-color: var(--color-primary-black);\n\n --announcement-banner-color: var(--color-base-white);\n --announcement-banner-bg-color: var(--color-primary-black);\n --announcement-banner-hover-color: var(--color-white-hovered);\n --announcement-banner-pressed-color: var(--color-white-pressed);\n\n --information-panel-color: var(--color-base-white);\n --information-panel-bg-color: var(--color-primary-black);\n\n --heading-promo-bg-color: var(--color-base-black);\n --page-header-bg-color: var(--color-primary-black);\n\n --upsell-border-color: var(--color-primary-black);\n}\n";
6756
6757
  var streamThemeStyles = {"streamTheme":"stream-theme-module_streamTheme__lTfqQ"};
6757
6758
  styleInject(css_248z$4);
6758
6759
 
6759
- var css_248z$5 = ".cinema-theme-module_cinemaTheme__f5QFs {\n /* White */\n --base-color-primary: #1a1a1a;\n --color-primary: #1a1a1a;\n --color-primary-button: #ffffff;\n --color-primary-background: #1a1a1a;\n --color-primary-button-reverse-bg: #ffffff;\n --color-primary-button-reverse: #1a1a1a;\n --color-secondary-button: #ffffff;\n --color-tertiary-button: transparent;\n --color-auxiliary-button: transparent;\n --color-white-hovered: #fafafa;\n --color-white-pressed: #f2f2f2;\n\n --button-color: var(--color-primary-black);\n --button-bg-color: var(--color-base-white);\n --button-hover-color: var(--color-white-hovered);\n --button-pressed-color: var(--color-white-pressed);\n --button-secondary-color: var(--color-base-white);\n --button-secondary-hover-color: var(--color-white-hovered);\n --button-secondary-pressed-color: var(--color-white-pressed);\n --button-tertiary-color: var(--color-base-white);\n --button-tertiary-hover-color: var(--color-white-hovered);\n --button-tertiary-pressed-color: var(--color-white-pressed);\n --button-anchor-tab-color: var(--color-primary-black);\n\n --rotator-button-color: var(--color-primary-black);\n --rotator-button-bg-color: var(--color-base-light-grey);\n --rotator-button-hover-color: var(--color-base-white);\n --rotator-button-hover-bg-color: var(--color-primary-black);\n\n --announcement-banner-color: var(--color-primary-red);\n --announcement-banner-bg-color: var(--color-base-white);\n --announcement-banner-hover-color: var(--color-rbo-red-hovered);\n --announcement-banner-pressed-color: var(--color-rbo-red-pressed);\n\n --information-panel-color: var(--color-primary-black);\n --information-panel-bg-color: var(--color-base-white);\n --information-panel-button-color: var(--color-base-white);\n --information-panel-button-bg-color: var(--color-primary-red);\n --information-panel-button-hover-color: var(--color-rbo-red-hovered);\n --information-panel-button-pressed-color: var(--color-rbo-red-pressed);\n\n --heading-promo-bg-color: var(--color-base-white);\n --page-header-bg-color: var(--color-primary-black);\n}\n";
6760
+ var css_248z$5 = ".cinema-theme-module_cinemaTheme__f5QFs {\n /* White */\n --base-color-primary: #1a1a1a;\n --color-primary: #1a1a1a;\n --color-primary-button: #ffffff;\n --color-primary-background: #1a1a1a;\n --color-primary-button-reverse-bg: #ffffff;\n --color-primary-button-reverse: #1a1a1a;\n --color-secondary-button: #ffffff;\n --color-tertiary-button: transparent;\n --color-auxiliary-button: transparent;\n --color-white-hovered: #fafafa;\n --color-white-pressed: #f2f2f2;\n\n --button-color: var(--color-primary-black);\n --button-bg-color: var(--color-base-white);\n --button-hover-color: var(--color-white-hovered);\n --button-pressed-color: var(--color-white-pressed);\n --button-secondary-color: var(--color-base-white);\n --button-secondary-hover-color: var(--color-white-hovered);\n --button-secondary-pressed-color: var(--color-white-pressed);\n --button-tertiary-color: var(--color-base-white);\n --button-tertiary-hover-color: var(--color-white-hovered);\n --button-tertiary-pressed-color: var(--color-white-pressed);\n --button-anchor-tab-color: var(--color-primary-black);\n\n --rotator-button-color: var(--color-primary-black);\n --rotator-button-bg-color: var(--color-base-light-grey);\n --rotator-button-hover-color: var(--color-base-white);\n --rotator-button-hover-bg-color: var(--color-primary-black);\n\n --announcement-banner-color: var(--color-primary-red);\n --announcement-banner-bg-color: var(--color-base-white);\n --announcement-banner-hover-color: var(--color-rbo-red-hovered);\n --announcement-banner-pressed-color: var(--color-rbo-red-pressed);\n\n --information-panel-color: var(--color-primary-black);\n --information-panel-bg-color: var(--color-base-white);\n --information-panel-button-color: var(--color-base-white);\n --information-panel-button-bg-color: var(--color-primary-red);\n --information-panel-button-hover-color: var(--color-rbo-red-hovered);\n --information-panel-button-pressed-color: var(--color-rbo-red-pressed);\n\n --heading-promo-bg-color: var(--color-base-white);\n --page-header-bg-color: var(--color-primary-black);\n\n --upsell-border-color: var(--color-primary-black);\n};";
6760
6761
  var cinemaThemeStyles = {"cinemaTheme":"cinema-theme-module_cinemaTheme__f5QFs"};
6761
6762
  styleInject(css_248z$5);
6762
6763
 
@@ -9292,773 +9293,213 @@ var SelectComponent$1 = function SelectComponent(_ref) {
9292
9293
  })));
9293
9294
  };
9294
9295
 
9295
- var colors = {
9296
- core: '#C8102E',
9297
- stream: '#1866DC',
9298
- cinema: '#1A1A1A'
9296
+ var _templateObject$15, _templateObject3$G, _templateObject4$y, _templateObject5$s, _templateObject6$l, _templateObject7$h;
9297
+ var Wrapper$6 = /*#__PURE__*/styled.div(_templateObject$15 || (_templateObject$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--color-base-light-grey);\n padding: 40px 20px;\n position: relative;\n display: flex;\n flex-direction: column;\n gap: 20px;\n align-items: stretch;\n"])));
9298
+ var PromoLabel = /*#__PURE__*/styled(BodyCopyHarmonic)(_templateObject3$G || (_templateObject3$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: var(--upsell-border-color);\n padding: 6px 8px;\n width: fit-content;\n display: flex;\n justify-content: center;\n align-items: center;\n position: absolute;\n right: 20px;\n top: 0;\n width: auto;\n margin: auto;\n\n && {\n color: var(--color-base-white);\n }\n\n font-feature-settings:\n 'tnum' on,\n 'lnum' on,\n 'liga' off,\n 'calt' off;\n text-align: center;\n"])));
9299
+ var ButtonContainer = /*#__PURE__*/styled.div(_templateObject4$y || (_templateObject4$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: auto;\n padding-top: 10px;\n width: fit-content;\n display: flex;\n flex-direction: row;\n gap: 20px;\n\n @media ", " {\n width: 100%;\n flex-direction: column;\n gap: 16px;\n }\n\n ", "\n\n @media ", " {\n a {\n text-align: center;\n }\n }\n"])), function (_ref) {
9300
+ var stackCtasEarly = _ref.stackCtasEarly;
9301
+ return stackCtasEarly ? devices.smallDesktop + ", " + devices.mobileAndTablet : devices.mobile;
9302
+ }, function (_ref2) {
9303
+ var stackCtasEarly = _ref2.stackCtasEarly;
9304
+ return stackCtasEarly && "\n @media " + devices.smallDesktop + ", " + devices.mobileAndTablet + " {\n * {\n width: 100%;\n }\n }\n ";
9305
+ }, devices.mobileAndTablet);
9306
+ var TitleContainer$3 = /*#__PURE__*/styled.div(_templateObject5$s || (_templateObject5$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--color-primary-black);\n display: flex;\n flex-direction: column;\n gap: 10px;\n align-items: stretch;\n"])));
9307
+ var PriceRow = /*#__PURE__*/styled.div(_templateObject6$l || (_templateObject6$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n gap: 6px 12px;\n"])));
9308
+ var LineThrough = /*#__PURE__*/styled(HarmonicHeader)(_templateObject7$h || (_templateObject7$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-decoration-line: line-through;\n color: var(--color-base-dark-grey);\n"])));
9309
+
9310
+ // Set max. character length
9311
+ var setMaxCharLength = function setMaxCharLength(value, maxLength) {
9312
+ return value.slice(0, maxLength);
9299
9313
  };
9300
- var commonColors = {
9301
- black: '#1A1A1A',
9302
- white: '#FFFFFF',
9303
- darkgrey: '#727272',
9304
- midgrey: '#B2B2B2',
9305
- lightgrey: '#F0F0F0',
9306
- error: '#C8102E',
9307
- medium: '#D79233',
9308
- good: '#4EAA33',
9309
- progress: '#1866DC',
9310
- navigation: '#C8102E',
9311
- lemonChiffon: '#fffbbe',
9312
- lapisLazuli: '#0060a0',
9313
- blue: '#1866DC',
9314
- red: '#C8102E'
9314
+ // Format price to contain £ if not already present
9315
+ var formatPrice = function formatPrice(value) {
9316
+ if (Number.isNaN(Number(value))) return value != null ? value : '';
9317
+ return "\xA3" + Number(value).toFixed(2);
9315
9318
  };
9316
- var fontFamilies = {
9317
- adobeGaramondPro: 'adobe-garamond-pro',
9318
- adobeGaramondProItalics: 'adobe-garamond-pro',
9319
- gothamSSmMedium: '"Gotham SSm A","Gotham SSm B","Montserrat",sans-serif',
9320
- gothamSSm: '"Gotham SSm A","Gotham SSm B","Montserrat",sans-serif',
9321
- sabonNextLTProRegular: 'Sabon Next LT Pro Regular',
9322
- sabonNextLTProRegularItalics: 'Sabon Next LT Pro Regular Italics',
9323
- sansSerifFallback: 'Montserrat, sans-serif'
9319
+ var capitalizeFirstLetter = function capitalizeFirstLetter(string) {
9320
+ return string.substring(0, 1).toUpperCase() + string.substring(1);
9324
9321
  };
9325
- var common = {
9326
- fonts: {
9327
- desktop: {
9328
- sizes: {
9329
- headers: {
9330
- 1: '96px',
9331
- 2: '68px',
9332
- 3: '44px',
9333
- 4: '34px',
9334
- 5: '24px',
9335
- 6: '20px'
9336
- },
9337
- altHeaders: {
9338
- 3: '44px',
9339
- 4: '34px',
9340
- 5: '24px',
9341
- 6: '20px'
9342
- },
9343
- subtitles: {
9344
- 1: '18px',
9345
- 2: '14px'
9346
- },
9347
- titleDescription: '20px',
9348
- body: {
9349
- 1: '19px',
9350
- 2: '16px',
9351
- 3: '14px'
9352
- },
9353
- listing: '19px',
9354
- buttons: '14px',
9355
- overline: {
9356
- 1: '14px',
9357
- 2: '12px',
9358
- 3: '10px',
9359
- 4: '8px'
9360
- },
9361
- navigation: '13px',
9362
- search: '24px'
9363
- },
9364
- letterSpacing: {
9365
- headers: {
9366
- 1: '2px',
9367
- 2: '1px',
9368
- 3: '1px',
9369
- 4: '1px',
9370
- 5: '1px',
9371
- 6: '1px'
9372
- },
9373
- altHeaders: {
9374
- 3: 'normal',
9375
- 4: 'normal',
9376
- 5: 'normal',
9377
- 6: 'normal'
9378
- },
9379
- overline: {
9380
- 1: '1px',
9381
- 2: '1px',
9382
- 3: '1px',
9383
- 4: '1px'
9384
- },
9385
- subtitles: {
9386
- 1: '1px',
9387
- 2: '1px'
9388
- },
9389
- body: {
9390
- 1: 'normal',
9391
- 2: 'normal',
9392
- 3: 'normal'
9393
- },
9394
- navigation: '1px'
9322
+
9323
+ /* eslint-disable react/no-danger */
9324
+ var OfferText = function OfferText(_ref) {
9325
+ var title = _ref.title,
9326
+ description = _ref.description;
9327
+ return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(HarmonicSubtitle, null, title), description && /*#__PURE__*/React__default.createElement(BodyCopyHarmonic, {
9328
+ size: "large",
9329
+ dangerouslySetInnerHTML: {
9330
+ __html: description
9331
+ }
9332
+ }));
9333
+ };
9334
+
9335
+ var LENGTH_SMALL_TEXT$2 = 19;
9336
+ var OFFER_TEXTS_LIMIT = 3;
9337
+ var FLAG_CHAR_LIMIT = 30;
9338
+ var UpsellCard = function UpsellCard(_ref) {
9339
+ var _ref$title = _ref.title,
9340
+ title = _ref$title === void 0 ? '' : _ref$title,
9341
+ subTitle = _ref.subTitle,
9342
+ price = _ref.price,
9343
+ promoPrice = _ref.promoPrice,
9344
+ flag = _ref.flag,
9345
+ offerTexts = _ref.offerTexts,
9346
+ link = _ref.link,
9347
+ secondaryLink = _ref.secondaryLink,
9348
+ _ref$stackCtasEarly = _ref.stackCtasEarly,
9349
+ stackCtasEarly = _ref$stackCtasEarly === void 0 ? false : _ref$stackCtasEarly,
9350
+ _ref$theme = _ref.theme,
9351
+ theme = _ref$theme === void 0 ? ThemeType.Core : _ref$theme,
9352
+ _ref$secondaryTheme = _ref.secondaryTheme,
9353
+ secondaryTheme = _ref$secondaryTheme === void 0 ? ThemeType.Core : _ref$secondaryTheme;
9354
+ var truncate = function truncate(str, n) {
9355
+ return str.length >= n ? str.slice(0, n) : str;
9356
+ };
9357
+ var reducedOfferTexts = offerTexts == null ? void 0 : offerTexts.slice(0, OFFER_TEXTS_LIMIT);
9358
+ return /*#__PURE__*/React__default.createElement(HarmonicThemeProvider, {
9359
+ theme: theme
9360
+ }, /*#__PURE__*/React__default.createElement(Wrapper$6, null, flag && (/*#__PURE__*/React__default.createElement(PromoLabel, {
9361
+ tag: "div",
9362
+ size: "small"
9363
+ }, setMaxCharLength(flag, FLAG_CHAR_LIMIT))), /*#__PURE__*/React__default.createElement(TitleContainer$3, null, /*#__PURE__*/React__default.createElement(HarmonicHeader, {
9364
+ tag: "div",
9365
+ size: "small",
9366
+ serif: true
9367
+ }, title), subTitle && /*#__PURE__*/React__default.createElement(BodyCopyHarmonic, {
9368
+ size: "large"
9369
+ }, subTitle), promoPrice ? (/*#__PURE__*/React__default.createElement(PriceRow, null, /*#__PURE__*/React__default.createElement(LineThrough, {
9370
+ tag: "p",
9371
+ size: "small",
9372
+ serif: true
9373
+ }, formatPrice(price)), /*#__PURE__*/React__default.createElement(HarmonicHeader, {
9374
+ tag: "p",
9375
+ size: "small",
9376
+ serif: true
9377
+ }, formatPrice(promoPrice)))) : (/*#__PURE__*/React__default.createElement(PriceRow, null, /*#__PURE__*/React__default.createElement(HarmonicHeader, {
9378
+ tag: "p",
9379
+ size: "small",
9380
+ serif: true
9381
+ }, formatPrice(price))))), (reducedOfferTexts == null ? void 0 : reducedOfferTexts.length) && reducedOfferTexts.map(function (offerText, index) {
9382
+ return /*#__PURE__*/React__default.createElement(OfferText, {
9383
+ key: "offer-" + index,
9384
+ title: offerText.title,
9385
+ description: offerText.description
9386
+ });
9387
+ }), ((link == null ? void 0 : link.text) || (secondaryLink == null ? void 0 : secondaryLink.text)) && (/*#__PURE__*/React__default.createElement(ButtonContainer, {
9388
+ stackCtasEarly: stackCtasEarly
9389
+ }, (link == null ? void 0 : link.text) && /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, link), truncate(link.text, LENGTH_SMALL_TEXT$2)), (secondaryLink == null ? void 0 : secondaryLink.text) && (/*#__PURE__*/React__default.createElement(HarmonicThemeProvider, {
9390
+ theme: secondaryTheme
9391
+ }, /*#__PURE__*/React__default.createElement(SecondaryButton, Object.assign({}, secondaryLink), truncate(secondaryLink.text, LENGTH_SMALL_TEXT$2))))))));
9392
+ };
9393
+
9394
+ var _templateObject$16, _templateObject2$Q;
9395
+ var Wrapper$7 = /*#__PURE__*/styled.figure(_templateObject$16 || (_templateObject$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n margin: 0;\n\n ", " {\n height: calc(100% - 34px);\n @supports not (aspect-ratio: ", ") {\n width: ", ";\n }\n\n @media ", " {\n height: calc(100% - 30px);\n @supports not (aspect-ratio: ", ") {\n width: ", ";\n }\n }\n }\n"])), StyledImageAspectRatioWrapper, function (_ref) {
9396
+ var _ref$aspectRatio = _ref.aspectRatio,
9397
+ aspectRatio = _ref$aspectRatio === void 0 ? AspectRatio['1:1'] : _ref$aspectRatio;
9398
+ return aspectRatio;
9399
+ }, function (_ref2) {
9400
+ var _ref2$aspectRatio = _ref2.aspectRatio,
9401
+ aspectRatio = _ref2$aspectRatio === void 0 ? AspectRatio['1:1'] : _ref2$aspectRatio,
9402
+ height = _ref2.height;
9403
+ return "calc(calc(" + height + "px - 34px) * " + AspectRatioWidth[aspectRatio] + ")";
9404
+ }, devices.mobile, function (_ref3) {
9405
+ var _ref3$aspectRatio = _ref3.aspectRatio,
9406
+ aspectRatio = _ref3$aspectRatio === void 0 ? AspectRatio['1:1'] : _ref3$aspectRatio;
9407
+ return aspectRatio;
9408
+ }, function (_ref4) {
9409
+ var _ref4$aspectRatio = _ref4.aspectRatio,
9410
+ aspectRatio = _ref4$aspectRatio === void 0 ? AspectRatio['1:1'] : _ref4$aspectRatio,
9411
+ height = _ref4.height;
9412
+ return "calc(calc(" + height + "px - 30px) * " + AspectRatioWidth[aspectRatio] + ")";
9413
+ });
9414
+ var CaptionWrapper = /*#__PURE__*/styled(Caption)(_templateObject2$Q || (_templateObject2$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n margin-top: 12px;\n max-width: var(--caption-max-width, 100%);\n width: 100%;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n overflow-wrap: normal;\n }\n height: 22px;\n font-feature-settings: var(--font-feature-settings-body);\n text-transform: var(--text-transform-body);\n word-break: var(--word-break-body);\n\n @media ", " {\n height: 18px;\n }\n"])), devices.mobile);
9415
+
9416
+ var ImageWithCaption = function ImageWithCaption(_ref) {
9417
+ var caption = _ref.caption,
9418
+ altText = _ref.altText,
9419
+ children = _ref.children,
9420
+ aspectRatio = _ref.aspectRatio;
9421
+ var wrapperRef = useRef(null);
9422
+ var imgRef = useRef(null);
9423
+ var _useState = useState(0),
9424
+ height = _useState[0],
9425
+ setHeight = _useState[1];
9426
+ var updateWrapperHeight = React__default.useCallback(function () {
9427
+ var _wrapperRef$current;
9428
+ setHeight((wrapperRef == null || (_wrapperRef$current = wrapperRef.current) == null ? void 0 : _wrapperRef$current.offsetHeight) || 0);
9429
+ }, []);
9430
+ var updateCaptionWidth = React__default.useCallback(function () {
9431
+ var img = imgRef.current;
9432
+ var wrapper = wrapperRef.current;
9433
+ if (img && wrapper) {
9434
+ var w = img.getBoundingClientRect().width;
9435
+ wrapper.style.setProperty('--caption-max-width', Math.round(w) + "px");
9436
+ }
9437
+ }, []);
9438
+ useEffect(function () {
9439
+ updateWrapperHeight();
9440
+ updateCaptionWidth();
9441
+ window.addEventListener('resize', updateWrapperHeight);
9442
+ window.addEventListener('resize', updateCaptionWidth);
9443
+ var imageResizeObserver = null;
9444
+ if (typeof ResizeObserver !== 'undefined' && imgRef.current) {
9445
+ imageResizeObserver = new ResizeObserver(updateCaptionWidth);
9446
+ imageResizeObserver.observe(imgRef.current);
9447
+ }
9448
+ return function () {
9449
+ window.removeEventListener('resize', updateWrapperHeight);
9450
+ window.removeEventListener('resize', updateCaptionWidth);
9451
+ if (imageResizeObserver && imgRef.current) imageResizeObserver.unobserve(imgRef.current);
9452
+ };
9453
+ }, [updateWrapperHeight, updateCaptionWidth]);
9454
+ var clonedChildren = React__default.Children.map(children, function (child) {
9455
+ if (! /*#__PURE__*/React__default.isValidElement(child)) return child;
9456
+ var childElement = child;
9457
+ var originalRef = child.ref;
9458
+ var newProps = {
9459
+ alt: altText,
9460
+ tabIndex: 0,
9461
+ onKeyDown: function onKeyDown(e) {
9462
+ if (e.key === 'Enter' || e.key === ' ') {
9463
+ var _imgRef$current;
9464
+ e.preventDefault();
9465
+ (_imgRef$current = imgRef.current) == null || _imgRef$current.click();
9466
+ }
9467
+ var originalOnKeyDownHandler = childElement.props.onKeyDown;
9468
+ if (originalOnKeyDownHandler) originalOnKeyDownHandler(e);
9395
9469
  },
9396
- lineHeights: {
9397
- headers: {
9398
- 1: '110px',
9399
- 2: '72px',
9400
- 3: '48px',
9401
- 4: '40px',
9402
- 5: '30px',
9403
- 6: '28px'
9404
- },
9405
- altHeaders: {
9406
- 3: '48px',
9407
- 4: '44px',
9408
- 5: '30px',
9409
- 6: '28px'
9410
- },
9411
- subtitles: {
9412
- 1: '22px',
9413
- 2: '22px'
9414
- },
9415
- titleDescription: '28px',
9416
- body: {
9417
- 1: '26px',
9418
- 2: '22px',
9419
- 3: '20px'
9420
- },
9421
- peopleListing: '24px',
9422
- listing: '36px',
9423
- buttons: '20px',
9424
- overline: {
9425
- 1: '16px',
9426
- 2: '14px',
9427
- 3: '12px',
9428
- 4: '10px'
9429
- },
9430
- navigation: '16px'
9431
- },
9432
- families: {
9433
- headers: fontFamilies.gothamSSmMedium,
9434
- altHeaders: fontFamilies.adobeGaramondPro,
9435
- subtitles: fontFamilies.gothamSSmMedium,
9436
- body: fontFamilies.adobeGaramondPro,
9437
- bodyItalics: fontFamilies.adobeGaramondProItalics,
9438
- listing: fontFamilies.adobeGaramondPro,
9439
- listingItalics: fontFamilies.adobeGaramondProItalics,
9440
- buttons: fontFamilies.gothamSSm,
9441
- overline: fontFamilies.gothamSSmMedium,
9442
- navigation: fontFamilies.gothamSSmMedium,
9443
- peopleListingRole: fontFamilies.gothamSSm,
9444
- search: fontFamilies.adobeGaramondPro
9445
- },
9446
- weights: {
9447
- headers: {
9448
- 1: '500',
9449
- 2: '500',
9450
- 3: '500',
9451
- 4: '500',
9452
- 5: '500',
9453
- 6: '500'
9454
- },
9455
- altHeaders: {
9456
- 3: 'normal',
9457
- 4: 'normal',
9458
- 5: 'normal',
9459
- 6: 'normal'
9460
- },
9461
- buttons: '400',
9462
- overline: {
9463
- 1: '500',
9464
- 2: '500',
9465
- 3: '500',
9466
- 4: '500'
9467
- },
9468
- body: {
9469
- 1: '400',
9470
- 2: '400',
9471
- 3: '400'
9472
- },
9473
- subtitles: {
9474
- 1: '500',
9475
- 2: '500'
9476
- },
9477
- navigation: '500'
9478
- },
9479
- transforms: {
9480
- headers: 'uppercase',
9481
- altHeaders: 'none',
9482
- overline: 'uppercase',
9483
- subtitles: 'uppercase',
9484
- body: 'none',
9485
- navigation: 'uppercase'
9486
- },
9487
- fontFeatureSettings: {
9488
- headers: "'tnum' on, 'lnum' on",
9489
- altHeaders: "'pnum' on, 'onum' on",
9490
- overline: "'tnum' on, 'lnum' on, 'liga' off, 'calt' off",
9491
- subtitles: "'tnum' on, 'lnum' on",
9492
- body: "'pnum' on, 'onum' on, 'liga' off",
9493
- navigation: "'tnum' on, 'lnum' on, 'liga' off, 'calt' off"
9494
- },
9495
- wordBreak: {
9496
- headers: 'break-word',
9497
- altHeaders: 'break-word',
9498
- overline: 'break-word',
9499
- subtitles: 'break-word',
9500
- body: 'break-word'
9501
- },
9502
- margins: {
9503
- headers: {
9504
- // These margins use the Chrome defaults to enable proper fallbacks when using semantic level -
9505
- // https://www.w3schools.com/cssref/css_default_values.php
9506
- 1: '0.67em 0',
9507
- 2: '0.83em 0',
9508
- 3: '1em 0',
9509
- 4: '1.33em 0',
9510
- 5: '1.67em 0',
9511
- 6: '2.33em 0'
9470
+ ref: function ref(node) {
9471
+ imgRef.current = node;
9472
+ if (node) updateCaptionWidth();
9473
+ if (!originalRef) return;
9474
+ if (typeof originalRef === 'function') {
9475
+ originalRef(node);
9476
+ } else {
9477
+ originalRef.current = node;
9512
9478
  }
9513
9479
  }
9514
- },
9515
- mobile: {
9516
- sizes: {
9517
- headers: {
9518
- 1: '38px',
9519
- 2: '30px',
9520
- 3: '26px',
9521
- 4: '24px',
9522
- 5: '20px',
9523
- 6: '17px'
9524
- },
9525
- altHeaders: {
9526
- 3: '26px',
9527
- 4: '24px',
9528
- 5: '20px',
9529
- 6: '17px'
9530
- },
9531
- subtitles: {
9532
- 1: '16px',
9533
- 2: '14px'
9534
- },
9535
- titleDescription: '17px',
9536
- body: {
9537
- 1: '17px',
9538
- 2: '12px',
9539
- 3: '11px'
9540
- },
9541
- listing: '16px',
9542
- buttons: '14px',
9543
- overline: {
9544
- 1: '14px',
9545
- 2: '12px',
9546
- 3: '10px',
9547
- 4: '8px'
9548
- },
9549
- navigation: '13px',
9550
- search: '20px'
9551
- },
9552
- letterSpacing: {
9553
- headers: {
9554
- 1: '1px',
9555
- 2: '1px',
9556
- 3: '1px',
9557
- 4: '1px',
9558
- 5: '1px',
9559
- 6: '1px'
9560
- },
9561
- altHeaders: {
9562
- 3: 'normal',
9563
- 4: 'normal',
9564
- 5: 'normal',
9565
- 6: 'normal'
9566
- },
9567
- overline: {
9568
- 1: '1px',
9569
- 2: '1px'
9570
- },
9571
- subtitles: {
9572
- 1: '1px',
9573
- 2: '1px'
9574
- },
9575
- body: {
9576
- 1: 'normal',
9577
- 2: 'normal',
9578
- 3: 'normal'
9579
- },
9580
- navigation: '1px'
9581
- },
9582
- lineHeights: {
9583
- headers: {
9584
- 1: '42px',
9585
- 2: '34px',
9586
- 3: '30px',
9587
- 4: '28px',
9588
- 5: '28px',
9589
- 6: '24px'
9590
- },
9591
- altHeaders: {
9592
- 3: '30px',
9593
- 4: '28px',
9594
- 5: '28px',
9595
- 6: '24px'
9596
- },
9597
- subtitles: {
9598
- 1: '24px',
9599
- 2: '18px'
9600
- },
9601
- titleDescription: '24px',
9602
- body: {
9603
- 1: '24px',
9604
- 2: '18px',
9605
- 3: '16px'
9606
- },
9607
- listing: '34px',
9608
- buttons: '20px',
9609
- overline: {
9610
- 1: '16px',
9611
- 2: '14px'
9612
- },
9613
- navigation: '16px'
9614
- },
9615
- families: {
9616
- headers: fontFamilies.gothamSSm,
9617
- altHeaders: fontFamilies.adobeGaramondPro,
9618
- subtitles: fontFamilies.gothamSSmMedium,
9619
- body: fontFamilies.adobeGaramondPro,
9620
- bodyItalics: fontFamilies.adobeGaramondProItalics,
9621
- listing: fontFamilies.adobeGaramondPro,
9622
- listingItalics: fontFamilies.adobeGaramondProItalics,
9623
- buttons: fontFamilies.gothamSSm,
9624
- overline: fontFamilies.gothamSSmMedium,
9625
- navigation: fontFamilies.gothamSSmMedium,
9626
- search: fontFamilies.adobeGaramondPro
9627
- },
9628
- weights: {
9629
- headers: {
9630
- 1: '500',
9631
- 2: '500',
9632
- 3: '500',
9633
- 4: '500',
9634
- 5: '500',
9635
- 6: '500'
9636
- },
9637
- altHeaders: {
9638
- 3: 'normal',
9639
- 4: 'normal',
9640
- 5: 'normal',
9641
- 6: 'normal'
9642
- },
9643
- buttons: '400',
9644
- overline: {
9645
- 1: '500',
9646
- 2: '500'
9647
- },
9648
- body: {
9649
- 1: '400',
9650
- 2: '400',
9651
- 3: '400'
9652
- },
9653
- subtitles: {
9654
- 1: '500',
9655
- 2: '500'
9656
- },
9657
- navigation: '500'
9658
- },
9659
- transforms: {
9660
- headers: 'uppercase',
9661
- altHeaders: 'none',
9662
- overline: 'uppercase',
9663
- subtitles: 'uppercase',
9664
- body: 'none',
9665
- navigation: 'uppercase'
9666
- },
9667
- fontFeatureSettings: {
9668
- headers: "'tnum' on, 'lnum' on",
9669
- altHeaders: "'pnum' on, 'onum' on",
9670
- overline: "'tnum' on, 'lnum' on, 'liga' off, 'calt' off",
9671
- subtitles: "'tnum' on, 'lnum' on",
9672
- body: "'pnum' on, 'onum' on, 'liga' off",
9673
- navigation: "'tnum' on, 'lnum' on, 'liga' off, 'calt' off"
9674
- },
9675
- wordBreak: {
9676
- headers: 'break-word',
9677
- altHeaders: 'break-word',
9678
- overline: 'break-word',
9679
- subtitles: 'break-word',
9680
- body: 'break-word'
9681
- }
9682
- },
9683
- tablet: {
9684
- sizes: {
9685
- headers: {
9686
- 6: '17px'
9687
- },
9688
- altHeaders: {
9689
- 4: '24px'
9690
- },
9691
- body: {
9692
- 1: '17px'
9693
- }
9694
- }
9695
- }
9696
- },
9697
- spacing: {
9698
- 1: '4px',
9699
- 2: '8px',
9700
- 3: '12px',
9701
- 4: '16px',
9702
- 5: '20px',
9703
- 6: '24px',
9704
- 7: '28px',
9705
- 8: '32px',
9706
- 9: '36px',
9707
- 10: '40px',
9708
- 12: '48px',
9709
- 15: '60px',
9710
- 18: '72px',
9711
- 20: '80px',
9712
- 30: '120px',
9713
- 35: '140px',
9714
- 40: '160px',
9715
- 45: '180px',
9716
- 50: '200px'
9717
- },
9718
- grid: {
9719
- mobile: {
9720
- margin: '20px',
9721
- outerMargin: '0',
9722
- gap: '12px'
9723
- },
9724
- tablet: {
9725
- margin: '32px',
9726
- outerMargin: '0',
9727
- gap: '20px'
9728
- },
9729
- desktop: {
9730
- margin: '10%',
9731
- outerMargin: '50px',
9732
- gap: '36px'
9733
- }
9734
- },
9735
- buttons: {
9736
- paddingX: '20px',
9737
- paddingY: '14px',
9738
- paddingYIcon: '12px',
9739
- iconWidth: '20px',
9740
- iconHeight: '20px',
9741
- iconMargin: '12px'
9742
- },
9743
- footer: {
9744
- desktop: {
9745
- height: '380px',
9746
- paddingTop: '44px',
9747
- paddingBottom: '44px',
9748
- itemsGap: '32px',
9749
- mediaGap: '24px',
9750
- mediaIconWidth: '24px',
9751
- mediaIconHeight: '24px',
9752
- verticalSpacingLarge: '58px',
9753
- verticalSpacingSmall: '16px'
9754
- },
9755
- tablet: {
9756
- paddingTop: '40px',
9757
- paddingBottom: '40px'
9758
- },
9759
- mobile: {
9760
- height: 'auto',
9761
- paddingTop: '20px',
9762
- paddingBottom: '20px',
9763
- itemsGap: '12px',
9764
- mediaGap: '32px',
9765
- mediaIconWidth: '28px',
9766
- mediaIconHeight: '28px',
9767
- verticalSpacingLarge: '24px',
9768
- verticalSpacingSmall: '24px'
9769
- }
9770
- }
9771
- };
9772
- var core = /*#__PURE__*/_extends({}, common, {
9773
- colors: /*#__PURE__*/_extends({}, commonColors, colors, {
9774
- primary: colors.core,
9775
- primaryButton: colors.core,
9776
- secondaryButton: colors.core,
9777
- tertiaryButton: 'transparent',
9778
- auxiliaryButton: 'transparent',
9779
- primaryButtonReverseBg: colors.cinema,
9780
- primaryButtonReverse: commonColors.white
9781
- })
9782
- });
9783
- var stream = /*#__PURE__*/_extends({}, common, {
9784
- colors: /*#__PURE__*/_extends({}, commonColors, colors, {
9785
- primary: colors.stream,
9786
- primaryButton: colors.stream,
9787
- primaryButtonReverseBg: colors.cinema,
9788
- primaryButtonReverse: commonColors.white,
9789
- secondaryButton: colors.stream,
9790
- tertiaryButton: 'transparent',
9791
- auxiliaryButton: 'transparent'
9792
- })
9793
- });
9794
- var cinema = /*#__PURE__*/_extends({}, common, {
9795
- colors: /*#__PURE__*/_extends({}, commonColors, colors, {
9796
- primary: colors.cinema,
9797
- primaryButton: commonColors.white,
9798
- primaryButtonReverseBg: commonColors.white,
9799
- primaryButtonReverse: colors.cinema,
9800
- secondaryButton: colors.cinema,
9801
- tertiaryButton: 'transparent',
9802
- auxiliaryButton: 'transparent'
9803
- })
9804
- });
9805
- var schools = /*#__PURE__*/_extends({}, common, {
9806
- colors: /*#__PURE__*/_extends({}, commonColors, colors, {
9807
- primary: colors.core,
9808
- primaryButton: colors.core,
9809
- primaryButtonReverseBg: colors.cinema,
9810
- primaryButtonReverse: commonColors.white,
9811
- secondaryButton: colors.core,
9812
- tertiaryButton: 'transparent',
9813
- auxiliaryButton: 'transparent'
9814
- }),
9815
- fonts: /*#__PURE__*/_extends({}, common.fonts, {
9816
- desktop: /*#__PURE__*/_extends({}, common.fonts.desktop, {
9817
- transforms: {
9818
- headers: 'none',
9819
- altHeaders: 'none',
9820
- overline: 'none',
9821
- subtitles: 'none',
9822
- body: 'none',
9823
- navigation: 'uppercase'
9824
- }
9825
- }),
9826
- mobile: /*#__PURE__*/_extends({}, common.fonts.mobile, {
9827
- transforms: {
9828
- headers: 'none',
9829
- altHeaders: 'none',
9830
- overline: 'none',
9831
- subtitles: 'none',
9832
- body: 'none',
9833
- navigation: 'uppercase'
9834
- }
9835
- })
9836
- })
9837
- });
9838
- var themes = {
9839
- core: core,
9840
- stream: stream,
9841
- cinema: cinema,
9842
- fontFamilies: fontFamilies,
9843
- schools: schools
9844
- };
9845
-
9846
- var Theme = function Theme(_ref) {
9847
- var children = _ref.children,
9848
- theme = _ref.theme;
9849
- var chosenTheme = themes[theme];
9850
- return /*#__PURE__*/React__default.createElement(ThemeProvider, {
9851
- theme: chosenTheme
9852
- }, children);
9853
- };
9854
-
9855
- var _templateObject$15, _templateObject2$Q, _templateObject3$G, _templateObject4$y, _templateObject5$s, _templateObject6$l, _templateObject7$h, _templateObject8$b;
9856
- var Wrapper$6 = /*#__PURE__*/styled.div(_templateObject$15 || (_templateObject$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-lightgrey);\n padding: 40px;\n\n display: block;\n position: relative;\n\n @media ", " {\n margin-top: 0;\n padding: 40px 20px;\n }\n"])), devices.tablet);
9857
- var PromoLabelWrapper = /*#__PURE__*/styled.div(_templateObject2$Q || (_templateObject2$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-self: flex-end;\n height: 15px;\n"])));
9858
- var PromoLabel = /*#__PURE__*/styled.div(_templateObject3$G || (_templateObject3$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: ", ";\n color: ", ";\n padding: 6px 8px;\n width: fit-content;\n display: flex;\n justify-content: center;\n align-items: center;\n position: absolute;\n right: 20px;\n top: 0;\n width: auto;\n margin: auto;\n font-family: var(--font-family-header);\n font-feature-settings:\n 'tnum' on,\n 'lnum' on,\n 'liga' off,\n 'calt' off;\n font-size: var(--font-size-overline-2);\n line-height: 12px;\n text-align: center;\n letter-spacing: 1px;\n text-transform: uppercase;\n"])), function (_ref) {
9859
- var theme = _ref.theme;
9860
- return theme.colors.primary;
9861
- }, Colors.White);
9862
- var ButtonContainer = /*#__PURE__*/styled.div(_templateObject4$y || (_templateObject4$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 2em;\n width: fit-content;\n display: flex;\n flex-direction: row;\n gap: 20px;\n\n @media ", " {\n width: 100%;\n flex-direction: column;\n gap: 16px;\n }\n\n ", "\n"])), function (_ref2) {
9863
- var stackCtasEarly = _ref2.stackCtasEarly;
9864
- return stackCtasEarly ? devices.smallDesktop + ", " + devices.mobileAndTablet : devices.mobile;
9865
- }, function (_ref3) {
9866
- var stackCtasEarly = _ref3.stackCtasEarly;
9867
- return stackCtasEarly && "\n @media " + devices.smallDesktop + ", " + devices.mobileAndTablet + " {\n * {\n width: 100%;\n }\n }\n ";
9868
- });
9869
- var TitleContainer$3 = /*#__PURE__*/styled.div(_templateObject5$s || (_templateObject5$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n & > * {\n margin-top: 0;\n margin-bottom: 0.5em;\n }\n"])));
9870
- var OfferTextWrapper = /*#__PURE__*/styled.div(_templateObject6$l || (_templateObject6$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n & > * {\n margin-bottom: 0.5em;\n }\n margin-bottom: 1em;\n"])));
9871
- var PriceRow = /*#__PURE__*/styled.div(_templateObject7$h || (_templateObject7$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n gap: 6px 12px;\n padding: 5px 0 8px 0;\n"])));
9872
- var LineThrough = /*#__PURE__*/styled.div(_templateObject8$b || (_templateObject8$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-decoration-line: line-through;\n color: var(--base-color-darkgrey);\n"])));
9873
-
9874
- // Set max. character length
9875
- var setMaxCharLength = function setMaxCharLength(value, maxLength) {
9876
- return value.slice(0, maxLength);
9877
- };
9878
- // Format price to contain £ if not already present
9879
- var formatPrice = function formatPrice(value) {
9880
- if (Number.isNaN(Number(value))) return value != null ? value : '';
9881
- return "\xA3" + Number(value).toFixed(2);
9882
- };
9883
- var capitalizeFirstLetter = function capitalizeFirstLetter(string) {
9884
- return string.substring(0, 1).toUpperCase() + string.substring(1);
9480
+ };
9481
+ return /*#__PURE__*/React__default.cloneElement(childElement, newProps);
9482
+ });
9483
+ return /*#__PURE__*/React__default.createElement(Wrapper$7, {
9484
+ aspectRatio: aspectRatio,
9485
+ ref: wrapperRef,
9486
+ height: height
9487
+ }, /*#__PURE__*/React__default.createElement(ImageAspectRatioWrapper, {
9488
+ aspectRatio: aspectRatio
9489
+ }, clonedChildren), caption && /*#__PURE__*/React__default.createElement(CaptionWrapper, {
9490
+ tag: "figcaption"
9491
+ }, caption));
9885
9492
  };
9886
9493
 
9887
- /* eslint-disable react/no-danger */
9888
- var OfferText = function OfferText(_ref) {
9889
- var title = _ref.title,
9890
- description = _ref.description;
9891
- return /*#__PURE__*/React__default.createElement(OfferTextWrapper, null, /*#__PURE__*/React__default.createElement(Overline, {
9892
- semanticLevel: 5,
9893
- level: 1
9894
- }, title), /*#__PURE__*/React__default.createElement(BodyText, {
9895
- level: 1
9896
- }, /*#__PURE__*/React__default.createElement("div", {
9897
- dangerouslySetInnerHTML: {
9898
- __html: description != null ? description : ''
9899
- }
9900
- })));
9901
- };
9494
+ var _templateObject$17, _templateObject2$R, _templateObject3$H, _templateObject4$z, _templateObject5$t, _templateObject6$m;
9495
+ var CardContainer$1 = /*#__PURE__*/styled.div(_templateObject$17 || (_templateObject$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n width: 100%;\n display: grid;\n grid-template-columns: repeat(7, minmax(0, 1fr));\n gap: 15px;\n min-height: 50px;\n"])));
9496
+ var ContentContainer$4 = /*#__PURE__*/styled.div(_templateObject2$R || (_templateObject2$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n"])));
9497
+ var StyledImage = /*#__PURE__*/styled.img(_templateObject3$H || (_templateObject3$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--base-color-white);\n"])));
9498
+ var ImageWrapper$1 = /*#__PURE__*/styled.div(_templateObject4$z || (_templateObject4$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
9499
+ var IconWrapper$3 = /*#__PURE__*/styled.div(_templateObject5$t || (_templateObject5$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: rgba(0, 0, 0, 0.4);\n position: absolute;\n top: 0;\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n span {\n width: 40px;\n height: 40px;\n @media ", " {\n width: 24px;\n height: 24px;\n }\n @media ", " {\n width: 18px;\n height: 18px;\n }\n }\n"])), devices.tablet, devices.mobile);
9500
+ var TitleWrapper$4 = /*#__PURE__*/styled.div(_templateObject6$m || (_templateObject6$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 8px;\n div {\n @media ", " {\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n"])), devices.mobile);
9902
9501
 
9903
- var LENGTH_SMALL_TEXT$2 = 19;
9904
- var OFFER_TEXTS_LIMIT = 3;
9905
- var FLAG_CHAR_LIMIT = 30;
9906
- var UpsellCard = function UpsellCard(_ref) {
9907
- var _ref$title = _ref.title,
9908
- title = _ref$title === void 0 ? '' : _ref$title,
9909
- subTitle = _ref.subTitle,
9910
- price = _ref.price,
9911
- promoPrice = _ref.promoPrice,
9912
- flag = _ref.flag,
9913
- offerTexts = _ref.offerTexts,
9914
- link = _ref.link,
9915
- secondaryLink = _ref.secondaryLink,
9916
- _ref$stackCtasEarly = _ref.stackCtasEarly,
9917
- stackCtasEarly = _ref$stackCtasEarly === void 0 ? false : _ref$stackCtasEarly,
9918
- _ref$theme = _ref.theme,
9919
- theme = _ref$theme === void 0 ? ThemeType.Core : _ref$theme,
9920
- _ref$secondaryTheme = _ref.secondaryTheme,
9921
- secondaryTheme = _ref$secondaryTheme === void 0 ? ThemeType.Core : _ref$secondaryTheme;
9922
- var truncate = function truncate(str, n) {
9923
- return str.length >= n ? str.slice(0, n) : str;
9924
- };
9925
- var reducedOfferTexts = offerTexts == null ? void 0 : offerTexts.slice(0, OFFER_TEXTS_LIMIT);
9926
- return /*#__PURE__*/React__default.createElement(Theme, {
9927
- theme: theme
9928
- }, /*#__PURE__*/React__default.createElement(Wrapper$6, null, flag && (/*#__PURE__*/React__default.createElement(PromoLabelWrapper, null, /*#__PURE__*/React__default.createElement(PromoLabel, null, setMaxCharLength(flag, FLAG_CHAR_LIMIT)))), /*#__PURE__*/React__default.createElement(TitleContainer$3, null, /*#__PURE__*/React__default.createElement(Subtitle, {
9929
- semanticLevel: 2,
9930
- level: 1
9931
- }, title), subTitle && (/*#__PURE__*/React__default.createElement(Overline, {
9932
- semanticLevel: 3,
9933
- level: 1
9934
- }, subTitle)), promoPrice ? (/*#__PURE__*/React__default.createElement(PriceRow, null, /*#__PURE__*/React__default.createElement(LineThrough, null, /*#__PURE__*/React__default.createElement(AltHeader, {
9935
- level: 4
9936
- }, formatPrice(price))), /*#__PURE__*/React__default.createElement(AltHeader, {
9937
- level: 4
9938
- }, formatPrice(promoPrice)))) : (/*#__PURE__*/React__default.createElement(PriceRow, null, /*#__PURE__*/React__default.createElement(AltHeader, {
9939
- level: 4
9940
- }, formatPrice(price))))), (reducedOfferTexts == null ? void 0 : reducedOfferTexts.length) && reducedOfferTexts.map(function (offerText, index) {
9941
- return /*#__PURE__*/React__default.createElement(OfferText, {
9942
- key: "offer-" + index,
9943
- title: offerText.title,
9944
- description: offerText.description
9945
- });
9946
- }), ((link == null ? void 0 : link.text) || (secondaryLink == null ? void 0 : secondaryLink.text)) && (/*#__PURE__*/React__default.createElement(ButtonContainer, {
9947
- stackCtasEarly: stackCtasEarly
9948
- }, (link == null ? void 0 : link.text) && /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, link), truncate(link.text, LENGTH_SMALL_TEXT$2)), (secondaryLink == null ? void 0 : secondaryLink.text) && (/*#__PURE__*/React__default.createElement(Theme, {
9949
- theme: secondaryTheme
9950
- }, /*#__PURE__*/React__default.createElement(SecondaryButton, Object.assign({}, secondaryLink), truncate(secondaryLink.text, LENGTH_SMALL_TEXT$2))))))));
9951
- };
9952
-
9953
- var _templateObject$16, _templateObject2$R;
9954
- var Wrapper$7 = /*#__PURE__*/styled.figure(_templateObject$16 || (_templateObject$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n margin: 0;\n\n ", " {\n height: calc(100% - 34px);\n @supports not (aspect-ratio: ", ") {\n width: ", ";\n }\n\n @media ", " {\n height: calc(100% - 30px);\n @supports not (aspect-ratio: ", ") {\n width: ", ";\n }\n }\n }\n"])), StyledImageAspectRatioWrapper, function (_ref) {
9955
- var _ref$aspectRatio = _ref.aspectRatio,
9956
- aspectRatio = _ref$aspectRatio === void 0 ? AspectRatio['1:1'] : _ref$aspectRatio;
9957
- return aspectRatio;
9958
- }, function (_ref2) {
9959
- var _ref2$aspectRatio = _ref2.aspectRatio,
9960
- aspectRatio = _ref2$aspectRatio === void 0 ? AspectRatio['1:1'] : _ref2$aspectRatio,
9961
- height = _ref2.height;
9962
- return "calc(calc(" + height + "px - 34px) * " + AspectRatioWidth[aspectRatio] + ")";
9963
- }, devices.mobile, function (_ref3) {
9964
- var _ref3$aspectRatio = _ref3.aspectRatio,
9965
- aspectRatio = _ref3$aspectRatio === void 0 ? AspectRatio['1:1'] : _ref3$aspectRatio;
9966
- return aspectRatio;
9967
- }, function (_ref4) {
9968
- var _ref4$aspectRatio = _ref4.aspectRatio,
9969
- aspectRatio = _ref4$aspectRatio === void 0 ? AspectRatio['1:1'] : _ref4$aspectRatio,
9970
- height = _ref4.height;
9971
- return "calc(calc(" + height + "px - 30px) * " + AspectRatioWidth[aspectRatio] + ")";
9972
- });
9973
- var CaptionWrapper = /*#__PURE__*/styled(Caption)(_templateObject2$R || (_templateObject2$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n margin-top: 12px;\n max-width: var(--caption-max-width, 100%);\n width: 100%;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n overflow-wrap: normal;\n }\n height: 22px;\n font-feature-settings: var(--font-feature-settings-body);\n text-transform: var(--text-transform-body);\n word-break: var(--word-break-body);\n\n @media ", " {\n height: 18px;\n }\n"])), devices.mobile);
9974
-
9975
- var ImageWithCaption = function ImageWithCaption(_ref) {
9976
- var caption = _ref.caption,
9977
- altText = _ref.altText,
9978
- children = _ref.children,
9979
- aspectRatio = _ref.aspectRatio;
9980
- var wrapperRef = useRef(null);
9981
- var imgRef = useRef(null);
9982
- var _useState = useState(0),
9983
- height = _useState[0],
9984
- setHeight = _useState[1];
9985
- var updateWrapperHeight = React__default.useCallback(function () {
9986
- var _wrapperRef$current;
9987
- setHeight((wrapperRef == null || (_wrapperRef$current = wrapperRef.current) == null ? void 0 : _wrapperRef$current.offsetHeight) || 0);
9988
- }, []);
9989
- var updateCaptionWidth = React__default.useCallback(function () {
9990
- var img = imgRef.current;
9991
- var wrapper = wrapperRef.current;
9992
- if (img && wrapper) {
9993
- var w = img.getBoundingClientRect().width;
9994
- wrapper.style.setProperty('--caption-max-width', Math.round(w) + "px");
9995
- }
9996
- }, []);
9997
- useEffect(function () {
9998
- updateWrapperHeight();
9999
- updateCaptionWidth();
10000
- window.addEventListener('resize', updateWrapperHeight);
10001
- window.addEventListener('resize', updateCaptionWidth);
10002
- var imageResizeObserver = null;
10003
- if (typeof ResizeObserver !== 'undefined' && imgRef.current) {
10004
- imageResizeObserver = new ResizeObserver(updateCaptionWidth);
10005
- imageResizeObserver.observe(imgRef.current);
10006
- }
10007
- return function () {
10008
- window.removeEventListener('resize', updateWrapperHeight);
10009
- window.removeEventListener('resize', updateCaptionWidth);
10010
- if (imageResizeObserver && imgRef.current) imageResizeObserver.unobserve(imgRef.current);
10011
- };
10012
- }, [updateWrapperHeight, updateCaptionWidth]);
10013
- var clonedChildren = React__default.Children.map(children, function (child) {
10014
- if (! /*#__PURE__*/React__default.isValidElement(child)) return child;
10015
- var childElement = child;
10016
- var originalRef = child.ref;
10017
- var newProps = {
10018
- alt: altText,
10019
- tabIndex: 0,
10020
- onKeyDown: function onKeyDown(e) {
10021
- if (e.key === 'Enter' || e.key === ' ') {
10022
- var _imgRef$current;
10023
- e.preventDefault();
10024
- (_imgRef$current = imgRef.current) == null || _imgRef$current.click();
10025
- }
10026
- var originalOnKeyDownHandler = childElement.props.onKeyDown;
10027
- if (originalOnKeyDownHandler) originalOnKeyDownHandler(e);
10028
- },
10029
- ref: function ref(node) {
10030
- imgRef.current = node;
10031
- if (node) updateCaptionWidth();
10032
- if (!originalRef) return;
10033
- if (typeof originalRef === 'function') {
10034
- originalRef(node);
10035
- } else {
10036
- originalRef.current = node;
10037
- }
10038
- }
10039
- };
10040
- return /*#__PURE__*/React__default.cloneElement(childElement, newProps);
10041
- });
10042
- return /*#__PURE__*/React__default.createElement(Wrapper$7, {
10043
- aspectRatio: aspectRatio,
10044
- ref: wrapperRef,
10045
- height: height
10046
- }, /*#__PURE__*/React__default.createElement(ImageAspectRatioWrapper, {
10047
- aspectRatio: aspectRatio
10048
- }, clonedChildren), caption && /*#__PURE__*/React__default.createElement(CaptionWrapper, {
10049
- tag: "figcaption"
10050
- }, caption));
10051
- };
10052
-
10053
- var _templateObject$17, _templateObject2$S, _templateObject3$H, _templateObject4$z, _templateObject5$t, _templateObject6$m;
10054
- var CardContainer$1 = /*#__PURE__*/styled.div(_templateObject$17 || (_templateObject$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n width: 100%;\n display: grid;\n grid-template-columns: repeat(7, minmax(0, 1fr));\n gap: 15px;\n min-height: 50px;\n"])));
10055
- var ContentContainer$4 = /*#__PURE__*/styled.div(_templateObject2$S || (_templateObject2$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n"])));
10056
- var StyledImage = /*#__PURE__*/styled.img(_templateObject3$H || (_templateObject3$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--base-color-white);\n"])));
10057
- var ImageWrapper$1 = /*#__PURE__*/styled.div(_templateObject4$z || (_templateObject4$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
10058
- var IconWrapper$3 = /*#__PURE__*/styled.div(_templateObject5$t || (_templateObject5$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: rgba(0, 0, 0, 0.4);\n position: absolute;\n top: 0;\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n span {\n width: 40px;\n height: 40px;\n @media ", " {\n width: 24px;\n height: 24px;\n }\n @media ", " {\n width: 18px;\n height: 18px;\n }\n }\n"])), devices.tablet, devices.mobile);
10059
- var TitleWrapper$4 = /*#__PURE__*/styled.div(_templateObject6$m || (_templateObject6$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 8px;\n div {\n @media ", " {\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n"])), devices.mobile);
10060
-
10061
- var MiniCard = function MiniCard(_ref) {
9502
+ var MiniCard = function MiniCard(_ref) {
10062
9503
  var _ref$title = _ref.title,
10063
9504
  title = _ref$title === void 0 ? '' : _ref$title,
10064
9505
  subtitle = _ref.subtitle,
@@ -10094,9 +9535,9 @@ var MiniCard = function MiniCard(_ref) {
10094
9535
  }, title)))));
10095
9536
  };
10096
9537
 
10097
- var _templateObject$18, _templateObject2$T, _templateObject3$I, _templateObject4$A, _templateObject5$u;
9538
+ var _templateObject$18, _templateObject2$S, _templateObject3$I, _templateObject4$A, _templateObject5$u;
10098
9539
  var ReadMoreContainer = /*#__PURE__*/styled.div(_templateObject$18 || (_templateObject$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 0px 0px 12px 0px !important;\n }\n width: 100%;\n"])));
10099
- var LinkContainer = /*#__PURE__*/styled.div(_templateObject2$T || (_templateObject2$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-top: 24px;\n gap: 8px;\n\n :hover {\n cursor: pointer;\n }\n\n @media print {\n visibility: hidden;\n }\n"])));
9540
+ var LinkContainer = /*#__PURE__*/styled.div(_templateObject2$S || (_templateObject2$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-top: 24px;\n gap: 8px;\n\n :hover {\n cursor: pointer;\n }\n\n @media print {\n visibility: hidden;\n }\n"])));
10100
9541
  var FullTextContainer = /*#__PURE__*/styled.div(_templateObject3$I || (_templateObject3$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n\n @media print {\n visibility: visible;\n }\n"])), function (_ref) {
10101
9542
  var isVisible = _ref.isVisible;
10102
9543
  return isVisible ? 'visible' : 'hidden';
@@ -10186,9 +9627,9 @@ var ReadMore = function ReadMore(_ref) {
10186
9627
  }, isFullTextOpen ? "" + hideText : "" + showMoreText))));
10187
9628
  };
10188
9629
 
10189
- var _templateObject$19, _templateObject2$U, _templateObject3$J, _templateObject4$B, _templateObject5$v;
9630
+ var _templateObject$19, _templateObject2$T, _templateObject3$J, _templateObject4$B, _templateObject5$v;
10190
9631
  var MenuContainer$2 = /*#__PURE__*/styled.nav(_templateObject$19 || (_templateObject$19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding: 0;\n margin: 0;\n"])));
10191
- var MenuList = /*#__PURE__*/styled.ul(_templateObject2$U || (_templateObject2$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n list-style: none;\n border-right: 1px solid var(--base-color-", ");\n li {\n margin-left: -5px;\n }\n"])), Colors.LightGrey);
9632
+ var MenuList = /*#__PURE__*/styled.ul(_templateObject2$T || (_templateObject2$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n list-style: none;\n border-right: 1px solid var(--base-color-", ");\n li {\n margin-left: -5px;\n }\n"])), Colors.LightGrey);
10192
9633
  var MobileButton = /*#__PURE__*/styled.button(_templateObject3$J || (_templateObject3$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n line-height: var(--line-height-navigation);\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-", ");\n text-transform: uppercase;\n margin: 0;\n padding: 16px 46px 14px 20px;\n background: var(--base-color-", ");\n border: 1px solid var(--base-color-", ");\n border-radius: 0;\n display: block;\n width: 100%;\n text-align: left;\n cursor: pointer;\n position: relative;\n span {\n width: 25px;\n height: 25px;\n position: absolute;\n top: 50%;\n margin-top: -12px;\n right: 10px;\n }\n"])), Colors.Black, Colors.White, Colors.DarkGrey);
10193
9634
  var MenuItem$1 = /*#__PURE__*/styled.a(_templateObject4$B || (_templateObject4$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n line-height: var(--line-height-navigation);\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-", ");\n text-transform: uppercase;\n text-decoration: none;\n margin: 0;\n padding: 16px 20px 15px 5px;\n display: block;\n background: ", ";\n cursor: pointer;\n &:hover {\n background: var(--base-color-", ");\n }\n"])), Colors.Black, function (_ref) {
10194
9635
  var isActive = _ref.isActive;
@@ -10350,9 +9791,9 @@ var AuxiliaryNav = function AuxiliaryNav(_ref6) {
10350
9791
  });
10351
9792
  };
10352
9793
 
10353
- var _templateObject$1a, _templateObject2$V, _templateObject3$K, _templateObject4$C, _templateObject5$w, _templateObject6$n;
9794
+ var _templateObject$1a, _templateObject2$U, _templateObject3$K, _templateObject4$C, _templateObject5$w, _templateObject6$n;
10354
9795
  var Container$5 = /*#__PURE__*/styled.div(_templateObject$1a || (_templateObject$1a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
10355
- var Sections = /*#__PURE__*/styled.div(_templateObject2$V || (_templateObject2$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
9796
+ var Sections = /*#__PURE__*/styled.div(_templateObject2$U || (_templateObject2$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
10356
9797
  var Section = /*#__PURE__*/styled.div(_templateObject3$K || (_templateObject3$K = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n height: 2px;\n background-color: ", ";\n"])), function (_ref) {
10357
9798
  var color = _ref.color;
10358
9799
  return "var(--base-color-" + color + ")";
@@ -10444,9 +9885,9 @@ var PasswordStrength = function PasswordStrength(_ref) {
10444
9885
  }, strengthLabel))));
10445
9886
  };
10446
9887
 
10447
- var _templateObject$1b, _templateObject2$W, _templateObject3$L, _templateObject4$D, _templateObject5$x, _templateObject6$o, _templateObject7$i, _templateObject8$c;
9888
+ var _templateObject$1b, _templateObject2$V, _templateObject3$L, _templateObject4$D, _templateObject5$x, _templateObject6$o, _templateObject7$i, _templateObject8$b;
10448
9889
  var TableContainer = /*#__PURE__*/styled.table(_templateObject$1b || (_templateObject$1b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
10449
- var Container$6 = /*#__PURE__*/styled.div(_templateObject2$W || (_templateObject2$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n"])));
9890
+ var Container$6 = /*#__PURE__*/styled.div(_templateObject2$V || (_templateObject2$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n"])));
10450
9891
  var Wrapper$8 = /*#__PURE__*/styled.div(_templateObject3$L || (_templateObject3$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
10451
9892
  var TableHeader = /*#__PURE__*/styled.th(_templateObject4$D || (_templateObject4$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 12px;\n text-align: left;\n text-transform: capitalize;\n border: 1px solid var(--color-primary-black);\n\n &:last-child {\n white-space: nowrap;\n width: auto;\n }\n\n &:not(:last-child) {\n width: ", ";\n }\n\n @media ", " {\n &:last-child {\n white-space: nowrap;\n }\n }\n\n @media ", " {\n min-width: 150px;\n\n &:last-child {\n white-space: normal;\n }\n }\n"])), function (props) {
10452
9893
  return "calc(100% / " + (props.columns - 1) + ")";
@@ -10456,7 +9897,7 @@ var TableCell = /*#__PURE__*/styled.td(_templateObject5$x || (_templateObject5$x
10456
9897
  }, devices.mobile);
10457
9898
  var PaginationWrapper = /*#__PURE__*/styled(Pagination)(_templateObject6$o || (_templateObject6$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-top: 40px;\n padding-bottom: 80px;\n\n @media ", " {\n padding-top: 24px;\n padding-bottom: 60px;\n }\n"])), devices.mobile);
10458
9899
  var ScrollButtons = /*#__PURE__*/styled.div(_templateObject7$i || (_templateObject7$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: flex-end;\n padding: 60px 0 24px 0;\n\n div:hover {\n background-color: var(--color-base-light-grey);\n }\n\n > div > div {\n background-color: var(--color-base-light-grey);\n }\n\n svg path {\n fill: var(--color-base-black) !important;\n }\n"])));
10459
- var AriaDescription$2 = /*#__PURE__*/styled.span(_templateObject8$c || (_templateObject8$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n left: -9999px;\n width: 1px;\n height: 1px;\n overflow: hidden;\n"])));
9900
+ var AriaDescription$2 = /*#__PURE__*/styled.span(_templateObject8$b || (_templateObject8$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n left: -9999px;\n width: 1px;\n height: 1px;\n overflow: hidden;\n"])));
10460
9901
 
10461
9902
  /* eslint-disable react/no-danger */
10462
9903
  var Content = function Content(_ref) {
@@ -10659,7 +10100,7 @@ var Table = function Table(_ref) {
10659
10100
  }))));
10660
10101
  };
10661
10102
 
10662
- var _templateObject$1c, _templateObject2$X, _templateObject3$M, _templateObject4$E, _templateObject5$y, _templateObject6$p, _templateObject7$j, _templateObject8$d, _templateObject9$7, _templateObject0$7, _templateObject1$5, _templateObject10$3, _templateObject11$3, _templateObject12$3, _templateObject13$2;
10103
+ var _templateObject$1c, _templateObject2$W, _templateObject3$M, _templateObject4$E, _templateObject5$y, _templateObject6$p, _templateObject7$j, _templateObject8$c, _templateObject9$7, _templateObject0$7, _templateObject1$5, _templateObject10$3, _templateObject11$3, _templateObject12$3, _templateObject13$2;
10663
10104
  var Wrapper$9 = /*#__PURE__*/styled('div')(_templateObject$1c || (_templateObject$1c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n border-top: 4px solid ", ";\n border-bottom: 4px solid ", ";\n"])), function (_ref) {
10664
10105
  var theme = _ref.theme;
10665
10106
  return "var(--color-" + theme + ")";
@@ -10667,13 +10108,13 @@ var Wrapper$9 = /*#__PURE__*/styled('div')(_templateObject$1c || (_templateObjec
10667
10108
  var theme = _ref2.theme;
10668
10109
  return "var(--color-" + theme + ")";
10669
10110
  });
10670
- var SignUpFormWrapper = /*#__PURE__*/styled(Grid)(_templateObject2$X || (_templateObject2$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0 var(--grid-column-gap);\n margin-bottom: 32px;\n\n @media ", " {\n margin-bottom: 30px;\n }\n"])), devices.mobile);
10111
+ var SignUpFormWrapper = /*#__PURE__*/styled(Grid)(_templateObject2$W || (_templateObject2$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0 var(--grid-column-gap);\n margin-bottom: 32px;\n\n @media ", " {\n margin-bottom: 30px;\n }\n"])), devices.mobile);
10671
10112
  var SignUpTitleWrapper = /*#__PURE__*/styled('div')(_templateObject3$M || (_templateObject3$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-align: left;\n position: relative;\n top: -25px;\n left: -20px;\n height: 52px;\n background: var(--color-base-white);\n display: inline-block;\n padding: 0 20px;\n\n @media ", " {\n top: -18px;\n height: 37px;\n padding: 0 13px;\n left: -13px;\n }\n"])), devices.mobile);
10672
10113
  var Error = /*#__PURE__*/styled.div(_templateObject4$E || (_templateObject4$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n color: var(--color-base-errorstate);\n\n a {\n text-decoration: underline;\n color: inherit;\n }\n"])));
10673
10114
  var Form = /*#__PURE__*/styled.form(_templateObject5$y || (_templateObject5$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 32px;\n align-items: center;\n ", " {\n margin-top: -20px;\n }\n a[href] {\n color: inherit;\n }\n"])), Error);
10674
10115
  var FormFooterWrapper = /*#__PURE__*/styled.div(_templateObject6$p || (_templateObject6$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 32px;\n display: flex;\n gap: 28px;\n align-items: center;\n\n @media ", " {\n flex-direction: column;\n align-items: flex-start;\n }\n"])), devices.mobile);
10675
10116
  var ServerError = /*#__PURE__*/styled.div(_templateObject7$j || (_templateObject7$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-align: left;\n color: var(--color-base-errorstate);\n"])));
10676
- var CTALinkWrapper = /*#__PURE__*/styled.a(_templateObject8$d || (_templateObject8$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-decoration: none;\n\n @media ", " {\n text-decoration: underline;\n }\n"])), devices.mobile);
10117
+ var CTALinkWrapper = /*#__PURE__*/styled.a(_templateObject8$c || (_templateObject8$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-decoration: none;\n\n @media ", " {\n text-decoration: underline;\n }\n"])), devices.mobile);
10677
10118
  var ButtonWrapper$3 = /*#__PURE__*/styled.div(_templateObject9$7 || (_templateObject9$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n all: unset;\n width: fit-content;\n color: var(--base-color-white);\n text-decoration: none;\n\n @media ", " {\n width: 100%;\n }\n"])), devices.mobile);
10678
10119
  var FieldsWrapper = /*#__PURE__*/styled.div(_templateObject0$7 || (_templateObject0$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 36px;\n\n @media ", " {\n grid-template-columns: 1fr;\n gap: 20px;\n }\n"])), devices.mobile);
10679
10120
  var MessageWrapper = /*#__PURE__*/styled.div(_templateObject1$5 || (_templateObject1$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n div > p {\n margin: 0;\n }\n"])));
@@ -11084,10 +10525,10 @@ var SignUpFormComponent = function SignUpFormComponent(_ref) {
11084
10525
  }))))));
11085
10526
  };
11086
10527
 
11087
- var _templateObject$1d, _templateObject2$Y, _templateObject4$F, _templateObject5$z;
10528
+ var _templateObject$1d, _templateObject2$X, _templateObject4$F, _templateObject5$z;
11088
10529
  var AnchorBarContainer = /*#__PURE__*/styled(Grid)(_templateObject$1d || (_templateObject$1d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: sticky;\n top: 0;\n min-height: 70px;\n background: var(--color-base-white);\n z-index: ", ";\n align-content: center;\n border-bottom: 1px solid var(--color-base-light-grey);\n\n ", "\n\n @media ", " {\n min-height: 60px;\n }\n"])), zIndexes.anchor, function (_ref) {
11089
10530
  var withShadow = _ref.withShadow;
11090
- return withShadow && css(_templateObject2$Y || (_templateObject2$Y = _taggedTemplateLiteralLoose(["\n box-shadow: var(--shadow-floating);\n "])));
10531
+ return withShadow && css(_templateObject2$X || (_templateObject2$X = _taggedTemplateLiteralLoose(["\n box-shadow: var(--shadow-floating);\n "])));
11091
10532
  }, devices.mobile);
11092
10533
  var CloseButtonWrapper = /*#__PURE__*/styled.a(_templateObject4$F || (_templateObject4$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: 24px;\n min-width: 24px;\n max-height: 24px;\n max-width: 24px;\n border: none;\n padding: 0;\n background: none;\n\n :hover {\n cursor: pointer;\n }\n\n @media ", " {\n min-height: 12px;\n min-width: 12px;\n max-height: 12px;\n max-width: 12px;\n }\n"])), devices.mobile);
11093
10534
  var ContentWrapper$2 = /*#__PURE__*/styled.a(_templateObject5$z || (_templateObject5$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n"])));
@@ -11145,12 +10586,12 @@ var AnchorBar = function AnchorBar(_ref) {
11145
10586
  return null;
11146
10587
  };
11147
10588
 
11148
- var _templateObject$1e, _templateObject2$Z;
10589
+ var _templateObject$1e, _templateObject2$Y;
11149
10590
  var FocusableTab = /*#__PURE__*/styled(Tab)(_templateObject$1e || (_templateObject$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n &:not(:active):not(:focus) {\n position: absolute;\n width: 1px;\n height: 1px;\n margin: 0;\n padding: 0;\n overflow: hidden;\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n border: 0;\n white-space: nowrap;\n user-select: none;\n }\n\n @media ", " {\n position: absolute;\n width: 1px;\n height: 1px;\n margin: 0;\n padding: 0;\n overflow: hidden;\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n border: 0;\n white-space: nowrap;\n user-select: none;\n }\n"])), function (_ref) {
11150
10591
  var $hide = _ref.$hide;
11151
10592
  return $hide && "\n display: none;\n ";
11152
10593
  }, devices.mobileAndTablet);
11153
- var HiddenBlock = /*#__PURE__*/styled.div(_templateObject2$Z || (_templateObject2$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 29px 50px;\n display: inline-block;\n width: 100%;\n height: fit-content;\n border-bottom: solid 2px gray;\n overflow: hidden;\n &:not(:has(div:focus)) {\n border-bottom: 0;\n }\n @media ", " {\n border-bottom: 0;\n }\n"])), devices.mobileAndTablet);
10594
+ var HiddenBlock = /*#__PURE__*/styled.div(_templateObject2$Y || (_templateObject2$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 29px 50px;\n display: inline-block;\n width: 100%;\n height: fit-content;\n border-bottom: solid 2px gray;\n overflow: hidden;\n &:not(:has(div:focus)) {\n border-bottom: 0;\n }\n @media ", " {\n border-bottom: 0;\n }\n"])), devices.mobileAndTablet);
11154
10595
 
11155
10596
  var SkipToMain = function SkipToMain(_ref) {
11156
10597
  var skipToId = _ref.skipToId;
@@ -11198,7 +10639,8 @@ var SkipToMain = function SkipToMain(_ref) {
11198
10639
  title: "Skip to main content",
11199
10640
  onClick: clickHandler,
11200
10641
  "$hide": !targetElement,
11201
- ariaLabel: "Skip to main content, in-page link"
10642
+ ariaLabel: "Skip to main content, in-page",
10643
+ role: "link"
11202
10644
  }));
11203
10645
  };
11204
10646
 
@@ -11368,9 +10810,9 @@ var Navigation = function Navigation(_ref) {
11368
10810
  })))))));
11369
10811
  };
11370
10812
 
11371
- var _templateObject$1f, _templateObject2$_, _templateObject3$N, _templateObject4$G, _templateObject5$A, _templateObject6$q, _templateObject7$k;
10813
+ var _templateObject$1f, _templateObject2$Z, _templateObject3$N, _templateObject4$G, _templateObject5$A, _templateObject6$q, _templateObject7$k;
11372
10814
  var FooterSection = /*#__PURE__*/styled(Grid)(_templateObject$1f || (_templateObject$1f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--color-base-black);\n color: var(--color-base-white);\n padding: 44px 0px;\n grid-template-areas: '. . policy policy policy policy social social social social logo logo logo logo . .';\n\n @media ", " {\n padding: 40px 0px;\n gap: 24px;\n }\n\n @media ", " {\n padding: 20px 0px;\n row-gap: 40px;\n grid-template-areas:\n '. social social social social social social social social social social social social .'\n '. policy policy policy policy policy policy policy policy policy policy policy policy .'\n '. logo logo logo logo logo logo logo logo logo logo logo logo .';\n }\n"])), devices.tablet, devices.mobile);
11373
- var PolicyLinksSection = /*#__PURE__*/styled(GridItem)(_templateObject2$_ || (_templateObject2$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: policy;\n display: flex;\n flex-direction: column;\n gap: 16px;\n\n @media ", " {\n gap: 20px;\n }\n\n @media ", " {\n gap: 12px;\n }\n"])), devices.tablet, devices.mobile);
10815
+ var PolicyLinksSection = /*#__PURE__*/styled(GridItem)(_templateObject2$Z || (_templateObject2$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: policy;\n display: flex;\n flex-direction: column;\n gap: 16px;\n\n @media ", " {\n gap: 20px;\n }\n\n @media ", " {\n gap: 12px;\n }\n"])), devices.tablet, devices.mobile);
11374
10816
  var SocialAndNewsletterSection = /*#__PURE__*/styled(GridItem)(_templateObject3$N || (_templateObject3$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: social;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n gap: 20px;\n\n @media ", " {\n gap: 40px;\n }\n"])), devices.mobile);
11375
10817
  var SectionWrapper = /*#__PURE__*/styled.div(_templateObject4$G || (_templateObject4$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 20px;\n\n @media ", " {\n gap: 24px;\n }\n"])), devices.mobile);
11376
10818
  var LogoAndDescriptionSection = /*#__PURE__*/styled(GridItem)(_templateObject5$A || (_templateObject5$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n\n @media ", " {\n gap: 24px;\n }\n"])), devices.mobile);
@@ -11433,14 +10875,14 @@ var Footer = function Footer(_ref) {
11433
10875
  }, additionalInfo))));
11434
10876
  };
11435
10877
 
11436
- var _templateObject$1g, _templateObject2$$, _templateObject3$O, _templateObject4$H, _templateObject5$B, _templateObject8$e, _templateObject9$8, _templateObject0$8;
10878
+ var _templateObject$1g, _templateObject2$_, _templateObject3$O, _templateObject4$H, _templateObject5$B, _templateObject8$d, _templateObject9$8, _templateObject0$8;
11437
10879
  var LIST_ITEM_GAP = 32;
11438
10880
  var AnchorTabbarWrapper = /*#__PURE__*/styled.div(_templateObject$1g || (_templateObject$1g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: sticky;\n width: 100%;\n top: 0;\n border-bottom: ", ";\n background-color: var(--color-base-white);\n z-index: ", ";\n\n ", "\n"])), function (_ref) {
11439
10881
  var bottomBorder = _ref.bottomBorder;
11440
10882
  return bottomBorder ? '1px solid var(--color-base-light-grey)' : 'none';
11441
10883
  }, zIndexes.anchor, function (_ref2) {
11442
10884
  var withShadow = _ref2.withShadow;
11443
- return withShadow && css(_templateObject2$$ || (_templateObject2$$ = _taggedTemplateLiteralLoose(["\n box-shadow: var(--shadow-floating);\n "])));
10885
+ return withShadow && css(_templateObject2$_ || (_templateObject2$_ = _taggedTemplateLiteralLoose(["\n box-shadow: var(--shadow-floating);\n "])));
11444
10886
  });
11445
10887
  var TabsGrid = /*#__PURE__*/styled(Grid)(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--anchor-tabs-height);\n"])));
11446
10888
  var TabsWrapper = /*#__PURE__*/styled.div(_templateObject4$H || (_templateObject4$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
@@ -11455,7 +10897,7 @@ var TabsList = /*#__PURE__*/styled.ul(_templateObject5$B || (_templateObject5$B
11455
10897
  hasTwoArrows = _ref5.hasTwoArrows;
11456
10898
  return tabsOverflow && hasTwoArrows ? 'calc(100% - 50px)' : '100%';
11457
10899
  });
11458
- var ArrowsContainer = /*#__PURE__*/styled.div(_templateObject8$e || (_templateObject8$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 74px;\n height: var(--anchor-tabs-height);\n background-color: var(--color-base-white);\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n\n ", "\n"])), function (_ref7) {
10900
+ var ArrowsContainer = /*#__PURE__*/styled.div(_templateObject8$d || (_templateObject8$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 74px;\n height: var(--anchor-tabs-height);\n background-color: var(--color-base-white);\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n\n ", "\n"])), function (_ref7) {
11459
10901
  var withShadow = _ref7.withShadow;
11460
10902
  return withShadow && css(_templateObject9$8 || (_templateObject9$8 = _taggedTemplateLiteralLoose(["\n box-shadow: var(--shadow-floating);\n "])));
11461
10903
  });
@@ -11714,12 +11156,12 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
11714
11156
  })))) : null))));
11715
11157
  };
11716
11158
 
11717
- var _templateObject$1h, _templateObject2$10, _templateObject3$P, _templateObject4$I, _templateObject6$r, _templateObject7$l, _templateObject8$f, _templateObject9$9, _templateObject0$9;
11159
+ var _templateObject$1h, _templateObject2$$, _templateObject3$P, _templateObject4$I, _templateObject6$r, _templateObject7$l, _templateObject8$e, _templateObject9$9, _templateObject0$9;
11718
11160
  var TitleCTAGridWrapper = /*#__PURE__*/styled.div(_templateObject$1h || (_templateObject$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: ", ";\n top: -1px;\n background-color: var(--base-color-white);\n z-index: ", ";\n"])), function (_ref) {
11719
11161
  var sticky = _ref.sticky;
11720
11162
  return sticky ? 'sticky' : 'initial';
11721
11163
  }, zIndexes.anchor);
11722
- var TitleCTAGrid = /*#__PURE__*/styled(Grid)(_templateObject2$10 || (_templateObject2$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: solid 2px var(--base-color-light-grey);\n"])));
11164
+ var TitleCTAGrid = /*#__PURE__*/styled(Grid)(_templateObject2$$ || (_templateObject2$$ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-bottom: solid 2px var(--base-color-light-grey);\n"])));
11723
11165
  var TitleCTAGridItem = /*#__PURE__*/styled.div(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-column: 2 / span 15;\n display: flex;\n align-items: center;\n flex-direction: ", ";\n gap: 40px;\n justify-content: space-between;\n\n @media ", " {\n & {\n grid-column: 2 / span 13;\n gap: 20px;\n }\n }\n\n @media ", " {\n & {\n grid-column: 2 / span 12;\n }\n }\n"])), function (_ref2) {
11724
11166
  var title = _ref2.title;
11725
11167
  return title ? 'row' : 'row-reverse';
@@ -11727,7 +11169,7 @@ var TitleCTAGridItem = /*#__PURE__*/styled.div(_templateObject3$P || (_templateO
11727
11169
  var AnchorTitle = /*#__PURE__*/styled.div(_templateObject4$I || (_templateObject4$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n min-height: var(--button-height);\n\n h5 {\n padding: 0;\n margin: 0;\n }\n\n @media ", " {\n & {\n min-height: 50px;\n }\n }\n"])), devices.mobile);
11728
11170
  var ButtonsDesktopWrapper = /*#__PURE__*/styled.div(_templateObject6$r || (_templateObject6$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: flex-end;\n\n @media ", " {\n display: none;\n }\n\n a {\n width: max-content;\n }\n"])), devices.mobile);
11729
11171
  var ButtonsMobileWrapper = /*#__PURE__*/styled.div(_templateObject7$l || (_templateObject7$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n\n @media ", " {\n & {\n display: block;\n }\n }\n"])), devices.mobile);
11730
- var PrimaryButtonReverse = /*#__PURE__*/styled(PrimaryButton)(_templateObject8$f || (_templateObject8$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n background-color: ", ";\n border-color: ", ";\n color: ", ";\n svg path {\n fill: ", ";\n }\n }\n"])), function (_ref3) {
11172
+ var PrimaryButtonReverse = /*#__PURE__*/styled(PrimaryButton)(_templateObject8$e || (_templateObject8$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n background-color: ", ";\n border-color: ", ";\n color: ", ";\n svg path {\n fill: ", ";\n }\n }\n"])), function (_ref3) {
11731
11173
  var theme = _ref3.theme;
11732
11174
  return theme.colors.primaryButtonReverseBg;
11733
11175
  }, function (_ref4) {
@@ -11774,13 +11216,10 @@ var TitleWithCTA = function TitleWithCTA(_ref) {
11774
11216
  }, message))));
11775
11217
  };
11776
11218
 
11777
- var _templateObject$1i, _templateObject2$11, _templateObject3$Q;
11778
- var UpsellBorderBox = /*#__PURE__*/styled.div(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: solid 4px;\n border-color: ", ";\n padding: 80px;\n\n @media ", " {\n & {\n border-left: none;\n border-right: none;\n padding-top: 2.5em;\n padding-left: 0;\n padding-right: 0;\n padding-bottom: 2.5em;\n }\n }\n\n @media ", " {\n & {\n padding: 25px;\n padding-top: 2.5em;\n }\n }\n"])), function (_ref) {
11779
- var theme = _ref.theme;
11780
- return theme.colors.primary;
11781
- }, devices.mobile, devices.tablet);
11782
- var TitleContainer$4 = /*#__PURE__*/styled.div(_templateObject2$11 || (_templateObject2$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n @media ", " {\n margin-left: 1.5em;\n margin-right: 1.5em;\n }\n"])), devices.mobile);
11783
- var TextContainer$1 = /*#__PURE__*/styled.div(_templateObject3$Q || (_templateObject3$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 2.5em;\n div > :first-child {\n margin-top: 1.5em;\n }\n\n @media ", " {\n margin-top: 0;\n div > :first-child {\n margin-top: 0.5em;\n }\n }\n\n @media ", " {\n margin-left: 1.5em;\n margin-right: 1.5em;\n & {\n div > :first-child {\n margin-top: 1em;\n }\n }\n }\n"])), devices.tablet, devices.mobile);
11219
+ var _templateObject$1i, _templateObject2$10, _templateObject3$Q;
11220
+ var UpsellBorderBox = /*#__PURE__*/styled.div(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: solid 4px;\n border-color: var(--upsell-border-color);\n padding: 66px 74px 70px;\n\n @media ", " {\n & {\n border-left: none;\n border-right: none;\n padding: 40px 0px;\n }\n }\n"])), devices.mobile);
11221
+ var TitleContent = /*#__PURE__*/styled(HarmonicHeader)(_templateObject2$10 || (_templateObject2$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n color: var(--color-primary-black);\n\n @media ", " {\n margin-left: 20px;\n margin-right: 20px;\n }\n }\n"])), devices.mobile);
11222
+ var TextContainer$1 = /*#__PURE__*/styled.div(_templateObject3$Q || (_templateObject3$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 60px;\n\n @media ", " {\n margin-bottom: 40px;\n margin-left: 20px;\n margin-right: 20px;\n }\n"])), devices.mobile);
11784
11223
 
11785
11224
  var _templateObject$1j;
11786
11225
  var TextContainer$2 = /*#__PURE__*/styled(BodyCopyHarmonic)(_templateObject$1j || (_templateObject$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--color-base-black);\n font-feature-settings: var(--font-feature-settings-body);\n\n & h1,\n h2,\n h3,\n h4 {\n font-feature-settings: var(--font-feature-settings-header);\n white-space: break-spaces;\n overflow-wrap: break-word;\n margin: 60px 0 16px;\n\n + p {\n margin-top: 0px;\n }\n }\n\n & h5,\n h6 {\n font-feature-settings: var(--font-feature-settings-subtitle);\n white-space: break-spaces;\n overflow-wrap: break-word;\n margin: 60px 0 16px;\n\n + p {\n margin-top: 10px;\n }\n }\n\n & a {\n color: var(--color-base-black);\n text-decoration: underline;\n cursor: pointer;\n text-underline-offset: 4px;\n\n &:hover {\n color: var(--color-rbo-black-hovered);\n }\n\n &:active {\n color: var(--color-rbo-black-pressed);\n }\n }\n\n p {\n margin: 30px 0;\n }\n\n p:has(+ ul),\n p:has(+ ol) {\n margin-bottom: 12px;\n }\n\n & ul,\n & ol {\n padding: 0;\n list-style: none;\n margin-block-start: 0;\n margin-block-end: 0;\n }\n\n & ul li,\n & ol li {\n position: relative;\n padding-left: 32px;\n padding-top: 6px;\n padding-bottom: 6px;\n\n @media ", " {\n padding-left: 28px;\n padding-top: 4px;\n padding-bottom: 4px;\n }\n }\n\n & ul > li:before {\n display: inline-block;\n content: '\u2014';\n position: absolute;\n left: 0;\n width: 20px;\n text-align: right;\n margin-right: 12px;\n\n @media ", " {\n width: 16px;\n margin-right: 12px;\n }\n }\n\n & ol {\n counter-reset: custom-ol;\n }\n\n & ol > li {\n counter-increment: custom-ol;\n }\n\n & ol > li::before {\n content: counter(custom-ol, decimal-leading-zero) '';\n position: absolute;\n left: 0;\n min-width: 20px;\n text-align: right;\n margin-right: 12px;\n display: inline-block;\n\n @media ", " {\n min-width: 16px;\n margin-right: 12px;\n }\n }\n"])), devices.mobile, devices.mobile, devices.mobile);
@@ -11831,7 +11270,7 @@ var BodyContent = function BodyContent(_ref) {
11831
11270
  };
11832
11271
 
11833
11272
  var _templateObject$1k;
11834
- var Wrapper$a = /*#__PURE__*/styled.div(_templateObject$1k || (_templateObject$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n gap: 60px 75px;\n grid-template-columns: repeat(2, 1fr);\n width: 100%;\n\n @media ", " {\n padding-left: 0;\n padding-right: 0;\n }\n\n @media ", " {\n width: 100%;\n padding-left: 0;\n padding-right: 0;\n grid-template-columns: 1fr;\n }\n"])), devices.tablet, devices.mobile);
11273
+ var Wrapper$a = /*#__PURE__*/styled.div(_templateObject$1k || (_templateObject$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n gap: 60px 74px;\n grid-template-columns: repeat(2, 1fr);\n width: 100%;\n\n @media ", " {\n gap: 40px 74px;\n width: 100%;\n padding-left: 0;\n padding-right: 0;\n grid-template-columns: 1fr;\n }\n"])), devices.mobile);
11835
11274
 
11836
11275
  var UpsellCards = function UpsellCards(_ref) {
11837
11276
  var upsellCards = _ref.upsellCards;
@@ -11859,25 +11298,28 @@ var UpsellSection = function UpsellSection(_ref) {
11859
11298
  link = _ref.link,
11860
11299
  upsellCards = _ref.upsellCards,
11861
11300
  _ref$theme = _ref.theme,
11862
- theme = _ref$theme === void 0 ? ThemeType.Core : _ref$theme;
11301
+ theme = _ref$theme === void 0 ? ThemeType.Core : _ref$theme,
11302
+ className = _ref.className;
11863
11303
  var themedUpsellCards = upsellCards ? [].concat(upsellCards).map(function (card) {
11864
11304
  return _extends({}, card, {
11865
11305
  theme: card.theme || theme,
11866
- secondaryTheme: card.secondaryTheme || theme
11306
+ secondaryTheme: card.secondaryTheme || card.theme || theme
11867
11307
  });
11868
11308
  }) : [];
11869
- return /*#__PURE__*/React__default.createElement(Theme, {
11309
+ return /*#__PURE__*/React__default.createElement(HarmonicThemeProvider, {
11870
11310
  theme: theme
11871
- }, /*#__PURE__*/React__default.createElement(Grid, null, /*#__PURE__*/React__default.createElement(GridItem, {
11311
+ }, /*#__PURE__*/React__default.createElement(Grid, {
11312
+ className: className
11313
+ }, /*#__PURE__*/React__default.createElement(GridItem, {
11872
11314
  columnStartDesktop: 3,
11873
11315
  columnSpanDesktop: 12,
11874
11316
  columnStartDevice: 2,
11875
11317
  columnSpanDevice: 12,
11876
11318
  columnStartSmallDevice: 1,
11877
11319
  columnSpanSmallDevice: 14
11878
- }, /*#__PURE__*/React__default.createElement(UpsellBorderBox, null, /*#__PURE__*/React__default.createElement(TitleContainer$4, null, /*#__PURE__*/React__default.createElement(AltHeader, {
11879
- level: 4
11880
- }, title)), /*#__PURE__*/React__default.createElement(TextContainer$1, null, /*#__PURE__*/React__default.createElement(BodyContent, {
11320
+ }, /*#__PURE__*/React__default.createElement(UpsellBorderBox, null, /*#__PURE__*/React__default.createElement(TitleContent, {
11321
+ serif: true
11322
+ }, title), /*#__PURE__*/React__default.createElement(TextContainer$1, null, /*#__PURE__*/React__default.createElement(BodyContent, {
11881
11323
  text: richText != null ? richText : '',
11882
11324
  columnStartDesktop: 1,
11883
11325
  columnSpanDesktop: 14,
@@ -11890,9 +11332,9 @@ var UpsellSection = function UpsellSection(_ref) {
11890
11332
  })))));
11891
11333
  };
11892
11334
 
11893
- var _templateObject$1l, _templateObject2$12;
11335
+ var _templateObject$1l, _templateObject2$11;
11894
11336
  var StickyBarWrapper = /*#__PURE__*/styled.div(_templateObject$1l || (_templateObject$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n top: 0;\n position: sticky;\n z-index: ", ";\n background-color: var(--color-base-white);\n"])), zIndexes.anchor);
11895
- var StickyBarGrid = /*#__PURE__*/styled(Grid)(_templateObject2$12 || (_templateObject2$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n padding: 28px 0 26px;\n\n @media ", " {\n padding: 24px 0 28px;\n }\n\n @media ", " {\n border-bottom: none;\n }\n"])), function (_ref) {
11337
+ var StickyBarGrid = /*#__PURE__*/styled(Grid)(_templateObject2$11 || (_templateObject2$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n padding: 28px 0 26px;\n\n @media ", " {\n padding: 24px 0 28px;\n }\n\n @media ", " {\n border-bottom: none;\n }\n"])), function (_ref) {
11896
11338
  var bottomBorder = _ref.bottomBorder;
11897
11339
  return bottomBorder && 'border-bottom: 1px solid var(--color-base-light-grey);';
11898
11340
  }, devices.mobileAndTablet, devices.mobile);
@@ -11923,9 +11365,9 @@ var StickyBar = function StickyBar(_ref) {
11923
11365
  }, children)));
11924
11366
  };
11925
11367
 
11926
- var _templateObject$1m, _templateObject2$13, _templateObject3$R, _templateObject4$J;
11368
+ var _templateObject$1m, _templateObject2$12, _templateObject3$R, _templateObject4$J;
11927
11369
  var InnerModal = /*#__PURE__*/styled.div(_templateObject$1m || (_templateObject$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 62px;\n background-color: var(--base-color-white);\n z-index: ", ";\n position: relative;\n\n @media ", ", ", " {\n height: 100vh;\n padding: 62px 0 0;\n }\n"])), zIndexes.popup, devices.smallMobile, devices.mobile);
11928
- var CloseButton = /*#__PURE__*/styled.button(_templateObject2$13 || (_templateObject2$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 0;\n right: 0;\n margin: 15px;\n height: 26px;\n width: 26px;\n padding: 0;\n background-color: transparent;\n border: none;\n cursor: pointer;\n @media ", " {\n margin: 25px;\n }\n @media ", ", ", " {\n margin: 30px;\n }\n"])), devices.tablet, devices.desktop, devices.largeDesktop);
11370
+ var CloseButton = /*#__PURE__*/styled.button(_templateObject2$12 || (_templateObject2$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 0;\n right: 0;\n margin: 15px;\n height: 26px;\n width: 26px;\n padding: 0;\n background-color: transparent;\n border: none;\n cursor: pointer;\n @media ", " {\n margin: 25px;\n }\n @media ", ", ", " {\n margin: 30px;\n }\n"])), devices.tablet, devices.desktop, devices.largeDesktop);
11929
11371
  var ContentWrapper$3 = /*#__PURE__*/styled.div(_templateObject3$R || (_templateObject3$R = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
11930
11372
  var Overlay = /*#__PURE__*/styled(Grid)(_templateObject4$J || (_templateObject4$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100vh;\n align-content: center;\n background-color: rgba(0, 0, 0, 0.4);\n"])));
11931
11373
 
@@ -12104,7 +11546,7 @@ var getImageSlideStyles = function getImageSlideStyles(imageHeight) {
12104
11546
  return "height: calc(" + imageHeight + "px + var(--carousel-image-caption-height) + 12px);";
12105
11547
  };
12106
11548
 
12107
- var _templateObject$1n, _templateObject2$14, _templateObject3$S, _templateObject4$K, _templateObject5$C, _templateObject6$s, _templateObject7$m, _templateObject8$g, _templateObject9$a;
11549
+ var _templateObject$1n, _templateObject2$13, _templateObject3$S, _templateObject4$K, _templateObject5$C, _templateObject6$s, _templateObject7$m, _templateObject8$f, _templateObject9$a;
12108
11550
  var ImageCarouselWrapper = /*#__PURE__*/styled.div(_templateObject$1n || (_templateObject$1n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n\n @media ", " {\n ", "\n }}\n \n &:fullscreen {\n background: var(--color-base-white);\n padding-top: 44px;\n padding-bottom: 84px;\n\n .swipe-slide > figure {\n height: var(--fullscreen-figure-height);\n }\n }\n"])), function (_ref) {
12109
11551
  var imagesHeightDesktop = _ref.imagesHeightDesktop;
12110
11552
  return "& {\n .swipe-slide {\n height: fit-content;\n width: auto;\n margin-right: var(--grid-column-gap);\n\n > figure {\n margin: 0px;\n " + getImageSlideStyles(imagesHeightDesktop) + "\n }\n }\n }";
@@ -12112,7 +11554,7 @@ var ImageCarouselWrapper = /*#__PURE__*/styled.div(_templateObject$1n || (_templ
12112
11554
  var imagesHeightDevice = _ref2.imagesHeightDevice;
12113
11555
  return "&&& {\n .swipe-slide > figure {\n " + getImageSlideStyles(imagesHeightDevice) + "\n }\n }";
12114
11556
  });
12115
- var CardsCarouselWrapper = /*#__PURE__*/styled.div(_templateObject2$14 || (_templateObject2$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n\n @media ", " {\n && {\n .swipe-slide {\n ", "\n }\n }\n }\n}"])), function (_ref3) {
11557
+ var CardsCarouselWrapper = /*#__PURE__*/styled.div(_templateObject2$13 || (_templateObject2$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n\n @media ", " {\n && {\n .swipe-slide {\n ", "\n }\n }\n }\n}"])), function (_ref3) {
12116
11558
  var type = _ref3.type,
12117
11559
  isActive = _ref3.isActive;
12118
11560
  return "\n & {\n .swipe-slide {\n " + getCardSlideDesktopStyles(type, isActive) + "\n }\n }\n\n @media " + devices.tablet + " {\n & {\n .swipe-slide {\n width: " + (type === CarouselType.SmallCard ? '30%' : '40%') + ";\n }\n }\n }\n ";
@@ -12125,7 +11567,7 @@ var TitleWrapper$5 = /*#__PURE__*/styled.div(_templateObject5$C || (_templateObj
12125
11567
  });
12126
11568
  var TitleText$1 = /*#__PURE__*/styled(HarmonicHeader)(_templateObject6$s || (_templateObject6$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: hidden;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n text-overflow: ellipsis;\n"])));
12127
11569
  var ButtonsWrapper = /*#__PURE__*/styled.div(_templateObject7$m || (_templateObject7$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: flex-end;\n align-items: start;\n"])));
12128
- var TitleGridItem = /*#__PURE__*/styled(GridItem)(_templateObject8$g || (_templateObject8$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 2 / span 10;\n }\n"])), devices.tablet);
11570
+ var TitleGridItem = /*#__PURE__*/styled(GridItem)(_templateObject8$f || (_templateObject8$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 2 / span 10;\n }\n"])), devices.tablet);
12129
11571
  var SwipeGridWrapper = /*#__PURE__*/styled(GridItem)(_templateObject9$a || (_templateObject9$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", ";\n\n @media ", " {\n grid-column: ", ";\n }\n\n @media ", " {\n grid-column: 2 / span 13;\n }\n"])), function (_ref5) {
12130
11572
  var active = _ref5.active;
12131
11573
  return active ? 'grid-column: 1 / span 16' : '';
@@ -12134,10 +11576,10 @@ var SwipeGridWrapper = /*#__PURE__*/styled(GridItem)(_templateObject9$a || (_tem
12134
11576
  return active ? '1 / span 14' : '2 / span 14';
12135
11577
  }, devices.mobile);
12136
11578
 
12137
- var _templateObject$1o, _templateObject2$15;
11579
+ var _templateObject$1o, _templateObject2$14;
12138
11580
  var SWIPE_SLIDE_CLASS_NAME = 'swipe-slide';
12139
11581
  var SwipeContainer = /*#__PURE__*/styled.div(_templateObject$1o || (_templateObject$1o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n overflow: hidden;\n width: 100%;\n touch-action: pan-y;\n"])));
12140
- var SwipeTrack = /*#__PURE__*/styled.div(_templateObject2$15 || (_templateObject2$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n transition: ", ";\n transform: translateX(", ");\n\n .", " {\n flex-shrink: 0;\n }\n"])), function (_ref) {
11582
+ var SwipeTrack = /*#__PURE__*/styled.div(_templateObject2$14 || (_templateObject2$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n transition: ", ";\n transform: translateX(", ");\n\n .", " {\n flex-shrink: 0;\n }\n"])), function (_ref) {
12141
11583
  var transitioning = _ref.transitioning;
12142
11584
  return transitioning ? 'transform 0.3s ease' : 'none';
12143
11585
  }, function (_ref2) {
@@ -12609,15 +12051,15 @@ var Carousel = function Carousel(_ref) {
12609
12051
  }, children))));
12610
12052
  };
12611
12053
 
12612
- var _templateObject$1p, _templateObject2$16, _templateObject3$T, _templateObject4$L, _templateObject5$D, _templateObject6$t, _templateObject7$n, _templateObject8$h, _templateObject9$b, _templateObject0$a, _templateObject1$6, _templateObject10$4, _templateObject11$4, _templateObject12$4, _templateObject13$3, _templateObject14$1, _templateObject15$1;
12054
+ var _templateObject$1p, _templateObject2$15, _templateObject3$T, _templateObject4$L, _templateObject5$D, _templateObject6$t, _templateObject7$n, _templateObject8$g, _templateObject9$b, _templateObject0$a, _templateObject1$6, _templateObject10$4, _templateObject11$4, _templateObject12$4, _templateObject13$3, _templateObject14$1, _templateObject15$1;
12613
12055
  var HighlightsGrid = /*#__PURE__*/styled(Grid)(_templateObject$1p || (_templateObject$1p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n grid-template-rows: max-content minmax(0, 1fr);\n gap: 0 var(--grid-column-gap);\n background-color: var(--color-base-black);\n user-select: none;\n\n .highlight-carousel-text {\n color: var(--color-base-white);\n }\n\n @media ", " {\n & {\n grid-template-rows: min-content max-content max-content;\n }\n }\n"])), devices.mobile);
12614
- var CarouselTitleWrapper = /*#__PURE__*/styled.div(_templateObject2$16 || (_templateObject2$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: 1 / 1 / 1 / 7;\n box-sizing: border-box;\n width: calc(100% + var(--grid-column-gap));\n padding-top: 40px;\n padding-left: 50px;\n padding-right: 36px;\n user-select: text;\n\n @media ", " {\n & {\n grid-area: 1 / 1 / 2 / 12;\n padding: 12px 0 12px var(--grid-margin);\n min-height: 64px;\n box-sizing: border-box;\n width: 100%;\n }\n }\n\n @media ", " {\n & {\n grid-area: 1 / 1 / 2 / 11;\n width: 100%;\n padding: 8px 0 8px 20px;\n min-height: 28px;\n }\n }\n"])), devices.tablet, devices.mobile);
12056
+ var CarouselTitleWrapper = /*#__PURE__*/styled.div(_templateObject2$15 || (_templateObject2$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: 1 / 1 / 1 / 7;\n box-sizing: border-box;\n width: calc(100% + var(--grid-column-gap));\n padding-top: 40px;\n padding-left: 50px;\n padding-right: 36px;\n user-select: text;\n\n @media ", " {\n & {\n grid-area: 1 / 1 / 2 / 12;\n padding: 12px 0 12px var(--grid-margin);\n min-height: 64px;\n box-sizing: border-box;\n width: 100%;\n }\n }\n\n @media ", " {\n & {\n grid-area: 1 / 1 / 2 / 11;\n width: 100%;\n padding: 8px 0 8px 20px;\n min-height: 28px;\n }\n }\n"])), devices.tablet, devices.mobile);
12615
12057
  var HeaderWrapper = /*#__PURE__*/styled.div(_templateObject3$T || (_templateObject3$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n"])));
12616
12058
  var InfoWrapper$2 = /*#__PURE__*/styled.div(_templateObject4$L || (_templateObject4$L = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: 2 / 1 / 2 / 7;\n box-sizing: border-box;\n width: calc(100% + var(--grid-column-gap));\n align-self: center;\n padding: 36px 36px 36px 50px;\n\n @media ", " {\n & {\n grid-area: 2 / 1 / 2 / 7;\n padding: 0 12px 12px var(--grid-margin);\n }\n }\n\n @media ", " {\n & {\n grid-area: 3 / 1 / 4 / 15;\n width: 100%;\n padding: 0 20px;\n margin: 24px 0;\n }\n }\n"])), devices.tablet, devices.mobile);
12617
12059
  var InfoLogoWrapper = /*#__PURE__*/styled.div(_templateObject5$D || (_templateObject5$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 32px;\n width: 132px;\n height: 36px;\n\n @media ", " {\n & {\n margin-bottom: 16px;\n width: 102px;\n height: 28px;\n }\n }\n\n @media ", " {\n & {\n margin-bottom: 20px;\n width: 102px;\n height: 28px;\n }\n }\n"])), devices.tablet, devices.mobile);
12618
12060
  var InfoTitleWrapper = /*#__PURE__*/styled.div(_templateObject6$t || (_templateObject6$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n user-select: text;\n\n h1,\n h2,\n h3 {\n margin-bottom: 8px;\n }\n"])));
12619
12061
  var InfoTextWrapper = /*#__PURE__*/styled.div(_templateObject7$n || (_templateObject7$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 24px;\n user-select: text;\n\n @media ", " {\n & {\n margin-top: 20px;\n }\n }\n"])), devices.mobileAndTablet);
12620
- var InfoLinkWrapper = /*#__PURE__*/styled.div(_templateObject8$h || (_templateObject8$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 32px;\n display: flex;\n flex-direction: row;\n\n @media ", " {\n & {\n margin-top: 16px;\n }\n }\n\n @media ", " {\n & {\n margin-top: 20px;\n }\n display: flex;\n flex-direction: column;\n }\n"])), devices.tablet, devices.mobile);
12062
+ var InfoLinkWrapper = /*#__PURE__*/styled.div(_templateObject8$g || (_templateObject8$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 32px;\n display: flex;\n flex-direction: row;\n\n @media ", " {\n & {\n margin-top: 16px;\n }\n }\n\n @media ", " {\n & {\n margin-top: 20px;\n }\n display: flex;\n flex-direction: column;\n }\n"])), devices.tablet, devices.mobile);
12621
12063
  var CarouselWrapper = /*#__PURE__*/styled.div(_templateObject9$b || (_templateObject9$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: 1 / 7 / 3 / 17;\n position: relative;\n height: 100%;\n width: 100%;\n\n .swipe-slide {\n width: calc(100% - 50px - var(--rotator-button-width));\n -webkit-transform: translate3d(0, 0, 0);\n }\n\n @media ", " {\n & {\n grid-area: 2 / 7 / 3 / 15;\n\n .swipe-slide {\n width: 100%;\n -webkit-transform: translate3d(0, 0, 0);\n }\n }\n }\n\n @media ", " {\n & {\n grid-area: 2 / 1 / 3 / 15;\n\n .swipe-slide {\n width: 100%;\n -webkit-transform: translate3d(0, 0, 0);\n }\n }\n }\n"])), devices.tablet, devices.mobile);
12622
12064
  var RotatorButtonsWrapper = /*#__PURE__*/styled.div(_templateObject0$a || (_templateObject0$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n right: 50px;\n top: calc(50% - calc(var(--rotator-button-width) / 2));\n z-index: 2;\n\n @media ", " {\n & {\n display: none;\n }\n }\n"])), devices.mobileAndTablet);
12623
12065
  var RotatorButtonsWrapperMobile = /*#__PURE__*/styled.div(_templateObject1$6 || (_templateObject1$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n\n @media ", " {\n div {\n background-color: var(--color-base-black);\n }\n svg path {\n fill: var(--color-base-white);\n }\n\n & {\n display: flex;\n grid-area: 1 / 12 / 2 / 14;\n align-self: center;\n justify-content: flex-end;\n }\n }\n\n @media ", " {\n div {\n background-color: var(--color-base-black);\n }\n svg path {\n fill: var(--color-base-white);\n }\n\n & {\n display: flex;\n grid-area: 1 / 11 / 2 / 14;\n align-self: center;\n justify-content: flex-end;\n }\n }\n"])), devices.tablet, devices.mobile);
@@ -12900,63 +12342,623 @@ var HighlightsCore = function HighlightsCore(_ref) {
12900
12342
  slides: slidesWithLinks
12901
12343
  })));
12902
12344
  };
12903
-
12904
- var _excluded$u = ["logo", "slides"];
12905
- var HighlightsStream = function HighlightsStream(_ref) {
12906
- var logo = _ref.logo,
12907
- slides = _ref.slides,
12908
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$u);
12909
- var slidesWithLinks = slides.map(function (slide) {
12910
- var links = processSlideLinks(slide.links);
12911
- return _extends({}, slide, {
12912
- links: links
12913
- });
12914
- });
12915
- return /*#__PURE__*/React__default.createElement(HarmonicThemeProvider, {
12916
- theme: ThemeType.Stream
12917
- }, /*#__PURE__*/React__default.createElement(HighlightsCarousel, Object.assign({}, rest, {
12918
- slides: slidesWithLinks,
12919
- logo: logo ? /*#__PURE__*/React__default.createElement(StreamBadge, {
12920
- align: "left"
12921
- }) : null
12922
- })));
12345
+
12346
+ var _excluded$u = ["logo", "slides"];
12347
+ var HighlightsStream = function HighlightsStream(_ref) {
12348
+ var logo = _ref.logo,
12349
+ slides = _ref.slides,
12350
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$u);
12351
+ var slidesWithLinks = slides.map(function (slide) {
12352
+ var links = processSlideLinks(slide.links);
12353
+ return _extends({}, slide, {
12354
+ links: links
12355
+ });
12356
+ });
12357
+ return /*#__PURE__*/React__default.createElement(HarmonicThemeProvider, {
12358
+ theme: ThemeType.Stream
12359
+ }, /*#__PURE__*/React__default.createElement(HighlightsCarousel, Object.assign({}, rest, {
12360
+ slides: slidesWithLinks,
12361
+ logo: logo ? /*#__PURE__*/React__default.createElement(StreamBadge, {
12362
+ align: "left"
12363
+ }) : null
12364
+ })));
12365
+ };
12366
+
12367
+ var _templateObject$1q, _templateObject3$U;
12368
+ var CarouselWrapper$1 = /*#__PURE__*/styled.div(_templateObject$1q || (_templateObject$1q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n user-select: none;\n display: flex;\n\n .swipe-slide {\n width: 100%;\n }\n"])));
12369
+ var ButtonsWrapper$1 = /*#__PURE__*/styled.div(_templateObject3$U || (_templateObject3$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n flex-direction: column;\n margin-left: 6px;\n"])));
12370
+
12371
+ var MinimalCarousel = function MinimalCarousel(_ref) {
12372
+ var children = _ref.children;
12373
+ var carouselRef = useRef(null);
12374
+ var hasMultipleChildren = React__default.Children.count(children) > 1;
12375
+ var onNext = function onNext() {
12376
+ var _carouselRef$current;
12377
+ return (_carouselRef$current = carouselRef.current) == null ? void 0 : _carouselRef$current.nextSlide();
12378
+ };
12379
+ var onPrev = function onPrev() {
12380
+ var _carouselRef$current2;
12381
+ return (_carouselRef$current2 = carouselRef.current) == null ? void 0 : _carouselRef$current2.prevSlide();
12382
+ };
12383
+ return /*#__PURE__*/React__default.createElement(CarouselWrapper$1, null, /*#__PURE__*/React__default.createElement(Grid, null, /*#__PURE__*/React__default.createElement(GridItem, {
12384
+ columnStartDesktop: 1,
12385
+ columnSpanDesktop: 16,
12386
+ columnStartDevice: 1,
12387
+ columnSpanDevice: 14
12388
+ }, /*#__PURE__*/React__default.createElement(Swipe, {
12389
+ ref: carouselRef,
12390
+ infinite: hasMultipleChildren,
12391
+ "data-testid": "carousel-swipe"
12392
+ }, React__default.Children.toArray(children).map(function (child, index) {
12393
+ return /*#__PURE__*/React__default.createElement("div", {
12394
+ key: "swipe-minimal-carousel-slide-" + index
12395
+ }, child);
12396
+ })))), hasMultipleChildren && (/*#__PURE__*/React__default.createElement(ButtonsWrapper$1, {
12397
+ "data-testid": "carousel-buttons-wrapper"
12398
+ }, /*#__PURE__*/React__default.createElement(RotatorButtons, {
12399
+ onClickNext: onNext,
12400
+ onClickPrev: onPrev
12401
+ }))));
12402
+ };
12403
+
12404
+ var colors = {
12405
+ core: '#C8102E',
12406
+ stream: '#1866DC',
12407
+ cinema: '#1A1A1A'
12408
+ };
12409
+ var commonColors = {
12410
+ black: '#1A1A1A',
12411
+ white: '#FFFFFF',
12412
+ darkgrey: '#727272',
12413
+ midgrey: '#B2B2B2',
12414
+ lightgrey: '#F0F0F0',
12415
+ error: '#C8102E',
12416
+ medium: '#D79233',
12417
+ good: '#4EAA33',
12418
+ progress: '#1866DC',
12419
+ navigation: '#C8102E',
12420
+ lemonChiffon: '#fffbbe',
12421
+ lapisLazuli: '#0060a0',
12422
+ blue: '#1866DC',
12423
+ red: '#C8102E'
12424
+ };
12425
+ var fontFamilies = {
12426
+ adobeGaramondPro: 'adobe-garamond-pro',
12427
+ adobeGaramondProItalics: 'adobe-garamond-pro',
12428
+ gothamSSmMedium: '"Gotham SSm A","Gotham SSm B","Montserrat",sans-serif',
12429
+ gothamSSm: '"Gotham SSm A","Gotham SSm B","Montserrat",sans-serif',
12430
+ sabonNextLTProRegular: 'Sabon Next LT Pro Regular',
12431
+ sabonNextLTProRegularItalics: 'Sabon Next LT Pro Regular Italics',
12432
+ sansSerifFallback: 'Montserrat, sans-serif'
12433
+ };
12434
+ var common = {
12435
+ fonts: {
12436
+ desktop: {
12437
+ sizes: {
12438
+ headers: {
12439
+ 1: '96px',
12440
+ 2: '68px',
12441
+ 3: '44px',
12442
+ 4: '34px',
12443
+ 5: '24px',
12444
+ 6: '20px'
12445
+ },
12446
+ altHeaders: {
12447
+ 3: '44px',
12448
+ 4: '34px',
12449
+ 5: '24px',
12450
+ 6: '20px'
12451
+ },
12452
+ subtitles: {
12453
+ 1: '18px',
12454
+ 2: '14px'
12455
+ },
12456
+ titleDescription: '20px',
12457
+ body: {
12458
+ 1: '19px',
12459
+ 2: '16px',
12460
+ 3: '14px'
12461
+ },
12462
+ listing: '19px',
12463
+ buttons: '14px',
12464
+ overline: {
12465
+ 1: '14px',
12466
+ 2: '12px',
12467
+ 3: '10px',
12468
+ 4: '8px'
12469
+ },
12470
+ navigation: '13px',
12471
+ search: '24px'
12472
+ },
12473
+ letterSpacing: {
12474
+ headers: {
12475
+ 1: '2px',
12476
+ 2: '1px',
12477
+ 3: '1px',
12478
+ 4: '1px',
12479
+ 5: '1px',
12480
+ 6: '1px'
12481
+ },
12482
+ altHeaders: {
12483
+ 3: 'normal',
12484
+ 4: 'normal',
12485
+ 5: 'normal',
12486
+ 6: 'normal'
12487
+ },
12488
+ overline: {
12489
+ 1: '1px',
12490
+ 2: '1px',
12491
+ 3: '1px',
12492
+ 4: '1px'
12493
+ },
12494
+ subtitles: {
12495
+ 1: '1px',
12496
+ 2: '1px'
12497
+ },
12498
+ body: {
12499
+ 1: 'normal',
12500
+ 2: 'normal',
12501
+ 3: 'normal'
12502
+ },
12503
+ navigation: '1px'
12504
+ },
12505
+ lineHeights: {
12506
+ headers: {
12507
+ 1: '110px',
12508
+ 2: '72px',
12509
+ 3: '48px',
12510
+ 4: '40px',
12511
+ 5: '30px',
12512
+ 6: '28px'
12513
+ },
12514
+ altHeaders: {
12515
+ 3: '48px',
12516
+ 4: '44px',
12517
+ 5: '30px',
12518
+ 6: '28px'
12519
+ },
12520
+ subtitles: {
12521
+ 1: '22px',
12522
+ 2: '22px'
12523
+ },
12524
+ titleDescription: '28px',
12525
+ body: {
12526
+ 1: '26px',
12527
+ 2: '22px',
12528
+ 3: '20px'
12529
+ },
12530
+ peopleListing: '24px',
12531
+ listing: '36px',
12532
+ buttons: '20px',
12533
+ overline: {
12534
+ 1: '16px',
12535
+ 2: '14px',
12536
+ 3: '12px',
12537
+ 4: '10px'
12538
+ },
12539
+ navigation: '16px'
12540
+ },
12541
+ families: {
12542
+ headers: fontFamilies.gothamSSmMedium,
12543
+ altHeaders: fontFamilies.adobeGaramondPro,
12544
+ subtitles: fontFamilies.gothamSSmMedium,
12545
+ body: fontFamilies.adobeGaramondPro,
12546
+ bodyItalics: fontFamilies.adobeGaramondProItalics,
12547
+ listing: fontFamilies.adobeGaramondPro,
12548
+ listingItalics: fontFamilies.adobeGaramondProItalics,
12549
+ buttons: fontFamilies.gothamSSm,
12550
+ overline: fontFamilies.gothamSSmMedium,
12551
+ navigation: fontFamilies.gothamSSmMedium,
12552
+ peopleListingRole: fontFamilies.gothamSSm,
12553
+ search: fontFamilies.adobeGaramondPro
12554
+ },
12555
+ weights: {
12556
+ headers: {
12557
+ 1: '500',
12558
+ 2: '500',
12559
+ 3: '500',
12560
+ 4: '500',
12561
+ 5: '500',
12562
+ 6: '500'
12563
+ },
12564
+ altHeaders: {
12565
+ 3: 'normal',
12566
+ 4: 'normal',
12567
+ 5: 'normal',
12568
+ 6: 'normal'
12569
+ },
12570
+ buttons: '400',
12571
+ overline: {
12572
+ 1: '500',
12573
+ 2: '500',
12574
+ 3: '500',
12575
+ 4: '500'
12576
+ },
12577
+ body: {
12578
+ 1: '400',
12579
+ 2: '400',
12580
+ 3: '400'
12581
+ },
12582
+ subtitles: {
12583
+ 1: '500',
12584
+ 2: '500'
12585
+ },
12586
+ navigation: '500'
12587
+ },
12588
+ transforms: {
12589
+ headers: 'uppercase',
12590
+ altHeaders: 'none',
12591
+ overline: 'uppercase',
12592
+ subtitles: 'uppercase',
12593
+ body: 'none',
12594
+ navigation: 'uppercase'
12595
+ },
12596
+ fontFeatureSettings: {
12597
+ headers: "'tnum' on, 'lnum' on",
12598
+ altHeaders: "'pnum' on, 'onum' on",
12599
+ overline: "'tnum' on, 'lnum' on, 'liga' off, 'calt' off",
12600
+ subtitles: "'tnum' on, 'lnum' on",
12601
+ body: "'pnum' on, 'onum' on, 'liga' off",
12602
+ navigation: "'tnum' on, 'lnum' on, 'liga' off, 'calt' off"
12603
+ },
12604
+ wordBreak: {
12605
+ headers: 'break-word',
12606
+ altHeaders: 'break-word',
12607
+ overline: 'break-word',
12608
+ subtitles: 'break-word',
12609
+ body: 'break-word'
12610
+ },
12611
+ margins: {
12612
+ headers: {
12613
+ // These margins use the Chrome defaults to enable proper fallbacks when using semantic level -
12614
+ // https://www.w3schools.com/cssref/css_default_values.php
12615
+ 1: '0.67em 0',
12616
+ 2: '0.83em 0',
12617
+ 3: '1em 0',
12618
+ 4: '1.33em 0',
12619
+ 5: '1.67em 0',
12620
+ 6: '2.33em 0'
12621
+ }
12622
+ }
12623
+ },
12624
+ mobile: {
12625
+ sizes: {
12626
+ headers: {
12627
+ 1: '38px',
12628
+ 2: '30px',
12629
+ 3: '26px',
12630
+ 4: '24px',
12631
+ 5: '20px',
12632
+ 6: '17px'
12633
+ },
12634
+ altHeaders: {
12635
+ 3: '26px',
12636
+ 4: '24px',
12637
+ 5: '20px',
12638
+ 6: '17px'
12639
+ },
12640
+ subtitles: {
12641
+ 1: '16px',
12642
+ 2: '14px'
12643
+ },
12644
+ titleDescription: '17px',
12645
+ body: {
12646
+ 1: '17px',
12647
+ 2: '12px',
12648
+ 3: '11px'
12649
+ },
12650
+ listing: '16px',
12651
+ buttons: '14px',
12652
+ overline: {
12653
+ 1: '14px',
12654
+ 2: '12px',
12655
+ 3: '10px',
12656
+ 4: '8px'
12657
+ },
12658
+ navigation: '13px',
12659
+ search: '20px'
12660
+ },
12661
+ letterSpacing: {
12662
+ headers: {
12663
+ 1: '1px',
12664
+ 2: '1px',
12665
+ 3: '1px',
12666
+ 4: '1px',
12667
+ 5: '1px',
12668
+ 6: '1px'
12669
+ },
12670
+ altHeaders: {
12671
+ 3: 'normal',
12672
+ 4: 'normal',
12673
+ 5: 'normal',
12674
+ 6: 'normal'
12675
+ },
12676
+ overline: {
12677
+ 1: '1px',
12678
+ 2: '1px'
12679
+ },
12680
+ subtitles: {
12681
+ 1: '1px',
12682
+ 2: '1px'
12683
+ },
12684
+ body: {
12685
+ 1: 'normal',
12686
+ 2: 'normal',
12687
+ 3: 'normal'
12688
+ },
12689
+ navigation: '1px'
12690
+ },
12691
+ lineHeights: {
12692
+ headers: {
12693
+ 1: '42px',
12694
+ 2: '34px',
12695
+ 3: '30px',
12696
+ 4: '28px',
12697
+ 5: '28px',
12698
+ 6: '24px'
12699
+ },
12700
+ altHeaders: {
12701
+ 3: '30px',
12702
+ 4: '28px',
12703
+ 5: '28px',
12704
+ 6: '24px'
12705
+ },
12706
+ subtitles: {
12707
+ 1: '24px',
12708
+ 2: '18px'
12709
+ },
12710
+ titleDescription: '24px',
12711
+ body: {
12712
+ 1: '24px',
12713
+ 2: '18px',
12714
+ 3: '16px'
12715
+ },
12716
+ listing: '34px',
12717
+ buttons: '20px',
12718
+ overline: {
12719
+ 1: '16px',
12720
+ 2: '14px'
12721
+ },
12722
+ navigation: '16px'
12723
+ },
12724
+ families: {
12725
+ headers: fontFamilies.gothamSSm,
12726
+ altHeaders: fontFamilies.adobeGaramondPro,
12727
+ subtitles: fontFamilies.gothamSSmMedium,
12728
+ body: fontFamilies.adobeGaramondPro,
12729
+ bodyItalics: fontFamilies.adobeGaramondProItalics,
12730
+ listing: fontFamilies.adobeGaramondPro,
12731
+ listingItalics: fontFamilies.adobeGaramondProItalics,
12732
+ buttons: fontFamilies.gothamSSm,
12733
+ overline: fontFamilies.gothamSSmMedium,
12734
+ navigation: fontFamilies.gothamSSmMedium,
12735
+ search: fontFamilies.adobeGaramondPro
12736
+ },
12737
+ weights: {
12738
+ headers: {
12739
+ 1: '500',
12740
+ 2: '500',
12741
+ 3: '500',
12742
+ 4: '500',
12743
+ 5: '500',
12744
+ 6: '500'
12745
+ },
12746
+ altHeaders: {
12747
+ 3: 'normal',
12748
+ 4: 'normal',
12749
+ 5: 'normal',
12750
+ 6: 'normal'
12751
+ },
12752
+ buttons: '400',
12753
+ overline: {
12754
+ 1: '500',
12755
+ 2: '500'
12756
+ },
12757
+ body: {
12758
+ 1: '400',
12759
+ 2: '400',
12760
+ 3: '400'
12761
+ },
12762
+ subtitles: {
12763
+ 1: '500',
12764
+ 2: '500'
12765
+ },
12766
+ navigation: '500'
12767
+ },
12768
+ transforms: {
12769
+ headers: 'uppercase',
12770
+ altHeaders: 'none',
12771
+ overline: 'uppercase',
12772
+ subtitles: 'uppercase',
12773
+ body: 'none',
12774
+ navigation: 'uppercase'
12775
+ },
12776
+ fontFeatureSettings: {
12777
+ headers: "'tnum' on, 'lnum' on",
12778
+ altHeaders: "'pnum' on, 'onum' on",
12779
+ overline: "'tnum' on, 'lnum' on, 'liga' off, 'calt' off",
12780
+ subtitles: "'tnum' on, 'lnum' on",
12781
+ body: "'pnum' on, 'onum' on, 'liga' off",
12782
+ navigation: "'tnum' on, 'lnum' on, 'liga' off, 'calt' off"
12783
+ },
12784
+ wordBreak: {
12785
+ headers: 'break-word',
12786
+ altHeaders: 'break-word',
12787
+ overline: 'break-word',
12788
+ subtitles: 'break-word',
12789
+ body: 'break-word'
12790
+ }
12791
+ },
12792
+ tablet: {
12793
+ sizes: {
12794
+ headers: {
12795
+ 6: '17px'
12796
+ },
12797
+ altHeaders: {
12798
+ 4: '24px'
12799
+ },
12800
+ body: {
12801
+ 1: '17px'
12802
+ }
12803
+ }
12804
+ }
12805
+ },
12806
+ spacing: {
12807
+ 1: '4px',
12808
+ 2: '8px',
12809
+ 3: '12px',
12810
+ 4: '16px',
12811
+ 5: '20px',
12812
+ 6: '24px',
12813
+ 7: '28px',
12814
+ 8: '32px',
12815
+ 9: '36px',
12816
+ 10: '40px',
12817
+ 12: '48px',
12818
+ 15: '60px',
12819
+ 18: '72px',
12820
+ 20: '80px',
12821
+ 30: '120px',
12822
+ 35: '140px',
12823
+ 40: '160px',
12824
+ 45: '180px',
12825
+ 50: '200px'
12826
+ },
12827
+ grid: {
12828
+ mobile: {
12829
+ margin: '20px',
12830
+ outerMargin: '0',
12831
+ gap: '12px'
12832
+ },
12833
+ tablet: {
12834
+ margin: '32px',
12835
+ outerMargin: '0',
12836
+ gap: '20px'
12837
+ },
12838
+ desktop: {
12839
+ margin: '10%',
12840
+ outerMargin: '50px',
12841
+ gap: '36px'
12842
+ }
12843
+ },
12844
+ buttons: {
12845
+ paddingX: '20px',
12846
+ paddingY: '14px',
12847
+ paddingYIcon: '12px',
12848
+ iconWidth: '20px',
12849
+ iconHeight: '20px',
12850
+ iconMargin: '12px'
12851
+ },
12852
+ footer: {
12853
+ desktop: {
12854
+ height: '380px',
12855
+ paddingTop: '44px',
12856
+ paddingBottom: '44px',
12857
+ itemsGap: '32px',
12858
+ mediaGap: '24px',
12859
+ mediaIconWidth: '24px',
12860
+ mediaIconHeight: '24px',
12861
+ verticalSpacingLarge: '58px',
12862
+ verticalSpacingSmall: '16px'
12863
+ },
12864
+ tablet: {
12865
+ paddingTop: '40px',
12866
+ paddingBottom: '40px'
12867
+ },
12868
+ mobile: {
12869
+ height: 'auto',
12870
+ paddingTop: '20px',
12871
+ paddingBottom: '20px',
12872
+ itemsGap: '12px',
12873
+ mediaGap: '32px',
12874
+ mediaIconWidth: '28px',
12875
+ mediaIconHeight: '28px',
12876
+ verticalSpacingLarge: '24px',
12877
+ verticalSpacingSmall: '24px'
12878
+ }
12879
+ }
12880
+ };
12881
+ var core = /*#__PURE__*/_extends({}, common, {
12882
+ colors: /*#__PURE__*/_extends({}, commonColors, colors, {
12883
+ primary: colors.core,
12884
+ primaryButton: colors.core,
12885
+ secondaryButton: colors.core,
12886
+ tertiaryButton: 'transparent',
12887
+ auxiliaryButton: 'transparent',
12888
+ primaryButtonReverseBg: colors.cinema,
12889
+ primaryButtonReverse: commonColors.white
12890
+ })
12891
+ });
12892
+ var stream = /*#__PURE__*/_extends({}, common, {
12893
+ colors: /*#__PURE__*/_extends({}, commonColors, colors, {
12894
+ primary: colors.stream,
12895
+ primaryButton: colors.stream,
12896
+ primaryButtonReverseBg: colors.cinema,
12897
+ primaryButtonReverse: commonColors.white,
12898
+ secondaryButton: colors.stream,
12899
+ tertiaryButton: 'transparent',
12900
+ auxiliaryButton: 'transparent'
12901
+ })
12902
+ });
12903
+ var cinema = /*#__PURE__*/_extends({}, common, {
12904
+ colors: /*#__PURE__*/_extends({}, commonColors, colors, {
12905
+ primary: colors.cinema,
12906
+ primaryButton: commonColors.white,
12907
+ primaryButtonReverseBg: commonColors.white,
12908
+ primaryButtonReverse: colors.cinema,
12909
+ secondaryButton: colors.cinema,
12910
+ tertiaryButton: 'transparent',
12911
+ auxiliaryButton: 'transparent'
12912
+ })
12913
+ });
12914
+ var schools = /*#__PURE__*/_extends({}, common, {
12915
+ colors: /*#__PURE__*/_extends({}, commonColors, colors, {
12916
+ primary: colors.core,
12917
+ primaryButton: colors.core,
12918
+ primaryButtonReverseBg: colors.cinema,
12919
+ primaryButtonReverse: commonColors.white,
12920
+ secondaryButton: colors.core,
12921
+ tertiaryButton: 'transparent',
12922
+ auxiliaryButton: 'transparent'
12923
+ }),
12924
+ fonts: /*#__PURE__*/_extends({}, common.fonts, {
12925
+ desktop: /*#__PURE__*/_extends({}, common.fonts.desktop, {
12926
+ transforms: {
12927
+ headers: 'none',
12928
+ altHeaders: 'none',
12929
+ overline: 'none',
12930
+ subtitles: 'none',
12931
+ body: 'none',
12932
+ navigation: 'uppercase'
12933
+ }
12934
+ }),
12935
+ mobile: /*#__PURE__*/_extends({}, common.fonts.mobile, {
12936
+ transforms: {
12937
+ headers: 'none',
12938
+ altHeaders: 'none',
12939
+ overline: 'none',
12940
+ subtitles: 'none',
12941
+ body: 'none',
12942
+ navigation: 'uppercase'
12943
+ }
12944
+ })
12945
+ })
12946
+ });
12947
+ var themes = {
12948
+ core: core,
12949
+ stream: stream,
12950
+ cinema: cinema,
12951
+ fontFamilies: fontFamilies,
12952
+ schools: schools
12923
12953
  };
12924
12954
 
12925
- var _templateObject$1q, _templateObject3$U;
12926
- var CarouselWrapper$1 = /*#__PURE__*/styled.div(_templateObject$1q || (_templateObject$1q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n user-select: none;\n display: flex;\n\n .swipe-slide {\n width: 100%;\n }\n"])));
12927
- var ButtonsWrapper$1 = /*#__PURE__*/styled.div(_templateObject3$U || (_templateObject3$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n flex-direction: column;\n margin-left: 6px;\n"])));
12928
-
12929
- var MinimalCarousel = function MinimalCarousel(_ref) {
12930
- var children = _ref.children;
12931
- var carouselRef = useRef(null);
12932
- var hasMultipleChildren = React__default.Children.count(children) > 1;
12933
- var onNext = function onNext() {
12934
- var _carouselRef$current;
12935
- return (_carouselRef$current = carouselRef.current) == null ? void 0 : _carouselRef$current.nextSlide();
12936
- };
12937
- var onPrev = function onPrev() {
12938
- var _carouselRef$current2;
12939
- return (_carouselRef$current2 = carouselRef.current) == null ? void 0 : _carouselRef$current2.prevSlide();
12940
- };
12941
- return /*#__PURE__*/React__default.createElement(CarouselWrapper$1, null, /*#__PURE__*/React__default.createElement(Grid, null, /*#__PURE__*/React__default.createElement(GridItem, {
12942
- columnStartDesktop: 1,
12943
- columnSpanDesktop: 16,
12944
- columnStartDevice: 1,
12945
- columnSpanDevice: 14
12946
- }, /*#__PURE__*/React__default.createElement(Swipe, {
12947
- ref: carouselRef,
12948
- infinite: hasMultipleChildren,
12949
- "data-testid": "carousel-swipe"
12950
- }, React__default.Children.toArray(children).map(function (child, index) {
12951
- return /*#__PURE__*/React__default.createElement("div", {
12952
- key: "swipe-minimal-carousel-slide-" + index
12953
- }, child);
12954
- })))), hasMultipleChildren && (/*#__PURE__*/React__default.createElement(ButtonsWrapper$1, {
12955
- "data-testid": "carousel-buttons-wrapper"
12956
- }, /*#__PURE__*/React__default.createElement(RotatorButtons, {
12957
- onClickNext: onNext,
12958
- onClickPrev: onPrev
12959
- }))));
12955
+ var Theme = function Theme(_ref) {
12956
+ var children = _ref.children,
12957
+ theme = _ref.theme;
12958
+ var chosenTheme = themes[theme];
12959
+ return /*#__PURE__*/React__default.createElement(ThemeProvider, {
12960
+ theme: chosenTheme
12961
+ }, children);
12960
12962
  };
12961
12963
 
12962
12964
  var _templateObject$1r;
@@ -13907,9 +13909,9 @@ var GlobalStyles = /*#__PURE__*/createGlobalStyle(_templateObject$1r || (_templa
13907
13909
  return theme.footer.tablet.paddingBottom;
13908
13910
  }, devices.desktop, devices.largeDesktop);
13909
13911
 
13910
- var _templateObject$1s, _templateObject2$17, _templateObject3$V;
13912
+ var _templateObject$1s, _templateObject2$16, _templateObject3$V;
13911
13913
  var FigureBlock = /*#__PURE__*/styled.figure(_templateObject$1s || (_templateObject$1s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n"])));
13912
- var BlockquoteBlock = /*#__PURE__*/styled.blockquote(_templateObject2$17 || (_templateObject2$17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n"])));
13914
+ var BlockquoteBlock = /*#__PURE__*/styled.blockquote(_templateObject2$16 || (_templateObject2$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n"])));
13913
13915
  var AttributionBlock = /*#__PURE__*/styled(HarmonicSubtitle)(_templateObject3$V || (_templateObject3$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 32px 0;\n\n & cite {\n font-style: normal;\n }\n\n @media ", " {\n padding: 24px 0;\n }\n"])), devices.mobile);
13914
13916
 
13915
13917
  /* eslint-disable react/no-danger */