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

@mixin root() {
  background-color: transparent;
  color: colors.$grasgroen;
  border: 0;
  margin-inline-start: var(--_dt-info-button-margin-inline-start, units.$u1);
  padding: 0;
}

@mixin controlLabelSibling() {
  @media screen and (min-width: media-query-breakpoints.$screen-sm-min) {
    margin-block-start: #{units.$u1 - 1};

    .dso-radios &,
    .dso-checkboxes &,
    .dso-files &,
    .dso-input-text &,
    .dso-form-group-search-bar &,
    .dso-select &,
    .dso-static &,
    .dso-textarea & {
      margin-block-start: 0;
    }
  }
}