.form-error {
  display: block;
  width: 100%;
  margin: 6px 0 0;
  padding: 0;
  font-family: "Raleway", sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.35;
  color: var(--red--500);
  text-align: left;
  animation: form-error-in 0.2s ease;
}
.form-error--general {
  margin: 0 0 16px;
  padding: 12px 16px;
  border-radius: 8px;
  background: var(--red--50);
  font-size: 14px;
  color: var(--red--600);
}
.is-invalid > input:not([type="checkbox"]),
.is-invalid > textarea,
.is-invalid > select,
.is-invalid > .nice-select {
  border-color: var(--red--500);
  background-color: var(--white);
}
.interlabs-feedbackform__container .interlabs-feedbackform__container__dialog .body .form-group.is-invalid > input[type="text"],
.interlabs-feedbackform__container .interlabs-feedbackform__container__dialog .body .form-group.is-invalid > textarea,
.interlabs-feedbackform__container .interlabs-feedbackform__container__dialog .body .form-group.is-invalid > select {
  border-color: var(--red--500);
  background-color: var(--white);
}
.is-invalid > input:not([type="checkbox"]):focus,
.is-invalid > textarea:focus {
  border-color: var(--red--600);
}
.ifk-consent.is-invalid span::before,
.checkbox.is-invalid span::before {
  border-color: var(--red--500);
}
.ifk-consent .form-error,
.checkbox .form-error {
  padding-left: 32px;
}
@keyframes form-error-in {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .form-error {
    animation: none;
  }
}