/* Inline auth form shown inside the home hero. */

.menu-nav-shell-loading .menu-home-auth-toggle {
  pointer-events: none;
}

.menu-home-auth-panel {
  align-self: end;
  display: grid;
  gap: 12px;
  width: min(100%, 420px);
  min-width: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  animation: menu-home-auth-slide-up 260ms cubic-bezier(0.2, 0, 0.2, 1) both;
}

.menu-home-auth-form {
  min-height: 164px;
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  gap: 12px;
}

.menu-home-auth-fields {
  align-self: end;
  display: grid;
  gap: 10px;
}

.menu-home-auth-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  align-self: end;
}

.menu-home-auth-cancel,
.menu-home-auth-submit {
  width: 100%;
}

@keyframes menu-home-auth-slide-up {
  from {
    opacity: 0;
    transform: translateY(24px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}