.navbar-component {
  transition: transform 0.3s ease-in-out;
}

#desktop-menu {
  max-height: 500px; /* Adjust this value based on your menu's height */
  overflow: hidden;
  transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

/* css-check-ignore-next */
#desktop-menu.desktop-menu-hidden {
  max-height: 0;
  opacity: 0;
}