.form-field-container.checkbox input[type="checkbox"] {
  outline: none;
}

.form-field-container {
  margin: 10px auto;
}

.form-field-container input:not([type="checkbox"]) {
  margin-top: 2px;
  width: 100%;
}

.form-field-container.checkbox {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5em;
}

.form-field-container.checkbox label {
  font-size: 0.8rem;
}

.form-field-container input.error {
  border: 1px solid #f00a;
}

.form-button {
  margin-top: 10px;
}

.form-error-message {
  display: none;
  color: red;
}

.form-error-message.show {
  display: block;
}

.form-error-message {
  font-size: 0.8rem;
  margin-top: 5px;
}

.form-info {
  font-size: 0.9rem;
  text-align: center;
}