// All Checkboxes
@mixin h2-component-form-checkbox-generic(
  $padding
) {
  border: none;
  padding: 0;

  [data-h2-input-wrapper] {

    [data-h2-input-checkbox] {
      cursor: pointer;
      display: block;
      padding-left: $padding;
      text-indent: calc(#{$padding} * -1);

      &:not(:first-child) {
        margin-top: $padding;
      }

    }

    [data-h2-input] {
      display: inline-block;
      margin: 0;
      width: auto;
    }

  }

}

@mixin h2-component-form-checkbox-group(
  $gray,
  $radius,
  $padding
) {

  [data-h2-input-wrapper] {
    border: 1px solid $gray;
    border-radius: $radius;
    padding: $padding;
    margin-top: calc(#{$padding} / 2);
  }

}

@mixin h2-component-form-checkbox-single(
  $padding
) {

  [data-h2-input-title-wrapper] {

    [data-h2-input-label-wrapper] {

      [data-h2-input-label] {
        display: none;
      }
        
    }

  }

  [data-h2-input-wrapper] {
    margin-top: calc(#{$padding} / 1.5);
  }

  [data-h2-input-context-wrapper] {
    padding-top: calc(#{$padding} / 1.5);
  }

}