@royaloperahouse/chord 1.6.1 → 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.
Files changed (11) hide show
  1. package/CHANGELOG.md +2 -0
  2. package/README.md +248 -40
  3. package/dist/chord.cjs.development.js +300 -265
  4. package/dist/chord.cjs.development.js.map +1 -1
  5. package/dist/chord.cjs.production.min.js +1 -1
  6. package/dist/chord.cjs.production.min.js.map +1 -1
  7. package/dist/chord.esm.js +300 -265
  8. package/dist/chord.esm.js.map +1 -1
  9. package/dist/styles/themes.d.ts +60 -0
  10. package/package.json +2 -2
  11. package/README.GIT +0 -275
package/dist/chord.cjs.development.js CHANGED
@@ -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) {
@@ -5982,10 +5999,10 @@ var PromoWithTags = function PromoWithTags(_ref) {
5982
5999
  }
5983
6000
 
5984
6001
  if (titleSize === 'large') {
5985
- return 3;
6002
+ return 2;
5986
6003
  }
5987
6004
 
5988
- return 2;
6005
+ return 3;
5989
6006
  };
5990
6007
 
5991
6008
  var imageToLeft = imagePosition === 'left';
@@ -6355,7 +6372,7 @@ var Quote = function Quote(_ref) {
6355
6372
  };
6356
6373
 
6357
6374
  var _templateObject$W;
