.cryptrr-navbar-spacer {
  height: 0;
  flex: 0 0 auto;
}

.cryptrr-navbar-spacer.is-active {
  height: var(--cryptrr-navbar-height, 0px);
}

.cryptrr-main-navbar {
  box-sizing: border-box;
  transition: transform 220ms ease, box-shadow 180ms ease;
  will-change: transform;
}

.cryptrr-main-navbar.nav-fixed {
  position: fixed !important;
  top: 0 !important;
  left: var(--cryptrr-navbar-left, 0px) !important;
  width: var(--cryptrr-navbar-width, 100%) !important;
  max-width: var(--cryptrr-navbar-width, 100%) !important;
  z-index: 1030;
}

.cryptrr-main-navbar.nav-hidden {
  transform: translateY(-100%) !important;
}

.cryptrr-main-navbar.nav-visible {
  transform: translateY(0) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
}