.sui-m-form-group {
  display: block;
  position: relative;

  & + & {
    margin-top: $sui-space-lg - $sui-space-sm;
  }

  // -------------------------
  // Content
  // -------------------------
  & > &__icon {
    position: absolute;
    left: 0;
  }

  & > &__icon ~ &__content {
    padding-left: $sui-space-lg + $sui-space-xs;
  }

  html body & > &__content {
    margin-bottom: 0;
  }

  html body & > *,
  html body &__content > * {
    margin: 0 0 $sui-space-sm 0;

    &.sui-a-form-label {
      margin-bottom: $sui-space-xxs;
    }
  }

  // Include without prefix for default modifier
  @include suiFormGroupModifiers();

  // Loop over media query modifiers to generate
  // your modifiers for each breakpoints
  @each $breakpoint in $sui-breakpoint-modifiers {
    @include suiMediaMin(nth($breakpoint, 1)) {
      @include suiFormGroupModifiers(nth($breakpoint, 2));
    }
  }
}
