@use '@gear-js/ui/headings' as *;
@use '@/shared/assets/styles/variables' as *;
@use '@/shared/assets/styles/mixins' as *;
@use '@/shared/assets/styles/animations' as *;

.heading {
  @extend %h4;
  margin-bottom: 32px;
  color: $gray800;
}

.box {
  @include childrenMargin(24px);
  margin-bottom: 24px;
}

.loading {
  div {
    div {
      @include loading;
      position: relative;
    }
  }
}

.buttons {
  @include childrenMargin(16px, right);
  display: flex;
}