6358
- 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\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) {
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) {
6359
6376
  var theme = _ref.theme;
6360
6377
  return theme.colors.primary;
6361
6378
  }, function (_ref2) {
@@ -6459,358 +6476,358 @@ var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_templateObject$W || (_
6459
6476
  return theme.fonts.desktop.lineHeights.headers[1];
6460
6477
  }, function (_ref35) {
6461
6478
  var theme = _ref35.theme;
6462
- return theme.fonts.desktop.sizes.headers[2];
6479
+ return theme.fonts.desktop.margins.headers[1];
6463
6480
  }, function (_ref36) {
6464
6481
  var theme = _ref36.theme;
6465
- return theme.fonts.desktop.weights.headers[2];
6482
+ return theme.fonts.desktop.sizes.headers[2];
6466
6483
  }, function (_ref37) {
6467
6484
  var theme = _ref37.theme;
6468
- return theme.fonts.desktop.letterSpacing.headers[2];
6485
+ return theme.fonts.desktop.weights.headers[2];
6469
6486
  }, function (_ref38) {
6470
6487
  var theme = _ref38.theme;
6471
- return theme.fonts.desktop.lineHeights.headers[2];
6488
+ return theme.fonts.desktop.letterSpacing.headers[2];
6472
6489
  }, function (_ref39) {
6473
6490
  var theme = _ref39.theme;
6474
- return theme.fonts.desktop.sizes.headers[3];
6491
+ return theme.fonts.desktop.lineHeights.headers[2];
6475
6492
  }, function (_ref40) {
6476
6493
  var theme = _ref40.theme;
6477
- return theme.fonts.desktop.weights.headers[3];
6494
+ return theme.fonts.desktop.margins.headers[2];
6478
6495
  }, function (_ref41) {
6479
6496
  var theme = _ref41.theme;
6480
- return theme.fonts.desktop.letterSpacing.headers[3];
6497
+ return theme.fonts.desktop.sizes.headers[3];
6481
6498
  }, function (_ref42) {
6482
6499
  var theme = _ref42.theme;
6483
- return theme.fonts.desktop.lineHeights.headers[3];
6500
+ return theme.fonts.desktop.weights.headers[3];
6484
6501
  }, function (_ref43) {
6485
6502
  var theme = _ref43.theme;
6486
- return theme.fonts.desktop.sizes.headers[4];
6503
+ return theme.fonts.desktop.letterSpacing.headers[3];
6487
6504
  }, function (_ref44) {
6488
6505
  var theme = _ref44.theme;
6489
- return theme.fonts.desktop.weights.headers[4];
6506
+ return theme.fonts.desktop.lineHeights.headers[3];
6490
6507
  }, function (_ref45) {
6491
6508
  var theme = _ref45.theme;
6492
- return theme.fonts.desktop.letterSpacing.headers[4];
6509
+ return theme.fonts.desktop.margins.headers[3];
6493
6510
  }, function (_ref46) {
6494
6511
  var theme = _ref46.theme;
6495
- return theme.fonts.desktop.lineHeights.headers[4];
6512
+ return theme.fonts.desktop.sizes.headers[4];
6496
6513
  }, function (_ref47) {
6497
6514
  var theme = _ref47.theme;
6498
- return theme.fonts.desktop.sizes.headers[5];
6515
+ return theme.fonts.desktop.weights.headers[4];
6499
6516
  }, function (_ref48) {
6500
6517
  var theme = _ref48.theme;
6501
- return theme.fonts.desktop.weights.headers[5];
6518
+ return theme.fonts.desktop.letterSpacing.headers[4];
6502
6519
  }, function (_ref49) {
6503
6520
  var theme = _ref49.theme;
6504
- return theme.fonts.desktop.letterSpacing.headers[5];
6521
+ return theme.fonts.desktop.lineHeights.headers[4];
6505
6522
  }, function (_ref50) {
6506
6523
  var theme = _ref50.theme;
6507
- return theme.fonts.desktop.lineHeights.headers[5];
6524
+ return theme.fonts.desktop.margins.headers[4];
6508
6525
  }, function (_ref51) {
6509
6526
  var theme = _ref51.theme;
6510
- return theme.fonts.desktop.sizes.headers[6];
6527
+ return theme.fonts.desktop.sizes.headers[5];
6511
6528
  }, function (_ref52) {
6512
6529
  var theme = _ref52.theme;
6513
- return theme.fonts.desktop.weights.headers[6];
6530
+ return theme.fonts.desktop.weights.headers[5];
6514
6531
  }, function (_ref53) {
6515
6532
  var theme = _ref53.theme;
6516
- return theme.fonts.desktop.letterSpacing.headers[6];
6533
+ return theme.fonts.desktop.letterSpacing.headers[5];
6517
6534
  }, function (_ref54) {
6518
6535
  var theme = _ref54.theme;
6519
- return theme.fonts.desktop.lineHeights.headers[6];
6536
+ return theme.fonts.desktop.lineHeights.headers[5];
6520
6537
  }, function (_ref55) {
6521
6538
  var theme = _ref55.theme;
6522
- return theme.fonts.desktop.sizes.altHeaders[3];
6539
+ return theme.fonts.desktop.margins.headers[5];
6523
6540
  }, function (_ref56) {
6524
6541
  var theme = _ref56.theme;
6525
- return theme.fonts.desktop.weights.altHeaders[3];
6542
+ return theme.fonts.desktop.sizes.headers[6];
6526
6543
  }, function (_ref57) {
6527
6544
  var theme = _ref57.theme;
6528
- return theme.fonts.desktop.letterSpacing.altHeaders[3];
6545
+ return theme.fonts.desktop.weights.headers[6];
6529
6546
  }, function (_ref58) {
6530
6547
  var theme = _ref58.theme;
6531
- return theme.fonts.desktop.lineHeights.altHeaders[3];
6548
+ return theme.fonts.desktop.letterSpacing.headers[6];
6532
6549
  }, function (_ref59) {
6533
6550
  var theme = _ref59.theme;
6534
- return theme.fonts.desktop.sizes.altHeaders[4];
6551
+ return theme.fonts.desktop.lineHeights.headers[6];
6535
6552
  }, function (_ref60) {
6536
6553
  var theme = _ref60.theme;
6537
- return theme.fonts.desktop.weights.altHeaders[4];
6554
+ return theme.fonts.desktop.margins.headers[6];
6538
6555
  }, function (_ref61) {
6539
6556
  var theme = _ref61.theme;
6540
- return theme.fonts.desktop.letterSpacing.altHeaders[4];
6557
+ return theme.fonts.desktop.sizes.altHeaders[3];
6541
6558
  }, function (_ref62) {
6542
6559
  var theme = _ref62.theme;
6543
- return theme.fonts.desktop.lineHeights.altHeaders[4];
6560
+ return theme.fonts.desktop.weights.altHeaders[3];
6544
6561
  }, function (_ref63) {
6545
6562
  var theme = _ref63.theme;
6546
- return theme.fonts.desktop.sizes.altHeaders[5];
6563
+ return theme.fonts.desktop.letterSpacing.altHeaders[3];
6547
6564
  }, function (_ref64) {
6548
6565
  var theme = _ref64.theme;
6549
- return theme.fonts.desktop.weights.altHeaders[5];
6566
+ return theme.fonts.desktop.lineHeights.altHeaders[3];
6550
6567
  }, function (_ref65) {
6551
6568
  var theme = _ref65.theme;
6552
- return theme.fonts.desktop.letterSpacing.altHeaders[5];
6569
+ return theme.fonts.desktop.sizes.altHeaders[4];
6553
6570
  }, function (_ref66) {
6554
6571
  var theme = _ref66.theme;
6555
- return theme.fonts.desktop.lineHeights.altHeaders[5];
6572
+ return theme.fonts.desktop.weights.altHeaders[4];
6556
6573
  }, function (_ref67) {
6557
6574
  var theme = _ref67.theme;
6558
- return theme.fonts.desktop.sizes.altHeaders[6];
6575
+ return theme.fonts.desktop.letterSpacing.altHeaders[4];
6559
6576
  }, function (_ref68) {
6560
6577
  var theme = _ref68.theme;
6561
- return theme.fonts.desktop.weights.altHeaders[6];
6578
+ return theme.fonts.desktop.lineHeights.altHeaders[4];
6562
6579
  }, function (_ref69) {
6563
6580
  var theme = _ref69.theme;
6564
- return theme.fonts.desktop.letterSpacing.altHeaders[6];
6581
+ return theme.fonts.desktop.sizes.altHeaders[5];
6565
6582
  }, function (_ref70) {
6566
6583
  var theme = _ref70.theme;
6567
- return theme.fonts.desktop.lineHeights.altHeaders[6];
6584
+ return theme.fonts.desktop.weights.altHeaders[5];
6568
6585
  }, function (_ref71) {
6569
6586
  var theme = _ref71.theme;
6570
- return theme.fonts.desktop.sizes.overline[1];
6587
+ return theme.fonts.desktop.letterSpacing.altHeaders[5];
6571
6588
  }, function (_ref72) {
6572
6589
  var theme = _ref72.theme;
6573
- return theme.fonts.desktop.weights.overline[1];
6590
+ return theme.fonts.desktop.lineHeights.altHeaders[5];
6574
6591
  }, function (_ref73) {
6575
6592
  var theme = _ref73.theme;
6576
- return theme.fonts.desktop.letterSpacing.overline[1];
6593
+ return theme.fonts.desktop.sizes.altHeaders[6];
6577
6594
  }, function (_ref74) {
6578
6595
  var theme = _ref74.theme;
6579
- return theme.fonts.desktop.lineHeights.overline[1];
6596
+ return theme.fonts.desktop.weights.altHeaders[6];
6580
6597
  }, function (_ref75) {
6581
6598
  var theme = _ref75.theme;
6582
- return theme.fonts.desktop.sizes.overline[2];
6599
+ return theme.fonts.desktop.letterSpacing.altHeaders[6];
6583
6600
  }, function (_ref76) {
6584
6601
  var theme = _ref76.theme;
6585
- return theme.fonts.desktop.weights.overline[2];
6602
+ return theme.fonts.desktop.lineHeights.altHeaders[6];
6586
6603
  }, function (_ref77) {
6587
6604
  var theme = _ref77.theme;
6588
- return theme.fonts.desktop.letterSpacing.overline[2];
6605
+ return theme.fonts.desktop.sizes.overline[1];
6589
6606
  }, function (_ref78) {
6590
6607
  var theme = _ref78.theme;
6591
- return theme.fonts.desktop.lineHeights.overline[2];
6608
+ return theme.fonts.desktop.weights.overline[1];
6592
6609
  }, function (_ref79) {
6593
6610
  var theme = _ref79.theme;
6594
- return theme.fonts.desktop.sizes.body[1];
6611
+ return theme.fonts.desktop.letterSpacing.overline[1];
6595
6612
  }, function (_ref80) {
6596
6613
  var theme = _ref80.theme;
6597
- return theme.fonts.desktop.weights.body[1];
6614
+ return theme.fonts.desktop.lineHeights.overline[1];
6598
6615
  }, function (_ref81) {
6599
6616
  var theme = _ref81.theme;
6600
- return theme.fonts.desktop.letterSpacing.body[1];
6617
+ return theme.fonts.desktop.sizes.overline[2];
6601
6618
  }, function (_ref82) {
6602
6619
  var theme = _ref82.theme;
6603
- return theme.fonts.desktop.lineHeights.body[1];
6620
+ return theme.fonts.desktop.weights.overline[2];
6604
6621
  }, function (_ref83) {
6605
6622
  var theme = _ref83.theme;
6606
- return theme.fonts.desktop.sizes.body[2];
6623
+ return theme.fonts.desktop.letterSpacing.overline[2];
6607
6624
  }, function (_ref84) {
6608
6625
  var theme = _ref84.theme;
6609
- return theme.fonts.desktop.weights.body[2];
6626
+ return theme.fonts.desktop.lineHeights.overline[2];
6610
6627
  }, function (_ref85) {
6611
6628
  var theme = _ref85.theme;
6612
- return theme.fonts.desktop.letterSpacing.body[2];
6629
+ return theme.fonts.desktop.sizes.body[1];
6613
6630
  }, function (_ref86) {
6614
6631
  var theme = _ref86.theme;
6615
- return theme.fonts.desktop.lineHeights.body[2];
6632
+ return theme.fonts.desktop.weights.body[1];
6616
6633
  }, function (_ref87) {
6617
6634
  var theme = _ref87.theme;
6618
- return theme.fonts.desktop.sizes.body[3];
6635
+ return theme.fonts.desktop.letterSpacing.body[1];
6619
6636
  }, function (_ref88) {
6620
6637
  var theme = _ref88.theme;
6621
- return theme.fonts.desktop.weights.body[3];
6638
+ return theme.fonts.desktop.lineHeights.body[1];
6622
6639
  }, function (_ref89) {
6623
6640
  var theme = _ref89.theme;
6624
- return theme.fonts.desktop.letterSpacing.body[3];
6641
+ return theme.fonts.desktop.sizes.body[2];
6625
6642
  }, function (_ref90) {
6626
6643
  var theme = _ref90.theme;
6627
- return theme.fonts.desktop.lineHeights.body[3];
6644
+ return theme.fonts.desktop.weights.body[2];
6628
6645
  }, function (_ref91) {
6629
6646
  var theme = _ref91.theme;
6630
- return theme.fonts.desktop.sizes.subtitles[1];
6647
+ return theme.fonts.desktop.letterSpacing.body[2];
6631
6648
  }, function (_ref92) {
6632
6649
  var theme = _ref92.theme;
6633
- return theme.fonts.desktop.weights.subtitles[1];
6650
+ return theme.fonts.desktop.lineHeights.body[2];
6634
6651
  }, function (_ref93) {
6635
6652
  var theme = _ref93.theme;
6636
- return theme.fonts.desktop.letterSpacing.subtitles[1];
6653
+ return theme.fonts.desktop.sizes.body[3];
6637
6654
  }, function (_ref94) {
6638
6655
  var theme = _ref94.theme;
6639
- return theme.fonts.desktop.lineHeights.subtitles[1];
6656
+ return theme.fonts.desktop.weights.body[3];
6640
6657
  }, function (_ref95) {
6641
6658
  var theme = _ref95.theme;
6642
- return theme.fonts.desktop.sizes.subtitles[2];
6659
+ return theme.fonts.desktop.letterSpacing.body[3];
6643
6660
  }, function (_ref96) {
6644
6661
  var theme = _ref96.theme;
6645
- return theme.fonts.desktop.weights.subtitles[2];
6662
+ return theme.fonts.desktop.lineHeights.body[3];
6646
6663
  }, function (_ref97) {
6647
6664
  var theme = _ref97.theme;
6648
- return theme.fonts.desktop.letterSpacing.subtitles[2];
6665
+ return theme.fonts.desktop.sizes.subtitles[1];
6649
6666
  }, function (_ref98) {
6650
6667
  var theme = _ref98.theme;
6651
- return theme.fonts.desktop.lineHeights.subtitles[2];
6668
+ return theme.fonts.desktop.weights.subtitles[1];
6652
6669
  }, function (_ref99) {
6653
6670
  var theme = _ref99.theme;
6654
- return theme.fonts.desktop.sizes.titleDescription;
6671
+ return theme.fonts.desktop.letterSpacing.subtitles[1];
6655
6672
  }, function (_ref100) {
6656
6673
  var theme = _ref100.theme;
6657
- return theme.fonts.desktop.lineHeights.titleDescription;
6674
+ return theme.fonts.desktop.lineHeights.subtitles[1];
6658
6675
  }, function (_ref101) {
6659
6676
  var theme = _ref101.theme;
6660
- return theme.fonts.desktop.lineHeights.listing;
6677
+ return theme.fonts.desktop.sizes.subtitles[2];
6661
6678
  }, function (_ref102) {
6662
6679
  var theme = _ref102.theme;
6663
- return theme.fonts.desktop.sizes.listing;
6680
+ return theme.fonts.desktop.weights.subtitles[2];
6664
6681
  }, function (_ref103) {
6665
6682
  var theme = _ref103.theme;
6666
- return theme.fonts.desktop.lineHeights.peopleListing;
6683
+ return theme.fonts.desktop.letterSpacing.subtitles[2];
6667
6684
  }, function (_ref104) {
6668
6685
  var theme = _ref104.theme;
6669
- return theme.spacing[6];
6686
+ return theme.fonts.desktop.lineHeights.subtitles[2];
6670
6687
  }, function (_ref105) {
6671
6688
  var theme = _ref105.theme;
6672
- return theme.fonts.desktop.families.headers;
6689
+ return theme.fonts.desktop.sizes.titleDescription;
6673
6690
  }, function (_ref106) {
6674
6691
  var theme = _ref106.theme;
6675
- return theme.fonts.desktop.families.altHeaders;
6692
+ return theme.fonts.desktop.lineHeights.titleDescription;
6676
6693
  }, function (_ref107) {
6677
6694
  var theme = _ref107.theme;
6678
- return theme.fonts.desktop.families.body;
6695
+ return theme.fonts.desktop.lineHeights.listing;
6679
6696
  }, function (_ref108) {
6680
6697
  var theme = _ref108.theme;
6681
- return theme.fonts.desktop.families.bodyItalics;
6698
+ return theme.fonts.desktop.sizes.listing;
6682
6699
  }, function (_ref109) {
6683
6700
  var theme = _ref109.theme;
6684
- return theme.fonts.desktop.families.buttons;
6701
+ return theme.fonts.desktop.lineHeights.peopleListing;
6685
6702
  }, function (_ref110) {
6686
6703
  var theme = _ref110.theme;
6687
- return theme.fonts.desktop.families.overline;
6704
+ return theme.spacing[6];
6688
6705
  }, function (_ref111) {
6689
6706
  var theme = _ref111.theme;
6690
- return theme.fonts.desktop.families.subtitles;
6707
+ return theme.fonts.desktop.families.headers;
6691
6708
  }, function (_ref112) {
6692
6709
  var theme = _ref112.theme;
6693
- return theme.fonts.desktop.families.peopleListingRole;
6710
+ return theme.fonts.desktop.families.altHeaders;
6694
6711
  }, function (_ref113) {
6695
6712
  var theme = _ref113.theme;
6696
6713
  return theme.fonts.desktop.families.body;
6697
6714
  }, function (_ref114) {
6698
6715
  var theme = _ref114.theme;
6699
- return theme.fonts.desktop.fontFeatureSettings.headers;
6716
+ return theme.fonts.desktop.families.bodyItalics;
6700
6717
  }, function (_ref115) {
6701
6718
  var theme = _ref115.theme;
6702
- return theme.fonts.desktop.fontFeatureSettings.altHeaders;
6719
+ return theme.fonts.desktop.families.buttons;
6703
6720
  }, function (_ref116) {
6704
6721
  var theme = _ref116.theme;
6705
- return theme.fonts.desktop.fontFeatureSettings.overline;
6722
+ return theme.fonts.desktop.families.overline;
6706
6723
  }, function (_ref117) {
6707
6724
  var theme = _ref117.theme;
6708
- return theme.fonts.desktop.fontFeatureSettings.subtitles;
6725
+ return theme.fonts.desktop.families.subtitles;
6709
6726
  }, function (_ref118) {
6710
6727
  var theme = _ref118.theme;
6711
- return theme.fonts.desktop.fontFeatureSettings.body;
6728
+ return theme.fonts.desktop.families.peopleListingRole;
6712
6729
  }, function (_ref119) {
6713
6730
  var theme = _ref119.theme;
6714
- return theme.fonts.desktop.fontFeatureSettings.navigation;
6731
+ return theme.fonts.desktop.families.body;
6715
6732
  }, function (_ref120) {
6716
6733
  var theme = _ref120.theme;
6717
- return theme.fonts.desktop.transforms.headers;
6734
+ return theme.fonts.desktop.fontFeatureSettings.headers;
6718
6735
  }, function (_ref121) {
6719
6736
  var theme = _ref121.theme;
6720
- return theme.fonts.desktop.transforms.altHeaders;
6737
+ return theme.fonts.desktop.fontFeatureSettings.altHeaders;
6721
6738
  }, function (_ref122) {
6722
6739
  var theme = _ref122.theme;
6723
- return theme.fonts.desktop.transforms.body;
6740
+ return theme.fonts.desktop.fontFeatureSettings.overline;
6724
6741
  }, function (_ref123) {
6725
6742
  var theme = _ref123.theme;
6726
- return theme.fonts.desktop.transforms.overline;
6743
+ return theme.fonts.desktop.fontFeatureSettings.subtitles;
6727
6744
  }, function (_ref124) {
6728
6745
  var theme = _ref124.theme;
6729
- return theme.fonts.desktop.transforms.subtitles;
6746
+ return theme.fonts.desktop.fontFeatureSettings.body;
6730
6747
  }, function (_ref125) {
6731
6748
  var theme = _ref125.theme;
6732
- return theme.fonts.desktop.wordBreak.headers;
6749
+ return theme.fonts.desktop.fontFeatureSettings.navigation;
6733
6750
  }, function (_ref126) {
6734
6751
  var theme = _ref126.theme;
6735
- return theme.fonts.desktop.wordBreak.altHeaders;
6752
+ return theme.fonts.desktop.transforms.headers;
6736
6753
  }, function (_ref127) {
6737
6754
  var theme = _ref127.theme;
6738
- return theme.fonts.desktop.wordBreak.body;
6755
+ return theme.fonts.desktop.transforms.altHeaders;
6739
6756
  }, function (_ref128) {
6740
6757
  var theme = _ref128.theme;
6741
- return theme.fonts.desktop.wordBreak.overline;
6758
+ return theme.fonts.desktop.transforms.body;
6742
6759
  }, function (_ref129) {
6743
6760
  var theme = _ref129.theme;
6744
- return theme.fonts.desktop.wordBreak.subtitles;
6761
+ return theme.fonts.desktop.transforms.overline;
6745
6762
  }, function (_ref130) {
6746
6763
  var theme = _ref130.theme;
6747
- return theme.fonts.desktop.families.navigation;
6764
+ return theme.fonts.desktop.transforms.subtitles;
6748
6765
  }, function (_ref131) {
6749
6766
  var theme = _ref131.theme;
6750
- return theme.fonts.desktop.sizes.navigation;
6767
+ return theme.fonts.desktop.wordBreak.headers;
6751
6768
  }, function (_ref132) {
6752
6769
  var theme = _ref132.theme;
6753
- return theme.fonts.desktop.weights.navigation;
6770
+ return theme.fonts.desktop.wordBreak.altHeaders;
6754
6771
  }, function (_ref133) {
6755
6772
  var theme = _ref133.theme;
6756
- return theme.fonts.desktop.lineHeights.navigation;
6773
+ return theme.fonts.desktop.wordBreak.body;
6757
6774
  }, function (_ref134) {
6758
6775
  var theme = _ref134.theme;
6759
- return theme.fonts.desktop.transforms.navigation;
6776
+ return theme.fonts.desktop.wordBreak.overline;
6760
6777
  }, function (_ref135) {
6761
6778
  var theme = _ref135.theme;
6762
- return theme.fonts.desktop.letterSpacing.navigation;
6779
+ return theme.fonts.desktop.wordBreak.subtitles;
6763
6780
  }, function (_ref136) {
6764
6781
  var theme = _ref136.theme;
6765
- return theme.spacing[4];
6782
+ return theme.fonts.desktop.families.navigation;
6766
6783
  }, function (_ref137) {
6767
6784
  var theme = _ref137.theme;
6768
- return theme.spacing[5];
6785
+ return theme.fonts.desktop.sizes.navigation;
6769
6786
  }, function (_ref138) {
6770
6787
  var theme = _ref138.theme;
6771
- return theme.spacing[6];
6788
+ return theme.fonts.desktop.weights.navigation;
6772
6789
  }, function (_ref139) {
6773
6790
  var theme = _ref139.theme;
6774
- return theme.spacing[9];
6791
+ return theme.fonts.desktop.lineHeights.navigation;
6775
6792
  }, function (_ref140) {
6776
6793
  var theme = _ref140.theme;
6777
- return theme.spacing[15];
6794
+ return theme.fonts.desktop.transforms.navigation;
6778
6795
  }, function (_ref141) {
6779
6796
  var theme = _ref141.theme;
6780
- return theme.spacing[15];
6797
+ return theme.fonts.desktop.letterSpacing.navigation;
6781
6798
  }, function (_ref142) {
6782
6799
  var theme = _ref142.theme;
6783
- return theme.spacing[9];
6800
+ return theme.spacing[4];
6784
6801
  }, function (_ref143) {
6785
6802
  var theme = _ref143.theme;
6786
- return theme.fonts.desktop.sizes.search;
6803
+ return theme.spacing[5];
6787
6804
  }, function (_ref144) {
6788
6805
  var theme = _ref144.theme;
6789
- return theme.fonts.desktop.families.search;
6806
+ return theme.spacing[6];
6790
6807
  }, function (_ref145) {
6791
6808
  var theme = _ref145.theme;
6792
- return theme.grid.desktop.margin;
6809
+ return theme.spacing[9];
6793
6810
  }, function (_ref146) {
6794
6811
  var theme = _ref146.theme;
6795
- return theme.grid.desktop.outerMargin;
6812
+ return theme.spacing[15];
6796
6813
  }, function (_ref147) {
6797
6814
  var theme = _ref147.theme;
6798
- return theme.grid.desktop.outerMargin;
6815
+ return theme.spacing[15];
6799
6816
  }, function (_ref148) {
6800
6817
  var theme = _ref148.theme;
6801
- return theme.grid.desktop.gap;
6818
+ return theme.spacing[9];
6802
6819
  }, function (_ref149) {
6803
6820
  var theme = _ref149.theme;
6804
- return theme.grid.desktop.margin;
6821
+ return theme.fonts.desktop.sizes.search;
6805
6822
  }, function (_ref150) {
6806
6823
  var theme = _ref150.theme;
6807
- return theme.grid.desktop.outerMargin;
6824
+ return theme.fonts.desktop.families.search;
6808
6825
  }, function (_ref151) {
6809
6826
  var theme = _ref151.theme;
6810
- return theme.grid.desktop.gap;
6827
+ return theme.grid.desktop.margin;
6811
6828
  }, function (_ref152) {
6812
6829
  var theme = _ref152.theme;
6813
- return theme.grid.desktop.margin;
6830
+ return theme.grid.desktop.outerMargin;
6814
6831
  }, function (_ref153) {
6815
6832
  var theme = _ref153.theme;
6816
6833
  return theme.grid.desktop.outerMargin;
@@ -6819,432 +6836,450 @@ var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_templateObject$W || (_
6819
6836
  return theme.grid.desktop.gap;
6820
6837
  }, function (_ref155) {
6821
6838
  var theme = _ref155.theme;
6822
- return theme.grid.desktop.outerMargin;
6839
+ return theme.grid.desktop.margin;
6823
6840
  }, function (_ref156) {
6824
6841
  var theme = _ref156.theme;
6825
- return theme.grid.desktop.gap;
6842
+ return theme.grid.desktop.outerMargin;
6826
6843
  }, function (_ref157) {
6827
6844
  var theme = _ref157.theme;
6828
6845
  return theme.grid.desktop.gap;
6829
6846
  }, function (_ref158) {
6830
6847
  var theme = _ref158.theme;
6831
- return theme.footer.desktop.height;
6848
+ return theme.grid.desktop.margin;
6832
6849
  }, function (_ref159) {
6833
6850
  var theme = _ref159.theme;
6834
- return theme.footer.desktop.paddingTop;
6851
+ return theme.grid.desktop.outerMargin;
6835
6852
  }, function (_ref160) {
6836
6853
  var theme = _ref160.theme;
6837
- return theme.footer.desktop.paddingBottom;
6854
+ return theme.grid.desktop.gap;
6838
6855
  }, function (_ref161) {
6839
6856
  var theme = _ref161.theme;
6840
- return theme.footer.desktop.itemsGap;
6857
+ return theme.grid.desktop.outerMargin;
6841
6858
  }, function (_ref162) {
6842
6859
  var theme = _ref162.theme;
6843
- return theme.footer.desktop.mediaGap;
6860
+ return theme.grid.desktop.gap;
6844
6861
  }, function (_ref163) {
6845
6862
  var theme = _ref163.theme;
6846
- return theme.footer.desktop.mediaIconWidth;
6863
+ return theme.grid.desktop.gap;
6847
6864
  }, function (_ref164) {
6848
6865
  var theme = _ref164.theme;
6849
- return theme.footer.desktop.mediaIconHeight;
6866
+ return theme.footer.desktop.height;
6850
6867
  }, function (_ref165) {
6851
6868
  var theme = _ref165.theme;
6852
- return theme.footer.desktop.verticalSpacingLarge;
6869
+ return theme.footer.desktop.paddingTop;
6853
6870
  }, function (_ref166) {
6854
6871
  var theme = _ref166.theme;
6855
- return theme.footer.desktop.verticalSpacingSmall;
6872
+ return theme.footer.desktop.paddingBottom;
6856
6873
  }, function (_ref167) {
6857
6874
  var theme = _ref167.theme;
6858
- return theme.spacing[2];
6875
+ return theme.footer.desktop.itemsGap;
6859
6876
  }, function (_ref168) {
6860
6877
  var theme = _ref168.theme;
6861
- return theme.spacing[10];
6878
+ return theme.footer.desktop.mediaGap;
6862
6879
  }, function (_ref169) {
6863
6880
  var theme = _ref169.theme;
6864
- return theme.spacing[4];
6881
+ return theme.footer.desktop.mediaIconWidth;
6865
6882
  }, function (_ref170) {
6866
6883
  var theme = _ref170.theme;
6867
- return theme.spacing[6];
6884
+ return theme.footer.desktop.mediaIconHeight;
6868
6885
  }, function (_ref171) {
6869
6886
  var theme = _ref171.theme;
6870
- return theme.spacing[1];
6871
- }, devices.mobile, function (_ref172) {
6887
+ return theme.footer.desktop.verticalSpacingLarge;
6888
+ }, function (_ref172) {
6872
6889
  var theme = _ref172.theme;
6873
- return theme.fonts.mobile.sizes.headers[1];
6890
+ return theme.footer.desktop.verticalSpacingSmall;
6874
6891
  }, function (_ref173) {
6875
6892
  var theme = _ref173.theme;
6876
- return theme.fonts.mobile.weights.headers[1];
6893
+ return theme.spacing[2];
6877
6894
  }, function (_ref174) {
6878
6895
  var theme = _ref174.theme;
6879
- return theme.fonts.mobile.letterSpacing.headers[1];
6896
+ return theme.spacing[10];
6880
6897
  }, function (_ref175) {
6881
6898
  var theme = _ref175.theme;
6882
- return theme.fonts.mobile.lineHeights.headers[1];
6899
+ return theme.spacing[4];
6883
6900
  }, function (_ref176) {
6884
6901
  var theme = _ref176.theme;
6885
- return theme.fonts.mobile.sizes.headers[2];
6902
+ return theme.spacing[6];
6886
6903
  }, function (_ref177) {
6887
6904
  var theme = _ref177.theme;
6888
- return theme.fonts.mobile.weights.headers[2];
6889
- }, function (_ref178) {
6905
+ return theme.spacing[1];
6906
+ }, devices.mobile, function (_ref178) {
6890
6907
  var theme = _ref178.theme;
6891
- return theme.fonts.mobile.letterSpacing.headers[2];
6908
+ return theme.fonts.mobile.sizes.headers[1];
6892
6909
  }, function (_ref179) {
6893
6910
  var theme = _ref179.theme;
6894
- return theme.fonts.mobile.lineHeights.headers[2];
6911
+ return theme.fonts.mobile.weights.headers[1];
6895
6912
  }, function (_ref180) {
6896
6913
  var theme = _ref180.theme;
6897
- return theme.fonts.mobile.sizes.headers[3];
6914
+ return theme.fonts.mobile.letterSpacing.headers[1];
6898
6915
  }, function (_ref181) {
6899
6916
  var theme = _ref181.theme;
6900
- return theme.fonts.mobile.weights.headers[3];
6917
+ return theme.fonts.mobile.lineHeights.headers[1];
6901
6918
  }, function (_ref182) {
6902
6919
  var theme = _ref182.theme;
6903
- return theme.fonts.mobile.letterSpacing.headers[3];
6920
+ return theme.fonts.mobile.sizes.headers[2];
6904
6921
  }, function (_ref183) {
6905
6922
  var theme = _ref183.theme;
6906
- return theme.fonts.mobile.lineHeights.headers[3];
6923
+ return theme.fonts.mobile.weights.headers[2];
6907
6924
  }, function (_ref184) {
6908
6925
  var theme = _ref184.theme;
6909
- return theme.fonts.mobile.sizes.headers[4];
6926
+ return theme.fonts.mobile.letterSpacing.headers[2];
6910
6927
  }, function (_ref185) {
6911
6928
  var theme = _ref185.theme;
6912
- return theme.fonts.mobile.weights.headers[4];
6929
+ return theme.fonts.mobile.lineHeights.headers[2];
6913
6930
  }, function (_ref186) {
6914
6931
  var theme = _ref186.theme;
6915
- return theme.fonts.mobile.letterSpacing.headers[4];
6932
+ return theme.fonts.mobile.sizes.headers[3];
6916
6933
  }, function (_ref187) {
6917
6934
  var theme = _ref187.theme;
6918
- return theme.fonts.mobile.lineHeights.headers[4];
6935
+ return theme.fonts.mobile.weights.headers[3];
6919
6936
  }, function (_ref188) {
6920
6937
  var theme = _ref188.theme;
6921
- return theme.fonts.mobile.sizes.headers[5];
6938
+ return theme.fonts.mobile.letterSpacing.headers[3];
6922
6939
  }, function (_ref189) {
6923
6940
  var theme = _ref189.theme;
6924
- return theme.fonts.mobile.weights.headers[5];
6941
+ return theme.fonts.mobile.lineHeights.headers[3];
6925
6942
  }, function (_ref190) {
6926
6943
  var theme = _ref190.theme;
6927
- return theme.fonts.mobile.letterSpacing.headers[5];
6944
+ return theme.fonts.mobile.sizes.headers[4];
6928
6945
  }, function (_ref191) {
6929
6946
  var theme = _ref191.theme;
6930
- return theme.fonts.mobile.lineHeights.headers[5];
6947
+ return theme.fonts.mobile.weights.headers[4];
6931
6948
  }, function (_ref192) {
6932
6949
  var theme = _ref192.theme;
6933
- return theme.fonts.mobile.sizes.headers[6];
6950
+ return theme.fonts.mobile.letterSpacing.headers[4];
6934
6951
  }, function (_ref193) {
6935
6952
  var theme = _ref193.theme;
6936
- return theme.fonts.mobile.weights.headers[6];
6953
+ return theme.fonts.mobile.lineHeights.headers[4];
6937
6954
  }, function (_ref194) {
6938
6955
  var theme = _ref194.theme;
6939
- return theme.fonts.mobile.letterSpacing.headers[6];
6956
+ return theme.fonts.mobile.sizes.headers[5];
6940
6957
  }, function (_ref195) {
6941
6958
  var theme = _ref195.theme;
6942
- return theme.fonts.mobile.lineHeights.headers[6];
6959
+ return theme.fonts.mobile.weights.headers[5];
6943
6960
  }, function (_ref196) {
6944
6961
  var theme = _ref196.theme;
6945
- return theme.fonts.mobile.sizes.altHeaders[3];
6962
+ return theme.fonts.mobile.letterSpacing.headers[5];
6946
6963
  }, function (_ref197) {
6947
6964
  var theme = _ref197.theme;
6948
- return theme.fonts.mobile.weights.altHeaders[3];
6965
+ return theme.fonts.mobile.lineHeights.headers[5];
6949
6966
  }, function (_ref198) {
6950
6967
  var theme = _ref198.theme;
6951
- return theme.fonts.mobile.letterSpacing.altHeaders[3];
6968
+ return theme.fonts.mobile.sizes.headers[6];
6952
6969
  }, function (_ref199) {
6953
6970
  var theme = _ref199.theme;
6954
- return theme.fonts.mobile.lineHeights.altHeaders[3];
6971
+ return theme.fonts.mobile.weights.headers[6];
6955
6972
  }, function (_ref200) {
6956
6973
  var theme = _ref200.theme;
6957
- return theme.fonts.mobile.sizes.altHeaders[4];
6974
+ return theme.fonts.mobile.letterSpacing.headers[6];
6958
6975
  }, function (_ref201) {
6959
6976
  var theme = _ref201.theme;
6960
- return theme.fonts.mobile.weights.altHeaders[4];
6977
+ return theme.fonts.mobile.lineHeights.headers[6];
6961
6978
  }, function (_ref202) {
6962
6979
  var theme = _ref202.theme;
6963
- return theme.fonts.mobile.letterSpacing.altHeaders[4];
6980
+ return theme.fonts.mobile.sizes.altHeaders[3];
6964
6981
  }, function (_ref203) {
6965
6982
  var theme = _ref203.theme;
6966
- return theme.fonts.mobile.lineHeights.altHeaders[4];
6983
+ return theme.fonts.mobile.weights.altHeaders[3];
6967
6984
  }, function (_ref204) {
6968
6985
  var theme = _ref204.theme;
6969
- return theme.fonts.mobile.sizes.altHeaders[5];
6986
+ return theme.fonts.mobile.letterSpacing.altHeaders[3];
6970
6987
  }, function (_ref205) {
6971
6988
  var theme = _ref205.theme;
6972
- return theme.fonts.mobile.weights.altHeaders[5];
6989
+ return theme.fonts.mobile.lineHeights.altHeaders[3];
6973
6990
  }, function (_ref206) {
6974
6991
  var theme = _ref206.theme;
6975
- return theme.fonts.mobile.letterSpacing.altHeaders[5];
6992
+ return theme.fonts.mobile.sizes.altHeaders[4];
6976
6993
  }, function (_ref207) {
6977
6994
  var theme = _ref207.theme;
6978
- return theme.fonts.mobile.lineHeights.altHeaders[5];
6995
+ return theme.fonts.mobile.weights.altHeaders[4];
6979
6996
  }, function (_ref208) {
6980
6997
  var theme = _ref208.theme;
6981
- return theme.fonts.mobile.sizes.altHeaders[6];
6998
+ return theme.fonts.mobile.letterSpacing.altHeaders[4];
6982
6999
  }, function (_ref209) {
6983
7000
  var theme = _ref209.theme;
6984
- return theme.fonts.mobile.weights.altHeaders[6];
7001
+ return theme.fonts.mobile.lineHeights.altHeaders[4];
6985
7002
  }, function (_ref210) {
6986
7003
  var theme = _ref210.theme;
6987
- return theme.fonts.mobile.letterSpacing.altHeaders[6];
7004
+ return theme.fonts.mobile.sizes.altHeaders[5];
6988
7005
  }, function (_ref211) {
6989
7006
  var theme = _ref211.theme;
6990
- return theme.fonts.mobile.lineHeights.altHeaders[6];
7007
+ return theme.fonts.mobile.weights.altHeaders[5];
6991
7008
  }, function (_ref212) {
6992
7009
  var theme = _ref212.theme;
6993
- return theme.fonts.mobile.sizes.overline[1];
7010
+ return theme.fonts.mobile.letterSpacing.altHeaders[5];
6994
7011
  }, function (_ref213) {
6995
7012
  var theme = _ref213.theme;
6996
- return theme.fonts.mobile.weights.overline[1];
7013
+ return theme.fonts.mobile.lineHeights.altHeaders[5];
6997
7014
  }, function (_ref214) {
6998
7015
  var theme = _ref214.theme;
6999
- return theme.fonts.mobile.letterSpacing.overline[1];
7016
+ return theme.fonts.mobile.sizes.altHeaders[6];
7000
7017
  }, function (_ref215) {
7001
7018
  var theme = _ref215.theme;
7002
- return theme.fonts.mobile.lineHeights.overline[1];
7019
+ return theme.fonts.mobile.weights.altHeaders[6];
7003
7020
  }, function (_ref216) {
7004
7021
  var theme = _ref216.theme;
7005
- return theme.fonts.mobile.sizes.overline[2];
7022
+ return theme.fonts.mobile.letterSpacing.altHeaders[6];
7006
7023
  }, function (_ref217) {
7007
7024
  var theme = _ref217.theme;
7008
- return theme.fonts.mobile.weights.overline[2];
7025
+ return theme.fonts.mobile.lineHeights.altHeaders[6];
7009
7026
  }, function (_ref218) {
7010
7027
  var theme = _ref218.theme;
7011
- return theme.fonts.mobile.letterSpacing.overline[2];
7028
+ return theme.fonts.mobile.sizes.overline[1];
7012
7029
  }, function (_ref219) {
7013
7030
  var theme = _ref219.theme;
7014
- return theme.fonts.mobile.lineHeights.overline[2];
7031
+ return theme.fonts.mobile.weights.overline[1];
7015
7032
  }, function (_ref220) {
7016
7033
  var theme = _ref220.theme;
7017
- return theme.fonts.mobile.sizes.body[1];
7034
+ return theme.fonts.mobile.letterSpacing.overline[1];
7018
7035
  }, function (_ref221) {
7019
7036
  var theme = _ref221.theme;
7020
- return theme.fonts.mobile.weights.body[1];
7037
+ return theme.fonts.mobile.lineHeights.overline[1];
7021
7038
  }, function (_ref222) {
7022
7039
  var theme = _ref222.theme;
7023
- return theme.fonts.mobile.letterSpacing.body[1];
7040
+ return theme.fonts.mobile.sizes.overline[2];
7024
7041
  }, function (_ref223) {
7025
7042
  var theme = _ref223.theme;
7026
- return theme.fonts.mobile.lineHeights.body[1];
7043
+ return theme.fonts.mobile.weights.overline[2];
7027
7044
  }, function (_ref224) {
7028
7045
  var theme = _ref224.theme;
7029
- return theme.fonts.mobile.sizes.body[2];
7046
+ return theme.fonts.mobile.letterSpacing.overline[2];
7030
7047
  }, function (_ref225) {
7031
7048
  var theme = _ref225.theme;
7032
- return theme.fonts.mobile.weights.body[2];
7049
+ return theme.fonts.mobile.lineHeights.overline[2];
7033
7050
  }, function (_ref226) {
7034
7051
  var theme = _ref226.theme;
7035
- return theme.fonts.mobile.letterSpacing.body[2];
7052
+ return theme.fonts.mobile.sizes.body[1];
7036
7053
  }, function (_ref227) {
7037
7054
  var theme = _ref227.theme;
7038
- return theme.fonts.mobile.lineHeights.body[2];
7055
+ return theme.fonts.mobile.weights.body[1];
7039
7056
  }, function (_ref228) {
7040
7057
  var theme = _ref228.theme;
7041
- return theme.fonts.mobile.sizes.body[3];
7058
+ return theme.fonts.mobile.letterSpacing.body[1];
7042
7059
  }, function (_ref229) {
7043
7060
  var theme = _ref229.theme;
7044
- return theme.fonts.mobile.weights.body[3];
7061
+ return theme.fonts.mobile.lineHeights.body[1];
7045
7062
  }, function (_ref230) {
7046
7063
  var theme = _ref230.theme;
7047
- return theme.fonts.mobile.letterSpacing.body[3];
7064
+ return theme.fonts.mobile.sizes.body[2];
7048
7065
  }, function (_ref231) {
7049
7066
  var theme = _ref231.theme;
7050
- return theme.fonts.mobile.lineHeights.body[3];
7067
+ return theme.fonts.mobile.weights.body[2];
7051
7068
  }, function (_ref232) {
7052
7069
  var theme = _ref232.theme;
7053
- return theme.fonts.mobile.sizes.subtitles[1];
7070
+ return theme.fonts.mobile.letterSpacing.body[2];
7054
7071
  }, function (_ref233) {
7055
7072
  var theme = _ref233.theme;
7056
- return theme.fonts.mobile.weights.subtitles[1];
7073
+ return theme.fonts.mobile.lineHeights.body[2];
7057
7074
  }, function (_ref234) {
7058
7075
  var theme = _ref234.theme;
7059
- return theme.fonts.mobile.letterSpacing.subtitles[1];
7076
+ return theme.fonts.mobile.sizes.body[3];
7060
7077
  }, function (_ref235) {
7061
7078
  var theme = _ref235.theme;
7062
- return theme.fonts.mobile.lineHeights.subtitles[1];
7079
+ return theme.fonts.mobile.weights.body[3];
7063
7080
  }, function (_ref236) {
7064
7081
  var theme = _ref236.theme;
7065
- return theme.fonts.mobile.sizes.subtitles[2];
7082
+ return theme.fonts.mobile.letterSpacing.body[3];
7066
7083
  }, function (_ref237) {
7067
7084
  var theme = _ref237.theme;
7068
- return theme.fonts.mobile.weights.subtitles[2];
7085
+ return theme.fonts.mobile.lineHeights.body[3];
7069
7086
  }, function (_ref238) {
7070
7087
  var theme = _ref238.theme;
7071
- return theme.fonts.mobile.letterSpacing.subtitles[2];
7088
+ return theme.fonts.mobile.sizes.subtitles[1];
7072
7089
  }, function (_ref239) {
7073
7090
  var theme = _ref239.theme;
7074
- return theme.fonts.mobile.lineHeights.subtitles[2];
7091
+ return theme.fonts.mobile.weights.subtitles[1];
7075
7092
  }, function (_ref240) {
7076
7093
  var theme = _ref240.theme;
7077
- return theme.fonts.mobile.sizes.titleDescription;
7094
+ return theme.fonts.mobile.letterSpacing.subtitles[1];
7078
7095
  }, function (_ref241) {
7079
7096
  var theme = _ref241.theme;
7080
- return theme.fonts.mobile.lineHeights.titleDescription;
7097
+ return theme.fonts.mobile.lineHeights.subtitles[1];
7081
7098
  }, function (_ref242) {
7082
7099
  var theme = _ref242.theme;
7083
- return theme.spacing[4];
7100
+ return theme.fonts.mobile.sizes.subtitles[2];
7084
7101
  }, function (_ref243) {
7085
7102
  var theme = _ref243.theme;
7086
- return theme.fonts.mobile.sizes.search;
7103
+ return theme.fonts.mobile.weights.subtitles[2];
7087
7104
  }, function (_ref244) {
7088
7105
  var theme = _ref244.theme;
7089
- return theme.fonts.mobile.families.search;
7106
+ return theme.fonts.mobile.letterSpacing.subtitles[2];
7090
7107
  }, function (_ref245) {
7091
7108
  var theme = _ref245.theme;
7092
- return theme.fonts.mobile.families.headers;
7109
+ return theme.fonts.mobile.lineHeights.subtitles[2];
7093
7110
  }, function (_ref246) {
7094
7111
  var theme = _ref246.theme;
7095
- return theme.fonts.mobile.families.altHeaders;
7112
+ return theme.fonts.mobile.sizes.titleDescription;
7096
7113
  }, function (_ref247) {
7097
7114
  var theme = _ref247.theme;
7098
- return theme.fonts.mobile.families.body;
7115
+ return theme.fonts.mobile.lineHeights.titleDescription;
7099
7116
  }, function (_ref248) {
7100
7117
  var theme = _ref248.theme;
7101
- return theme.fonts.mobile.families.bodyItalics;
7118
+ return theme.spacing[4];
7102
7119
  }, function (_ref249) {
7103
7120
  var theme = _ref249.theme;
7104
- return theme.fonts.mobile.families.buttons;
7121
+ return theme.fonts.mobile.sizes.search;
7105
7122
  }, function (_ref250) {
7106
7123
  var theme = _ref250.theme;
7107
- return theme.fonts.mobile.families.overline;
7124
+ return theme.fonts.mobile.families.search;
7108
7125
  }, function (_ref251) {
7109
7126
  var theme = _ref251.theme;
7110
- return theme.fonts.mobile.families.subtitles;
7127
+ return theme.fonts.mobile.families.headers;
7111
7128
  }, function (_ref252) {
7112
7129
  var theme = _ref252.theme;
7113
- return theme.fonts.mobile.families.peopleListingRole;
7130
+ return theme.fonts.mobile.families.altHeaders;
7114
7131
  }, function (_ref253) {
7115
7132
  var theme = _ref253.theme;
7116
7133
  return theme.fonts.mobile.families.body;
7117
7134
  }, function (_ref254) {
7118
7135
  var theme = _ref254.theme;
7119
- return theme.fonts.mobile.fontFeatureSettings.headers;
7136
+ return theme.fonts.mobile.families.bodyItalics;
7120
7137
  }, function (_ref255) {
7121
7138
  var theme = _ref255.theme;
7122
- return theme.fonts.mobile.fontFeatureSettings.altHeaders;
7139
+ return theme.fonts.mobile.families.buttons;
7123
7140
  }, function (_ref256) {
7124
7141
  var theme = _ref256.theme;
7125
- return theme.fonts.mobile.fontFeatureSettings.overline;
7142
+ return theme.fonts.mobile.families.overline;
7126
7143
  }, function (_ref257) {
7127
7144
  var theme = _ref257.theme;
7128
- return theme.fonts.mobile.fontFeatureSettings.subtitles;
7145
+ return theme.fonts.mobile.families.subtitles;
7129
7146
  }, function (_ref258) {
7130
7147
  var theme = _ref258.theme;
7131
- return theme.fonts.mobile.fontFeatureSettings.body;
7148
+ return theme.fonts.mobile.families.peopleListingRole;
7132
7149
  }, function (_ref259) {
7133
7150
  var theme = _ref259.theme;
7134
- return theme.fonts.mobile.fontFeatureSettings.navigation;
7151
+ return theme.fonts.mobile.families.body;
7135
7152
  }, function (_ref260) {
7136
7153
  var theme = _ref260.theme;
7137
- return theme.fonts.mobile.transforms.headers;
7154
+ return theme.fonts.mobile.fontFeatureSettings.headers;
7138
7155
  }, function (_ref261) {
7139
7156
  var theme = _ref261.theme;
7140
- return theme.fonts.mobile.transforms.altHeaders;
7157
+ return theme.fonts.mobile.fontFeatureSettings.altHeaders;
7141
7158
  }, function (_ref262) {
7142
7159
  var theme = _ref262.theme;
7143
- return theme.fonts.mobile.transforms.body;
7160
+ return theme.fonts.mobile.fontFeatureSettings.overline;
7144
7161
  }, function (_ref263) {
7145
7162
  var theme = _ref263.theme;
7146
- return theme.fonts.mobile.transforms.overline;
7163
+ return theme.fonts.mobile.fontFeatureSettings.subtitles;
7147
7164
  }, function (_ref264) {
7148
7165
  var theme = _ref264.theme;
7149
- return theme.fonts.mobile.transforms.subtitles;
7166
+ return theme.fonts.mobile.fontFeatureSettings.body;
7150
7167
  }, function (_ref265) {
7151
7168
  var theme = _ref265.theme;
7152
- return theme.fonts.mobile.wordBreak.headers;
7169
+ return theme.fonts.mobile.fontFeatureSettings.navigation;
7153
7170
  }, function (_ref266) {
7154
7171
  var theme = _ref266.theme;
7155
- return theme.fonts.mobile.wordBreak.altHeaders;
7172
+ return theme.fonts.mobile.transforms.headers;
7156
7173
  }, function (_ref267) {
7157
7174
  var theme = _ref267.theme;
7158
- return theme.fonts.mobile.wordBreak.body;
7175
+ return theme.fonts.mobile.transforms.altHeaders;
7159
7176
  }, function (_ref268) {
7160
7177
  var theme = _ref268.theme;
7161
- return theme.fonts.mobile.wordBreak.overline;
7178
+ return theme.fonts.mobile.transforms.body;
7162
7179
  }, function (_ref269) {
7163
7180
  var theme = _ref269.theme;
7164
- return theme.fonts.mobile.wordBreak.subtitles;
7181
+ return theme.fonts.mobile.transforms.overline;
7165
7182
  }, function (_ref270) {
7166
7183
  var theme = _ref270.theme;
7167
- return theme.grid.mobile.margin;
7184
+ return theme.fonts.mobile.transforms.subtitles;
7168
7185
  }, function (_ref271) {
7169
7186
  var theme = _ref271.theme;
7170
- return theme.grid.mobile.gap;
7187
+ return theme.fonts.mobile.wordBreak.headers;
7171
7188
  }, function (_ref272) {
7172
7189
  var theme = _ref272.theme;
7173
- return theme.grid.mobile.margin;
7190
+ return theme.fonts.mobile.wordBreak.altHeaders;
7174
7191
  }, function (_ref273) {
7175
7192
  var theme = _ref273.theme;
7176
- return theme.grid.mobile.gap;
7193
+ return theme.fonts.mobile.wordBreak.body;
7177
7194
  }, function (_ref274) {
7178
7195
  var theme = _ref274.theme;
7179
- return theme.grid.mobile.gap;
7196
+ return theme.fonts.mobile.wordBreak.overline;
7180
7197
  }, function (_ref275) {
7181
7198
  var theme = _ref275.theme;
7182
- return theme.grid.mobile.margin;
7199
+ return theme.fonts.mobile.wordBreak.subtitles;
7183
7200
  }, function (_ref276) {
7184
7201
  var theme = _ref276.theme;
7185
- return theme.footer.mobile.height;
7202
+ return theme.grid.mobile.margin;
7186
7203
  }, function (_ref277) {
7187
7204
  var theme = _ref277.theme;
7188
- return theme.footer.mobile.paddingTop;
7205
+ return theme.grid.mobile.gap;
7189
7206
  }, function (_ref278) {
7190
7207
  var theme = _ref278.theme;
7191
- return theme.footer.mobile.paddingBottom;
7208
+ return theme.grid.mobile.margin;
7192
7209
  }, function (_ref279) {
7193
7210
  var theme = _ref279.theme;
7194
- return theme.footer.mobile.itemsGap;
7211
+ return theme.grid.mobile.gap;
7195
7212
  }, function (_ref280) {
7196
7213
  var theme = _ref280.theme;
7197
- return theme.footer.mobile.mediaGap;
7214
+ return theme.grid.mobile.gap;
7198
7215
  }, function (_ref281) {
7199
7216
  var theme = _ref281.theme;
7200
- return theme.footer.mobile.mediaIconWidth;
7217
+ return theme.grid.mobile.margin;
7201
7218
  }, function (_ref282) {
7202
7219
  var theme = _ref282.theme;
7203
- return theme.footer.mobile.mediaIconHeight;
7220
+ return theme.footer.mobile.height;
7204
7221
  }, function (_ref283) {
7205
7222
  var theme = _ref283.theme;
7206
- return theme.footer.mobile.verticalSpacingLarge;
7223
+ return theme.footer.mobile.paddingTop;
7207
7224
  }, function (_ref284) {
7208
7225
  var theme = _ref284.theme;
7209
- return theme.footer.mobile.verticalSpacingSmall;
7226
+ return theme.footer.mobile.paddingBottom;
7210
7227
  }, function (_ref285) {
7211
7228
  var theme = _ref285.theme;
7212
- return theme.spacing[10];
7229
+ return theme.footer.mobile.itemsGap;
7213
7230
  }, function (_ref286) {
7214
7231
  var theme = _ref286.theme;
7215
- return theme.spacing[6];
7216
- }, devices.tablet, function (_ref287) {
7232
+ return theme.footer.mobile.mediaGap;
7233
+ }, function (_ref287) {
7217
7234
  var theme = _ref287.theme;
7218
- return theme.grid.tablet.margin;
7235
+ return theme.footer.mobile.mediaIconWidth;
7219
7236
  }, function (_ref288) {
7220
7237
  var theme = _ref288.theme;
7221
- return theme.grid.tablet.gap;
7238
+ return theme.footer.mobile.mediaIconHeight;
7222
7239
  }, function (_ref289) {
7223
7240
  var theme = _ref289.theme;
7224
- return theme.grid.tablet.margin;
7241
+ return theme.footer.mobile.verticalSpacingLarge;
7225
7242
  }, function (_ref290) {
7226
7243
  var theme = _ref290.theme;
7227
- return theme.grid.tablet.gap;
7244
+ return theme.footer.mobile.verticalSpacingSmall;
7228
7245
  }, function (_ref291) {
7229
7246
  var theme = _ref291.theme;
7230
- return theme.grid.tablet.gap;
7247
+ return theme.spacing[10];
7231
7248
  }, function (_ref292) {
7232
7249
  var theme = _ref292.theme;
7233
- return theme.grid.tablet.margin;
7234
- }, function (_ref293) {
7250
+ return theme.spacing[6];
7251
+ }, devices.tablet, function (_ref293) {
7235
7252
  var theme = _ref293.theme;
7236
- return theme.spacing[10];
7253
+ return theme.grid.tablet.margin;
7237
7254
  }, function (_ref294) {
7238
7255
  var theme = _ref294.theme;
7239
- return theme.spacing[6];
7256
+ return theme.grid.tablet.gap;
7240
7257
  }, function (_ref295) {
7241
7258
  var theme = _ref295.theme;
7242
- return theme.fonts.tablet.sizes.headers[6];
7259
+ return theme.grid.tablet.margin;
7243
7260
  }, function (_ref296) {
7244
7261
  var theme = _ref296.theme;
7245
- return theme.fonts.tablet.sizes.altHeaders[4];
7262
+ return theme.grid.tablet.gap;
7246
7263
  }, function (_ref297) {
7247
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;
7248
7283
  return theme.fonts.tablet.sizes.body[1];
7249
7284
  }, devices.desktop, devices.largeDesktop);
7250
7285