@use '../style/base' as *;

@include bem(tree) {
  @include b() {
    @include universal;
    background: var(--sar-tree-bg);
    transition: height var(--sar-tree-duration);
  }

  @include e(input-wrapper) {
    padding: 0 var(--sar-dialog-body-padding-x) var(--sar-dialog-body-padding-y);
  }

  @include e(input-text) {
    text-align: center;
  }

  @include e(load-status) {
    @include universal;
    justify-content: center;
    align-items: center;
    margin: var(--sar-tree-loading-margin-y) 0;
    font-size: var(--sar-tree-loading-size);
    color: var(--sar-tree-loading-color);
  }

  @include e(error) {
    cursor: pointer;
  }
}