.field-unit--required > label::after,
.field-unit--required > .field-unit__label::after {
  content: '*';
  display: inline;
  color: var(--color-semantic-destructive);
  font-size: inherit;
  line-height: inherit;
  margin-inline-start: var(--spacing-20);
}

.field-unit--has-error label,
.field-unit--has-error .field-unit__label,
input.parsley-error,
select.parsley-error,
textarea.parsley-error {
  color: var(--color-semantic-destructive);
}

.parsley-errors-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  line-height: 1;
  opacity: 0;
  color: var(--color-semantic-destructive);

  transition: all var(--animation-duration) ease-in;
  -o-transition: all var(--animation-duration) ease-in;
  -moz-transition: all var(--animation-duration) ease-in;
  -webkit-transition: all var(--animation-duration) ease-in;
}

.parsley-errors-list.filled {
  margin: calc(0.5 * var(--spacing) * var(--spn) / var(--spn)) 0 0 0;
  opacity: 1;
}