form .form-field-error {
  display: flex;
  align-items: baseline;
  gap: 7px;
  margin: 0;
  padding: 7px 10px;
  border: 1px solid #57363f;
  border-radius: 8px;
  background: #20151b;
  color: #ffb4bd;
  font-size: .8rem;
  line-height: 1.4;
  overflow-wrap: anywhere;
}
form .form-field-error[hidden] { display: none; }
form .form-field-error::before {
  content: "";
  flex: 0 0 5px;
  height: 5px;
  align-self: center;
  border-radius: 50%;
  background: currentColor;
}
form input[aria-invalid="true"],
form select[aria-invalid="true"],
form textarea[aria-invalid="true"],
form .input-wrap:has(input[aria-invalid="true"]) {
  border-color: #a95865;
}