: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.full-width.translucent,
.navigation-header.dropdown.full-width.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.full-width.translucent.navigation-header--no-topbar,
.navigation-header.dropdown.full-width.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) + 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-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) + 16px);
}
.navigation-header.dropdown.floating.navigation-header--no-topbar {
  --navigation-height-desktop: calc(64px + var(--navigation-logo-offset, 0px) + 16px);
  --navigation-height-tablet: calc(64px + var(--navigation-logo-offset, 0px));
  --navigation-height-mobile: calc(64px + var(--navigation-logo-offset, 0px));
}