:root {
  --navigation-height-desktop: 0px;
  --navigation-height-tablet: 0px;
  --navigation-height-mobile: 0px;
  --navigation-offset-mobile: 0px;
  --navigation-offset-tablet: 0px;
  --navigation-offset-desktop: 0px;
}
.navigation-header.megaMenu,
.navigation-header.dropdown.full-width.solid {
  --navigation-height-desktop: calc(64px + 48px + var(--navigation-logo-offset, 0px));
  --navigation-height-tablet: calc(64px + 8px + var(--navigation-logo-offset, 0px));
  --navigation-height-mobile: calc(64px + 4px + var(--navigation-logo-offset, 0px));
  --navigation-offset-mobile: 0px;
  --navigation-offset-tablet: 0px;
  --navigation-offset-desktop: 0px;
}
.navigation-header.megaMenu.navigation-header--no-topbar,
.navigation-header.dropdown.full-width.solid.navigation-header--no-topbar {
  --navigation-height-desktop: calc(64px + var(--navigation-logo-offset, 0px));
  --navigation-height-tablet: calc(64px + var(--navigation-logo-offset, 0px));
  --navigation-height-mobile: calc(64px + var(--navigation-logo-offset, 0px));
}
.navigation-header.dropdown.translucent,
.navigation-header.dropdown.transparent {
  --navigation-height-desktop: calc(64px + 48px + var(--navigation-logo-offset, 0px));
  --navigation-height-tablet: calc(64px + 8px + var(--navigation-logo-offset, 0px));
  --navigation-height-mobile: calc(64px + 4px + var(--navigation-logo-offset, 0px));
  --navigation-offset-mobile: calc(64px + var(--navigation-logo-offset, 0px));
  --navigation-offset-tablet: calc(64px + var(--navigation-logo-offset, 0px));
  --navigation-offset-desktop: calc(64px + var(--navigation-logo-offset, 0px));
}
.navigation-header.dropdown.translucent.navigation-header--no-topbar,
.navigation-header.dropdown.transparent.navigation-header--no-topbar {
  --navigation-height-desktop: calc(64px + var(--navigation-logo-offset, 0px));
  --navigation-height-tablet: calc(64px + var(--navigation-logo-offset, 0px));
  --navigation-height-mobile: calc(64px + var(--navigation-logo-offset, 0px));
}
.navigation-header.dropdown.floating {
  --navigation-height-desktop: calc(64px + 48px + var(--navigation-logo-offset, 0px) + var(--space-100, 16px));
  --navigation-height-tablet: calc(64px + 8px + var(--navigation-logo-offset, 0px));
  --navigation-height-mobile: calc(64px + 4px + var(--navigation-logo-offset, 0px));
  --navigation-offset-desktop: calc(64px + var(--navigation-logo-offset, 0px) + var(--space-100, 16px));
}
.navigation-header.dropdown.floating.navigation-header--no-topbar {
  --navigation-height-desktop: calc(64px + var(--navigation-logo-offset, 0px) + var(--space-100, 16px));
  --navigation-height-tablet: calc(64px + var(--navigation-logo-offset, 0px));
  --navigation-height-mobile: calc(64px + var(--navigation-logo-offset, 0px));
}