.user-menu {
  --drawer-top: 0;
  --drawer-panel-back: #0c212f;
  --drawer-width: 320px;
  --drawer-zindex: 3100;
}
.user-menu .mobile-box {
  padding: 2em;
  font-size: 16px;
}
.user-menu .mobile-box .logo {
  width: 6em;
  height: 6em;
}
.user-menu .mobile-box .brand {
  display: flex;
  align-items: center;
  justify-content: center;
}
.user-menu .mobile-box .menu {
  margin: 2em 0;
  font-size: 1.2em;
}
.user-menu .mobile-box .menu a {
  display: block;
  padding: 0.4em 0;
}
.user-menu .mobile-box .buttons {
  margin-top: 2em;
}
.login-form {
  display: flex;
  flex-direction: column;
  gap: 1em;
  margin: 2em 0;
}
.login-form .title {
  font-size: 1.34em;
  font-weight: 500;
  margin-bottom: 1em;
}
.login-form .error {
  color: #a57575;
  font-size: 0.8em;
}
.login-form button {
  display: flex;
  width: 100%;
  cursor: pointer;
}
.login-form .actions {
  margin-top: 1em;
}