.info,
.error,
.success {
  padding: 7px;
  border-radius: 5px;
  text-align: center;
}

.error {
  border: 1px solid var(--theme-border-color-error2);
  background-color: var(--theme-color-error2);
  color: var(--theme-text-color-error2);
}

.success {
  background-color: var(--theme-color-success);
  color: var(--theme-text-color-success);
}

form {
  border: var(--theme-border);
  padding: 0 16px;
  border-radius: 5px;
  margin-top: 16px;
  color: white;
  background-color: var(--theme-background-color);
}

form input {
  color: black;
}

/* TODO: put <form> under a class and get rid of this */
form.nostyle {
  border: none;
  padding: 0;
  border-radius: 0;
  margin: 0;
  background-color: initial;
}

form input[type="submit"] {
  margin: 0;
}

form .help-text {
  font-size: 0.8em;
  padding-left: 10px;
}