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