/* Form errors list */
.form-errors {
  border: 1px solid var(--danger-dark);
  border-radius: 0.5rem;
  background-color: var(--danger-lightest);
  padding: 0.5rem 1rem;

  .btn-close {
    cursor: pointer;
  }

  h5 {
    color: var(--danger-dark);
    margin-bottom: 0.5rem;
  }
}

/* Field specific errors */
.field-error {
  align-items: flex-start;
  color: var(--danger-dark);
  display: flex;
  flex-direction: row;
  font-size: 0.875rem;
  gap: 0.25rem;
  line-height: 1rem;
  width: 100%;

  span:has(svg) {
    height: 1rem;
    width: 1rem;

    svg {
      color: var(--danger-dark);
      fill: var(--danger-dark);
    }
  }
}