@keyframes fnAutoFill {
  to {
    font-family: inherit;
    font-size: inherit;
  }
}
.user-box {
  --leg-user-navi-size: 1.2em;
  --leg-user-navi-title-order: 1;
  --leg-user-navi-links-order: 5;
  --leg-user-navi-links-direction: column;
  --leg-user-navi-delim-display: none;
}
.user-box .user-button {
  font-size: 2.4em;
}
.user-box .user-button.user-logged {
  --site-link-color: #cfa86a;
  --site-link-hover-color: #ffa109;
}
.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;
}