:root {
  --topbar-mobile: 0;
  --topbar-tablet: 0;
  --topbar-desktop: 0;
  --header-mobile: 0;
  --header-desktop: 0;
  --floating-margin-top: 0;
  --additional-offset: 0;
  --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 {
  --topbar-mobile: 4px;
  --topbar-tablet: 8px;
  --topbar-desktop: 48px;
  --header-mobile: 64px;
  --header-desktop: var(--header-mobile);
  --floating-margin-top: var(--space-100, 16px);
  --additional-offset: var(--navigation-logo-offset, 0px);
}
.navigation-header.megaMenu,
.navigation-header.dropdown.full-width.solid {
  --navigation-height-desktop: calc(var(--header-desktop) + var(--topbar-desktop) + var(--additional-offset));
  --navigation-height-tablet: calc(var(--header-mobile) + var(--topbar-tablet) + var(--additional-offset));
  --navigation-height-mobile: calc(var(--header-mobile) + var(--topbar-mobile) + var(--additional-offset));
  --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(var(--header-desktop) + var(--additional-offset));
  --navigation-height-tablet: calc(var(--header-mobile) + var(--additional-offset));
  --navigation-height-mobile: calc(var(--header-mobile) + var(--additional-offset));
}
.navigation-header.dropdown.translucent,
.navigation-header.dropdown.transparent {
  --navigation-height-desktop: calc(var(--header-desktop) + var(--topbar-desktop) + var(--additional-offset));
  --navigation-height-tablet: calc(var(--header-mobile) + var(--topbar-tablet) + var(--additional-offset));
  --navigation-height-mobile: calc(var(--header-mobile) + var(--topbar-mobile) + var(--additional-offset));
  --navigation-offset-mobile: calc(var(--header-mobile) + var(--additional-offset));
  --navigation-offset-tablet: calc(var(--header-mobile) + var(--additional-offset));
  --navigation-offset-desktop: calc(var(--header-desktop) + var(--additional-offset));
}
.navigation-header.dropdown.translucent.navigation-header--no-topbar,
.navigation-header.dropdown.transparent.navigation-header--no-topbar {
  --navigation-height-desktop: calc(var(--header-desktop) + var(--additional-offset));
  --navigation-height-tablet: calc(var(--header-mobile) + var(--additional-offset));
  --navigation-height-mobile: calc(var(--header-mobile) + var(--additional-offset));
}
.navigation-header.dropdown.floating {
  --navigation-height-desktop: calc(var(--header-desktop) + var(--topbar-desktop) + var(--additional-offset) + var(--floating-margin-top));
  --navigation-height-tablet: calc(var(--header-mobile) + var(--topbar-tablet) + var(--additional-offset));
  --navigation-height-mobile: calc(var(--header-mobile) + var(--topbar-mobile) + var(--additional-offset));
  --navigation-offset-desktop: calc(var(--header-desktop) + var(--additional-offset) + var(--floating-margin-top));
}
.navigation-header.dropdown.floating.navigation-header--no-topbar {
  --navigation-height-desktop: calc(var(--header-desktop) + var(--additional-offset) + var(--floating-margin-top));
  --navigation-height-tablet: calc(var(--header-mobile) + var(--additional-offset));
  --navigation-height-mobile: calc(var(--header-mobile) + var(--additional-offset));
}
.navigation-header-2026 {
  --topbar-mobile: 4px;
  --topbar-tablet: 4px;
  --topbar-desktop: 72px;
  --header-mobile: 72px;
  --header-desktop: var(--header-mobile);
  --additional-offset: var(--navigation-logo-offset, 0px);
  --navigation-offset-mobile: 0px;
  --navigation-offset-tablet: 0px;
  --navigation-offset-desktop: 0px;
  --navigation-height-desktop: calc(var(--header-desktop) + var(--topbar-desktop) + var(--additional-offset));
  --navigation-height-tablet: calc(var(--header-mobile) + var(--topbar-tablet) + var(--additional-offset));
  --navigation-height-mobile: calc(var(--header-mobile) + var(--topbar-mobile) + var(--additional-offset));
}
.navigation-header-2026.navigation-header-2026--no-topbar {
  --navigation-height-desktop: calc(var(--header-desktop) + var(--additional-offset));
  --navigation-height-tablet: calc(var(--header-mobile) + var(--additional-offset));
  --navigation-height-mobile: calc(var(--header-mobile) + var(--additional-offset));
}
.navigation-header-2026.navigation-header-2026--no-navbar {
  --navigation-height-desktop: calc(var(--topbar-desktop) + var(--additional-offset));
  --navigation-height-tablet: calc(var(--topbar-mobile) + var(--additional-offset));
  --navigation-height-mobile: calc(var(--topbar-mobile) + var(--additional-offset));
}
.navigation-header-2026.navigation-header-2026--no-topbar.navigation-header-2026--no-navbar {
  --navigation-height-desktop: var(--additional-offset);
  --navigation-height-tablet: var(--additional-offset);
  --navigation-height-mobile: var(--additional-offset);
}
