@use "sass:math";

@use "../../../variables/colors";
@use "../../../variables/media-query-breakpoints";

@use "../../grid";
@use "../form-group.variables" as form-group-variables;
@use "../form-group.mixins" as form-group-mixins;

.form-group.dso-confirm {
  &.dso-invalid {
    .dso-selectable {
      --_dso-selectable-color: #{colors.$danger-color};
    }
  }

  &.dso-required {
    .control-label::after {
      @include form-group-mixins.form-group-required();
    }
  }

  @media screen and (min-width: media-query-breakpoints.$screen-sm-min) {
    .form-horizontal & .dso-field-container {
      margin-inline-start: math.percentage(math.div(form-group-variables.$label-column, grid.$grid-columns));
      padding-inline-start: grid.$grid-gutter-width * 0.5;
    }
  }
}