@import '../../base.less';

@import './_var.less';

.@{prefix}-tree-select {
  display: flex;
  background-color: @tree-bg-color;

  &__column {
    width: @tree-colum-width;
    color: @tree-colum-text-color;

    &--left {
      background: @tree-root-bg-color;
    }

    &--right {
      flex: 1;
      overflow: auto;
    }

    ::-webkit-scrollbar {
      display: none;
      width: 0;
      height: 0;
      color: transparent;
    }
  }

  &__item {
    height: @tree-item-height;
    line-height: @tree-item-height;
    font-size: @tree-item-font-size;
    padding-left: 16px;

    &--active {
      font-weight: 600;
      color: @tree-item-active-color;
    }

    &--disabled {
      pointer-events: none;
      cursor: not-allowed;
      color: @tree-item-disabled-color;
    }
  }

  &-column {
    width: 100%;
  }
}