/* reveal dropdown backdrop when dropdown open */
  .nav_1_dropdown_backdrop {
    transition: opacity 400ms ease;
    opacity: 0;
    pointer-events: none;
    display: block;
  }

  body:has(.navbar_menu-dropdown > [aria-expanded="true"]) .nav_1_dropdown_backdrop {
    opacity: 1;
    pointer-events: auto;
  }

  .navbar_component {
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    will-change: transform;
    transition: transform 0.35s ease;
  }

  /* Hidden state */
  .navbar--hidden {
    transform: translateY(-100%);
  }