body.nav-open {
  overflow: hidden;
}

#mobile-nav {
  pointer-events: none;
}

#mobile-nav.nav-open {
  pointer-events: auto;
  visibility: visible;
  opacity: 1;
}

#mobile-nav.nav-open #nav-panel {
  transform: translateX(0);
}

#nav-panel {
  transform: translateX(100%);
}

.nav-logo {
  height: 6rem;
  width: auto;
  max-width: 10rem;
  object-fit: contain;
}

@media (min-width: 640px) {
  .nav-logo {
    height: 8.5rem;
    max-width: 11.5rem;
  }
}

@media (min-width: 1024px) {
  #mobile-nav {
    display: none !important;
  }
}

#profile-menu-panel.profile-menu-panel:not(.hidden) {
  display: inline-block;
  width: max-content;
  max-width: max-content;
}

#profile-menu-panel .profile-menu-item {
  display: block;
  width: max-content;
  max-width: max-content;
  white-space: nowrap;
  margin: 0;
}

#profile-menu-panel a.profile-menu-item,
#profile-menu-panel .profile-menu-item button {
  display: inline-flex;
  align-items: center;
  width: max-content;
  max-width: max-content;
  white-space: nowrap;
}