@heycar-uikit/core/header/esm/Header.css.map

The React UI library from HeyCar

{"version":3,"sources":["languageList.module.css","subNav.module.css","../../../vars/src/typography.css","navigationBurgerMenu.module.css","navigationDropdown.module.css","../../../vars/src/colors.css","../../../vars/src/gaps.css","../../../vars/src/spacing.css","../../../vars/src/shadows.css","../../../themes/src/default.css","default.module.css"],"names":[],"mappings":"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","file":"Header.css","sourcesContent":["@import '../../../themes/src/default.css';\n\n/*\n* Base\n*/\n.languageList {\n  position: absolute;\n  right: 0;\n  top: 48px;\n  z-index: 100;\n  padding: var(--spacing-4);\n  min-width: 232px;\n  border: solid 1px var(--color-neutral-100);\n  background: #fff;\n\n  /* heading */\n  & > span {\n    display: block;\n    padding: var(--spacing-2) 0;\n  }\n\n  & > ul {\n    list-style: none;\n    margin: 0;\n    padding: var(--spacing-2) 0;\n    border-top: solid 1px var(--color-neutral-100);\n  }\n\n  & li {\n    padding: var(--spacing-1);\n    margin-bottom: var(--spacing-2);\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n\n    & a {\n      display: flex;\n      gap: var(--spacing-4);\n      align-items: center;\n      color: var(--color-neutral-700);\n      text-decoration: none;\n      transition: color 0.3s ease;\n\n      &:hover {\n        color: var(--color-neutral-600);\n      }\n    }\n  }\n}\n","@import '../../../themes/src/default.css';\n\n/*\n* Base\n*/\n\n.subNavItem {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  height: 40px;\n  border: 0;\n  background: #fff;\n  text-decoration: none;\n  color: var(--color-neutral-700);\n  transition: color 0.3s ease, background 0.3s ease;\n\n  & > span {\n    @mixin typography-body-4;\n    text-align: left;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    width: 100%;\n    white-space: nowrap;\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    &:hover {\n      color: var(--color-neutral-600);\n      text-decoration: underline;\n      text-decoration-color: var(--color-neutral-600);\n    }\n  }\n\n  @media (--tablet-l) {\n    & > q {\n      display: block;\n      text-align: left;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      width: 100%;\n      white-space: nowrap;\n\n      &:before,\n      &:after {\n        display: none;\n      }\n    }\n\n    &.hasCaption {\n      flex-direction: column;\n      align-items: flex-start;\n      gap: var(--spacing-2);\n      margin-bottom: var(--spacing-4);\n      height: 52px;\n\n      & > span {\n        @mixin typography-button-1;\n      }\n    }\n  }\n}\n\n.subNav {\n  margin: 0 0 var(--spacing-2);\n  border-bottom: solid 1px var(--color-neutral-100);\n\n  :global(.lastNavItem) & {\n    border-bottom: none;\n  }\n\n  @media (--tablet-l) {\n    box-sizing: border-box;\n    display: flex;\n    margin: 0;\n    padding: var(--spacing-8) var(--spacing-8);\n    max-width: 1440px;\n    border-bottom: none;\n  }\n\n  @media (--desktop-l) {\n    margin-left: auto !important;\n    margin-right: auto !important;\n    padding: var(--spacing-8) var(--spacing-16);\n  }\n}\n\n.subNavGroup {\n  margin-bottom: var(--spacing-6);\n\n  & > span[role='separator'] {\n    @mixin typography-subheading-3;\n    color: var(--color-neutral-700);\n    display: block;\n  }\n\n  & > ul {\n    list-style: none;\n    display: flex;\n    flex-direction: column;\n    align-content: flex-start;\n    flex-wrap: wrap;\n    max-height: 224px;\n    padding-bottom: 0;\n\n    & > li {\n      width: 100%;\n    }\n  }\n\n  /* Dropdown nav starts here */\n  @media (--tablet-l) {\n    margin-bottom: 0;\n\n    & > span[role='separator'] {\n      margin-bottom: var(--spacing-2);\n      padding-bottom: var(--spacing-3);\n      border-bottom: solid 1px var(--color-neutral-100);\n    }\n\n    & > ul {\n      padding: 0;\n\n      & > li {\n        margin-right: var(--spacing-6);\n      }\n    }\n\n    &:global(.fullWidth) {\n      & > ul {\n        & > li {\n          width: calc(33% - var(--spacing-6));\n        }\n      }\n    }\n\n    &:global(.halfWidth) {\n      & > ul {\n        & > li {\n          width: calc(50% - var(--spacing-6));\n        }\n      }\n    }\n  }\n}\n\n.showAll {\n  @mixin typography-button-3;\n  display: block;\n  padding: var(--spacing-3) 0;\n  color: var(--color-primary-500);\n\n  @media (hover: hover) and (pointer: fine) {\n    &:hover {\n      text-decoration-thickness: 2px;\n      color: var(--color-primary-600);\n    }\n  }\n\n  &:active {\n    color: var(--color-primary-700);\n  }\n}\n",":root {\n  /* Font families */\n  --font-family-system: Objektiv, sans-serif, 'Helvetica Neue', Helvetica, Arial;\n\n  /* Font weights */\n  --font-weight-regular: 400;\n  --font-weight-medium: 500;\n  --font-weight-bold: 600;\n  --font-weight-xbold: 800;\n}\n\n/*\n  Heading\n*/\n@define-mixin typography-display {\n  font-size: 48px;\n  line-height: 56px;\n  letter-spacing: -2px;\n  font-family: var(--font-family-system);\n  font-weight: var(--font-weight-xbold);\n\n  @media (--tablet) {\n    font-size: 60px;\n    line-height: 68px;\n    letter-spacing: -2.5px;\n  }\n}\n\n@define-mixin typography-display-2 {\n  font-size: 48px;\n  line-height: 56px;\n  letter-spacing: -2px;\n  font-family: var(--font-family-system);\n  font-weight: var(--font-weight-bold);\n\n  @media (--tablet) {\n    font-size: 60px;\n    line-height: 68px;\n    letter-spacing: -2.5px;\n  }\n}\n\n@define-mixin typography-heading-1 {\n  font-size: 48px;\n  line-height: 56px;\n  letter-spacing: -2px;\n  font-weight: var(--font-weight-bold);\n  font-family: var(--font-family-system);\n}\n\n@define-mixin typography-heading-1_mobile {\n  @mixin typography-heading-1;\n  letter-spacing: -0.5px;\n  font-size: 32px;\n  line-height: 40px;\n}\n\n@define-mixin typography-heading-2 {\n  font-size: 32px;\n  letter-spacing: -0.5px;\n  font-weight: var(--font-weight-bold);\n  font-family: var(--font-family-system);\n}\n\n@define-mixin typography-heading-2_mobile {\n  @mixin typography-heading-2;\n  font-size: 24px;\n}\n\n@define-mixin typography-heading-3 {\n  font-size: 28px;\n  letter-spacing: -0.5px;\n  font-weight: var(--font-weight-bold);\n  font-family: var(--font-family-system);\n}\n\n@define-mixin typography-heading-3_mobile {\n  @mixin typography-heading-3;\n  font-size: 24px;\n}\n\n@define-mixin typography-heading-4 {\n  font-size: 24px;\n  letter-spacing: -0.5px;\n  font-weight: var(--font-weight-bold);\n  font-family: var(--font-family-system);\n}\n\n@define-mixin typography-heading-4_mobile {\n  @mixin typography-heading-4;\n  letter-spacing: 0;\n  font-size: 20px;\n}\n\n@define-mixin typography-heading-5 {\n  font-size: 20px;\n  font-weight: var(--font-weight-bold);\n  font-family: var(--font-family-system);\n}\n\n@define-mixin typography-heading-5_mobile {\n  @mixin typography-heading-5;\n  font-size: 16px;\n}\n@define-mixin typography-heading-6 {\n  font-size: 16px;\n  font-weight: var(--font-weight-bold);\n  font-family: var(--font-family-system);\n}\n\n/*\n  Sub-Heading\n*/\n@define-mixin typography-subheading-1 {\n  font-size: 14px;\n  font-weight: var(--font-weight-bold);\n  font-family: var(--font-family-system);\n}\n\n@define-mixin typography-subheading-2 {\n  font-size: 16px;\n  font-weight: var(--font-weight-medium);\n  font-family: var(--font-family-system);\n}\n\n@define-mixin typography-subheading-3 {\n  font-size: 14px;\n  font-weight: var(--font-weight-medium);\n  font-family: var(--font-family-system);\n}\n\n@define-mixin typography-subheading-4 {\n  font-size: 16px;\n  font-weight: var(--font-weight-regular);\n  font-family: var(--font-family-system);\n}\n\n/*\n  Body\n*/\n@define-mixin typography-body-1 {\n  font-size: 16px;\n  line-height: 26px;\n  font-weight: var(--font-weight-medium);\n  font-family: var(--font-family-system);\n}\n\n@define-mixin typography-body-2 {\n  font-size: 14px;\n  line-height: 22px;\n  font-weight: var(--font-weight-medium);\n  font-family: var(--font-family-system);\n}\n\n@define-mixin typography-body-3 {\n  font-size: 16px;\n  line-height: 26px;\n  font-weight: var(--font-weight-regular);\n  font-family: var(--font-family-system);\n}\n\n@define-mixin typography-body-4 {\n  font-size: 14px;\n  line-height: 22px;\n  font-weight: var(--font-weight-regular);\n  font-family: var(--font-family-system);\n}\n\n/*\n  Caption\n*/\n@define-mixin typography-caption-1 {\n  font-size: 12px;\n  font-weight: var(--font-weight-medium);\n  font-family: var(--font-family-system);\n}\n\n@define-mixin typography-caption-2 {\n  font-size: 12px;\n  line-height: 18px;\n  font-weight: var(--font-weight-regular);\n  font-family: var(--font-family-system);\n}\n\n@define-mixin typography-caption-3 {\n  font-size: 10px;\n  font-weight: var(--font-weight-bold);\n  font-family: var(--font-family-system);\n}\n\n@define-mixin typography-caption-4 {\n  font-size: 10px;\n  font-weight: var(--font-weight-medium);\n  font-family: var(--font-family-system);\n}\n\n@define-mixin typography-caption-5 {\n  font-size: 10px;\n  font-weight: var(--font-weight-regular);\n  font-family: var(--font-family-system);\n}\n\n/*\n  Overline\n*/\n@define-mixin typography-overline-1 {\n  font-size: 12px;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  font-weight: var(--font-weight-medium);\n  font-family: var(--font-family-system);\n}\n\n@define-mixin typography-overline-2 {\n  font-size: 10px;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  font-weight: var(--font-weight-medium);\n  font-family: var(--font-family-system);\n}\n\n/*\n  Button\n*/\n@define-mixin typography-button-1 {\n  font-size: 16px;\n  font-weight: var(--font-weight-bold);\n  letter-spacing: 0.2px;\n  font-family: var(--font-family-system);\n}\n\n@define-mixin typography-button-2 {\n  font-size: 14px;\n  font-weight: var(--font-weight-bold);\n  letter-spacing: 0.2px;\n  font-family: var(--font-family-system);\n}\n\n@define-mixin typography-button-3 {\n  font-size: 12px;\n  font-weight: var(--font-weight-bold);\n  letter-spacing: 0.2px;\n  font-family: var(--font-family-system);\n}\n\n/*\n  Button Old - DO NOT USE\n*/\n@define-mixin button_large__bold {\n  font-size: 16px;\n  font-weight: 700;\n  letter-spacing: 0.2px;\n  font-family: var(--font-family-system);\n}\n\n@define-mixin button_medium__bold {\n  font-size: 14px;\n  font-weight: 700;\n  letter-spacing: 0.2px;\n  font-family: var(--font-family-system);\n}\n\n@define-mixin button_small__medium {\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: 0.2px;\n  font-family: var(--font-family-system);\n}\n","@import '../../../themes/src/default.css';\n\n/*\n* Base\n*/\n\n.navItem {\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: var(--spacing-2);\n  padding: 0;\n  width: 100%;\n  height: 40px;\n  border: 0;\n  background: #fff;\n  text-decoration: none;\n  color: var(--color-neutral-700);\n  transition: color 0.3s ease, background 0.3s ease;\n\n  & > span {\n    text-align: left;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    width: 100%;\n    white-space: nowrap;\n    line-height: normal;\n  }\n\n  &.isActive {\n    & > svg {\n      transform: rotate(180deg);\n    }\n  }\n}\n\n.nav {\n  overflow-y: scroll;\n  width: 100%;\n  height: calc(100vh - 64px);\n  background: #fff;\n\n  & ul {\n    margin: 0 auto;\n    padding: var(--spacing-3) 0;\n    list-style: none;\n  }\n\n  & > ul {\n    padding: var(--spacing-3) var(--spacing-5) var(--spacing-2);\n  }\n\n  & li.headerItems {\n    padding-top: var(--spacing-3);\n    border-top: solid 1px var(--color-neutral-100);\n\n    &:last-of-type {\n      padding-top: 0;\n      border-top: none;\n    }\n  }\n\n  & :global(.lastNavItem) {\n    padding-bottom: var(--spacing-3);\n  }\n\n  /* Dropdown nav starts here */\n  @media (--tablet-l) {\n    display: none;\n  }\n}\n\n.auxDetails {\n  margin: 0 var(--spacing-5);\n}\n\n.auxContact {\n  line-height: 18px;\n  margin: 0;\n  padding: var(--spacing-2) 0;\n\n  & > span {\n    display: inline;\n    margin-right: var(--spacing-1);\n  }\n\n  & > a {\n    @mixin typography-subheading-1;\n    color: var(--color-neutral-700);\n    text-decoration: none;\n  }\n\n  &:first-of-type {\n    padding-top: var(--spacing-6);\n    border-top: solid 1px var(--color-neutral-100);\n  }\n\n  &:last-of-type {\n    padding-bottom: var(--spacing-6);\n  }\n}\n\n.appDetails {\n  display: flex;\n  flex-wrap: wrap;\n  padding-top: var(--spacing-4);\n  border-top: solid 1px var(--color-neutral-100);\n\n  & > span {\n    display: block;\n    width: 100%;\n    margin-bottom: var(--spacing-4);\n  }\n\n  & > a {\n    width: auto;\n    height: 38px;\n  }\n}\n","@import '../../../themes/src/default.css';\n\n.navItem {\n  display: inline-flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 0;\n  padding: 0 var(--spacing-2);\n  width: auto;\n  height: 40px;\n  border: 0;\n  background: var(--color-primary-500);\n  text-decoration: none;\n  color: #fff;\n  transition: color 0.3s ease, background 0.3s ease;\n\n  & > span {\n    width: 100%;\n    white-space: nowrap;\n  }\n\n  &.isActive,\n  &.isCurrentPage,\n  &:hover,\n  &:focus {\n    background: #fff;\n    color: var(--color-primary-500);\n  }\n\n  @media (--desktop) {\n    padding: 0 var(--spacing-3);\n  }\n}\n\n.nav {\n  display: none;\n  width: 100%;\n  height: auto;\n  background: var(--color-primary-500);\n\n  & > ul {\n    box-sizing: border-box;\n    display: flex;\n    margin: 0 auto;\n    padding: 0 var(--spacing-8);\n    list-style: none;\n    max-width: 1440px;\n\n    & > li {\n      display: inline;\n    }\n  }\n\n  & .collapse {\n    position: absolute;\n    left: 0;\n    width: 100%;\n    background: var(--color-championship-white);\n  }\n\n  /* Dropdown nav starts here */\n  @media (--tablet-l) {\n    display: block;\n  }\n\n  @media (--desktop-l) {\n    & > ul {\n      padding: 0 var(--spacing-16);\n    }\n  }\n}\n",":root {\n  /* heycar mint color */\n  --color-heycar-mint-50: #e6faf6;\n  --color-heycar-mint-100: #ccf5ed;\n  --color-heycar-mint-200: #99ebdb;\n  --color-heycar-mint-300: #66e2c9;\n  --color-heycar-mint-400: #33d8b7;\n  --color-heycar-mint-500: #00cea5;\n  --color-heycar-mint-600: #00a584;\n  --color-heycar-mint-700: #007c63;\n  --color-heycar-mint-800: #005242;\n  --color-heycar-mint-900: #002921;\n\n  /* mica blue color */\n  --color-mica-blue-50: #f1f4fa;\n  --color-mica-blue-100: #dee6f2;\n  --color-mica-blue-200: #a2b7da;\n  --color-mica-blue-300: #7394c8;\n  --color-mica-blue-400: #4570b5;\n  --color-mica-blue-500: #164ca3;\n  --color-mica-blue-600: #123d82;\n  --color-mica-blue-700: #052962;\n  --color-mica-blue-800: #091e41;\n  --color-mica-blue-900: #040f21;\n\n  /* sunbeam blue color */\n  --color-sunbeam-blue-50: #f0f9ff;\n  --color-sunbeam-blue-100: #e8f6ff;\n  --color-sunbeam-blue-200: #e1f3ff;\n  --color-sunbeam-blue-300: #d9f0ff;\n  --color-sunbeam-blue-400: #cdebff;\n  --color-sunbeam-blue-500: #c0e6ff;\n  --color-sunbeam-blue-600: #9bd1f4;\n  --color-sunbeam-blue-700: #73b6e1;\n  --color-sunbeam-blue-800: #4499cf;\n  --color-sunbeam-blue-900: #2b6f99;\n\n  /* mustang yellow color */\n  --color-mustang-yellow-50: #fef8eb;\n  --color-mustang-yellow-100: #fef0d8;\n  --color-mustang-yellow-200: #fde1b0;\n  --color-mustang-yellow-300: #fbd289;\n  --color-mustang-yellow-400: #fac361;\n  --color-mustang-yellow-500: #f9b43a;\n  --color-mustang-yellow-600: #e29a1a;\n  --color-mustang-yellow-700: #c9850c;\n  --color-mustang-yellow-800: #ae7000;\n  --color-mustang-yellow-900: #895800;\n\n  /* old ferrari red color */\n  --color-old-ferrari-red-50: #fff1ef;\n  --color-old-ferrari-red-100: #ffe3df;\n  --color-old-ferrari-red-200: #ffc8be;\n  --color-old-ferrari-red-300: #ffac9e;\n  --color-old-ferrari-red-400: #ff917d;\n  --color-old-ferrari-red-500: #ff755d;\n  --color-old-ferrari-red-600: #f46147;\n  --color-old-ferrari-red-700: #e24529;\n  --color-old-ferrari-red-800: #d73013;\n  --color-old-ferrari-red-900: #c7270a;\n\n  /* -- fantasy name of \"green\" color to be defined -- */\n  --color-green-50: #e9f3ed;\n  --color-green-100: #d2e8db;\n  --color-green-200: #a5d1b8;\n  --color-green-300: #79b994;\n  --color-green-400: #4ca271;\n  --color-green-500: #1f8b4d;\n  --color-green-600: #196f3e;\n  --color-green-700: #13532e;\n  --color-green-800: #0c381f;\n  --color-green-900: #061c0f;\n\n  /* -- fantasy name of \"whatsapp\" color to be defined -- */\n  --color-whatsapp-500: #59ce72;\n  --color-whatsapp-600: #33a84c;\n  --color-whatsapp-700: #148a2d;\n\n  /* -- fantasy name of \"red\" color to be defined -- */\n  --color-red-50: #fdeeee;\n  --color-red-100: #fbdddd;\n  --color-red-200: #f7bcbc;\n  --color-red-300: #f39a9a;\n  --color-red-400: #ef7979;\n  --color-red-500: #eb5757;\n  --color-red-600: #d73535;\n  --color-red-700: #c61a1a;\n  --color-red-800: #b90606;\n  --color-red-900: #a00;\n\n  /* tarmac grey color */\n  --color-tarmac-grey-50: #f3f3f3;\n  --color-tarmac-grey-100: #e6e6e6;\n  --color-tarmac-grey-200: #cdcdcd;\n  --color-tarmac-grey-300: #b5b5b5;\n  --color-tarmac-grey-400: #9c9c9c;\n  --color-tarmac-grey-500: #838383;\n  --color-tarmac-grey-600: #595959;\n  --color-tarmac-grey-700: #303030;\n  --color-tarmac-grey-800: #262626;\n  --color-tarmac-grey-900: #1d1d1d;\n\n  /* brand colors */\n  --color-heycar-mint: var(--color-heycar-mint-500);\n  --color-mica-blue: var(--color-mica-blue-700);\n  --color-sunbeam-blue: var(--color-sunbeam-blue-500);\n  --color-championship-white: #fff;\n}\n","/* Depricated. Do Not Use */\n\n:root {\n  --gap-3xs: 2px;\n  --gap-2xs: 4px;\n  --gap-1xs: 6px;\n  --gap-xs: 8px;\n  --gap-s: 12px;\n  --gap-2s: 14px;\n  --gap-m: 16px;\n  --gap-l: 20px;\n  --gap-xl: 24px;\n  --gap-2xl: 28px;\n  --gap-3xl: 32px;\n  --gap-4xl: 36px;\n  --gap-5xl: 40px;\n  --gap-6xl: 44px;\n  --gap-7xl: 48px;\n  --gap-8xl: 56px;\n  --gap-9xl: 64px;\n  --gap-10xl: 72px;\n}\n",":root {\n  --spacing-1: 4px;\n  --spacing-2: 8px;\n  --spacing-3: 12px;\n  --spacing-4: 16px;\n  --spacing-5: 20px;\n  --spacing-6: 24px;\n  --spacing-7: 28px;\n  --spacing-8: 32px;\n  --spacing-9: 36px;\n  --spacing-10: 40px;\n  --spacing-11: 44px;\n  --spacing-12: 48px;\n  --spacing-14: 56px;\n  --spacing-16: 64px;\n  --spacing-18: 72px;\n}\n",":root {\n  --shadow-none: 'none';\n  --shadow-xs: 0 2px 4px rgba(38, 38, 38, 0.06);\n  --shadow-s: 0 2px 8px rgba(38, 38, 38, 0.08);\n  --shadow-m: 0 4px 12px rgba(38, 38, 38, 0.08);\n  --shadow-xl: 0 6px 24px rgba(38, 38, 38, 0.1);\n  --shadow-xxl: 2px 8px 48px rgba(38, 38, 38, 0.2);\n}\n","@import '../../vars/src/index.css';\n\n/* Default theme (light) */\n\n:root {\n  /*\n    Colors\n  */\n  --color-primary-50: var(--color-mica-blue-50);\n  --color-primary-100: var(--color-mica-blue-100);\n  --color-primary-200: var(--color-mica-blue-200);\n  --color-primary-300: var(--color-mica-blue-300);\n  --color-primary-400: var(--color-mica-blue-400);\n  --color-primary-500: var(--color-mica-blue-500);\n  --color-primary-600: var(--color-mica-blue-600);\n  --color-primary-700: var(--color-mica-blue-700);\n  --color-primary-800: var(--color-mica-blue-800);\n  --color-primary-900: var(--color-mica-blue-900);\n  --color-secondary-50: var(--color-heycar-mint-50);\n  --color-secondary-100: var(--color-heycar-mint-100);\n  --color-secondary-200: var(--color-heycar-mint-200);\n  --color-secondary-300: var(--color-heycar-mint-300);\n  --color-secondary-400: var(--color-heycar-mint-400);\n  --color-secondary-500: var(--color-heycar-mint-500);\n  --color-secondary-600: var(--color-heycar-mint-600);\n  --color-secondary-700: var(--color-heycar-mint-700);\n  --color-secondary-800: var(--color-heycar-mint-800);\n  --color-secondary-900: var(--color-heycar-mint-900);\n  --color-tertiary-50: var(--color-sunbeam-blue-50);\n  --color-tertiary-100: var(--color-sunbeam-blue-100);\n  --color-tertiary-200: var(--color-sunbeam-blue-200);\n  --color-tertiary-300: var(--color-sunbeam-blue-300);\n  --color-tertiary-400: var(--color-sunbeam-blue-400);\n  --color-tertiary-500: var(--color-sunbeam-blue-500);\n  --color-tertiary-600: var(--color-sunbeam-blue-600);\n  --color-tertiary-700: var(--color-sunbeam-blue-700);\n  --color-tertiary-800: var(--color-sunbeam-blue-800);\n  --color-tertiary-900: var(--color-sunbeam-blue-900);\n  --color-warning-50: var(--color-mustang-yellow-50);\n  --color-warning-100: var(--color-mustang-yellow-100);\n  --color-warning-200: var(--color-mustang-yellow-200);\n  --color-warning-300: var(--color-mustang-yellow-300);\n  --color-warning-400: var(--color-mustang-yellow-400);\n  --color-warning-500: var(--color-mustang-yellow-500);\n  --color-warning-600: var(--color-mustang-yellow-600);\n  --color-warning-700: var(--color-mustang-yellow-700);\n  --color-warning-800: var(--color-mustang-yellow-800);\n  --color-warning-900: var(--color-mustang-yellow-900);\n  --color-highlight-50: var(--color-old-ferrari-red-50);\n  --color-highlight-100: var(--color-old-ferrari-red-100);\n  --color-highlight-200: var(--color-old-ferrari-red-200);\n  --color-highlight-300: var(--color-old-ferrari-red-300);\n  --color-highlight-400: var(--color-old-ferrari-red-400);\n  --color-highlight-500: var(--color-old-ferrari-red-500);\n  --color-highlight-600: var(--color-old-ferrari-red-600);\n  --color-highlight-700: var(--color-old-ferrari-red-700);\n  --color-highlight-800: var(--color-old-ferrari-red-800);\n  --color-highlight-900: var(--color-old-ferrari-red-900);\n  --color-success-50: var(--color-green-50);\n  --color-success-100: var(--color-green-100);\n  --color-success-200: var(--color-green-200);\n  --color-success-300: var(--color-green-300);\n  --color-success-400: var(--color-green-400);\n  --color-success-500: var(--color-green-500);\n  --color-success-600: var(--color-green-600);\n  --color-success-700: var(--color-green-700);\n  --color-success-800: var(--color-green-800);\n  --color-success-900: var(--color-green-900);\n  --color-error-50: var(--color-red-50);\n  --color-error-100: var(--color-red-100);\n  --color-error-200: var(--color-red-200);\n  --color-error-300: var(--color-red-300);\n  --color-error-400: var(--color-red-400);\n  --color-error-500: var(--color-red-500);\n  --color-error-600: var(--color-red-600);\n  --color-error-700: var(--color-red-700);\n  --color-error-800: var(--color-red-800);\n  --color-error-900: var(--color-red-900);\n  --color-neutral-50: var(--color-tarmac-grey-50);\n  --color-neutral-100: var(--color-tarmac-grey-100);\n  --color-neutral-200: var(--color-tarmac-grey-200);\n  --color-neutral-300: var(--color-tarmac-grey-300);\n  --color-neutral-400: var(--color-tarmac-grey-400);\n  --color-neutral-500: var(--color-tarmac-grey-500);\n  --color-neutral-600: var(--color-tarmac-grey-600);\n  --color-neutral-700: var(--color-tarmac-grey-700);\n  --color-neutral-800: var(--color-tarmac-grey-800);\n  --color-neutral-900: var(--color-tarmac-grey-900);\n\n  /*\n    Sizes\n  */\n  --size-small-height: var(--spacing-8);\n  --size-middle-height: var(--spacing-10);\n  --size-large-height: var(--spacing-12);\n}\n\nhtml {\n  font-size: 16px;\n}\n\nbody {\n  color: var(--color-neutral-700);\n}\n","@import '../../../themes/src/default.css';\n\n/*\n* Base\n*/\n.header {\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: 100;\n  overflow: hidden;\n  width: 100%;\n  height: 64px;\n\n  &.isBurgerOpen {\n    height: 100vh;\n    @media (--tablet-l) {\n      height: auto;\n    }\n  }\n\n  @media (--tablet) {\n    height: 72px;\n  }\n\n  @media (--tablet-l) {\n    height: auto;\n    overflow: visible;\n  }\n\n  @media (--desktop) {\n    background: var(--color-primary-700);\n  }\n}\n\n.headerInner {\n  padding-top: var(--spacing-4);\n  padding-bottom: var(--spacing-4);\n  width: 100%;\n  background: var(--color-primary-700);\n\n  & > div {\n    width: 100%;\n  }\n\n  @media (--tablet) {\n    padding-top: var(--spacing-5);\n    padding-bottom: var(--spacing-5);\n  }\n\n  @media (--tablet-l) {\n    padding-top: var(--spacing-3);\n    padding-bottom: var(--spacing-3);\n  }\n}\n\n.colLeft {\n  display: flex;\n  gap: var(--spacing-12);\n  align-items: center;\n}\n\n.colRight {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n\n  @media (--tablet-l) {\n    gap: var(--spacing-4);\n  }\n\n  @media (--desktop) {\n    gap: var(--spacing-1);\n  }\n}\n\n.logo {\n  display: inline-block;\n  height: 32px;\n\n  & > svg {\n    width: auto;\n    height: 32px;\n  }\n\n  @media (--desktop) {\n    margin-left: var(--spacing-3);\n  }\n}\n\n.searchWrapper {\n  display: none;\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 1;\n  width: 100%;\n\n  & .closeSearch {\n    display: none;\n    position: absolute;\n    top: var(--spacing-5);\n    right: var(--spacing-4);\n    border: 0;\n    background: 0;\n    padding: 0;\n  }\n\n  &.active {\n    display: block;\n    & .closeSearch {\n      display: block;\n    }\n  }\n\n  @media (--tablet-l) {\n    display: block;\n    position: static;\n\n    & .closeSearch {\n      display: none;\n    }\n  }\n}\n\n.faves {\n  position: relative;\n\n  & .counter {\n    @mixin typography-caption-4;\n    display: block;\n    position: absolute;\n    top: 0;\n    left: 19px;\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    border: solid 1px var(--color-primary-700);\n    background: var(--color-secondary-500);\n    text-align: center;\n    line-height: 14px;\n\n    opacity: 0;\n    transform: translateY(5px);\n    transition: transform 0.25s ease, opacity 0.25s ease;\n\n    &.active {\n      opacity: 1;\n      transform: translateY(0);\n    }\n\n    @media (--tablet-l) {\n      top: 11px;\n      left: 14px;\n    }\n  }\n}\n\n.item {\n  display: flex;\n  align-items: center;\n  padding: 0 var(--spacing-3);\n  background: none;\n  border: none;\n  color: #fff;\n  text-decoration: none;\n\n  & > span {\n    display: none;\n    margin-left: var(--spacing-2);\n  }\n\n  &:last-of-type {\n    padding-right: 0;\n  }\n\n  &.horizontalNavOnly,\n  &.desktopOnly {\n    display: none;\n  }\n\n  /* Dropdown nav starts here */\n  @media (--tablet-l) {\n    padding: 0 var(--spacing-2);\n    height: var(--spacing-12);\n\n    &:last-of-type {\n      padding-right: var(--spacing-2);\n    }\n\n    &:hover,\n    &:focus,\n    &.focused {\n      background-color: var(--color-primary-800);\n    }\n\n    &:active {\n      background-color: var(--color-primary-900);\n    }\n\n    &.horizontalNavOnly {\n      display: flex;\n    }\n\n    &.notHorizontalNav {\n      display: none;\n    }\n  }\n\n  @media (--desktop) {\n    &:last-of-type {\n      padding-right: var(--spacing-3);\n    }\n\n    &.desktopOnly {\n      display: flex;\n    }\n\n    & > span {\n      display: inline;\n    }\n\n    &.asideItem {\n      position: relative;\n      margin-left: var(--spacing-3);\n      padding-left: var(--spacing-2);\n\n      &:before {\n        content: '';\n        position: absolute;\n        left: -8px;\n        height: var(--spacing-12);\n        border-left: solid 2px var(--color-primary-600);\n      }\n    }\n  }\n}\n\n.langWrapper {\n  position: relative;\n\n  @media (--tablet-l) {\n    order: -1;\n\n    & .item {\n      & > span {\n        display: inline;\n      }\n    }\n  }\n\n  @media (--desktop) {\n    order: 0;\n  }\n}\n\n.navWrapper {\n  width: 100%;\n\n  & nav {\n    transition: transform 300ms ease-in-out 0s;\n    transform: translateX(110vw);\n  }\n\n  &:global(.navOpen) nav {\n    transform: translateX(0);\n  }\n\n  /* Dropdown nav starts here */\n  @media (--tablet-l) {\n    & nav {\n      transition: none;\n      transform: translateX(0) !important;\n    }\n  }\n}\n"]}