body[data-theme=dark] main#auth section.auth-form {
  background-color: #1e1e1e;
}

main#auth {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 100dvh;
  text-align: center;
}
main#auth section.auth-form {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  background-color: #fff;
  padding: 40px 70px;
  border-radius: 20px;
  width: min(100%, 400px);
}
main#auth section.auth-form h1 {
  margin-bottom: 40px;
}
main#auth section.auth-form h1 > span {
  color: #4361ee;
}
main#auth form {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  flex-direction: column;
}
main#auth form div.input-group {
  display: flex;
  align-items: flex-end;
  gap: 10px;
  flex-direction: column;
  width: -moz-fit-content;
  width: fit-content;
}
main#auth form div.input-group button#buttonPassword {
  color: #4361ee;
  cursor: pointer;
}
main#auth form input {
  font-size: 1.25rem;
}
main#auth form button.primary {
  font-size: 1.25rem;
}
main#auth form p#error-text {
  color: #ed0000;
}
@media screen and (max-width: 575.98px) {
  main#auth section.auth-form {
    box-shadow: unset;
    padding: 0 10px;
  }
}