@import "../../themes/liberty.globals";

:host {
  --lu-label-padding-bottom: 0;
}

:host(.lu-color) {
    .label-helper-text-container > label {
        color: current-color(base);
    }
}

.container {
  display: flex;

  flex-flow: column;
}

.label-helper-text-container {
  @include padding(null, null, var(--lu-label-padding-bottom), null);

  display: flex;

  flex-flow: row;
  align-items: center;
  justify-content: space-between;
}

.label-helper-text-container > label {
  font-size: 16px;

  line-height: 26px;
}

.label-helper-text-container > label > span.required {
  color: $error;
}

.helper-text {
  color: $neutral;

  font-size: 12px;
  font-style: italic;

  line-height: 15px;
}

.helper-text-notification {
  color: $primary_light;

  font-size: 14px;
  font-style: inherit;

  line-height: 26px;
}

.error {
  @include padding(4px, null, null, null);
  color: $error;

  font-size: 14px;

  line-height: 22px;
}

.is-invalid {
    @include padding(null, null, null, 9px);

  border-left: $error solid 2px;
}