text: /*
   * 
   * Backpack - Skyscanner's Design System
   * 
   * Copyright 2018 Skyscanner Ltd
   * 
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   * 
   *   http://www.apache.org/licenses/LICENSE-2.0
   * 
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   * 
   */
  export const autosuggestListBackgroundColor = "rgb(255, 255, 255)";
  export const autosuggestListItemActiveBackgroundColor = "rgb(230, 228, 235)";
  export const autosuggestListItemHighlightedBackgroundColor = "rgb(243, 242, 245)";
  export const badgeBackgroundColor = "rgb(255, 187, 0)";
  export const badgeCenteredVerticalAlign = "text-bottom";
  export const badgePaddingX = ".375rem";
  export const badgePaddingY = "0";
  export const bannerAlertBackgroundColor = "rgb(255, 255, 255)";
  export const bannerAlertChildrenColor = "rgb(129, 123, 143)";
  export const bannerAlertChildrenPaddingX = ".75rem";
  export const bannerAlertChildrenPaddingY = ".375rem";
  export const bannerAlertErrorColor = "rgb(255, 84, 82)";
  export const bannerAlertExpandIconFill = "rgb(82, 76, 97)";
  export const bannerAlertHeaderExpandableActiveBackgroundColor = "rgb(230, 228, 235)";
  export const bannerAlertHeaderExpandableHoverBackgroundColor = "rgb(243, 242, 245)";
  export const bannerAlertHeaderPaddingX = ".75rem";
  export const bannerAlertHeaderPaddingY = ".375rem";
  export const bannerAlertNeutralColor = "rgb(129, 123, 143)";
  export const bannerAlertSuccessColor = "rgb(0, 215, 117)";
  export const bannerAlertWarnColor = "rgb(255, 187, 0)";
  export const borderRadiusPill = "1.125rem";
  export const borderRadiusPillLg = "1.3125rem";
  export const borderRadiusSm = ".375rem";
  export const borderRadiusXs = ".1875rem";
  export const borderSizeLg = "2px";
  export const borderSizeSm = "1px";
  export const borderSizeXl = "3px";
  export const boxShadowLg = "0px 4px 14px 0px rgba(37,32,31,.25)";
  export const boxShadowSm = "0px 1px 3px 0px rgba(37,32,31,.3)";
  export const boxShadowXl = "0px 12px 50px 0px rgba(37,32,31,.25)";
  export const breakpointDesktop = "71.25rem";
  export const breakpointMobile = "32.25rem";
  export const breakpointQueryAboveMobile = "(min-width: 32.3125rem)";
  export const breakpointQueryAboveTablet = "(min-width: 50.3125rem)";
  export const breakpointQueryMobile = "(max-width: 32.25rem)";
  export const breakpointQueryTablet = "(max-width: 50.25rem)";
  export const breakpointQueryTabletOnly = "(min-width: 32.3125rem) and (max-width: 50.25rem)";
  export const breakpointTablet = "50.25rem";
  export const buttonActiveBackgroundColor = "rgb(0, 168, 93)";
  export const buttonActiveBackgroundImage = "none";
  export const buttonActiveBoxShadow = "none";
  export const buttonActiveColor = "rgb(255, 255, 255)";
  export const buttonBackgroundColor = "rgb(0, 215, 117)";
  export const buttonBackgroundImage = "linear-gradient(-180deg, #00d775 0%, #00bd68 100%)";
  export const buttonBorderRadius = "1.125rem";
  export const buttonBorderRadiusLg = "1.3125rem";
  export const buttonBoxShadow = "none";
  export const buttonColor = "rgb(255, 255, 255)";
  export const buttonDestructiveActiveBoxShadow = "0 0 0 3px #ff5452 inset";
  export const buttonDestructiveActiveColor = "rgb(255, 84, 82)";
  export const buttonDestructiveBoxShadow = "0 0 0 2px #E6E4EB inset";
  export const buttonDestructiveColor = "rgb(255, 84, 82)";
  export const buttonDestructiveDisabledBackgroundColor = "rgb(230, 228, 235)";
  export const buttonDestructiveDisabledBackgroundImage = "none";
  export const buttonDestructiveDisabledBoxShadow = "none";
  export const buttonDestructiveDisabledColor = "rgb(178, 174, 189)";
  export const buttonDestructiveHoverBoxShadow = "0 0 0 2px #ff5452 inset";
  export const buttonDestructiveHoverColor = "rgb(255, 84, 82)";
  export const buttonDisabledBackgroundColor = "rgb(230, 228, 235)";
  export const buttonDisabledBackgroundImage = "none";
  export const buttonDisabledBoxShadow = "none";
  export const buttonDisabledColor = "rgb(178, 174, 189)";
  export const buttonFeaturedActiveBackgroundColor = "rgb(197, 15, 82)";
  export const buttonFeaturedActiveBackgroundImage = "none";
  export const buttonFeaturedActiveColor = "rgb(255, 255, 255)";
  export const buttonFeaturedBackgroundImage = "linear-gradient(-180deg, #FA488A 0%, #D92B6B 100%)";
  export const buttonFeaturedColor = "rgb(255, 255, 255)";
  export const buttonFeaturedDisabledBackgroundColor = "rgb(230, 228, 235)";
  export const buttonFeaturedDisabledBackgroundImage = "none";
  export const buttonFeaturedHoverBackgroundColor = "rgb(217, 43, 107)";
  export const buttonFeaturedHoverColor = "rgb(255, 255, 255)";
  export const buttonFontSize = "1rem";
  export const buttonFontWeight = "700";
  export const buttonGradientEndColor = "rgb(0, 189, 104)";
  export const buttonGradientStartColor = "rgb(0, 215, 117)";
  export const buttonHoverBackgroundColor = "rgb(0, 189, 104)";
  export const buttonHoverBackgroundImage = "none";
  export const buttonHoverBoxShadow = "none";
  export const buttonHoverColor = "rgb(255, 255, 255)";
  export const buttonLargeFontSize = "1.5rem";
  export const buttonLargeLineHeight = "1.875rem";
  export const buttonLargePaddingX = "1.5rem";
  export const buttonLargePaddingXIconOnly = ".5625rem";
  export const buttonLargePaddingY = ".375rem";
  export const buttonLineHeight = "1.5rem";
  export const buttonPaddingX = "1.125rem";
  export const buttonPaddingXIconOnly = ".5625rem";
  export const buttonPaddingY = ".375rem";
  export const buttonSecondaryActiveBackgroundColor = "rgb(255, 255, 255)";
  export const buttonSecondaryActiveBackgroundImage = "none";
  export const buttonSecondaryActiveBorderColor = "rgb(0, 178, 214)";
  export const buttonSecondaryActiveBoxShadow = "0 0 0 3px #00b2d6 inset";
  export const buttonSecondaryActiveColor = "rgb(0, 178, 214)";
  export const buttonSecondaryBackgroundColor = "rgb(255, 255, 255)";
  export const buttonSecondaryBackgroundImage = "none";
  export const buttonSecondaryBorderColor = "rgb(230, 228, 235)";
  export const buttonSecondaryBoxShadow = "0 0 0 2px #E6E4EB inset";
  export const buttonSecondaryColor = "rgb(0, 178, 214)";
  export const buttonSecondaryDisabledBackgroundColor = "rgb(230, 228, 235)";
  export const buttonSecondaryDisabledBackgroundImage = "none";
  export const buttonSecondaryDisabledBoxShadow = "none";
  export const buttonSecondaryDisabledColor = "rgb(178, 174, 189)";
  export const buttonSecondaryHoverBackgroundColor = "rgb(255, 255, 255)";
  export const buttonSecondaryHoverBackgroundImage = "none";
  export const buttonSecondaryHoverBorderColor = "rgb(0, 178, 214)";
  export const buttonSecondaryHoverBoxShadow = "0 0 0 2px #00b2d6 inset";
  export const buttonSecondaryHoverColor = "rgb(0, 178, 214)";
  export const buttonSelectedActiveBackgroundColor = "rgb(0, 117, 140)";
  export const buttonSelectedActiveBackgroundImage = "none";
  export const buttonSelectedActiveBoxShadow = "none";
  export const buttonSelectedActiveColor = "rgb(255, 255, 255)";
  export const buttonSelectedBackgroundColor = "rgb(0, 178, 214)";
  export const buttonSelectedBackgroundImage = "linear-gradient(-180deg, #009dbd 0%, #008ca8 100%)";
  export const buttonSelectedBoxShadow = "none";
  export const buttonSelectedColor = "rgb(255, 255, 255)";
  export const buttonSelectedDisabledBoxShadow = "none";
  export const buttonSelectedHoverBackgroundColor = "rgb(0, 140, 168)";
  export const buttonSelectedHoverBackgroundImage = "none";
  export const buttonSelectedHoverBoxShadow = "none";
  export const buttonSelectedHoverColor = "rgb(255, 255, 255)";
  export const buttonTextAlign = "center";
  export const calendarDayActiveBackgroundColor = "rgb(230, 228, 235)";
  export const calendarDayActiveColor = "rgb(37, 32, 51)";
  export const calendarDayBackgroundColor = "rgb(255, 255, 255)";
  export const calendarDayColor = "rgb(0, 178, 214)";
  export const calendarDayDisabledBackgroundColor = "rgb(255, 255, 255)";
  export const calendarDayDisabledColor = "rgb(230, 228, 235)";
  export const calendarDayHoverBackgroundColor = "rgb(243, 242, 245)";
  export const calendarDayHoverColor = "rgb(82, 76, 97)";
  export const calendarDayOutsideBackgroundColor = "rgb(255, 255, 255)";
  export const calendarDayOutsideColor = "rgb(178, 174, 189)";
  export const calendarDaySelectedBackgroundColor = "rgb(0, 140, 168)";
  export const calendarDaySelectedColor = "rgb(255, 255, 255)";
  export const calendarDaySize = "2.250rem";
  export const calendarDaySpacing = ".375rem";
  export const calendarNavIconActiveFill = "rgb(0, 140, 168)";
  export const calendarNavIconDisabledFill = "rgb(230, 228, 235)";
  export const calendarNavIconFill = "rgb(0, 178, 214)";
  export const calendarNavIconHoverFill = "rgb(0, 157, 189)";
  export const calendarPadding = ".75rem";
  export const cardBackgroundColor = "rgb(255, 255, 255)";
  export const cardColor = "rgb(82, 76, 97)";
  export const cardPadding = ".75rem";
  export const checkboxCheckedTickColor = "rgb(0, 140, 168)";
  export const colorBlue100 = "rgb(203, 238, 245)";
  export const colorBlue200 = "rgb(176, 228, 238)";
  export const colorBlue300 = "rgb(127, 215, 232)";
  export const colorBlue400 = "rgb(64, 196, 223)";
  export const colorBlue50 = "rgb(225, 244, 248)";
  export const colorBlue500 = "rgb(0, 178, 214)";
  export const colorBlue600 = "rgb(0, 157, 189)";
  export const colorBlue700 = "rgb(0, 140, 168)";
  export const colorBlue800 = "rgb(0, 117, 140)";
  export const colorBlue900 = "rgb(0, 85, 103)";
  export const colorGray100 = "rgb(230, 228, 235)";
  export const colorGray200 = "rgb(204, 201, 212)";
  export const colorGray300 = "rgb(178, 174, 189)";
  export const colorGray400 = "rgb(154, 149, 167)";
  export const colorGray50 = "rgb(243, 242, 245)";
  export const colorGray500 = "rgb(129, 123, 143)";
  export const colorGray600 = "rgb(105, 97, 121)";
  export const colorGray700 = "rgb(82, 76, 97)";
  export const colorGray800 = "rgb(59, 52, 75)";
  export const colorGray900 = "rgb(37, 32, 51)";
  export const colorGreen100 = "rgb(203, 245, 226)";
  export const colorGreen200 = "rgb(175, 237, 209)";
  export const colorGreen300 = "rgb(128, 232, 185)";
  export const colorGreen400 = "rgb(64, 222, 151)";
  export const colorGreen50 = "rgb(223, 247, 236)";
  export const colorGreen500 = "rgb(0, 215, 117)";
  export const colorGreen600 = "rgb(0, 189, 104)";
  export const colorGreen700 = "rgb(0, 168, 93)";
  export const colorGreen800 = "rgb(0, 140, 77)";
  export const colorGreen900 = "rgb(0, 102, 56)";
  export const colorRed100 = "rgb(255, 214, 213)";
  export const colorRed200 = "rgb(255, 187, 186)";
  export const colorRed300 = "rgb(255, 150, 148)";
  export const colorRed400 = "rgb(254, 116, 113)";
  export const colorRed50 = "rgb(252, 242, 242)";
  export const colorRed500 = "rgb(255, 84, 82)";
  export const colorRed600 = "rgb(235, 66, 63)";
  export const colorRed700 = "rgb(222, 50, 47)";
  export const colorRed800 = "rgb(204, 31, 29)";
  export const colorRed900 = "rgb(168, 3, 0)";
  export const colorWhite = "rgb(255, 255, 255)";
  export const colorYellow100 = "rgb(255, 243, 207)";
  export const colorYellow200 = "rgb(255, 236, 184)";
  export const colorYellow300 = "rgb(255, 225, 140)";
  export const colorYellow400 = "rgb(255, 207, 74)";
  export const colorYellow50 = "rgb(255, 249, 230)";
  export const colorYellow500 = "rgb(255, 187, 0)";
  export const colorYellow600 = "rgb(240, 176, 0)";
  export const colorYellow700 = "rgb(225, 165, 0)";
  export const colorYellow800 = "rgb(194, 142, 0)";
  export const colorYellow900 = "rgb(156, 114, 0)";
  export const durationBase = "400ms";
  export const durationSm = "200ms";
  export const durationXs = "50ms";
  export const fontColorBase = "rgb(82, 76, 97)";
  export const fontFamilyBase = "-apple-system, BlinkMacSystemFont, 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'Arial', sans-serif";
  export const fontSizeBase = "1rem";
  export const fontSizeLg = "1.5rem";
  export const fontSizeRoot = "100%";
  export const fontSizeSm = ".75rem";
  export const fontSizeXl = "1.75rem";
  export const fontSizeXxl = "2.625rem";
  export const fontWeightBold = "700";
  export const formValidationArrowSize = ".375rem";
  export const formValidationBackgroundColor = "rgb(255, 84, 82)";
  export const formValidationCheckboxArrowLeft = "1.5rem";
  export const formValidationColor = "rgb(255, 255, 255)";
  export const formValidationMargin = "0";
  export const formValidationPaddingX = ".75rem";
  export const formValidationPaddingY = ".375rem";
  export const gridColumns = "12";
  export const gridContainerMobilePadding = ".75rem";
  export const gridContainerPadding = "1.5rem";
  export const gridGutter = "1.5rem";
  export const h1FontSize = "2.625rem";
  export const h1FontWeight = "400";
  export const h1LineHeight = "3.375rem";
  export const h2FontSize = "1.75rem";
  export const h2FontWeight = "400";
  export const h2LineHeight = "2.625rem";
  export const h3FontSize = "1.5rem";
  export const h3FontWeight = "400";
  export const h3LineHeight = "1.875rem";
  export const h4FontSize = "1rem";
  export const h4FontWeight = "700";
  export const h4LineHeight = "1.5rem";
  export const h5FontSize = ".75rem";
  export const h5FontWeight = "700";
  export const h5LineHeight = "1.125rem";
  export const h6FontSize = ".75rem";
  export const h6FontWeight = "700";
  export const h6LineHeight = "1.125rem";
  export const headingContentMarginTop = "1.875rem";
  export const headingMarginBottom = ".75rem";
  export const headingMarginTop = "0";
  export const horizontalNavBarSelectedColor = "rgb(0, 178, 214)";
  export const horizontalNavLinkActiveColor = "rgb(37, 32, 51)";
  export const horizontalNavLinkColor = "rgb(82, 76, 97)";
  export const horizontalNavLinkHoverColor = "rgb(59, 52, 75)";
  export const horizontalNavLinkSelectedColor = "rgb(0, 178, 214)";
  export const iconSizeLg = "1.5rem";
  export const iconSizeSm = "1.125rem";
  export const inputBackground = "#ffffff";
  export const inputBorder = "solid .0625rem #E6E4EB";
  export const inputBorderRadius = ".1875rem";
  export const inputBorderWidth = ".0625rem";
  export const inputColor = "rgb(82, 76, 97)";
  export const inputDisabledBorderColor = "rgb(243, 242, 245)";
  export const inputDisabledColor = "rgb(178, 174, 189)";
  export const inputHeight = "2.250rem";
  export const inputLargeHeight = "2.625rem + .375rem";
  export const inputPaddingX = ".75rem";
  export const inputPaddingY = ".375rem";
  export const inputPlaceholderColor = "rgb(129, 123, 143)";
  export const inputPlaceholderFontStyle = "italic";
  export const labelColor = "rgb(82, 76, 97)";
  export const labelDisabledColor = "rgb(178, 174, 189)";
  export const labelFontSize = ".75rem";
  export const labelLineHeight = "1.125rem";
  export const lineHeightBase = "1.5rem";
  export const lineHeightLg = "1.875rem";
  export const lineHeightSm = "1.125rem";
  export const lineHeightXl = "2.625rem";
  export const lineHeightXxl = "3.375rem";
  export const linkActiveColor = "rgb(37, 32, 51)";
  export const linkAlternateActiveColor = "rgb(230, 228, 235)";
  export const linkAlternateColor = "rgb(255, 255, 255)";
  export const linkAlternateHoverColor = "rgb(255, 255, 255)";
  export const linkAlternateVisitedColor = "rgb(255, 255, 255)";
  export const linkColor = "rgb(0, 178, 214)";
  export const linkHoverColor = "rgb(82, 76, 97)";
  export const linkHoverTextDecoration = "underline";
  export const linkTextDecoration = "none";
  export const linkVisitedColor = "rgb(0, 140, 168)";
  export const linkWhiteActiveColor = "rgb(230, 228, 235)";
  export const linkWhiteColor = "rgb(255, 255, 255)";
  export const linkWhiteHoverColor = "rgb(255, 255, 255)";
  export const linkWhiteVisitedColor = "rgb(255, 255, 255)";
  export const listItemMarginBottom = "0";
  export const listItemMarginTop = "0";
  export const listMarginBottom = ".75rem";
  export const listMarginTop = "0";
  export const listNestedMarginBottom = "0";
  export const listNestedMarginTop = "0";
  export const modalBackgroundColor = "rgb(255, 255, 255)";
  export const modalCloseIconFill = "rgb(129, 123, 143)";
  export const modalCloseIconHoverFill = "rgb(82, 76, 97)";
  export const modalContentPadding = ".75rem";
  export const modalHeaderPadding = ".75rem";
  export const modalInitialOpacity = "0";
  export const modalMaxWidth = "32.25rem";
  export const modalOpacity = "1";
  export const modalScrimBackgroundColor = "rgb(178, 174, 189)";
  export const modalScrimInitialOpacity = "0";
  export const modalScrimMobileOpacity = "1";
  export const modalScrimOpacity = ".7";
  export const modalWideMaxWidth = "50.25rem";
  export const onePixelRem = ".0625rem";
  export const panelBackgroundColor = "rgb(255, 255, 255)";
  export const panelBorderColor = "rgb(230, 228, 235)";
  export const panelPadding = ".75rem";
  export const primaryGradient = "linear-gradient(135deg, #00b2d6 0%, #02DDD8 100%)";
  export const pMarginBottom = ".75rem";
  export const pMarginTop = "0";
  export const radioCheckedCircleColor = "rgb(0, 140, 168)";
  export const requiredColor = "rgb(255, 84, 82)";
  export const scrimBackgroundColor = "rgb(178, 174, 189)";
  export const scrimInitialOpacity = "0";
  export const scrimMobileOpacity = "1";
  export const scrimOpacity = ".7";
  export const selectBorder = "solid .0625rem #E6E4EB";
  export const selectBorderRadius = ".1875rem";
  export const selectBorderWidth = ".0625rem";
  export const selectColor = "rgb(82, 76, 97)";
  export const selectDisabledBorderColor = "rgb(243, 242, 245)";
  export const selectDisabledColor = "rgb(178, 174, 189)";
  export const selectHeight = "2.250rem";
  export const selectLargeHeight = "2.625rem + .375rem";
  export const selectPaddingBottom = ".375rem";
  export const selectPaddingLeft = ".75rem";
  export const selectPaddingRight = "1.875rem";
  export const selectPaddingTop = ".375rem";
  export const spacingBase = "1.5rem";
  export const spacingLg = "1.875rem";
  export const spacingMd = "1.125rem";
  export const spacingSm = ".75rem";
  export const spacingXl = "2.250rem";
  export const spacingXs = ".375rem";
  export const spacingXxl = "2.625rem";
  export const stateSelectedBackgroundColor = "rgb(0, 140, 168)";
  export const textareaMinHeight = "2.625rem * 2";
  export const textBaseFontSize = "1rem";
  export const textBaseFontWeight = "400";
  export const textBaseLetterSpacing = "normal";
  export const textBaseLineHeight = "1.5rem";
  export const textLgFontSize = "1.5rem";
  export const textLgFontWeight = "400";
  export const textLgLetterSpacing = "normal";
  export const textLgLineHeight = "1.875rem";
  export const textSmFontSize = ".75rem";
  export const textSmFontWeight = "400";
  export const textSmLetterSpacing = "normal";
  export const textSmLineHeight = "1.125rem";
  export const textXlFontSize = "1.75rem";
  export const textXlFontWeight = "400";
  export const textXlLetterSpacing = "normal";
  export const textXlLineHeight = "2.625rem";
  export const textXsFontSize = ".75rem";
  export const textXsFontWeight = "400";
  export const textXsLetterSpacing = "normal";
  export const textXsLineHeight = "1.125rem";
  export const textXxlFontSize = "2.625rem";
  export const textXxlFontWeight = "400";
  export const textXxlLetterSpacing = "normal";
  export const textXxlLineHeight = "3.375rem";
  export const zindexAutosuggest = "900";
  export const zindexDrawer = "1100";
  export const zindexModal = "1100";
  export const zindexModalScrim = "1000";
  export const zindexPopover = "900";
  export const zindexScrim = "1000";
  export const zindexTooltip = "900";
  export const animations = {
  durationBase,
  durationSm,
  durationXs,
  };
  export const autosuggest = {
  autosuggestListBackgroundColor,
  autosuggestListItemActiveBackgroundColor,
  autosuggestListItemHighlightedBackgroundColor,
  };
  export const badges = {
  badgeBackgroundColor,
  badgeCenteredVerticalAlign,
  badgePaddingX,
  badgePaddingY,
  };
  export const borders = {
  borderSizeLg,
  borderSizeSm,
  borderSizeXl,
  };
  export const boxShadows = {
  boxShadowLg,
  boxShadowSm,
  boxShadowXl,
  };
  export const breakpoints = {
  breakpointDesktop,
  breakpointMobile,
  breakpointQueryAboveMobile,
  breakpointQueryAboveTablet,
  breakpointQueryMobile,
  breakpointQueryTablet,
  breakpointQueryTabletOnly,
  breakpointTablet,
  };
  export const buttons = {
  buttonActiveBackgroundColor,
  buttonActiveBackgroundImage,
  buttonActiveBoxShadow,
  buttonActiveColor,
  buttonBackgroundColor,
  buttonBackgroundImage,
  buttonBorderRadius,
  buttonBorderRadiusLg,
  buttonBoxShadow,
  buttonColor,
  buttonDestructiveActiveBoxShadow,
  buttonDestructiveActiveColor,
  buttonDestructiveBoxShadow,
  buttonDestructiveColor,
  buttonDestructiveDisabledBackgroundColor,
  buttonDestructiveDisabledBackgroundImage,
  buttonDestructiveDisabledBoxShadow,
  buttonDestructiveDisabledColor,
  buttonDestructiveHoverBoxShadow,
  buttonDestructiveHoverColor,
  buttonDisabledBackgroundColor,
  buttonDisabledBackgroundImage,
  buttonDisabledBoxShadow,
  buttonDisabledColor,
  buttonFeaturedActiveBackgroundColor,
  buttonFeaturedActiveBackgroundImage,
  buttonFeaturedActiveColor,
  buttonFeaturedBackgroundImage,
  buttonFeaturedColor,
  buttonFeaturedDisabledBackgroundColor,
  buttonFeaturedDisabledBackgroundImage,
  buttonFeaturedHoverBackgroundColor,
  buttonFeaturedHoverColor,
  buttonFontSize,
  buttonFontWeight,
  buttonGradientEndColor,
  buttonGradientStartColor,
  buttonHoverBackgroundColor,
  buttonHoverBackgroundImage,
  buttonHoverBoxShadow,
  buttonHoverColor,
  buttonLargeFontSize,
  buttonLargeLineHeight,
  buttonLargePaddingX,
  buttonLargePaddingXIconOnly,
  buttonLargePaddingY,
  buttonLineHeight,
  buttonPaddingX,
  buttonPaddingXIconOnly,
  buttonPaddingY,
  buttonSecondaryActiveBackgroundColor,
  buttonSecondaryActiveBackgroundImage,
  buttonSecondaryActiveBorderColor,
  buttonSecondaryActiveBoxShadow,
  buttonSecondaryActiveColor,
  buttonSecondaryBackgroundColor,
  buttonSecondaryBackgroundImage,
  buttonSecondaryBorderColor,
  buttonSecondaryBoxShadow,
  buttonSecondaryColor,
  buttonSecondaryDisabledBackgroundColor,
  buttonSecondaryDisabledBackgroundImage,
  buttonSecondaryDisabledBoxShadow,
  buttonSecondaryDisabledColor,
  buttonSecondaryHoverBackgroundColor,
  buttonSecondaryHoverBackgroundImage,
  buttonSecondaryHoverBorderColor,
  buttonSecondaryHoverBoxShadow,
  buttonSecondaryHoverColor,
  buttonSelectedActiveBackgroundColor,
  buttonSelectedActiveBackgroundImage,
  buttonSelectedActiveBoxShadow,
  buttonSelectedActiveColor,
  buttonSelectedBackgroundColor,
  buttonSelectedBackgroundImage,
  buttonSelectedBoxShadow,
  buttonSelectedColor,
  buttonSelectedDisabledBoxShadow,
  buttonSelectedHoverBackgroundColor,
  buttonSelectedHoverBackgroundImage,
  buttonSelectedHoverBoxShadow,
  buttonSelectedHoverColor,
  buttonTextAlign,
  };
  export const calendar = {
  calendarDayActiveBackgroundColor,
  calendarDayActiveColor,
  calendarDayBackgroundColor,
  calendarDayColor,
  calendarDayDisabledBackgroundColor,
  calendarDayDisabledColor,
  calendarDayHoverBackgroundColor,
  calendarDayHoverColor,
  calendarDayOutsideBackgroundColor,
  calendarDayOutsideColor,
  calendarDaySelectedBackgroundColor,
  calendarDaySelectedColor,
  calendarDaySize,
  calendarDaySpacing,
  calendarNavIconActiveFill,
  calendarNavIconDisabledFill,
  calendarNavIconFill,
  calendarNavIconHoverFill,
  calendarPadding,
  };
  export const cards = {
  cardBackgroundColor,
  cardColor,
  cardPadding,
  };
  export const colors = {
  colorBlue100,
  colorBlue200,
  colorBlue300,
  colorBlue400,
  colorBlue50,
  colorBlue500,
  colorBlue600,
  colorBlue700,
  colorBlue800,
  colorBlue900,
  colorGray100,
  colorGray200,
  colorGray300,
  colorGray400,
  colorGray50,
  colorGray500,
  colorGray600,
  colorGray700,
  colorGray800,
  colorGray900,
  colorGreen100,
  colorGreen200,
  colorGreen300,
  colorGreen400,
  colorGreen50,
  colorGreen500,
  colorGreen600,
  colorGreen700,
  colorGreen800,
  colorGreen900,
  colorRed100,
  colorRed200,
  colorRed300,
  colorRed400,
  colorRed50,
  colorRed500,
  colorRed600,
  colorRed700,
  colorRed800,
  colorRed900,
  colorWhite,
  colorYellow100,
  colorYellow200,
  colorYellow300,
  colorYellow400,
  colorYellow50,
  colorYellow500,
  colorYellow600,
  colorYellow700,
  colorYellow800,
  colorYellow900,
  primaryGradient,
  };
  export const fontSizes = {
  h1FontSize,
  h2FontSize,
  h3FontSize,
  h4FontSize,
  h5FontSize,
  h6FontSize,
  textBaseFontSize,
  textLgFontSize,
  textSmFontSize,
  textXlFontSize,
  textXsFontSize,
  textXxlFontSize,
  };
  export const fontWeights = {
  fontWeightBold,
  h1FontWeight,
  h2FontWeight,
  h3FontWeight,
  h4FontWeight,
  h5FontWeight,
  h6FontWeight,
  textBaseFontWeight,
  textLgFontWeight,
  textSmFontWeight,
  textXlFontWeight,
  textXsFontWeight,
  textXxlFontWeight,
  };
  export const forms = {
  checkboxCheckedTickColor,
  formValidationArrowSize,
  formValidationBackgroundColor,
  formValidationCheckboxArrowLeft,
  formValidationColor,
  formValidationMargin,
  formValidationPaddingX,
  formValidationPaddingY,
  inputBackground,
  inputBorder,
  inputBorderRadius,
  inputBorderWidth,
  inputColor,
  inputDisabledBorderColor,
  inputDisabledColor,
  inputHeight,
  inputLargeHeight,
  inputPaddingX,
  inputPaddingY,
  inputPlaceholderColor,
  inputPlaceholderFontStyle,
  labelColor,
  labelDisabledColor,
  labelFontSize,
  labelLineHeight,
  radioCheckedCircleColor,
  requiredColor,
  selectBorder,
  selectBorderRadius,
  selectBorderWidth,
  selectColor,
  selectDisabledBorderColor,
  selectDisabledColor,
  selectHeight,
  selectLargeHeight,
  selectPaddingBottom,
  selectPaddingLeft,
  selectPaddingRight,
  selectPaddingTop,
  textareaMinHeight,
  };
  export const grids = {
  gridColumns,
  gridContainerMobilePadding,
  gridContainerPadding,
  gridGutter,
  };
  export const horizontalNav = {
  horizontalNavBarSelectedColor,
  horizontalNavLinkActiveColor,
  horizontalNavLinkColor,
  horizontalNavLinkHoverColor,
  horizontalNavLinkSelectedColor,
  };
  export const icons = {
  iconSizeLg,
  iconSizeSm,
  };
  export const letterSpacings = {
  textBaseLetterSpacing,
  textLgLetterSpacing,
  textSmLetterSpacing,
  textXlLetterSpacing,
  textXsLetterSpacing,
  textXxlLetterSpacing,
  };
  export const lineHeights = {
  h1LineHeight,
  h2LineHeight,
  h3LineHeight,
  h4LineHeight,
  h5LineHeight,
  h6LineHeight,
  textBaseLineHeight,
  textLgLineHeight,
  textSmLineHeight,
  textXlLineHeight,
  textXsLineHeight,
  textXxlLineHeight,
  };
  export const modals = {
  modalBackgroundColor,
  modalCloseIconFill,
  modalCloseIconHoverFill,
  modalContentPadding,
  modalHeaderPadding,
  modalInitialOpacity,
  modalMaxWidth,
  modalOpacity,
  modalScrimBackgroundColor,
  modalScrimInitialOpacity,
  modalScrimMobileOpacity,
  modalScrimOpacity,
  modalWideMaxWidth,
  };
  export const notifications = {
  bannerAlertBackgroundColor,
  bannerAlertChildrenColor,
  bannerAlertChildrenPaddingX,
  bannerAlertChildrenPaddingY,
  bannerAlertErrorColor,
  bannerAlertExpandIconFill,
  bannerAlertHeaderExpandableActiveBackgroundColor,
  bannerAlertHeaderExpandableHoverBackgroundColor,
  bannerAlertHeaderPaddingX,
  bannerAlertHeaderPaddingY,
  bannerAlertNeutralColor,
  bannerAlertSuccessColor,
  bannerAlertWarnColor,
  };
  export const panels = {
  panelBackgroundColor,
  panelBorderColor,
  panelPadding,
  };
  export const radii = {
  borderRadiusPill,
  borderRadiusPillLg,
  borderRadiusSm,
  borderRadiusXs,
  };
  export const scrims = {
  scrimBackgroundColor,
  scrimInitialOpacity,
  scrimMobileOpacity,
  scrimOpacity,
  };
  export const spacings = {
  headingContentMarginTop,
  headingMarginBottom,
  headingMarginTop,
  listItemMarginBottom,
  listItemMarginTop,
  listMarginBottom,
  listMarginTop,
  listNestedMarginBottom,
  listNestedMarginTop,
  onePixelRem,
  pMarginBottom,
  pMarginTop,
  spacingBase,
  spacingLg,
  spacingMd,
  spacingSm,
  spacingXl,
  spacingXs,
  spacingXxl,
  };
  export const states = {
  stateSelectedBackgroundColor,
  };
  export const textColors = {
  fontColorBase,
  linkActiveColor,
  linkAlternateActiveColor,
  linkAlternateColor,
  linkAlternateHoverColor,
  linkAlternateVisitedColor,
  linkColor,
  linkHoverColor,
  linkVisitedColor,
  linkWhiteActiveColor,
  linkWhiteColor,
  linkWhiteHoverColor,
  linkWhiteVisitedColor,
  };
  export const textDecorations = {
  linkHoverTextDecoration,
  linkTextDecoration,
  };
  export const typesettings = {
  fontFamilyBase,
  fontSizeBase,
  fontSizeLg,
  fontSizeRoot,
  fontSizeSm,
  fontSizeXl,
  fontSizeXxl,
  lineHeightBase,
  lineHeightLg,
  lineHeightSm,
  lineHeightXl,
  lineHeightXxl,
  };
  export const zIndices = {
  zindexAutosuggest,
  zindexDrawer,
  zindexModal,
  zindexModalScrim,
  zindexPopover,
  zindexScrim,
  zindexTooltip,
  };