@royaloperahouse/chord 1.6.0 → 1.6.2-a-chord-development

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.
package/dist/chord.esm.js CHANGED
@@ -265,6 +265,17 @@ var common = {
265
265
  overline: 'break-word',
266
266
  subtitles: 'break-word',
267
267
  body: 'break-word'
268
+ },
269
+ margins: {
270
+ headers: {
271
+ // These margins use the Chrome defaults to enable proper fallbacks when using semantic level - https://www.w3schools.com/cssref/css_default_values.php
272
+ 1: '0.67em 0',
273
+ 2: '0.83em 0',
274
+ 3: '1em 0',
275
+ 4: '1.33em 0',
276
+ 5: '1.67em 0',
277
+ 6: '2.33em 0'
278
+ }
268
279
  }
269
280
  },
270
281
  mobile: {
@@ -2915,7 +2926,7 @@ var TextLink = function TextLink(_ref) {
2915
2926
  };
2916
2927
 
2917
2928
  var _templateObject$j;
2918
- var Wrapper$1 = /*#__PURE__*/styled.div(_templateObject$j || (_templateObject$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-", ");\n font-feature-settings: var(--font-feature-settings-", ");\n font-size: var(--font-size-", "-", ");\n font-weight: var(--font-weight-", "-", ");\n letter-spacing: var(--letter-spacing-", "-", ");\n line-height: var(--line-height-", "-", ");\n text-transform: var(--text-transform-", ");\n word-break: var(--word-break-", ");\n"])), function (_ref) {
2929
+ var Wrapper$1 = /*#__PURE__*/styled.div(_templateObject$j || (_templateObject$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-", ");\n font-feature-settings: var(--font-feature-settings-", ");\n font-size: var(--font-size-", "-", ");\n font-weight: var(--font-weight-", "-", ");\n letter-spacing: var(--letter-spacing-", "-", ");\n line-height: var(--line-height-", "-", ");\n text-transform: var(--text-transform-", ");\n word-break: var(--word-break-", ");\n margin: var(--margin-", "-", ");\n"])), function (_ref) {
2919
2930
  var typography = _ref.typography;
2920
2931
  return typography;
2921
2932
  }, function (_ref2) {
@@ -2951,6 +2962,12 @@ var Wrapper$1 = /*#__PURE__*/styled.div(_templateObject$j || (_templateObject$j
2951
2962
  }, function (_ref12) {
2952
2963
  var typography = _ref12.typography;
2953
2964
  return typography;
2965
+ }, function (_ref13) {
2966
+ var typography = _ref13.typography;
2967
+ return typography;
2968
+ }, function (_ref14) {
2969
+ var level = _ref14.level;
2970
+ return level;
2954
2971
  });
2955
2972
 
2956
2973
  var StyledTag = function StyledTag(_ref) {
@@ -5592,7 +5609,132 @@ var PageHeadingCinema = function PageHeadingCinema(_ref) {
5592
5609
  };
5593
5610
 
5594
5611
  var _templateObject$M, _templateObject2$w, _templateObject3$n, _templateObject4$h, _templateObject5$c, _templateObject6$9, _templateObject7$6;
5595
- var ImpactWrapper = /*#__PURE__*/styled.div(_templateObject$M || (_templateObject$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n aspect-ratio: 16 / 9;\n @supports not (aspect-ratio: 16 / 9) {\n height: 56.25vw;\n }\n\n background-image: url('", "');\n background-repeat: no-repeat;\n background-size: cover;\n position: relative;\n display: flex;\n align-items: center;\n\n ::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: var(--base-color-black);\n filter: opacity(40%);\n z-index: ", ";\n }\n\n @media ", " {\n & {\n aspect-ratio: 1 / 1;\n @supports not (aspect-ratio: 1 / 1) {\n height: 100vw;\n }\n background-image: url('", "');\n background-position: center;\n display: flex;\n align-items: start;\n }\n }\n"])), function (_ref) {
5612
+ var HighlightsGrid$1 = /*#__PURE__*/styled(Grid)(_templateObject$M || (_templateObject$M = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n grid-template-rows: max-content minmax(0, 1fr);\n gap: 0 var(--grid-column-gap);\n background-color: var(--base-color-black);\n color: var(--base-color-white);\n user-select: none;\n\n @media ", " {\n & {\n grid-template-rows: min-content max-content max-content;\n }\n }\n"])), devices.mobile);
5613
+ var HighlightTitleWrapper = /*#__PURE__*/styled.div(_templateObject2$w || (_templateObject2$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n user-select: text;\n h3 {\n padding: 0;\n margin: 0 0 8px 0;\n }\n\n @media ", " {\n & {\n h3 {\n font-size: ", ";\n font-weight: ", ";\n letter-spacing: ", ";\n line-height: ", ";\n }\n }\n }\n"])), devices.tablet, function (_ref) {
5614
+ var theme = _ref.theme;
5615
+ return theme.fonts.mobile.sizes.headers[3];
5616
+ }, function (_ref2) {
5617
+ var theme = _ref2.theme;
5618
+ return theme.fonts.mobile.weights.headers[3];
5619
+ }, function (_ref3) {
5620
+ var theme = _ref3.theme;
5621
+ return theme.fonts.mobile.letterSpacing.headers[3];
5622
+ }, function (_ref4) {
5623
+ var theme = _ref4.theme;
5624
+ return theme.fonts.mobile.lineHeights.headers[3];
5625
+ });
5626
+ var HighlightTextWrapper = /*#__PURE__*/styled.div(_templateObject3$n || (_templateObject3$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 24px;\n user-select: text;\n\n @media ", " {\n & {\n margin-top: 20px;\n\n > div {\n font-size: ", ";\n font-weight: ", ";\n letter-spacing: ", ";\n line-height: ", ";\n }\n }\n }\n\n @media ", " {\n & {\n margin-top: 20px;\n }\n }\n"])), devices.tablet, function (_ref5) {
5627
+ var theme = _ref5.theme;
5628
+ return theme.fonts.mobile.sizes.body[1];
5629
+ }, function (_ref6) {
5630
+ var theme = _ref6.theme;
5631
+ return theme.fonts.mobile.weights.body[1];
5632
+ }, function (_ref7) {
5633
+ var theme = _ref7.theme;
5634
+ return theme.fonts.mobile.letterSpacing.body[1];
5635
+ }, function (_ref8) {
5636
+ var theme = _ref8.theme;
5637
+ return theme.fonts.mobile.lineHeights.body[1];
5638
+ }, devices.mobile);
5639
+ var HighlightsInfoWrapper = /*#__PURE__*/styled.div(_templateObject4$h || (_templateObject4$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\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: ", ";\n width: 100%;\n padding: 20px;\n }\n }\n"])), function (_ref9) {
5640
+ var hasImages = _ref9.hasImages;
5641
+ return hasImages ? '1 / 1 / 3 / 7' : '1 / 1 / 3 / 12';
5642
+ }, devices.mobile, function (_ref10) {
5643
+ var hasImages = _ref10.hasImages;
5644
+ return hasImages ? '3 / 1 / 4 / 15' : '1 / 1 / 3 / 15';
5645
+ });
5646
+ var HighlightsCarouselWrapper = /*#__PURE__*/styled.div(_templateObject5$c || (_templateObject5$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: 1 / 7 / 3 / 17;\n position: relative;\n height: 100%;\n width: 100%;\n background-color: var(--base-color-black);\n\n .swiper-slide {\n ", "\n }\n\n @media ", " {\n & {\n grid-area: 2 / 7 / 3 / 15;\n\n .swiper-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 .swiper-slide {\n width: 100%;\n -webkit-transform: translate3d(0, 0, 0);\n }\n }\n }\n"])), function (_ref11) {
5647
+ var hasMultipleImages = _ref11.hasMultipleImages;
5648
+ return hasMultipleImages ? 'width: calc(100% - 50px - var(--rotator-button-width)); -webkit-transform: translate3d(0, 0, 0);' : 'width: 100%';
5649
+ }, devices.tablet, devices.mobile);
5650
+ var MobileRotatorButtonsWrapper = /*#__PURE__*/styled.div(_templateObject6$9 || (_templateObject6$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n div {\n padding-top: 8px;\n }\n\n @media ", ", ", " {\n display: none;\n }\n\n @media ", " {\n .carousel-icon-wrapper-left,\n .carousel-icon-wrapper-right {\n background-color: transparent;\n\n svg path {\n fill: var(--base-color-lightgrey);\n }\n }\n\n .carousel-icon-wrapper-left {\n margin-right: 8px;\n }\n }\n\n @media ", " {\n grid-area: 1 / 2;\n height: 56px;\n\n div {\n padding-top: 6px;\n }\n }\n\n @media ", " {\n grid-area: 1 / 13;\n height: 80px;\n\n div {\n padding-top: 8px;\n }\n }\n"])), devices.desktop, devices.largeDesktop, devices.mobileAndTablet, devices.mobile, devices.tablet);
5651
+ var RotatorButtonsWrapper$1 = /*#__PURE__*/styled.div(_templateObject7$6 || (_templateObject7$6 = /*#__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);
5652
+
5653
+ var PageHeadingHighlight = function PageHeadingHighlight(_ref) {
5654
+ var title = _ref.title,
5655
+ subtitle = _ref.subtitle,
5656
+ text = _ref.text,
5657
+ images = _ref.images;
5658
+
5659
+ var _useState = useState(),
5660
+ swiper = _useState[0],
5661
+ setSwiper = _useState[1];
5662
+
5663
+ var _useState2 = useState(0),
5664
+ setCurrentImage = _useState2[1];
5665
+
5666
+ useEffect(function () {
5667
+ var slideChangeHandler = function slideChangeHandler(s) {
5668
+ return setCurrentImage(s.realIndex);
5669
+ };
5670
+
5671
+ swiper == null ? void 0 : swiper.on('slideChangeTransitionStart', slideChangeHandler);
5672
+ return function () {
5673
+ return swiper == null ? void 0 : swiper.off('slideChangeTransitionStart', slideChangeHandler);
5674
+ };
5675
+ }, [swiper]);
5676
+
5677
+ var onSwiper = function onSwiper(s) {
5678
+ setSwiper(s);
5679
+ };
5680
+
5681
+ var onNext = function onNext() {
5682
+ if (swiper && !swiper.animating) {
5683
+ swiper.slideNext();
5684
+ }
5685
+ };
5686
+
5687
+ var onPrev = function onPrev() {
5688
+ if (swiper && !swiper.animating) {
5689
+ swiper.slidePrev();
5690
+ }
5691
+ };
5692
+
5693
+ var headerImages = images || [];
5694
+ var hasImages = !!headerImages.length;
5695
+ var hasMultipleImages = headerImages.length > 1;
5696
+ return /*#__PURE__*/React__default.createElement(HighlightsGrid$1, null, hasImages && /*#__PURE__*/React__default.createElement(MobileRotatorButtonsWrapper, null, hasMultipleImages && /*#__PURE__*/React__default.createElement(RotatorButtons, {
5697
+ onClickNext: onNext,
5698
+ onClickPrev: onPrev
5699
+ })), /*#__PURE__*/React__default.createElement(HighlightsInfoWrapper, {
5700
+ hasImages: hasImages
5701
+ }, /*#__PURE__*/React__default.createElement(HighlightTitleWrapper, null, /*#__PURE__*/React__default.createElement(Header, {
5702
+ level: 3,
5703
+ semanticLevel: 1
5704
+ }, title), /*#__PURE__*/React__default.createElement(Subtitle, {
5705
+ level: 2
5706
+ }, subtitle)), text && /*#__PURE__*/React__default.createElement(HighlightTextWrapper, null, /*#__PURE__*/React__default.createElement(BodyText, {
5707
+ level: 1
5708
+ }, /*#__PURE__*/React__default.createElement("span", {
5709
+ dangerouslySetInnerHTML: {
5710
+ __html: text
5711
+ }
5712
+ })))), hasImages && /*#__PURE__*/React__default.createElement(HighlightsCarouselWrapper, {
5713
+ hasMultipleImages: hasMultipleImages
5714
+ }, hasMultipleImages && /*#__PURE__*/React__default.createElement(RotatorButtonsWrapper$1, {
5715
+ "data-testid": "rotator-buttons"
5716
+ }, /*#__PURE__*/React__default.createElement(RotatorButtons, {
5717
+ onClickNext: onNext,
5718
+ onClickPrev: onPrev
5719
+ })), /*#__PURE__*/React__default.createElement(Swiper, {
5720
+ slidesPerView: "auto",
5721
+ loop: hasMultipleImages,
5722
+ loopedSlides: headerImages.length,
5723
+ onSwiper: onSwiper
5724
+ }, headerImages.map(function (image, index) {
5725
+ return /*#__PURE__*/React__default.createElement(SwiperSlide, {
5726
+ key: "carousel-image-" + index
5727
+ }, /*#__PURE__*/React__default.createElement(ImageAspectRatioWrapper, {
5728
+ aspectRatio: AspectRatio['4:3']
5729
+ }, /*#__PURE__*/React__default.createElement("img", {
5730
+ src: image.src,
5731
+ alt: image.alt
5732
+ })));
5733
+ }))));
5734
+ };
5735
+
5736
+ var _templateObject$N, _templateObject2$x, _templateObject3$o, _templateObject4$i, _templateObject5$d, _templateObject6$a, _templateObject7$7;
5737
+ var ImpactWrapper = /*#__PURE__*/styled.div(_templateObject$N || (_templateObject$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n aspect-ratio: 16 / 9;\n @supports not (aspect-ratio: 16 / 9) {\n height: 56.25vw;\n }\n\n background-image: url('", "');\n background-repeat: no-repeat;\n background-size: cover;\n position: relative;\n display: flex;\n align-items: center;\n\n ::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: var(--base-color-black);\n filter: opacity(40%);\n z-index: ", ";\n }\n\n @media ", " {\n & {\n aspect-ratio: 1 / 1;\n @supports not (aspect-ratio: 1 / 1) {\n height: 100vw;\n }\n background-image: url('", "');\n background-position: center;\n display: flex;\n align-items: start;\n }\n }\n"])), function (_ref) {
5596
5738
  var bgUrlDesktop = _ref.bgUrlDesktop;
5597
5739
  return bgUrlDesktop;
5598
5740
  }, zIndexes.content, devices.mobile, function (_ref2) {
@@ -5600,12 +5742,12 @@ var ImpactWrapper = /*#__PURE__*/styled.div(_templateObject$M || (_templateObjec
5600
5742
  bgUrlDevice = _ref2.bgUrlDevice;
5601
5743
  return bgUrlDevice ? bgUrlDevice : bgUrlDesktop;
5602
5744
  });
5603
- var ImpactGrid = /*#__PURE__*/styled(Grid)(_templateObject2$w || (_templateObject2$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n z-index: ", ";\n gap: 0 var(--grid-column-gap);\n grid-template-rows: min-content min-content min-content;\n grid-template-areas:\n '. . . . . logo logo logo logo logo logo . . . . .'\n '. . . text text text text text text text text text text . . .'\n '. . . button button button button button button button button button button . . .';\n\n @media ", " {\n & {\n height: 100%;\n grid-template-rows: 1fr max-content 1fr;\n grid-template-areas:\n '. . . logo logo logo logo logo logo logo logo . . .'\n '. text text text text text text text text text text text text .'\n '. button button button button button button button button button button button button .';\n }\n }\n\n @media ", " {\n & {\n grid-template-areas:\n '. . . logo logo logo logo logo logo logo logo . . .'\n '. text text text text text text text text text text text text .'\n '. . button button button button button button button button button button . .';\n }\n }\n"])), zIndexes.contentOverlay, devices.mobile, devices.tablet);
5604
- var SponsorWrapper = /*#__PURE__*/styled.div(_templateObject3$n || (_templateObject3$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 20px;\n right: var(--grid-outer-margin);\n width: fit-content;\n z-index: ", ";\n\n @media ", " {\n & {\n right: var(--grid-margin);\n }\n }\n"])), zIndexes.sponsorship, devices.mobileAndTablet);
5605
- var LogoWrapper$2 = /*#__PURE__*/styled.div(_templateObject4$h || (_templateObject4$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n align-self: end;\n"])));
5606
- var TextWrapper$1 = /*#__PURE__*/styled.div(_templateObject5$c || (_templateObject5$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: text;\n color: var(--base-color-white);\n text-align: center;\n margin-top: 40px;\n max-height: calc(2 * var(--line-height-header-3));\n overflow: hidden;\n\n h3 {\n margin: 0;\n padding: 0;\n }\n\n @media ", " {\n & {\n max-height: calc(4 * var(--line-height-header-3));\n }\n }\n\n @media ", " {\n & {\n margin-top: 12px;\n max-height: calc(4 * var(--line-height-header-3));\n }\n\n h3 {\n font-size: var(--font-size-header-3);\n letter-spacing: var(--letter-spacing-header-5);\n line-height: var(--line-height-header-5);\n }\n }\n"])), devices.tablet, devices.mobile);
5607
- var ButtonWrapper$2 = /*#__PURE__*/styled.div(_templateObject6$9 || (_templateObject6$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: button;\n align-self: end;\n display: flex;\n justify-content: center;\n margin-top: 40px;\n\n @media ", " {\n & {\n margin-top: 0;\n margin-bottom: 20px;\n }\n }\n"])), devices.mobile);
5608
- var ScrollDownWrapper = /*#__PURE__*/styled.div(_templateObject7$6 || (_templateObject7$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: 20px;\n left: var(--grid-outer-margin);\n width: fit-content;\n z-index: ", ";\n\n @keyframes UpDown {\n 0%,\n 100% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(8px);\n }\n }\n\n a {\n font-size: var(--font-size-overline-1);\n font-weight: var(--font-weight-overline-1);\n letter-spacing: var(--letter-spacing-overline-1);\n border: none;\n padding: 0;\n :hover {\n border: none;\n\n > span {\n animation: UpDown 1500ms linear infinite;\n }\n }\n }\n\n @media ", " {\n & {\n display: none;\n }\n }\n\n @media ", " {\n & {\n display: none;\n }\n }\n"])), zIndexes.contentOverlay, devices.mobile, devices.tablet);
5745
+ var ImpactGrid = /*#__PURE__*/styled(Grid)(_templateObject2$x || (_templateObject2$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n z-index: ", ";\n gap: 0 var(--grid-column-gap);\n grid-template-rows: min-content min-content min-content;\n grid-template-areas:\n '. . . . . logo logo logo logo logo logo . . . . .'\n '. . . text text text text text text text text text text . . .'\n '. . . button button button button button button button button button button . . .';\n\n @media ", " {\n & {\n height: 100%;\n grid-template-rows: 1fr max-content 1fr;\n grid-template-areas:\n '. . . logo logo logo logo logo logo logo logo . . .'\n '. text text text text text text text text text text text text .'\n '. button button button button button button button button button button button button .';\n }\n }\n\n @media ", " {\n & {\n grid-template-areas:\n '. . . logo logo logo logo logo logo logo logo . . .'\n '. text text text text text text text text text text text text .'\n '. . button button button button button button button button button button . .';\n }\n }\n"])), zIndexes.contentOverlay, devices.mobile, devices.tablet);
5746
+ var SponsorWrapper = /*#__PURE__*/styled.div(_templateObject3$o || (_templateObject3$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 20px;\n right: var(--grid-outer-margin);\n width: fit-content;\n z-index: ", ";\n\n @media ", " {\n & {\n right: var(--grid-margin);\n }\n }\n"])), zIndexes.sponsorship, devices.mobileAndTablet);
5747
+ var LogoWrapper$2 = /*#__PURE__*/styled.div(_templateObject4$i || (_templateObject4$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: logo;\n align-self: end;\n"])));
5748
+ var TextWrapper$1 = /*#__PURE__*/styled.div(_templateObject5$d || (_templateObject5$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: text;\n color: var(--base-color-white);\n text-align: center;\n margin-top: 40px;\n max-height: calc(2 * var(--line-height-header-3));\n overflow: hidden;\n\n h3 {\n margin: 0;\n padding: 0;\n }\n\n @media ", " {\n & {\n max-height: calc(4 * var(--line-height-header-3));\n }\n }\n\n @media ", " {\n & {\n margin-top: 12px;\n max-height: calc(4 * var(--line-height-header-3));\n }\n\n h3 {\n font-size: var(--font-size-header-3);\n letter-spacing: var(--letter-spacing-header-5);\n line-height: var(--line-height-header-5);\n }\n }\n"])), devices.tablet, devices.mobile);
5749
+ var ButtonWrapper$2 = /*#__PURE__*/styled.div(_templateObject6$a || (_templateObject6$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: button;\n align-self: end;\n display: flex;\n justify-content: center;\n margin-top: 40px;\n\n @media ", " {\n & {\n margin-top: 0;\n margin-bottom: 20px;\n }\n }\n"])), devices.mobile);
5750
+ var ScrollDownWrapper = /*#__PURE__*/styled.div(_templateObject7$7 || (_templateObject7$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: 20px;\n left: var(--grid-outer-margin);\n width: fit-content;\n z-index: ", ";\n\n @keyframes UpDown {\n 0%,\n 100% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(8px);\n }\n }\n\n a {\n font-size: var(--font-size-overline-1);\n font-weight: var(--font-weight-overline-1);\n letter-spacing: var(--letter-spacing-overline-1);\n border: none;\n padding: 0;\n :hover {\n border: none;\n\n > span {\n animation: UpDown 1500ms linear infinite;\n }\n }\n }\n\n @media ", " {\n & {\n display: none;\n }\n }\n\n @media ", " {\n & {\n display: none;\n }\n }\n"])), zIndexes.contentOverlay, devices.mobile, devices.tablet);
5609
5751
 
5610
5752
  var _excluded$h = ["text"];
5611
5753
 
@@ -5654,8 +5796,8 @@ var PageHeadingImpact = function PageHeadingImpact(_ref) {
5654
5796
  }, "Scroll Down")) : null);
5655
5797
  };
5656
5798
 
5657
- var _templateObject$N;
5658
- var StreamWrapper = /*#__PURE__*/styled.div(_templateObject$N || (_templateObject$N = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h2::selection,\n div::selection {\n color: #1866dc;\n background-color: #fff;\n }\n"])));
5799
+ var _templateObject$O;
5800
+ var StreamWrapper = /*#__PURE__*/styled.div(_templateObject$O || (_templateObject$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h2::selection,\n div::selection {\n color: #1866dc;\n background-color: #fff;\n }\n"])));
5659
5801
 
5660
5802
  var _excluded$i = ["link"];
5661
5803
 
@@ -5675,13 +5817,13 @@ var PageHeadingStream = function PageHeadingStream(_ref) {
5675
5817
  }), /*#__PURE__*/React__default.createElement(StreamBadge, null))));
5676
5818
  };
5677
5819
 
5678
- var _templateObject$O, _templateObject2$x, _templateObject3$o, _templateObject4$i, _templateObject5$d, _templateObject6$a;
5679
- var PeopleListingGrid = /*#__PURE__*/styled(Grid)(_templateObject$O || (_templateObject$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: var(--line-height-people-listing-gap) var(--grid-column-gap);\n\n p {\n margin: 0;\n }\n\n grid-template-columns: 1fr 1fr 1fr;\n\n @media ", " {\n grid-template-columns: 1fr;\n }\n\n @media ", " {\n grid-template-columns: 1fr 1fr;\n }\n\n @media ", " {\n grid-template-columns: 1fr 1fr 1fr 1fr;\n }\n"])), devices.mobile, devices.tablet, devices.largeDesktop);
5680
- var PersonWrapper = /*#__PURE__*/styled.div(_templateObject2$x || (_templateObject2$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: 60px 1fr;\n grid-template-areas: 'headshot role-person';\n grid-column-gap: 10px;\n"])));
5681
- var HeadshotWrapper = /*#__PURE__*/styled.div(_templateObject3$o || (_templateObject3$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: headshot;\n img {\n width: 60px;\n height: 60px;\n }\n"])));
5682
- var RoleWrapper = /*#__PURE__*/styled.div(_templateObject4$i || (_templateObject4$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n margin-bottom: 4px;\n"])));
5683
- var TextWrapper$2 = /*#__PURE__*/styled.div(_templateObject5$d || (_templateObject5$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: role-person;\n"])));
5684
- var PersonLink = /*#__PURE__*/styled.a(_templateObject6$a || (_templateObject6$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-black);\n text-decoration: underline;\n\n :hover {\n color: var(--base-color-primary);\n :after {\n color: var(--base-color-black);\n }\n }\n\n :visited {\n color: var(--base-color-black);\n }\n"])));
5820
+ var _templateObject$P, _templateObject2$y, _templateObject3$p, _templateObject4$j, _templateObject5$e, _templateObject6$b;
5821
+ var PeopleListingGrid = /*#__PURE__*/styled(Grid)(_templateObject$P || (_templateObject$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: var(--line-height-people-listing-gap) var(--grid-column-gap);\n\n p {\n margin: 0;\n }\n\n grid-template-columns: 1fr 1fr 1fr;\n\n @media ", " {\n grid-template-columns: 1fr;\n }\n\n @media ", " {\n grid-template-columns: 1fr 1fr;\n }\n\n @media ", " {\n grid-template-columns: 1fr 1fr 1fr 1fr;\n }\n"])), devices.mobile, devices.tablet, devices.largeDesktop);
5822
+ var PersonWrapper = /*#__PURE__*/styled.div(_templateObject2$y || (_templateObject2$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: 60px 1fr;\n grid-template-areas: 'headshot role-person';\n grid-column-gap: 10px;\n"])));
5823
+ var HeadshotWrapper = /*#__PURE__*/styled.div(_templateObject3$p || (_templateObject3$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: headshot;\n img {\n width: 60px;\n height: 60px;\n }\n"])));
5824
+ var RoleWrapper = /*#__PURE__*/styled.div(_templateObject4$j || (_templateObject4$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-darkgrey);\n overflow-wrap: break-word;\n margin-bottom: 4px;\n"])));
5825
+ var TextWrapper$2 = /*#__PURE__*/styled.div(_templateObject5$e || (_templateObject5$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: role-person;\n"])));
5826
+ var PersonLink = /*#__PURE__*/styled.a(_templateObject6$b || (_templateObject6$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-black);\n text-decoration: underline;\n\n :hover {\n color: var(--base-color-primary);\n :after {\n color: var(--base-color-black);\n }\n }\n\n :visited {\n color: var(--base-color-black);\n }\n"])));
5685
5827
 
5686
5828
  var Person = function Person(_ref) {
5687
5829
  var person = _ref.person,
@@ -5732,14 +5874,14 @@ var PeopleListing = function PeopleListing(_ref) {
5732
5874
  }));
5733
5875
  };
5734
5876
 
5735
- var _templateObject$P, _templateObject2$y, _templateObject3$p, _templateObject4$j, _templateObject5$e, _templateObject6$b, _templateObject7$7, _templateObject8$6, _templateObject9$4, _templateObject10$3, _templateObject11$2, _templateObject12$1, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19;
5877
+ var _templateObject$Q, _templateObject2$z, _templateObject3$q, _templateObject4$k, _templateObject5$f, _templateObject6$c, _templateObject7$8, _templateObject8$6, _templateObject9$4, _templateObject10$3, _templateObject11$2, _templateObject12$1, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19;
5736
5878
  var LENGTH_TEXT = 28;
5737
5879
  var LENGTH_TEXT_TABLET$1 = 12;
5738
5880
  var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
5739
5881
  var GridTemplateImageToRight = "'. . left left left left left . right right right right right right right right'";
5740
5882
  var GridTemplateAsCard = "'. . left left left left left right right right right right right right . . '";
5741
5883
  var GridTemplateAsCardTablet = "'. . left left left left left left left right right right right right . . '";
5742
- var PromoWithTagsGrid = /*#__PURE__*/styled(Grid)(_templateObject$P || (_templateObject$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-template-areas: ", ";\n\n @media ", " {\n & {\n grid-template-areas: ", ";\n }\n }\n\n @media ", " {\n & {\n grid-template-columns: var(--grid-margin) minmax(0, 1fr) var(--grid-margin);\n grid-template-rows: min-content 24px min-content;\n gap: 0;\n grid-template-areas:\n 'row1 row1 row1'\n '. . .'\n '. row2 .';\n }\n }\n\n /* Overwrite template for card */\n ", "\n"])), function (_ref) {
5884
+ var PromoWithTagsGrid = /*#__PURE__*/styled(Grid)(_templateObject$Q || (_templateObject$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-template-areas: ", ";\n\n @media ", " {\n & {\n grid-template-areas: ", ";\n }\n }\n\n @media ", " {\n & {\n grid-template-columns: var(--grid-margin) minmax(0, 1fr) var(--grid-margin);\n grid-template-rows: min-content 24px min-content;\n gap: 0;\n grid-template-areas:\n 'row1 row1 row1'\n '. . .'\n '. row2 .';\n }\n }\n\n /* Overwrite template for card */\n ", "\n"])), function (_ref) {
5743
5885
  var imageToLeft = _ref.imageToLeft;
5744
5886
  return imageToLeft ? GridTemplateImageToLeft : GridTemplateImageToRight;
5745
5887
  }, devices.tablet, function (_ref2) {
@@ -5748,8 +5890,8 @@ var PromoWithTagsGrid = /*#__PURE__*/styled(Grid)(_templateObject$P || (_templat
5748
5890
  }, devices.mobile, function (asCard) {
5749
5891
  return asCard ? "\n grid-template-areas: " + GridTemplateAsCard + ";\n @media " + devices.tablet + " {\n grid-template-areas: " + GridTemplateAsCardTablet + ";\n }\n " : "";
5750
5892
  });
5751
- var PromoWithTagsSubtitle = /*#__PURE__*/styled.span(_templateObject2$y || (_templateObject2$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-size: var(--font-size-subtitle-1);\n font-weight: var(--font-weight-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n margin-bottom: var(--editorial-subtitle-margin-bottom);\n display: block;\n overflow-wrap: break-word;\n"])));
5752
- var PromoWithTagsText = /*#__PURE__*/styled.div(_templateObject3$p || (_templateObject3$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-size: var(--font-size-body-1);\n font-weight: var(--font-weight-body-1);\n line-height: var(--line-height-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n text-transform: var(--text-transform-body);\n margin: 0;\n padding: 0;\n white-space: break-spaces;\n overflow-wrap: break-word;\n\n h5,\n h6 {\n margin: 0 0 4px 0;\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-size: var(--font-size-subtitle-2);\n font-weight: var(--font-weight-subtitle-2);\n line-height: var(--line-height-subtitle-2);\n letter-spacing: var(--letter-spacing-subtitle-2);\n text-transform: var(--text-transform-subtitle);\n overflow-wrap: break-word;\n }\n\n em {\n font-family: var(--font-family-body-italics);\n }\n\n a {\n text-decoration: underline;\n cursor: pointer;\n\n &[href^='tel:'] {\n text-decoration: none;\n }\n\n &:link {\n color: ", ";\n }\n\n &:visited {\n color: ", ";\n }\n\n &:hover {\n color: ", ";\n }\n }\n"])), function (_ref3) {
5893
+ var PromoWithTagsSubtitle = /*#__PURE__*/styled.span(_templateObject2$z || (_templateObject2$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-size: var(--font-size-subtitle-1);\n font-weight: var(--font-weight-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n margin-bottom: var(--editorial-subtitle-margin-bottom);\n display: block;\n overflow-wrap: break-word;\n"])));
5894
+ var PromoWithTagsText = /*#__PURE__*/styled.div(_templateObject3$q || (_templateObject3$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-size: var(--font-size-body-1);\n font-weight: var(--font-weight-body-1);\n line-height: var(--line-height-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n text-transform: var(--text-transform-body);\n margin: 0;\n padding: 0;\n white-space: break-spaces;\n overflow-wrap: break-word;\n\n h5,\n h6 {\n margin: 0 0 4px 0;\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-size: var(--font-size-subtitle-2);\n font-weight: var(--font-weight-subtitle-2);\n line-height: var(--line-height-subtitle-2);\n letter-spacing: var(--letter-spacing-subtitle-2);\n text-transform: var(--text-transform-subtitle);\n overflow-wrap: break-word;\n }\n\n em {\n font-family: var(--font-family-body-italics);\n }\n\n a {\n text-decoration: underline;\n cursor: pointer;\n\n &[href^='tel:'] {\n text-decoration: none;\n }\n\n &:link {\n color: ", ";\n }\n\n &:visited {\n color: ", ";\n }\n\n &:hover {\n color: ", ";\n }\n }\n"])), function (_ref3) {
5753
5895
  var theme = _ref3.theme;
5754
5896
  return theme.colors.black;
5755
5897
  }, function (_ref4) {
@@ -5759,7 +5901,7 @@ var PromoWithTagsText = /*#__PURE__*/styled.div(_templateObject3$p || (_template
5759
5901
  var theme = _ref5.theme;
5760
5902
  return theme.colors.primary;
5761
5903
  });
5762
- var ButtonsContainer$2 = /*#__PURE__*/styled.div(_templateObject4$j || (_templateObject4$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 16px;\n margin-top: 24px;\n\n ", ";\n\n ", "\n\n @media ", " {\n gap: 24px;\n flex-direction: column;\n align-items: center;\n }\n\n @media ", " {\n gap: 24px;\n align-items: flex-start;\n\n ", "\n }\n"])), function (_ref6) {
5904
+ var ButtonsContainer$2 = /*#__PURE__*/styled.div(_templateObject4$k || (_templateObject4$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 16px;\n margin-top: 24px;\n\n ", ";\n\n ", "\n\n @media ", " {\n gap: 24px;\n flex-direction: column;\n align-items: center;\n }\n\n @media ", " {\n gap: 24px;\n align-items: flex-start;\n\n ", "\n }\n"])), function (_ref6) {
5763
5905
  var hasTextLinks = _ref6.hasTextLinks;
5764
5906
  return "margin-top: " + (hasTextLinks ? '0' : '24px') + ";";
5765
5907
  }, function (_ref7) {
@@ -5787,12 +5929,12 @@ var ButtonsContainer$2 = /*#__PURE__*/styled.div(_templateObject4$j || (_templat
5787
5929
 
5788
5930
  return '';
5789
5931
  });
5790
- var PromoWithTagsTagWrapper = /*#__PURE__*/styled.div(_templateObject5$e || (_templateObject5$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: ", ";\n"])), function (_ref9) {
5932
+ var PromoWithTagsTagWrapper = /*#__PURE__*/styled.div(_templateObject5$f || (_templateObject5$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: ", ";\n"])), function (_ref9) {
5791
5933
  var marginBottom = _ref9.marginBottom;
5792
5934
  return marginBottom + "px";
5793
5935
  });
5794
- var PromoWithTagsAdditionalText = /*#__PURE__*/styled(PromoWithTagsText)(_templateObject6$b || (_templateObject6$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 24px 0;\n"])));
5795
- var TextLinksContainer = /*#__PURE__*/styled.div(_templateObject7$7 || (_templateObject7$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n margin: 24px 0 4px 0;\n"])));
5936
+ var PromoWithTagsAdditionalText = /*#__PURE__*/styled(PromoWithTagsText)(_templateObject6$c || (_templateObject6$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 24px 0;\n"])));
5937
+ var TextLinksContainer = /*#__PURE__*/styled.div(_templateObject7$8 || (_templateObject7$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n margin: 24px 0 4px 0;\n"])));
5796
5938
  var TextLinkWrapper$2 = /*#__PURE__*/styled.div(_templateObject8$6 || (_templateObject8$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-right: 24px;\n margin-bottom: 20px;\n\n &:last-child {\n margin-right: 0;\n }\n"])));
5797
5939
  var ExtraContentWrapper = /*#__PURE__*/styled.div(_templateObject9$4 || (_templateObject9$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding-right: 68px;\n\n iframe {\n height: 800px;\n }\n\n @media ", " {\n padding: 30px 0 0;\n }\n\n @media ", " {\n padding: 0;\n position: initial;\n }\n"])), devices.tablet, devices.mobile);
5798
5940
  var IconWrapper$2 = /*#__PURE__*/styled.div(_templateObject10$3 || (_templateObject10$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n position: absolute;\n top: 25px;\n right: 35px;\n width: 24px;\n height: 24px;\n\n @media ", " {\n top: 30px;\n right: 30px;\n }\n\n @media ", " {\n top: 3px;\n right: 20px;\n }\n"])), devices.tablet, devices.mobile);
@@ -5861,10 +6003,10 @@ var PromoWithTags = function PromoWithTags(_ref) {
5861
6003
  }
5862
6004
 
5863
6005
  if (titleSize === 'large') {
5864
- return 3;
6006
+ return 2;
5865
6007
  }
5866
6008
 
5867
- return 2;
6009
+ return 3;
5868
6010
  };
5869
6011
 
5870
6012
  var imageToLeft = imagePosition === 'left';
@@ -5981,27 +6123,27 @@ var PromoWithTags = function PromoWithTags(_ref) {
5981
6123
  }))));
5982
6124
  };
5983
6125
 
5984
- var _templateObject$Q, _templateObject2$z, _templateObject3$q, _templateObject4$k, _templateObject5$f, _templateObject6$c, _templateObject7$8;
6126
+ var _templateObject$R, _templateObject2$A, _templateObject3$r, _templateObject4$l, _templateObject5$g, _templateObject6$d, _templateObject7$9;
5985
6127
  var LENGTH_TEXT$2 = 28;
5986
6128
  var LENGTH_TEXT_TABLET$2 = 10;
5987
- var PromoWithTitleGrid = /*#__PURE__*/styled(Grid)(_templateObject$Q || (_templateObject$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-template-areas: ", ";\n\n @media ", " {\n & {\n grid-template-areas: ", ";\n }\n }\n\n @media ", " {\n & {\n grid-template-columns: var(--grid-margin) minmax(0, 1fr) var(--grid-margin);\n grid-template-rows: min-content 24px min-content;\n gap: 0;\n grid-template-areas:\n 'row1 row1 row1'\n '. . .'\n '. row2 .';\n }\n }\n"])), function (_ref) {
6129
+ var PromoWithTitleGrid = /*#__PURE__*/styled(Grid)(_templateObject$R || (_templateObject$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-template-areas: ", ";\n\n @media ", " {\n & {\n grid-template-areas: ", ";\n }\n }\n\n @media ", " {\n & {\n grid-template-columns: var(--grid-margin) minmax(0, 1fr) var(--grid-margin);\n grid-template-rows: min-content 24px min-content;\n gap: 0;\n grid-template-areas:\n 'row1 row1 row1'\n '. . .'\n '. row2 .';\n }\n }\n"])), function (_ref) {
5988
6130
  var imageToLeft = _ref.imageToLeft;
5989
6131
  return imageToLeft ? "'left left left left left left left left . right right right right right . .'" : "'. . left left left left left . right right right right right right right right'";
5990
6132
  }, devices.tablet, function (_ref2) {
5991
6133
  var imageToLeft = _ref2.imageToLeft;
5992
6134
  return imageToLeft ? "'left left left left left left left right right right right right right .'" : "'. left left left left left left right right right right right right right'";
5993
6135
  }, devices.mobile);
5994
- var PromoWithTitleImageWrapper = /*#__PURE__*/styled.div(_templateObject2$z || (_templateObject2$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n grid-area: row1;\n }\n }\n"])), function (_ref3) {
6136
+ var PromoWithTitleImageWrapper = /*#__PURE__*/styled.div(_templateObject2$A || (_templateObject2$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n grid-area: row1;\n }\n }\n"])), function (_ref3) {
5995
6137
  var imageToLeft = _ref3.imageToLeft;
5996
6138
  return imageToLeft ? 'left' : 'right';
5997
6139
  }, devices.mobile);
5998
- var PromoWithTitleContentWrapper = /*#__PURE__*/styled.div(_templateObject3$q || (_templateObject3$q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n grid-area: row2;\n align-self: start;\n }\n }\n"])), function (_ref4) {
6140
+ var PromoWithTitleContentWrapper = /*#__PURE__*/styled.div(_templateObject3$r || (_templateObject3$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n grid-area: row2;\n align-self: start;\n }\n }\n"])), function (_ref4) {
5999
6141
  var imageToLeft = _ref4.imageToLeft;
6000
6142
  return imageToLeft ? 'right' : 'left';
6001
6143
  }, devices.mobile);
6002
- var PromoWithTitleContainer = /*#__PURE__*/styled.div(_templateObject4$k || (_templateObject4$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h2,\n h3 {\n margin: 0 0 32px;\n\n @media ", " {\n & {\n margin: 0 0 24px;\n }\n }\n }\n"])), devices.mobile);
6003
- var PromoWithTitleSubtitle = /*#__PURE__*/styled.span(_templateObject5$f || (_templateObject5$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-size: var(--font-size-subtitle-1);\n font-weight: var(--font-weight-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n margin-bottom: var(--editorial-subtitle-margin-bottom);\n display: block;\n overflow-wrap: break-word;\n"])));
6004
- var PromoWithTitleText = /*#__PURE__*/styled.div(_templateObject6$c || (_templateObject6$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-size: var(--font-size-body-1);\n font-weight: var(--font-weight-body-1);\n line-height: var(--line-height-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n text-transform: var(--text-transform-body);\n margin: 0;\n padding: 0;\n white-space: break-spaces;\n overflow-wrap: break-word;\n\n h5,\n h6 {\n margin: 0 0 4px 0;\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-size: var(--font-size-subtitle-2);\n font-weight: var(--font-weight-subtitle-2);\n line-height: var(--line-height-subtitle-2);\n letter-spacing: var(--letter-spacing-subtitle-2);\n text-transform: var(--text-transform-subtitle);\n overflow-wrap: break-word;\n }\n\n em {\n font-family: var(--font-family-body-italics);\n }\n\n a {\n text-decoration: underline;\n cursor: pointer;\n\n &[href^='tel:'] {\n text-decoration: none;\n }\n\n &:link {\n color: ", ";\n }\n\n &:visited {\n color: ", ";\n }\n\n &:hover {\n color: ", ";\n }\n }\n"])), function (_ref5) {
6144
+ var PromoWithTitleContainer = /*#__PURE__*/styled.div(_templateObject4$l || (_templateObject4$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h2,\n h3 {\n margin: 0 0 32px;\n\n @media ", " {\n & {\n margin: 0 0 24px;\n }\n }\n }\n"])), devices.mobile);
6145
+ var PromoWithTitleSubtitle = /*#__PURE__*/styled.span(_templateObject5$g || (_templateObject5$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-size: var(--font-size-subtitle-1);\n font-weight: var(--font-weight-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n margin-bottom: var(--editorial-subtitle-margin-bottom);\n display: block;\n overflow-wrap: break-word;\n"])));
6146
+ var PromoWithTitleText = /*#__PURE__*/styled.div(_templateObject6$d || (_templateObject6$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-size: var(--font-size-body-1);\n font-weight: var(--font-weight-body-1);\n line-height: var(--line-height-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n text-transform: var(--text-transform-body);\n margin: 0;\n padding: 0;\n white-space: break-spaces;\n overflow-wrap: break-word;\n\n h5,\n h6 {\n margin: 0 0 4px 0;\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-size: var(--font-size-subtitle-2);\n font-weight: var(--font-weight-subtitle-2);\n line-height: var(--line-height-subtitle-2);\n letter-spacing: var(--letter-spacing-subtitle-2);\n text-transform: var(--text-transform-subtitle);\n overflow-wrap: break-word;\n }\n\n em {\n font-family: var(--font-family-body-italics);\n }\n\n a {\n text-decoration: underline;\n cursor: pointer;\n\n &[href^='tel:'] {\n text-decoration: none;\n }\n\n &:link {\n color: ", ";\n }\n\n &:visited {\n color: ", ";\n }\n\n &:hover {\n color: ", ";\n }\n }\n"])), function (_ref5) {
6005
6147
  var theme = _ref5.theme;
6006
6148
  return theme.colors.black;
6007
6149
  }, function (_ref6) {
@@ -6011,7 +6153,7 @@ var PromoWithTitleText = /*#__PURE__*/styled.div(_templateObject6$c || (_templat
6011
6153
  var theme = _ref7.theme;
6012
6154
  return theme.colors.primary;
6013
6155
  });
6014
- var ButtonsContainer$3 = /*#__PURE__*/styled.div(_templateObject7$8 || (_templateObject7$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 16px;\n margin-top: 32px;\n\n ", "\n\n @media ", " {\n gap: 24px;\n margin-top: 24px;\n flex-direction: column;\n align-items: center;\n }\n\n @media ", " {\n gap: 24px;\n margin-top: 24px;\n align-items: flex-start;\n\n ", "\n }\n"])), function (_ref8) {
6156
+ var ButtonsContainer$3 = /*#__PURE__*/styled.div(_templateObject7$9 || (_templateObject7$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 16px;\n margin-top: 32px;\n\n ", "\n\n @media ", " {\n gap: 24px;\n margin-top: 24px;\n flex-direction: column;\n align-items: center;\n }\n\n @media ", " {\n gap: 24px;\n margin-top: 24px;\n align-items: flex-start;\n\n ", "\n }\n"])), function (_ref8) {
6015
6157
  var _ref8$primaryButtonTe = _ref8.primaryButtonTextLength,
6016
6158
  primaryButtonTextLength = _ref8$primaryButtonTe === void 0 ? 0 : _ref8$primaryButtonTe,
6017
6159
  _ref8$tertiaryButtonT = _ref8.tertiaryButtonTextLength,
@@ -6098,8 +6240,8 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
6098
6240
  }, primaryButton ? /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({}, restPrimaryButton), primaryButtonTextTruncate) : null, tertiaryButton ? /*#__PURE__*/React__default.createElement(Button$1, Object.assign({}, restTertiaryButton), tertiaryButtonTextTruncate) : null) : null));
6099
6241
  };
6100
6242
 
6101
- var _templateObject$R;
6102
- var SectionTitleWrapper = /*#__PURE__*/styled.div(_templateObject$R || (_templateObject$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 30px 0;\n\n & > div {\n row-gap: 0;\n }\n\n & h1,\n & h2 {\n margin: 16px 0;\n white-space: pre-wrap;\n }\n\n @media ", " {\n & h1,\n & h2 {\n margin: 12px 0;\n }\n }\n\n & div {\n font-size: var(--font-size-title-description);\n line-height: var(--line-height-title-description);\n margin-block-start: 0;\n }\n"])), devices.mobile);
6243
+ var _templateObject$S;
6244
+ var SectionTitleWrapper = /*#__PURE__*/styled.div(_templateObject$S || (_templateObject$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 30px 0;\n\n & > div {\n row-gap: 0;\n }\n\n & h1,\n & h2 {\n margin: 16px 0;\n white-space: pre-wrap;\n }\n\n @media ", " {\n & h1,\n & h2 {\n margin: 12px 0;\n }\n }\n\n & div {\n font-size: var(--font-size-title-description);\n line-height: var(--line-height-title-description);\n margin-block-start: 0;\n }\n"])), devices.mobile);
6103
6245
 
6104
6246
  var SectionTitle = function SectionTitle(_ref) {
6105
6247
  var title = _ref.title,
@@ -6125,8 +6267,8 @@ var SectionTitle = function SectionTitle(_ref) {
6125
6267
  }, description))));
6126
6268
  };
6127
6269
 
6128
- var _templateObject$S;
6129
- var TextContainer$1 = /*#__PURE__*/styled.div(_templateObject$S || (_templateObject$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n\n & h1,\n h2,\n h3,\n h4 {\n font-size: var(--font-size-header-4);\n font-family: var(--font-family-header);\n font-feature-settings: var(--font-feature-settings-header);\n font-weight: var(--font-weight-header-4);\n letter-spacing: var(--letter-spacing-header-4);\n line-height: var(--line-height-header-4);\n text-transform: var(--text-transform-header);\n white-space: break-spaces;\n overflow-wrap: break-word;\n margin: 80px 0 16px;\n\n @media ", " {\n margin-top: 60px;\n }\n\n + p {\n margin-top: 0px;\n }\n }\n\n & h5,\n h6 {\n font-size: var(--font-size-subtitle-1);\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-weight: var(--font-weight-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n white-space: break-spaces;\n overflow-wrap: break-word;\n margin: 80px 0 16px;\n\n @media ", " {\n margin-top: 60px;\n }\n\n + p {\n margin-top: 10px;\n }\n }\n\n & a {\n color: ", ";\n text-decoration: underline;\n cursor: pointer;\n }\n\n p {\n margin: 30px 0;\n }\n\n & em {\n font-family: var(--font-family-body-italics);\n }\n\n & strong {\n font-weight: bold;\n }\n\n & u {\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n }\n\n & ul {\n padding: 0;\n list-style: none;\n margin: 0 0 0 30px;\n\n li {\n text-indent: -24px;\n line-height: var(--line-height-listing);\n }\n }\n\n & ol {\n padding: 0;\n margin: 0 0 0 20px;\n\n li {\n line-height: var(--line-height-listing);\n }\n }\n\n & ul > li:before {\n display: inline-block;\n content: '\u2014';\n width: 0px;\n margin-left: 20px;\n }\n"])), devices.mobileAndTablet, devices.mobileAndTablet, function (_ref) {
6270
+ var _templateObject$T;
6271
+ var TextContainer$1 = /*#__PURE__*/styled.div(_templateObject$T || (_templateObject$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n\n & h1,\n h2,\n h3,\n h4 {\n font-size: var(--font-size-header-4);\n font-family: var(--font-family-header);\n font-feature-settings: var(--font-feature-settings-header);\n font-weight: var(--font-weight-header-4);\n letter-spacing: var(--letter-spacing-header-4);\n line-height: var(--line-height-header-4);\n text-transform: var(--text-transform-header);\n white-space: break-spaces;\n overflow-wrap: break-word;\n margin: 80px 0 16px;\n\n @media ", " {\n margin-top: 60px;\n }\n\n + p {\n margin-top: 0px;\n }\n }\n\n & h5,\n h6 {\n font-size: var(--font-size-subtitle-1);\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-weight: var(--font-weight-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n white-space: break-spaces;\n overflow-wrap: break-word;\n margin: 80px 0 16px;\n\n @media ", " {\n margin-top: 60px;\n }\n\n + p {\n margin-top: 10px;\n }\n }\n\n & a {\n color: ", ";\n text-decoration: underline;\n cursor: pointer;\n }\n\n p {\n margin: 30px 0;\n }\n\n & em {\n font-family: var(--font-family-body-italics);\n }\n\n & strong {\n font-weight: bold;\n }\n\n & u {\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n }\n\n & ul {\n padding: 0;\n list-style: none;\n margin: 0 0 0 30px;\n\n li {\n text-indent: -24px;\n line-height: var(--line-height-listing);\n }\n }\n\n & ol {\n padding: 0;\n margin: 0 0 0 20px;\n\n li {\n line-height: var(--line-height-listing);\n }\n }\n\n & ul > li:before {\n display: inline-block;\n content: '\u2014';\n width: 0px;\n margin-left: 20px;\n }\n"])), devices.mobileAndTablet, devices.mobileAndTablet, function (_ref) {
6130
6272
  var theme = _ref.theme;
6131
6273
  return theme.colors.primary;
6132
6274
  });
@@ -6154,8 +6296,8 @@ var TextOnly = function TextOnly(_ref) {
6154
6296
  })));
6155
6297
  };
6156
6298
 
6157
- var _templateObject$T, _templateObject2$A;
6158
- var Wrapper$3 = /*#__PURE__*/styled.div(_templateObject$T || (_templateObject$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n height: 100%;\n width: fit-content;\n\n ", " {\n height: calc(100% - 12px - var(--line-height-body-2));\n @supports not (aspect-ratio: ", ") {\n width: ", ";\n }\n }\n"])), ImageAspectRatioWrapper, function (_ref) {
6299
+ var _templateObject$U, _templateObject2$B;
6300
+ var Wrapper$3 = /*#__PURE__*/styled.div(_templateObject$U || (_templateObject$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n height: 100%;\n width: fit-content;\n\n ", " {\n height: calc(100% - 12px - var(--line-height-body-2));\n @supports not (aspect-ratio: ", ") {\n width: ", ";\n }\n }\n"])), ImageAspectRatioWrapper, function (_ref) {
6159
6301
  var _ref$aspectRatio = _ref.aspectRatio,
6160
6302
  aspectRatio = _ref$aspectRatio === void 0 ? AspectRatio['1:1'] : _ref$aspectRatio;
6161
6303
  return aspectRatio;
@@ -6165,7 +6307,7 @@ var Wrapper$3 = /*#__PURE__*/styled.div(_templateObject$T || (_templateObject$T
6165
6307
  height = _ref2.height;
6166
6308
  return "calc(calc(" + height + "px - 12px - var(--line-height-body-2)) * " + AspectRatioWidth[aspectRatio] + ")";
6167
6309
  });
6168
- var CaptionWrapper = /*#__PURE__*/styled.div(_templateObject2$A || (_templateObject2$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 12px;\n height: var(--line-height-body-2);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-size: var(--font-size-body-2);\n font-weight: var(--font-weight-body-2);\n letter-spacing: var(--letter-spacing-body-2);\n line-height: var(--line-height-body-2);\n text-transform: var(--text-transform-body-2);\n word-break: var(--word-break-body-2);\n font-style: italic;\n"])));
6310
+ var CaptionWrapper = /*#__PURE__*/styled.div(_templateObject2$B || (_templateObject2$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 12px;\n height: var(--line-height-body-2);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-size: var(--font-size-body-2);\n font-weight: var(--font-weight-body-2);\n letter-spacing: var(--letter-spacing-body-2);\n line-height: var(--line-height-body-2);\n text-transform: var(--text-transform-body-2);\n word-break: var(--word-break-body-2);\n font-style: italic;\n"])));
6169
6311
 
6170
6312
  var ImageWithCaption = function ImageWithCaption(_ref) {
6171
6313
  var caption = _ref.caption,
@@ -6203,13 +6345,13 @@ var ImageWithCaption = function ImageWithCaption(_ref) {
6203
6345
  }, children), /*#__PURE__*/React__default.createElement(CaptionWrapper, null, caption));
6204
6346
  };
6205
6347
 
6206
- var _templateObject$U, _templateObject2$B, _templateObject3$r;
6207
- var TextWrapper$3 = /*#__PURE__*/styled.div(_templateObject$U || (_templateObject$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h4 {\n margin: 0;\n }\n"])));
6208
- var AttributionWrapper = /*#__PURE__*/styled.div(_templateObject2$B || (_templateObject2$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
6348
+ var _templateObject$V, _templateObject2$C, _templateObject3$s;
6349
+ var TextWrapper$3 = /*#__PURE__*/styled.div(_templateObject$V || (_templateObject$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h4 {\n margin: 0;\n }\n"])));
6350
+ var AttributionWrapper = /*#__PURE__*/styled.div(_templateObject2$C || (_templateObject2$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
6209
6351
  var displayAttribution = _ref.displayAttribution;
6210
6352
  return "display: " + (displayAttribution ? 'block' : 'none') + ";";
6211
6353
  });
6212
- var Line = /*#__PURE__*/styled.div(_templateObject3$r || (_templateObject3$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n height: 2px;\n width: 62px;\n margin: 32px 0;\n\n @media ", " {\n height: 1px;\n width: 46px;\n margin: 24px 0;\n }\n"])), devices.mobile);
6354
+ var Line = /*#__PURE__*/styled.div(_templateObject3$s || (_templateObject3$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: var(--base-color-black);\n height: 2px;\n width: 62px;\n margin: 32px 0;\n\n @media ", " {\n height: 1px;\n width: 46px;\n margin: 24px 0;\n }\n"])), devices.mobile);
6213
6355
 
6214
6356
  var Quote = function Quote(_ref) {
6215
6357
  var text = _ref.text,
@@ -6233,8 +6375,8 @@ var Quote = function Quote(_ref) {
6233
6375
  }, attribution))));
6234
6376
  };
6235
6377
 
6236
- var _templateObject$V;
6237
- var GlobalStyles = /*#__PURE__*/createGlobalStyle(_templateObject$V || (_templateObject$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n html {\n --base-color-primary: ", ";\n --base-color-core: ", ";\n --base-color-stream: ", ";\n --base-color-cinema: ", ";\n --base-color-white: ", ";\n --base-color-black: ", ";\n --base-color-dark-grey: ", ";\n --base-color-mid-grey: ", ";\n --base-color-light-grey: ", ";\n --error-color-state: ", ";\n --medium-color-state: ", ";\n --good-color-state: ", ";\n --base-color-darkgrey: ", ";\n --base-color-midgrey: ", ";\n --base-color-lightgrey: ", ";\n --base-color-transparent: transparent;\n --base-color-errorstate: ", ";\n --base-color-mediumstate: ", ";\n --base-color-goodstate: ", ";\n --base-color-progress: ", ";\n --base-color-navigation: ", ";\n\n --button-height: ", ";\n --button-line-height: ", ";\n --button-padding-x: ", ";\n --button-padding-y: ", ";\n --button-padding-y-icon: ", ";\n --button-icon-margin: ", ";\n --button-icon-width: ", ";\n --button-icon-height: ", ";\n --button-font-size: ", ";\n --button-font-weight: ", ";\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n\n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n\n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n\n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n\n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n\n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n\n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n\n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n\n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n\n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n\n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n\n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n\n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n\n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n\n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n\n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-listing: ", ";\n --font-size-individual-listing-name: ", ";\n --line-height-individual-listing-name: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n\n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n\n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle ", ";\n\n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n\n --font-family-navigation: ", ";\n --font-size-navigation: ", ";\n --font-weight-navigation: ", ";\n --line-height-navigation: ", ";\n --text-transform-navigation: ", ";\n --letter-spacing-navigation: ", ";\n\n --navigation-small-gap: ", ";\n --navigation-middle-gap: ", ";\n --navigation-large-gap: ", ";\n --navigation-xlarge-gap: ", ";\n --navigation-large-margin: ", ";\n\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --grid-margin: ", ";\n --grid-outer-margin: ", ";\n --grid-template-columns: calc(", " - ", ") calc(", " - ", " - ", ") repeat(12, minmax(0,1fr)) calc(", " - ", " - ", ") calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: 0;\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --text-link-underline-offset: ", ";\n\n --cards-spacing-stack: ", ";\n\n --editorial-subtitle-margin-bottom: ", ";\n --editorial-margin-between: ", ";\n --editorial-spacing-hover: ", ";\n --anchor-tabs-height: 70px;\n \n\n @media ", " {\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n \n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n \n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n \n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n \n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n \n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n \n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n \n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n \n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n \n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n \n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n \n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n \n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n \n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n \n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n \n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n \n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n \n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle ", ";\n \n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n \n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --anchor-tabs-height: 60px;\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n }\n\n @media ", " {\n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-header-6: ", ";\n\n --font-size-altHeader-4: ", ";\n\n --font-size-body-1: ", ";\n }\n\n @media ", " {\n \n }\n\n @media ", " {\n \n }\n }\n"])), function (_ref) {
6378
+ var _templateObject$W;
6379
+ var GlobalStyles = /*#__PURE__*/createGlobalStyle(_templateObject$W || (_templateObject$W = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n html {\n --base-color-primary: ", ";\n --base-color-core: ", ";\n --base-color-stream: ", ";\n --base-color-cinema: ", ";\n --base-color-white: ", ";\n --base-color-black: ", ";\n --base-color-dark-grey: ", ";\n --base-color-mid-grey: ", ";\n --base-color-light-grey: ", ";\n --error-color-state: ", ";\n --medium-color-state: ", ";\n --good-color-state: ", ";\n --base-color-darkgrey: ", ";\n --base-color-midgrey: ", ";\n --base-color-lightgrey: ", ";\n --base-color-transparent: transparent;\n --base-color-errorstate: ", ";\n --base-color-mediumstate: ", ";\n --base-color-goodstate: ", ";\n --base-color-progress: ", ";\n --base-color-navigation: ", ";\n\n --button-height: ", ";\n --button-line-height: ", ";\n --button-padding-x: ", ";\n --button-padding-y: ", ";\n --button-padding-y-icon: ", ";\n --button-icon-margin: ", ";\n --button-icon-width: ", ";\n --button-icon-height: ", ";\n --button-font-size: ", ";\n --button-font-weight: ", ";\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n --margin-header-1: ", ";\n\n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n --margin-header-2: ", ";\n\n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n --margin-header-3: ", ";\n\n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n --margin-header-4: ", ";\n\n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n --margin-header-5: ", ";\n\n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n --margin-header-6: ", ";\n\n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n\n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n\n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n\n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n\n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n\n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n\n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n\n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n\n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n\n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-listing: ", ";\n --font-size-individual-listing-name: ", ";\n --line-height-individual-listing-name: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n\n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n\n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle ", ";\n\n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n\n --font-family-navigation: ", ";\n --font-size-navigation: ", ";\n --font-weight-navigation: ", ";\n --line-height-navigation: ", ";\n --text-transform-navigation: ", ";\n --letter-spacing-navigation: ", ";\n\n --navigation-small-gap: ", ";\n --navigation-middle-gap: ", ";\n --navigation-large-gap: ", ";\n --navigation-xlarge-gap: ", ";\n --navigation-large-margin: ", ";\n\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --grid-margin: ", ";\n --grid-outer-margin: ", ";\n --grid-template-columns: calc(", " - ", ") calc(", " - ", " - ", ") repeat(12, minmax(0,1fr)) calc(", " - ", " - ", ") calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: 0;\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --text-link-underline-offset: ", ";\n\n --cards-spacing-stack: ", ";\n\n --editorial-subtitle-margin-bottom: ", ";\n --editorial-margin-between: ", ";\n --editorial-spacing-hover: ", ";\n --anchor-tabs-height: 70px;\n \n\n @media ", " {\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n \n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n \n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n \n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n \n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n \n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n \n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n \n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n \n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n \n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n \n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n \n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n \n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n \n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n \n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n \n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n \n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n \n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle ", ";\n \n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n \n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --anchor-tabs-height: 60px;\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n }\n\n @media ", " {\n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-header-6: ", ";\n\n --font-size-altHeader-4: ", ";\n\n --font-size-body-1: ", ";\n }\n\n @media ", " {\n \n }\n\n @media ", " {\n \n }\n }\n"])), function (_ref) {
6238
6380
  var theme = _ref.theme;
6239
6381
  return theme.colors.primary;
6240
6382
  }, function (_ref2) {
@@ -6338,358 +6480,358 @@ var GlobalStyles = /*#__PURE__*/createGlobalStyle(_templateObject$V || (_templat
6338
6480
  return theme.fonts.desktop.lineHeights.headers[1];
6339
6481
  }, function (_ref35) {
6340
6482
  var theme = _ref35.theme;
6341
- return theme.fonts.desktop.sizes.headers[2];
6483
+ return theme.fonts.desktop.margins.headers[1];
6342
6484
  }, function (_ref36) {
6343
6485
  var theme = _ref36.theme;
6344
- return theme.fonts.desktop.weights.headers[2];
6486
+ return theme.fonts.desktop.sizes.headers[2];
6345
6487
  }, function (_ref37) {
6346
6488
  var theme = _ref37.theme;
6347
- return theme.fonts.desktop.letterSpacing.headers[2];
6489
+ return theme.fonts.desktop.weights.headers[2];
6348
6490
  }, function (_ref38) {
6349
6491
  var theme = _ref38.theme;
6350
- return theme.fonts.desktop.lineHeights.headers[2];
6492
+ return theme.fonts.desktop.letterSpacing.headers[2];
6351
6493
  }, function (_ref39) {
6352
6494
  var theme = _ref39.theme;
6353
- return theme.fonts.desktop.sizes.headers[3];
6495
+ return theme.fonts.desktop.lineHeights.headers[2];
6354
6496
  }, function (_ref40) {
6355
6497
  var theme = _ref40.theme;
6356
- return theme.fonts.desktop.weights.headers[3];
6498
+ return theme.fonts.desktop.margins.headers[2];
6357
6499
  }, function (_ref41) {
6358
6500
  var theme = _ref41.theme;
6359
- return theme.fonts.desktop.letterSpacing.headers[3];
6501
+ return theme.fonts.desktop.sizes.headers[3];
6360
6502
  }, function (_ref42) {
6361
6503
  var theme = _ref42.theme;
6362
- return theme.fonts.desktop.lineHeights.headers[3];
6504
+ return theme.fonts.desktop.weights.headers[3];
6363
6505
  }, function (_ref43) {
6364
6506
  var theme = _ref43.theme;
6365
- return theme.fonts.desktop.sizes.headers[4];
6507
+ return theme.fonts.desktop.letterSpacing.headers[3];
6366
6508
  }, function (_ref44) {
6367
6509
  var theme = _ref44.theme;
6368
- return theme.fonts.desktop.weights.headers[4];
6510
+ return theme.fonts.desktop.lineHeights.headers[3];
6369
6511
  }, function (_ref45) {
6370
6512
  var theme = _ref45.theme;
6371
- return theme.fonts.desktop.letterSpacing.headers[4];
6513
+ return theme.fonts.desktop.margins.headers[3];
6372
6514
  }, function (_ref46) {
6373
6515
  var theme = _ref46.theme;
6374
- return theme.fonts.desktop.lineHeights.headers[4];
6516
+ return theme.fonts.desktop.sizes.headers[4];
6375
6517
  }, function (_ref47) {
6376
6518
  var theme = _ref47.theme;
6377
- return theme.fonts.desktop.sizes.headers[5];
6519
+ return theme.fonts.desktop.weights.headers[4];
6378
6520
  }, function (_ref48) {
6379
6521
  var theme = _ref48.theme;
6380
- return theme.fonts.desktop.weights.headers[5];
6522
+ return theme.fonts.desktop.letterSpacing.headers[4];
6381
6523
  }, function (_ref49) {
6382
6524
  var theme = _ref49.theme;
6383
- return theme.fonts.desktop.letterSpacing.headers[5];
6525
+ return theme.fonts.desktop.lineHeights.headers[4];
6384
6526
  }, function (_ref50) {
6385
6527
  var theme = _ref50.theme;
6386
- return theme.fonts.desktop.lineHeights.headers[5];
6528
+ return theme.fonts.desktop.margins.headers[4];
6387
6529
  }, function (_ref51) {
6388
6530
  var theme = _ref51.theme;
6389
- return theme.fonts.desktop.sizes.headers[6];
6531
+ return theme.fonts.desktop.sizes.headers[5];
6390
6532
  }, function (_ref52) {
6391
6533
  var theme = _ref52.theme;
6392
- return theme.fonts.desktop.weights.headers[6];
6534
+ return theme.fonts.desktop.weights.headers[5];
6393
6535
  }, function (_ref53) {
6394
6536
  var theme = _ref53.theme;
6395
- return theme.fonts.desktop.letterSpacing.headers[6];
6537
+ return theme.fonts.desktop.letterSpacing.headers[5];
6396
6538
  }, function (_ref54) {
6397
6539
  var theme = _ref54.theme;
6398
- return theme.fonts.desktop.lineHeights.headers[6];
6540
+ return theme.fonts.desktop.lineHeights.headers[5];
6399
6541
  }, function (_ref55) {
6400
6542
  var theme = _ref55.theme;
6401
- return theme.fonts.desktop.sizes.altHeaders[3];
6543
+ return theme.fonts.desktop.margins.headers[5];
6402
6544
  }, function (_ref56) {
6403
6545
  var theme = _ref56.theme;
6404
- return theme.fonts.desktop.weights.altHeaders[3];
6546
+ return theme.fonts.desktop.sizes.headers[6];
6405
6547
  }, function (_ref57) {
6406
6548
  var theme = _ref57.theme;
6407
- return theme.fonts.desktop.letterSpacing.altHeaders[3];
6549
+ return theme.fonts.desktop.weights.headers[6];
6408
6550
  }, function (_ref58) {
6409
6551
  var theme = _ref58.theme;
6410
- return theme.fonts.desktop.lineHeights.altHeaders[3];
6552
+ return theme.fonts.desktop.letterSpacing.headers[6];
6411
6553
  }, function (_ref59) {
6412
6554
  var theme = _ref59.theme;
6413
- return theme.fonts.desktop.sizes.altHeaders[4];
6555
+ return theme.fonts.desktop.lineHeights.headers[6];
6414
6556
  }, function (_ref60) {
6415
6557
  var theme = _ref60.theme;
6416
- return theme.fonts.desktop.weights.altHeaders[4];
6558
+ return theme.fonts.desktop.margins.headers[6];
6417
6559
  }, function (_ref61) {
6418
6560
  var theme = _ref61.theme;
6419
- return theme.fonts.desktop.letterSpacing.altHeaders[4];
6561
+ return theme.fonts.desktop.sizes.altHeaders[3];
6420
6562
  }, function (_ref62) {
6421
6563
  var theme = _ref62.theme;
6422
- return theme.fonts.desktop.lineHeights.altHeaders[4];
6564
+ return theme.fonts.desktop.weights.altHeaders[3];
6423
6565
  }, function (_ref63) {
6424
6566
  var theme = _ref63.theme;
6425
- return theme.fonts.desktop.sizes.altHeaders[5];
6567
+ return theme.fonts.desktop.letterSpacing.altHeaders[3];
6426
6568
  }, function (_ref64) {
6427
6569
  var theme = _ref64.theme;
6428
- return theme.fonts.desktop.weights.altHeaders[5];
6570
+ return theme.fonts.desktop.lineHeights.altHeaders[3];
6429
6571
  }, function (_ref65) {
6430
6572
  var theme = _ref65.theme;
6431
- return theme.fonts.desktop.letterSpacing.altHeaders[5];
6573
+ return theme.fonts.desktop.sizes.altHeaders[4];
6432
6574
  }, function (_ref66) {
6433
6575
  var theme = _ref66.theme;
6434
- return theme.fonts.desktop.lineHeights.altHeaders[5];
6576
+ return theme.fonts.desktop.weights.altHeaders[4];
6435
6577
  }, function (_ref67) {
6436
6578
  var theme = _ref67.theme;
6437
- return theme.fonts.desktop.sizes.altHeaders[6];
6579
+ return theme.fonts.desktop.letterSpacing.altHeaders[4];
6438
6580
  }, function (_ref68) {
6439
6581
  var theme = _ref68.theme;
6440
- return theme.fonts.desktop.weights.altHeaders[6];
6582
+ return theme.fonts.desktop.lineHeights.altHeaders[4];
6441
6583
  }, function (_ref69) {
6442
6584
  var theme = _ref69.theme;
6443
- return theme.fonts.desktop.letterSpacing.altHeaders[6];
6585
+ return theme.fonts.desktop.sizes.altHeaders[5];
6444
6586
  }, function (_ref70) {
6445
6587
  var theme = _ref70.theme;
6446
- return theme.fonts.desktop.lineHeights.altHeaders[6];
6588
+ return theme.fonts.desktop.weights.altHeaders[5];
6447
6589
  }, function (_ref71) {
6448
6590
  var theme = _ref71.theme;
6449
- return theme.fonts.desktop.sizes.overline[1];
6591
+ return theme.fonts.desktop.letterSpacing.altHeaders[5];
6450
6592
  }, function (_ref72) {
6451
6593
  var theme = _ref72.theme;
6452
- return theme.fonts.desktop.weights.overline[1];
6594
+ return theme.fonts.desktop.lineHeights.altHeaders[5];
6453
6595
  }, function (_ref73) {
6454
6596
  var theme = _ref73.theme;
6455
- return theme.fonts.desktop.letterSpacing.overline[1];
6597
+ return theme.fonts.desktop.sizes.altHeaders[6];
6456
6598
  }, function (_ref74) {
6457
6599
  var theme = _ref74.theme;
6458
- return theme.fonts.desktop.lineHeights.overline[1];
6600
+ return theme.fonts.desktop.weights.altHeaders[6];
6459
6601
  }, function (_ref75) {
6460
6602
  var theme = _ref75.theme;
6461
- return theme.fonts.desktop.sizes.overline[2];
6603
+ return theme.fonts.desktop.letterSpacing.altHeaders[6];
6462
6604
  }, function (_ref76) {
6463
6605
  var theme = _ref76.theme;
6464
- return theme.fonts.desktop.weights.overline[2];
6606
+ return theme.fonts.desktop.lineHeights.altHeaders[6];
6465
6607
  }, function (_ref77) {
6466
6608
  var theme = _ref77.theme;
6467
- return theme.fonts.desktop.letterSpacing.overline[2];
6609
+ return theme.fonts.desktop.sizes.overline[1];
6468
6610
  }, function (_ref78) {
6469
6611
  var theme = _ref78.theme;
6470
- return theme.fonts.desktop.lineHeights.overline[2];
6612
+ return theme.fonts.desktop.weights.overline[1];
6471
6613
  }, function (_ref79) {
6472
6614
  var theme = _ref79.theme;
6473
- return theme.fonts.desktop.sizes.body[1];
6615
+ return theme.fonts.desktop.letterSpacing.overline[1];
6474
6616
  }, function (_ref80) {
6475
6617
  var theme = _ref80.theme;
6476
- return theme.fonts.desktop.weights.body[1];
6618
+ return theme.fonts.desktop.lineHeights.overline[1];
6477
6619
  }, function (_ref81) {
6478
6620
  var theme = _ref81.theme;
6479
- return theme.fonts.desktop.letterSpacing.body[1];
6621
+ return theme.fonts.desktop.sizes.overline[2];
6480
6622
  }, function (_ref82) {
6481
6623
  var theme = _ref82.theme;
6482
- return theme.fonts.desktop.lineHeights.body[1];
6624
+ return theme.fonts.desktop.weights.overline[2];
6483
6625
  }, function (_ref83) {
6484
6626
  var theme = _ref83.theme;
6485
- return theme.fonts.desktop.sizes.body[2];
6627
+ return theme.fonts.desktop.letterSpacing.overline[2];
6486
6628
  }, function (_ref84) {
6487
6629
  var theme = _ref84.theme;
6488
- return theme.fonts.desktop.weights.body[2];
6630
+ return theme.fonts.desktop.lineHeights.overline[2];
6489
6631
  }, function (_ref85) {
6490
6632
  var theme = _ref85.theme;
6491
- return theme.fonts.desktop.letterSpacing.body[2];
6633
+ return theme.fonts.desktop.sizes.body[1];
6492
6634
  }, function (_ref86) {
6493
6635
  var theme = _ref86.theme;
6494
- return theme.fonts.desktop.lineHeights.body[2];
6636
+ return theme.fonts.desktop.weights.body[1];
6495
6637
  }, function (_ref87) {
6496
6638
  var theme = _ref87.theme;
6497
- return theme.fonts.desktop.sizes.body[3];
6639
+ return theme.fonts.desktop.letterSpacing.body[1];
6498
6640
  }, function (_ref88) {
6499
6641
  var theme = _ref88.theme;
6500
- return theme.fonts.desktop.weights.body[3];
6642
+ return theme.fonts.desktop.lineHeights.body[1];
6501
6643
  }, function (_ref89) {
6502
6644
  var theme = _ref89.theme;
6503
- return theme.fonts.desktop.letterSpacing.body[3];
6645
+ return theme.fonts.desktop.sizes.body[2];
6504
6646
  }, function (_ref90) {
6505
6647
  var theme = _ref90.theme;
6506
- return theme.fonts.desktop.lineHeights.body[3];
6648
+ return theme.fonts.desktop.weights.body[2];
6507
6649
  }, function (_ref91) {
6508
6650
  var theme = _ref91.theme;
6509
- return theme.fonts.desktop.sizes.subtitles[1];
6651
+ return theme.fonts.desktop.letterSpacing.body[2];
6510
6652
  }, function (_ref92) {
6511
6653
  var theme = _ref92.theme;
6512
- return theme.fonts.desktop.weights.subtitles[1];
6654
+ return theme.fonts.desktop.lineHeights.body[2];
6513
6655
  }, function (_ref93) {
6514
6656
  var theme = _ref93.theme;
6515
- return theme.fonts.desktop.letterSpacing.subtitles[1];
6657
+ return theme.fonts.desktop.sizes.body[3];
6516
6658
  }, function (_ref94) {
6517
6659
  var theme = _ref94.theme;
6518
- return theme.fonts.desktop.lineHeights.subtitles[1];
6660
+ return theme.fonts.desktop.weights.body[3];
6519
6661
  }, function (_ref95) {
6520
6662
  var theme = _ref95.theme;
6521
- return theme.fonts.desktop.sizes.subtitles[2];
6663
+ return theme.fonts.desktop.letterSpacing.body[3];
6522
6664
  }, function (_ref96) {
6523
6665
  var theme = _ref96.theme;
6524
- return theme.fonts.desktop.weights.subtitles[2];
6666
+ return theme.fonts.desktop.lineHeights.body[3];
6525
6667
  }, function (_ref97) {
6526
6668
  var theme = _ref97.theme;
6527
- return theme.fonts.desktop.letterSpacing.subtitles[2];
6669
+ return theme.fonts.desktop.sizes.subtitles[1];
6528
6670
  }, function (_ref98) {
6529
6671
  var theme = _ref98.theme;
6530
- return theme.fonts.desktop.lineHeights.subtitles[2];
6672
+ return theme.fonts.desktop.weights.subtitles[1];
6531
6673
  }, function (_ref99) {
6532
6674
  var theme = _ref99.theme;
6533
- return theme.fonts.desktop.sizes.titleDescription;
6675
+ return theme.fonts.desktop.letterSpacing.subtitles[1];
6534
6676
  }, function (_ref100) {
6535
6677
  var theme = _ref100.theme;
6536
- return theme.fonts.desktop.lineHeights.titleDescription;
6678
+ return theme.fonts.desktop.lineHeights.subtitles[1];
6537
6679
  }, function (_ref101) {
6538
6680
  var theme = _ref101.theme;
6539
- return theme.fonts.desktop.lineHeights.listing;
6681
+ return theme.fonts.desktop.sizes.subtitles[2];
6540
6682
  }, function (_ref102) {
6541
6683
  var theme = _ref102.theme;
6542
- return theme.fonts.desktop.sizes.listing;
6684
+ return theme.fonts.desktop.weights.subtitles[2];
6543
6685
  }, function (_ref103) {
6544
6686
  var theme = _ref103.theme;
6545
- return theme.fonts.desktop.lineHeights.peopleListing;
6687
+ return theme.fonts.desktop.letterSpacing.subtitles[2];
6546
6688
  }, function (_ref104) {
6547
6689
  var theme = _ref104.theme;
6548
- return theme.spacing[6];
6690
+ return theme.fonts.desktop.lineHeights.subtitles[2];
6549
6691
  }, function (_ref105) {
6550
6692
  var theme = _ref105.theme;
6551
- return theme.fonts.desktop.families.headers;
6693
+ return theme.fonts.desktop.sizes.titleDescription;
6552
6694
  }, function (_ref106) {
6553
6695
  var theme = _ref106.theme;
6554
- return theme.fonts.desktop.families.altHeaders;
6696
+ return theme.fonts.desktop.lineHeights.titleDescription;
6555
6697
  }, function (_ref107) {
6556
6698
  var theme = _ref107.theme;
6557
- return theme.fonts.desktop.families.body;
6699
+ return theme.fonts.desktop.lineHeights.listing;
6558
6700
  }, function (_ref108) {
6559
6701
  var theme = _ref108.theme;
6560
- return theme.fonts.desktop.families.bodyItalics;
6702
+ return theme.fonts.desktop.sizes.listing;
6561
6703
  }, function (_ref109) {
6562
6704
  var theme = _ref109.theme;
6563
- return theme.fonts.desktop.families.buttons;
6705
+ return theme.fonts.desktop.lineHeights.peopleListing;
6564
6706
  }, function (_ref110) {
6565
6707
  var theme = _ref110.theme;
6566
- return theme.fonts.desktop.families.overline;
6708
+ return theme.spacing[6];
6567
6709
  }, function (_ref111) {
6568
6710
  var theme = _ref111.theme;
6569
- return theme.fonts.desktop.families.subtitles;
6711
+ return theme.fonts.desktop.families.headers;
6570
6712
  }, function (_ref112) {
6571
6713
  var theme = _ref112.theme;
6572
- return theme.fonts.desktop.families.peopleListingRole;
6714
+ return theme.fonts.desktop.families.altHeaders;
6573
6715
  }, function (_ref113) {
6574
6716
  var theme = _ref113.theme;
6575
6717
  return theme.fonts.desktop.families.body;
6576
6718
  }, function (_ref114) {
6577
6719
  var theme = _ref114.theme;
6578
- return theme.fonts.desktop.fontFeatureSettings.headers;
6720
+ return theme.fonts.desktop.families.bodyItalics;
6579
6721
  }, function (_ref115) {
6580
6722
  var theme = _ref115.theme;
6581
- return theme.fonts.desktop.fontFeatureSettings.altHeaders;
6723
+ return theme.fonts.desktop.families.buttons;
6582
6724
  }, function (_ref116) {
6583
6725
  var theme = _ref116.theme;
6584
- return theme.fonts.desktop.fontFeatureSettings.overline;
6726
+ return theme.fonts.desktop.families.overline;
6585
6727
  }, function (_ref117) {
6586
6728
  var theme = _ref117.theme;
6587
- return theme.fonts.desktop.fontFeatureSettings.subtitles;
6729
+ return theme.fonts.desktop.families.subtitles;
6588
6730
  }, function (_ref118) {
6589
6731
  var theme = _ref118.theme;
6590
- return theme.fonts.desktop.fontFeatureSettings.body;
6732
+ return theme.fonts.desktop.families.peopleListingRole;
6591
6733
  }, function (_ref119) {
6592
6734
  var theme = _ref119.theme;
6593
- return theme.fonts.desktop.fontFeatureSettings.navigation;
6735
+ return theme.fonts.desktop.families.body;
6594
6736
  }, function (_ref120) {
6595
6737
  var theme = _ref120.theme;
6596
- return theme.fonts.desktop.transforms.headers;
6738
+ return theme.fonts.desktop.fontFeatureSettings.headers;
6597
6739
  }, function (_ref121) {
6598
6740
  var theme = _ref121.theme;
6599
- return theme.fonts.desktop.transforms.altHeaders;
6741
+ return theme.fonts.desktop.fontFeatureSettings.altHeaders;
6600
6742
  }, function (_ref122) {
6601
6743
  var theme = _ref122.theme;
6602
- return theme.fonts.desktop.transforms.body;
6744
+ return theme.fonts.desktop.fontFeatureSettings.overline;
6603
6745
  }, function (_ref123) {
6604
6746
  var theme = _ref123.theme;
6605
- return theme.fonts.desktop.transforms.overline;
6747
+ return theme.fonts.desktop.fontFeatureSettings.subtitles;
6606
6748
  }, function (_ref124) {
6607
6749
  var theme = _ref124.theme;
6608
- return theme.fonts.desktop.transforms.subtitles;
6750
+ return theme.fonts.desktop.fontFeatureSettings.body;
6609
6751
  }, function (_ref125) {
6610
6752
  var theme = _ref125.theme;
6611
- return theme.fonts.desktop.wordBreak.headers;
6753
+ return theme.fonts.desktop.fontFeatureSettings.navigation;
6612
6754
  }, function (_ref126) {
6613
6755
  var theme = _ref126.theme;
6614
- return theme.fonts.desktop.wordBreak.altHeaders;
6756
+ return theme.fonts.desktop.transforms.headers;
6615
6757
  }, function (_ref127) {
6616
6758
  var theme = _ref127.theme;
6617
- return theme.fonts.desktop.wordBreak.body;
6759
+ return theme.fonts.desktop.transforms.altHeaders;
6618
6760
  }, function (_ref128) {
6619
6761
  var theme = _ref128.theme;
6620
- return theme.fonts.desktop.wordBreak.overline;
6762
+ return theme.fonts.desktop.transforms.body;
6621
6763
  }, function (_ref129) {
6622
6764
  var theme = _ref129.theme;
6623
- return theme.fonts.desktop.wordBreak.subtitles;
6765
+ return theme.fonts.desktop.transforms.overline;
6624
6766
  }, function (_ref130) {
6625
6767
  var theme = _ref130.theme;
6626
- return theme.fonts.desktop.families.navigation;
6768
+ return theme.fonts.desktop.transforms.subtitles;
6627
6769
  }, function (_ref131) {
6628
6770
  var theme = _ref131.theme;
6629
- return theme.fonts.desktop.sizes.navigation;
6771
+ return theme.fonts.desktop.wordBreak.headers;
6630
6772
  }, function (_ref132) {
6631
6773
  var theme = _ref132.theme;
6632
- return theme.fonts.desktop.weights.navigation;
6774
+ return theme.fonts.desktop.wordBreak.altHeaders;
6633
6775
  }, function (_ref133) {
6634
6776
  var theme = _ref133.theme;
6635
- return theme.fonts.desktop.lineHeights.navigation;
6777
+ return theme.fonts.desktop.wordBreak.body;
6636
6778
  }, function (_ref134) {
6637
6779
  var theme = _ref134.theme;
6638
- return theme.fonts.desktop.transforms.navigation;
6780
+ return theme.fonts.desktop.wordBreak.overline;
6639
6781
  }, function (_ref135) {
6640
6782
  var theme = _ref135.theme;
6641
- return theme.fonts.desktop.letterSpacing.navigation;
6783
+ return theme.fonts.desktop.wordBreak.subtitles;
6642
6784
  }, function (_ref136) {
6643
6785
  var theme = _ref136.theme;
6644
- return theme.spacing[4];
6786
+ return theme.fonts.desktop.families.navigation;
6645
6787
  }, function (_ref137) {
6646
6788
  var theme = _ref137.theme;
6647
- return theme.spacing[5];
6789
+ return theme.fonts.desktop.sizes.navigation;
6648
6790
  }, function (_ref138) {
6649
6791
  var theme = _ref138.theme;
6650
- return theme.spacing[6];
6792
+ return theme.fonts.desktop.weights.navigation;
6651
6793
  }, function (_ref139) {
6652
6794
  var theme = _ref139.theme;
6653
- return theme.spacing[9];
6795
+ return theme.fonts.desktop.lineHeights.navigation;
6654
6796
  }, function (_ref140) {
6655
6797
  var theme = _ref140.theme;
6656
- return theme.spacing[15];
6798
+ return theme.fonts.desktop.transforms.navigation;
6657
6799
  }, function (_ref141) {
6658
6800
  var theme = _ref141.theme;
6659
- return theme.spacing[15];
6801
+ return theme.fonts.desktop.letterSpacing.navigation;
6660
6802
  }, function (_ref142) {
6661
6803
  var theme = _ref142.theme;
6662
- return theme.spacing[9];
6804
+ return theme.spacing[4];
6663
6805
  }, function (_ref143) {
6664
6806
  var theme = _ref143.theme;
6665
- return theme.fonts.desktop.sizes.search;
6807
+ return theme.spacing[5];
6666
6808
  }, function (_ref144) {
6667
6809
  var theme = _ref144.theme;
6668
- return theme.fonts.desktop.families.search;
6810
+ return theme.spacing[6];
6669
6811
  }, function (_ref145) {
6670
6812
  var theme = _ref145.theme;
6671
- return theme.grid.desktop.margin;
6813
+ return theme.spacing[9];
6672
6814
  }, function (_ref146) {
6673
6815
  var theme = _ref146.theme;
6674
- return theme.grid.desktop.outerMargin;
6816
+ return theme.spacing[15];
6675
6817
  }, function (_ref147) {
6676
6818
  var theme = _ref147.theme;
6677
- return theme.grid.desktop.outerMargin;
6819
+ return theme.spacing[15];
6678
6820
  }, function (_ref148) {
6679
6821
  var theme = _ref148.theme;
6680
- return theme.grid.desktop.gap;
6822
+ return theme.spacing[9];
6681
6823
  }, function (_ref149) {
6682
6824
  var theme = _ref149.theme;
6683
- return theme.grid.desktop.margin;
6825
+ return theme.fonts.desktop.sizes.search;
6684
6826
  }, function (_ref150) {
6685
6827
  var theme = _ref150.theme;
6686
- return theme.grid.desktop.outerMargin;
6828
+ return theme.fonts.desktop.families.search;
6687
6829
  }, function (_ref151) {
6688
6830
  var theme = _ref151.theme;
6689
- return theme.grid.desktop.gap;
6831
+ return theme.grid.desktop.margin;
6690
6832
  }, function (_ref152) {
6691
6833
  var theme = _ref152.theme;
6692
- return theme.grid.desktop.margin;
6834
+ return theme.grid.desktop.outerMargin;
6693
6835
  }, function (_ref153) {
6694
6836
  var theme = _ref153.theme;
6695
6837
  return theme.grid.desktop.outerMargin;
@@ -6698,434 +6840,452 @@ var GlobalStyles = /*#__PURE__*/createGlobalStyle(_templateObject$V || (_templat
6698
6840
  return theme.grid.desktop.gap;
6699
6841
  }, function (_ref155) {
6700
6842
  var theme = _ref155.theme;
6701
- return theme.grid.desktop.outerMargin;
6843
+ return theme.grid.desktop.margin;
6702
6844
  }, function (_ref156) {
6703
6845
  var theme = _ref156.theme;
6704
- return theme.grid.desktop.gap;
6846
+ return theme.grid.desktop.outerMargin;
6705
6847
  }, function (_ref157) {
6706
6848
  var theme = _ref157.theme;
6707
6849
  return theme.grid.desktop.gap;
6708
6850
  }, function (_ref158) {
6709
6851
  var theme = _ref158.theme;
6710
- return theme.footer.desktop.height;
6852
+ return theme.grid.desktop.margin;
6711
6853
  }, function (_ref159) {
6712
6854
  var theme = _ref159.theme;
6713
- return theme.footer.desktop.paddingTop;
6855
+ return theme.grid.desktop.outerMargin;
6714
6856
  }, function (_ref160) {
6715
6857
  var theme = _ref160.theme;
6716
- return theme.footer.desktop.paddingBottom;
6858
+ return theme.grid.desktop.gap;
6717
6859
  }, function (_ref161) {
6718
6860
  var theme = _ref161.theme;
6719
- return theme.footer.desktop.itemsGap;
6861
+ return theme.grid.desktop.outerMargin;
6720
6862
  }, function (_ref162) {
6721
6863
  var theme = _ref162.theme;
6722
- return theme.footer.desktop.mediaGap;
6864
+ return theme.grid.desktop.gap;
6723
6865
  }, function (_ref163) {
6724
6866
  var theme = _ref163.theme;
6725
- return theme.footer.desktop.mediaIconWidth;
6867
+ return theme.grid.desktop.gap;
6726
6868
  }, function (_ref164) {
6727
6869
  var theme = _ref164.theme;
6728
- return theme.footer.desktop.mediaIconHeight;
6870
+ return theme.footer.desktop.height;
6729
6871
  }, function (_ref165) {
6730
6872
  var theme = _ref165.theme;
6731
- return theme.footer.desktop.verticalSpacingLarge;
6873
+ return theme.footer.desktop.paddingTop;
6732
6874
  }, function (_ref166) {
6733
6875
  var theme = _ref166.theme;
6734
- return theme.footer.desktop.verticalSpacingSmall;
6876
+ return theme.footer.desktop.paddingBottom;
6735
6877
  }, function (_ref167) {
6736
6878
  var theme = _ref167.theme;
6737
- return theme.spacing[2];
6879
+ return theme.footer.desktop.itemsGap;
6738
6880
  }, function (_ref168) {
6739
6881
  var theme = _ref168.theme;
6740
- return theme.spacing[10];
6882
+ return theme.footer.desktop.mediaGap;
6741
6883
  }, function (_ref169) {
6742
6884
  var theme = _ref169.theme;
6743
- return theme.spacing[4];
6885
+ return theme.footer.desktop.mediaIconWidth;
6744
6886
  }, function (_ref170) {
6745
6887
  var theme = _ref170.theme;
6746
- return theme.spacing[6];
6888
+ return theme.footer.desktop.mediaIconHeight;
6747
6889
  }, function (_ref171) {
6748
6890
  var theme = _ref171.theme;
6749
- return theme.spacing[1];
6750
- }, devices.mobile, function (_ref172) {
6891
+ return theme.footer.desktop.verticalSpacingLarge;
6892
+ }, function (_ref172) {
6751
6893
  var theme = _ref172.theme;
6752
- return theme.fonts.mobile.sizes.headers[1];
6894
+ return theme.footer.desktop.verticalSpacingSmall;
6753
6895
  }, function (_ref173) {
6754
6896
  var theme = _ref173.theme;
6755
- return theme.fonts.mobile.weights.headers[1];
6897
+ return theme.spacing[2];
6756
6898
  }, function (_ref174) {
6757
6899
  var theme = _ref174.theme;
6758
- return theme.fonts.mobile.letterSpacing.headers[1];
6900
+ return theme.spacing[10];
6759
6901
  }, function (_ref175) {
6760
6902
  var theme = _ref175.theme;
6761
- return theme.fonts.mobile.lineHeights.headers[1];
6903
+ return theme.spacing[4];
6762
6904
  }, function (_ref176) {
6763
6905
  var theme = _ref176.theme;
6764
- return theme.fonts.mobile.sizes.headers[2];
6906
+ return theme.spacing[6];
6765
6907
  }, function (_ref177) {
6766
6908
  var theme = _ref177.theme;
6767
- return theme.fonts.mobile.weights.headers[2];
6768
- }, function (_ref178) {
6909
+ return theme.spacing[1];
6910
+ }, devices.mobile, function (_ref178) {
6769
6911
  var theme = _ref178.theme;
6770
- return theme.fonts.mobile.letterSpacing.headers[2];
6912
+ return theme.fonts.mobile.sizes.headers[1];
6771
6913
  }, function (_ref179) {
6772
6914
  var theme = _ref179.theme;
6773
- return theme.fonts.mobile.lineHeights.headers[2];
6915
+ return theme.fonts.mobile.weights.headers[1];
6774
6916
  }, function (_ref180) {
6775
6917
  var theme = _ref180.theme;
6776
- return theme.fonts.mobile.sizes.headers[3];
6918
+ return theme.fonts.mobile.letterSpacing.headers[1];
6777
6919
  }, function (_ref181) {
6778
6920
  var theme = _ref181.theme;
6779
- return theme.fonts.mobile.weights.headers[3];
6921
+ return theme.fonts.mobile.lineHeights.headers[1];
6780
6922
  }, function (_ref182) {
6781
6923
  var theme = _ref182.theme;
6782
- return theme.fonts.mobile.letterSpacing.headers[3];
6924
+ return theme.fonts.mobile.sizes.headers[2];
6783
6925
  }, function (_ref183) {
6784
6926
  var theme = _ref183.theme;
6785
- return theme.fonts.mobile.lineHeights.headers[3];
6927
+ return theme.fonts.mobile.weights.headers[2];
6786
6928
  }, function (_ref184) {
6787
6929
  var theme = _ref184.theme;
6788
- return theme.fonts.mobile.sizes.headers[4];
6930
+ return theme.fonts.mobile.letterSpacing.headers[2];
6789
6931
  }, function (_ref185) {
6790
6932
  var theme = _ref185.theme;
6791
- return theme.fonts.mobile.weights.headers[4];
6933
+ return theme.fonts.mobile.lineHeights.headers[2];
6792
6934
  }, function (_ref186) {
6793
6935
  var theme = _ref186.theme;
6794
- return theme.fonts.mobile.letterSpacing.headers[4];
6936
+ return theme.fonts.mobile.sizes.headers[3];
6795
6937
  }, function (_ref187) {
6796
6938
  var theme = _ref187.theme;
6797
- return theme.fonts.mobile.lineHeights.headers[4];
6939
+ return theme.fonts.mobile.weights.headers[3];
6798
6940
  }, function (_ref188) {
6799
6941
  var theme = _ref188.theme;
6800
- return theme.fonts.mobile.sizes.headers[5];
6942
+ return theme.fonts.mobile.letterSpacing.headers[3];
6801
6943
  }, function (_ref189) {
6802
6944
  var theme = _ref189.theme;
6803
- return theme.fonts.mobile.weights.headers[5];
6945
+ return theme.fonts.mobile.lineHeights.headers[3];
6804
6946
  }, function (_ref190) {
6805
6947
  var theme = _ref190.theme;
6806
- return theme.fonts.mobile.letterSpacing.headers[5];
6948
+ return theme.fonts.mobile.sizes.headers[4];
6807
6949
  }, function (_ref191) {
6808
6950
  var theme = _ref191.theme;
6809
- return theme.fonts.mobile.lineHeights.headers[5];
6951
+ return theme.fonts.mobile.weights.headers[4];
6810
6952
  }, function (_ref192) {
6811
6953
  var theme = _ref192.theme;
6812
- return theme.fonts.mobile.sizes.headers[6];
6954
+ return theme.fonts.mobile.letterSpacing.headers[4];
6813
6955
  }, function (_ref193) {
6814
6956
  var theme = _ref193.theme;
6815
- return theme.fonts.mobile.weights.headers[6];
6957
+ return theme.fonts.mobile.lineHeights.headers[4];
6816
6958
  }, function (_ref194) {
6817
6959
  var theme = _ref194.theme;
6818
- return theme.fonts.mobile.letterSpacing.headers[6];
6960
+ return theme.fonts.mobile.sizes.headers[5];
6819
6961
  }, function (_ref195) {
6820
6962
  var theme = _ref195.theme;
6821
- return theme.fonts.mobile.lineHeights.headers[6];
6963
+ return theme.fonts.mobile.weights.headers[5];
6822
6964
  }, function (_ref196) {
6823
6965
  var theme = _ref196.theme;
6824
- return theme.fonts.mobile.sizes.altHeaders[3];
6966
+ return theme.fonts.mobile.letterSpacing.headers[5];
6825
6967
  }, function (_ref197) {
6826
6968
  var theme = _ref197.theme;
6827
- return theme.fonts.mobile.weights.altHeaders[3];
6969
+ return theme.fonts.mobile.lineHeights.headers[5];
6828
6970
  }, function (_ref198) {
6829
6971
  var theme = _ref198.theme;
6830
- return theme.fonts.mobile.letterSpacing.altHeaders[3];
6972
+ return theme.fonts.mobile.sizes.headers[6];
6831
6973
  }, function (_ref199) {
6832
6974
  var theme = _ref199.theme;
6833
- return theme.fonts.mobile.lineHeights.altHeaders[3];
6975
+ return theme.fonts.mobile.weights.headers[6];
6834
6976
  }, function (_ref200) {
6835
6977
  var theme = _ref200.theme;
6836
- return theme.fonts.mobile.sizes.altHeaders[4];
6978
+ return theme.fonts.mobile.letterSpacing.headers[6];
6837
6979
  }, function (_ref201) {
6838
6980
  var theme = _ref201.theme;
6839
- return theme.fonts.mobile.weights.altHeaders[4];
6981
+ return theme.fonts.mobile.lineHeights.headers[6];
6840
6982
  }, function (_ref202) {
6841
6983
  var theme = _ref202.theme;
6842
- return theme.fonts.mobile.letterSpacing.altHeaders[4];
6984
+ return theme.fonts.mobile.sizes.altHeaders[3];
6843
6985
  }, function (_ref203) {
6844
6986
  var theme = _ref203.theme;
6845
- return theme.fonts.mobile.lineHeights.altHeaders[4];
6987
+ return theme.fonts.mobile.weights.altHeaders[3];
6846
6988
  }, function (_ref204) {
6847
6989
  var theme = _ref204.theme;
6848
- return theme.fonts.mobile.sizes.altHeaders[5];
6990
+ return theme.fonts.mobile.letterSpacing.altHeaders[3];
6849
6991
  }, function (_ref205) {
6850
6992
  var theme = _ref205.theme;
6851
- return theme.fonts.mobile.weights.altHeaders[5];
6993
+ return theme.fonts.mobile.lineHeights.altHeaders[3];
6852
6994
  }, function (_ref206) {
6853
6995
  var theme = _ref206.theme;
6854
- return theme.fonts.mobile.letterSpacing.altHeaders[5];
6996
+ return theme.fonts.mobile.sizes.altHeaders[4];
6855
6997
  }, function (_ref207) {
6856
6998
  var theme = _ref207.theme;
6857
- return theme.fonts.mobile.lineHeights.altHeaders[5];
6999
+ return theme.fonts.mobile.weights.altHeaders[4];
6858
7000
  }, function (_ref208) {
6859
7001
  var theme = _ref208.theme;
6860
- return theme.fonts.mobile.sizes.altHeaders[6];
7002
+ return theme.fonts.mobile.letterSpacing.altHeaders[4];
6861
7003
  }, function (_ref209) {
6862
7004
  var theme = _ref209.theme;
6863
- return theme.fonts.mobile.weights.altHeaders[6];
7005
+ return theme.fonts.mobile.lineHeights.altHeaders[4];
6864
7006
  }, function (_ref210) {
6865
7007
  var theme = _ref210.theme;
6866
- return theme.fonts.mobile.letterSpacing.altHeaders[6];
7008
+ return theme.fonts.mobile.sizes.altHeaders[5];
6867
7009
  }, function (_ref211) {
6868
7010
  var theme = _ref211.theme;
6869
- return theme.fonts.mobile.lineHeights.altHeaders[6];
7011
+ return theme.fonts.mobile.weights.altHeaders[5];
6870
7012
  }, function (_ref212) {
6871
7013
  var theme = _ref212.theme;
6872
- return theme.fonts.mobile.sizes.overline[1];
7014
+ return theme.fonts.mobile.letterSpacing.altHeaders[5];
6873
7015
  }, function (_ref213) {
6874
7016
  var theme = _ref213.theme;
6875
- return theme.fonts.mobile.weights.overline[1];
7017
+ return theme.fonts.mobile.lineHeights.altHeaders[5];
6876
7018
  }, function (_ref214) {
6877
7019
  var theme = _ref214.theme;
6878
- return theme.fonts.mobile.letterSpacing.overline[1];
7020
+ return theme.fonts.mobile.sizes.altHeaders[6];
6879
7021
  }, function (_ref215) {
6880
7022
  var theme = _ref215.theme;
6881
- return theme.fonts.mobile.lineHeights.overline[1];
7023
+ return theme.fonts.mobile.weights.altHeaders[6];
6882
7024
  }, function (_ref216) {
6883
7025
  var theme = _ref216.theme;
6884
- return theme.fonts.mobile.sizes.overline[2];
7026
+ return theme.fonts.mobile.letterSpacing.altHeaders[6];
6885
7027
  }, function (_ref217) {
6886
7028
  var theme = _ref217.theme;
6887
- return theme.fonts.mobile.weights.overline[2];
7029
+ return theme.fonts.mobile.lineHeights.altHeaders[6];
6888
7030
  }, function (_ref218) {
6889
7031
  var theme = _ref218.theme;
6890
- return theme.fonts.mobile.letterSpacing.overline[2];
7032
+ return theme.fonts.mobile.sizes.overline[1];
6891
7033
  }, function (_ref219) {
6892
7034
  var theme = _ref219.theme;
6893
- return theme.fonts.mobile.lineHeights.overline[2];
7035
+ return theme.fonts.mobile.weights.overline[1];
6894
7036
  }, function (_ref220) {
6895
7037
  var theme = _ref220.theme;
6896
- return theme.fonts.mobile.sizes.body[1];
7038
+ return theme.fonts.mobile.letterSpacing.overline[1];
6897
7039
  }, function (_ref221) {
6898
7040
  var theme = _ref221.theme;
6899
- return theme.fonts.mobile.weights.body[1];
7041
+ return theme.fonts.mobile.lineHeights.overline[1];
6900
7042
  }, function (_ref222) {
6901
7043
  var theme = _ref222.theme;
6902
- return theme.fonts.mobile.letterSpacing.body[1];
7044
+ return theme.fonts.mobile.sizes.overline[2];
6903
7045
  }, function (_ref223) {
6904
7046
  var theme = _ref223.theme;
6905
- return theme.fonts.mobile.lineHeights.body[1];
7047
+ return theme.fonts.mobile.weights.overline[2];
6906
7048
  }, function (_ref224) {
6907
7049
  var theme = _ref224.theme;
6908
- return theme.fonts.mobile.sizes.body[2];
7050
+ return theme.fonts.mobile.letterSpacing.overline[2];
6909
7051
  }, function (_ref225) {
6910
7052
  var theme = _ref225.theme;
6911
- return theme.fonts.mobile.weights.body[2];
7053
+ return theme.fonts.mobile.lineHeights.overline[2];
6912
7054
  }, function (_ref226) {
6913
7055
  var theme = _ref226.theme;
6914
- return theme.fonts.mobile.letterSpacing.body[2];
7056
+ return theme.fonts.mobile.sizes.body[1];
6915
7057
  }, function (_ref227) {
6916
7058
  var theme = _ref227.theme;
6917
- return theme.fonts.mobile.lineHeights.body[2];
7059
+ return theme.fonts.mobile.weights.body[1];
6918
7060
  }, function (_ref228) {
6919
7061
  var theme = _ref228.theme;
6920
- return theme.fonts.mobile.sizes.body[3];
7062
+ return theme.fonts.mobile.letterSpacing.body[1];
6921
7063
  }, function (_ref229) {
6922
7064
  var theme = _ref229.theme;
6923
- return theme.fonts.mobile.weights.body[3];
7065
+ return theme.fonts.mobile.lineHeights.body[1];
6924
7066
  }, function (_ref230) {
6925
7067
  var theme = _ref230.theme;
6926
- return theme.fonts.mobile.letterSpacing.body[3];
7068
+ return theme.fonts.mobile.sizes.body[2];
6927
7069
  }, function (_ref231) {
6928
7070
  var theme = _ref231.theme;
6929
- return theme.fonts.mobile.lineHeights.body[3];
7071
+ return theme.fonts.mobile.weights.body[2];
6930
7072
  }, function (_ref232) {
6931
7073
  var theme = _ref232.theme;
6932
- return theme.fonts.mobile.sizes.subtitles[1];
7074
+ return theme.fonts.mobile.letterSpacing.body[2];
6933
7075
  }, function (_ref233) {
6934
7076
  var theme = _ref233.theme;
6935
- return theme.fonts.mobile.weights.subtitles[1];
7077
+ return theme.fonts.mobile.lineHeights.body[2];
6936
7078
  }, function (_ref234) {
6937
7079
  var theme = _ref234.theme;
6938
- return theme.fonts.mobile.letterSpacing.subtitles[1];
7080
+ return theme.fonts.mobile.sizes.body[3];
6939
7081
  }, function (_ref235) {
6940
7082
  var theme = _ref235.theme;
6941
- return theme.fonts.mobile.lineHeights.subtitles[1];
7083
+ return theme.fonts.mobile.weights.body[3];
6942
7084
  }, function (_ref236) {
6943
7085
  var theme = _ref236.theme;
6944
- return theme.fonts.mobile.sizes.subtitles[2];
7086
+ return theme.fonts.mobile.letterSpacing.body[3];
6945
7087
  }, function (_ref237) {
6946
7088
  var theme = _ref237.theme;
6947
- return theme.fonts.mobile.weights.subtitles[2];
7089
+ return theme.fonts.mobile.lineHeights.body[3];
6948
7090
  }, function (_ref238) {
6949
7091
  var theme = _ref238.theme;
6950
- return theme.fonts.mobile.letterSpacing.subtitles[2];
7092
+ return theme.fonts.mobile.sizes.subtitles[1];
6951
7093
  }, function (_ref239) {
6952
7094
  var theme = _ref239.theme;
6953
- return theme.fonts.mobile.lineHeights.subtitles[2];
7095
+ return theme.fonts.mobile.weights.subtitles[1];
6954
7096
  }, function (_ref240) {
6955
7097
  var theme = _ref240.theme;
6956
- return theme.fonts.mobile.sizes.titleDescription;
7098
+ return theme.fonts.mobile.letterSpacing.subtitles[1];
6957
7099
  }, function (_ref241) {
6958
7100
  var theme = _ref241.theme;
6959
- return theme.fonts.mobile.lineHeights.titleDescription;
7101
+ return theme.fonts.mobile.lineHeights.subtitles[1];
6960
7102
  }, function (_ref242) {
6961
7103
  var theme = _ref242.theme;
6962
- return theme.spacing[4];
7104
+ return theme.fonts.mobile.sizes.subtitles[2];
6963
7105
  }, function (_ref243) {
6964
7106
  var theme = _ref243.theme;
6965
- return theme.fonts.mobile.sizes.search;
7107
+ return theme.fonts.mobile.weights.subtitles[2];
6966
7108
  }, function (_ref244) {
6967
7109
  var theme = _ref244.theme;
6968
- return theme.fonts.mobile.families.search;
7110
+ return theme.fonts.mobile.letterSpacing.subtitles[2];
6969
7111
  }, function (_ref245) {
6970
7112
  var theme = _ref245.theme;
6971
- return theme.fonts.mobile.families.headers;
7113
+ return theme.fonts.mobile.lineHeights.subtitles[2];
6972
7114
  }, function (_ref246) {
6973
7115
  var theme = _ref246.theme;
6974
- return theme.fonts.mobile.families.altHeaders;
7116
+ return theme.fonts.mobile.sizes.titleDescription;
6975
7117
  }, function (_ref247) {
6976
7118
  var theme = _ref247.theme;
6977
- return theme.fonts.mobile.families.body;
7119
+ return theme.fonts.mobile.lineHeights.titleDescription;
6978
7120
  }, function (_ref248) {
6979
7121
  var theme = _ref248.theme;
6980
- return theme.fonts.mobile.families.bodyItalics;
7122
+ return theme.spacing[4];
6981
7123
  }, function (_ref249) {
6982
7124
  var theme = _ref249.theme;
6983
- return theme.fonts.mobile.families.buttons;
7125
+ return theme.fonts.mobile.sizes.search;
6984
7126
  }, function (_ref250) {
6985
7127
  var theme = _ref250.theme;
6986
- return theme.fonts.mobile.families.overline;
7128
+ return theme.fonts.mobile.families.search;
6987
7129
  }, function (_ref251) {
6988
7130
  var theme = _ref251.theme;
6989
- return theme.fonts.mobile.families.subtitles;
7131
+ return theme.fonts.mobile.families.headers;
6990
7132
  }, function (_ref252) {
6991
7133
  var theme = _ref252.theme;
6992
- return theme.fonts.mobile.families.peopleListingRole;
7134
+ return theme.fonts.mobile.families.altHeaders;
6993
7135
  }, function (_ref253) {
6994
7136
  var theme = _ref253.theme;
6995
7137
  return theme.fonts.mobile.families.body;
6996
7138
  }, function (_ref254) {
6997
7139
  var theme = _ref254.theme;
6998
- return theme.fonts.mobile.fontFeatureSettings.headers;
7140
+ return theme.fonts.mobile.families.bodyItalics;
6999
7141
  }, function (_ref255) {
7000
7142
  var theme = _ref255.theme;
7001
- return theme.fonts.mobile.fontFeatureSettings.altHeaders;
7143
+ return theme.fonts.mobile.families.buttons;
7002
7144
  }, function (_ref256) {
7003
7145
  var theme = _ref256.theme;
7004
- return theme.fonts.mobile.fontFeatureSettings.overline;
7146
+ return theme.fonts.mobile.families.overline;
7005
7147
  }, function (_ref257) {
7006
7148
  var theme = _ref257.theme;
7007
- return theme.fonts.mobile.fontFeatureSettings.subtitles;
7149
+ return theme.fonts.mobile.families.subtitles;
7008
7150
  }, function (_ref258) {
7009
7151
  var theme = _ref258.theme;
7010
- return theme.fonts.mobile.fontFeatureSettings.body;
7152
+ return theme.fonts.mobile.families.peopleListingRole;
7011
7153
  }, function (_ref259) {
7012
7154
  var theme = _ref259.theme;
7013
- return theme.fonts.mobile.fontFeatureSettings.navigation;
7155
+ return theme.fonts.mobile.families.body;
7014
7156
  }, function (_ref260) {
7015
7157
  var theme = _ref260.theme;
7016
- return theme.fonts.mobile.transforms.headers;
7158
+ return theme.fonts.mobile.fontFeatureSettings.headers;
7017
7159
  }, function (_ref261) {
7018
7160
  var theme = _ref261.theme;
7019
- return theme.fonts.mobile.transforms.altHeaders;
7161
+ return theme.fonts.mobile.fontFeatureSettings.altHeaders;
7020
7162
  }, function (_ref262) {
7021
7163
  var theme = _ref262.theme;
7022
- return theme.fonts.mobile.transforms.body;
7164
+ return theme.fonts.mobile.fontFeatureSettings.overline;
7023
7165
  }, function (_ref263) {
7024
7166
  var theme = _ref263.theme;
7025
- return theme.fonts.mobile.transforms.overline;
7167
+ return theme.fonts.mobile.fontFeatureSettings.subtitles;
7026
7168
  }, function (_ref264) {
7027
7169
  var theme = _ref264.theme;
7028
- return theme.fonts.mobile.transforms.subtitles;
7170
+ return theme.fonts.mobile.fontFeatureSettings.body;
7029
7171
  }, function (_ref265) {
7030
7172
  var theme = _ref265.theme;
7031
- return theme.fonts.mobile.wordBreak.headers;
7173
+ return theme.fonts.mobile.fontFeatureSettings.navigation;
7032
7174
  }, function (_ref266) {
7033
7175
  var theme = _ref266.theme;
7034
- return theme.fonts.mobile.wordBreak.altHeaders;
7176
+ return theme.fonts.mobile.transforms.headers;
7035
7177
  }, function (_ref267) {
7036
7178
  var theme = _ref267.theme;
7037
- return theme.fonts.mobile.wordBreak.body;
7179
+ return theme.fonts.mobile.transforms.altHeaders;
7038
7180
  }, function (_ref268) {
7039
7181
  var theme = _ref268.theme;
7040
- return theme.fonts.mobile.wordBreak.overline;
7182
+ return theme.fonts.mobile.transforms.body;
7041
7183
  }, function (_ref269) {
7042
7184
  var theme = _ref269.theme;
7043
- return theme.fonts.mobile.wordBreak.subtitles;
7185
+ return theme.fonts.mobile.transforms.overline;
7044
7186
  }, function (_ref270) {
7045
7187
  var theme = _ref270.theme;
7046
- return theme.grid.mobile.margin;
7188
+ return theme.fonts.mobile.transforms.subtitles;
7047
7189
  }, function (_ref271) {
7048
7190
  var theme = _ref271.theme;
7049
- return theme.grid.mobile.gap;
7191
+ return theme.fonts.mobile.wordBreak.headers;
7050
7192
  }, function (_ref272) {
7051
7193
  var theme = _ref272.theme;
7052
- return theme.grid.mobile.margin;
7194
+ return theme.fonts.mobile.wordBreak.altHeaders;
7053
7195
  }, function (_ref273) {
7054
7196
  var theme = _ref273.theme;
7055
- return theme.grid.mobile.gap;
7197
+ return theme.fonts.mobile.wordBreak.body;
7056
7198
  }, function (_ref274) {
7057
7199
  var theme = _ref274.theme;
7058
- return theme.grid.mobile.gap;
7200
+ return theme.fonts.mobile.wordBreak.overline;
7059
7201
  }, function (_ref275) {
7060
7202
  var theme = _ref275.theme;
7061
- return theme.grid.mobile.margin;
7203
+ return theme.fonts.mobile.wordBreak.subtitles;
7062
7204
  }, function (_ref276) {
7063
7205
  var theme = _ref276.theme;
7064
- return theme.footer.mobile.height;
7206
+ return theme.grid.mobile.margin;
7065
7207
  }, function (_ref277) {
7066
7208
  var theme = _ref277.theme;
7067
- return theme.footer.mobile.paddingTop;
7209
+ return theme.grid.mobile.gap;
7068
7210
  }, function (_ref278) {
7069
7211
  var theme = _ref278.theme;
7070
- return theme.footer.mobile.paddingBottom;
7212
+ return theme.grid.mobile.margin;
7071
7213
  }, function (_ref279) {
7072
7214
  var theme = _ref279.theme;
7073
- return theme.footer.mobile.itemsGap;
7215
+ return theme.grid.mobile.gap;
7074
7216
  }, function (_ref280) {
7075
7217
  var theme = _ref280.theme;
7076
- return theme.footer.mobile.mediaGap;
7218
+ return theme.grid.mobile.gap;
7077
7219
  }, function (_ref281) {
7078
7220
  var theme = _ref281.theme;
7079
- return theme.footer.mobile.mediaIconWidth;
7221
+ return theme.grid.mobile.margin;
7080
7222
  }, function (_ref282) {
7081
7223
  var theme = _ref282.theme;
7082
- return theme.footer.mobile.mediaIconHeight;
7224
+ return theme.footer.mobile.height;
7083
7225
  }, function (_ref283) {
7084
7226
  var theme = _ref283.theme;
7085
- return theme.footer.mobile.verticalSpacingLarge;
7227
+ return theme.footer.mobile.paddingTop;
7086
7228
  }, function (_ref284) {
7087
7229
  var theme = _ref284.theme;
7088
- return theme.footer.mobile.verticalSpacingSmall;
7230
+ return theme.footer.mobile.paddingBottom;
7089
7231
  }, function (_ref285) {
7090
7232
  var theme = _ref285.theme;
7091
- return theme.spacing[10];
7233
+ return theme.footer.mobile.itemsGap;
7092
7234
  }, function (_ref286) {
7093
7235
  var theme = _ref286.theme;
7094
- return theme.spacing[6];
7095
- }, devices.tablet, function (_ref287) {
7236
+ return theme.footer.mobile.mediaGap;
7237
+ }, function (_ref287) {
7096
7238
  var theme = _ref287.theme;
7097
- return theme.grid.tablet.margin;
7239
+ return theme.footer.mobile.mediaIconWidth;
7098
7240
  }, function (_ref288) {
7099
7241
  var theme = _ref288.theme;
7100
- return theme.grid.tablet.gap;
7242
+ return theme.footer.mobile.mediaIconHeight;
7101
7243
  }, function (_ref289) {
7102
7244
  var theme = _ref289.theme;
7103
- return theme.grid.tablet.margin;
7245
+ return theme.footer.mobile.verticalSpacingLarge;
7104
7246
  }, function (_ref290) {
7105
7247
  var theme = _ref290.theme;
7106
- return theme.grid.tablet.gap;
7248
+ return theme.footer.mobile.verticalSpacingSmall;
7107
7249
  }, function (_ref291) {
7108
7250
  var theme = _ref291.theme;
7109
- return theme.grid.tablet.gap;
7251
+ return theme.spacing[10];
7110
7252
  }, function (_ref292) {
7111
7253
  var theme = _ref292.theme;
7112
- return theme.grid.tablet.margin;
7113
- }, function (_ref293) {
7254
+ return theme.spacing[6];
7255
+ }, devices.tablet, function (_ref293) {
7114
7256
  var theme = _ref293.theme;
7115
- return theme.spacing[10];
7257
+ return theme.grid.tablet.margin;
7116
7258
  }, function (_ref294) {
7117
7259
  var theme = _ref294.theme;
7118
- return theme.spacing[6];
7260
+ return theme.grid.tablet.gap;
7119
7261
  }, function (_ref295) {
7120
7262
  var theme = _ref295.theme;
7121
- return theme.fonts.tablet.sizes.headers[6];
7263
+ return theme.grid.tablet.margin;
7122
7264
  }, function (_ref296) {
7123
7265
  var theme = _ref296.theme;
7124
- return theme.fonts.tablet.sizes.altHeaders[4];
7266
+ return theme.grid.tablet.gap;
7125
7267
  }, function (_ref297) {
7126
7268
  var theme = _ref297.theme;
7269
+ return theme.grid.tablet.gap;
7270
+ }, function (_ref298) {
7271
+ var theme = _ref298.theme;
7272
+ return theme.grid.tablet.margin;
7273
+ }, function (_ref299) {
7274
+ var theme = _ref299.theme;
7275
+ return theme.spacing[10];
7276
+ }, function (_ref300) {
7277
+ var theme = _ref300.theme;
7278
+ return theme.spacing[6];
7279
+ }, function (_ref301) {
7280
+ var theme = _ref301.theme;
7281
+ return theme.fonts.tablet.sizes.headers[6];
7282
+ }, function (_ref302) {
7283
+ var theme = _ref302.theme;
7284
+ return theme.fonts.tablet.sizes.altHeaders[4];
7285
+ }, function (_ref303) {
7286
+ var theme = _ref303.theme;
7127
7287
  return theme.fonts.tablet.sizes.body[1];
7128
7288
  }, devices.desktop, devices.largeDesktop);
7129
7289
 
7130
- export { Accordion, Accordions, AltHeader, AnchorTabBar, AnnouncementBanner, AspectRatio, BodyText, ButtonType, Card, Cards, Carousel, CarouselType, CinemaBadge, Colors, ContactCard, ControlledDropdown, Editorial, Footer, GlobalStyles, Grid, GridItem, Header, HighlightsCarousel, HighlightsCinema as HighlightsCarouselCinema, HighlightsCore as HighlightsCarouselCore, HighlightsStream as HighlightsCarouselStream, Icon, ImageAspectRatioWrapper, ImageWithCaption, Information, LiveChat, Navigation, Overline, PageHeadingCinema, PageHeadingCore, PageHeadingImpact, PageHeadingStream, PeopleListing, PrimaryButton, PromoWithTags, PromoWithTitle, Quote, RotatorButtons, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Sponsorship, StickyBar, StreamBadge, Subtitle, Tab, TabLink, Tabs, Button$1 as TertiaryButton, TextLink, TextOnly, Theme as ThemeProvider, ThemeType, Tickbox, TickboxMode, TitleWithCTA, TypeTags, devices };
7290
+ export { Accordion, Accordions, AltHeader, AnchorTabBar, AnnouncementBanner, AspectRatio, BodyText, ButtonType, Card, Cards, Carousel, CarouselType, CinemaBadge, Colors, ContactCard, ControlledDropdown, Editorial, Footer, GlobalStyles, Grid, GridItem, Header, HighlightsCarousel, HighlightsCinema as HighlightsCarouselCinema, HighlightsCore as HighlightsCarouselCore, HighlightsStream as HighlightsCarouselStream, Icon, ImageAspectRatioWrapper, ImageWithCaption, Information, LiveChat, Navigation, Overline, PageHeadingCinema, PageHeadingCore, PageHeadingHighlight, PageHeadingImpact, PageHeadingStream, PeopleListing, PrimaryButton, PromoWithTags, PromoWithTitle, Quote, RotatorButtons, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Sponsorship, StickyBar, StreamBadge, Subtitle, Tab, TabLink, Tabs, Button$1 as TertiaryButton, TextLink, TextOnly, Theme as ThemeProvider, ThemeType, Tickbox, TickboxMode, TitleWithCTA, TypeTags, devices };
7131
7291
  //# sourceMappingURL=chord.esm.js.map