.story-form .field-has-error {
  border-color: #c94b5f;
}

.story-form label.field-has-error,
.story-form fieldset.field-has-error,
.story-form .important-note.field-has-error {
  outline: 2px solid rgba(201, 75, 95, .72);
  outline-offset: 5px;
  border-radius: 12px;
}

.story-form .field-has-error input,
.story-form .field-has-error select,
.story-form .field-has-error textarea,
.story-form input[aria-invalid="true"],
.story-form select[aria-invalid="true"],
.story-form textarea[aria-invalid="true"] {
  border-color: #d85c6f;
  box-shadow: 0 0 0 2px rgba(216, 92, 111, .18);
}

.story-form .field-error {
  display: block;
  margin: 9px 0 0;
  color: #ff9baa;
  font-size: .94rem;
  font-weight: 700;
  line-height: 1.4;
}

.story-form .server-field-error {
  padding: 10px 12px;
  border: 1px solid rgba(216, 92, 111, .55);
  border-radius: 10px;
  background: rgba(216, 92, 111, .09);
}

.story-form [data-field] {
  scroll-margin-top: 110px;
}