/*
 * Общие стили для форм, ошибок валидации и уведомлений.
 *
 *
 * Исходные css вообще не содержали стилей
   для состояний валидации (ошибки ввода, сообщения об успехе, алерт-блоки)
 */

.form-alert {
  padding: 12px 16px;
  border-radius: 10px;
  font-size: 15px;
  line-height: 1.4;
  margin-bottom: 16px;
}

.form-alert--error {
  background: #fdecec;
  color: #c0392b;
}

.form-alert--success {
  background: #eaf7ef;
  color: #1e8449;
}

.form-error {
  display: block;
  margin-top: -8px;
  margin-bottom: 4px;
  font-size: 14px;
  line-height: 1.35;
  color: #c0392b;
}

/* Login form extras the delivered modal never had. */
.modal__form-remember {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 15px;
  color: #6b6b6b;
  cursor: pointer;
}

.modal__form-remember input {
  width: 18px;
  height: 18px;
  accent-color: #7130f0;
  cursor: pointer;
}

.modal__form-link {
  align-self: center;
  font-size: 15px;
  color: #7130f0;
  text-decoration: underline;
}