@import './../../theme/vars.scss';
@import './../../mixins/scrollbar.scss';

$treeSelectPrefixCls: #{$vender-prefix}-tree-select;

.#{$treeSelectPrefixCls}-search-input {
  width: 100%;
  padding: 5px;
}

.#{$treeSelectPrefixCls}-title {
  padding: 0 12px;
}

.#{$treeSelectPrefixCls}-not-found {
  display: block;
  padding: 7px 16px;
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}

.#{$treeSelectPrefixCls}-popover {
  .amos-popover-content {
    max-height: 220px;
    padding: 4px;
    margin: 0;
    overflow: auto;

    > ul.amos-tree {
      padding: 0;
      padding-left: 24px;
      margin: 0;
      list-style: none;
    }
  }

  .amos-tree {
    position: relative;

    &-child-tree {
      position: relative;
    }

    li {
      .amos-tree-node-content-wrapper {
        line-height: calc(var(--af-tree-node-height, 24px) - 4px);
      }
    }


    &-switcher {
      position: absolute;
      left: 0;
      border-radius: 6px;

      &:hover {
        background: #f0f0f0;
      }
    }

    &.amos-tree-tight li ul {
      padding-left: 24px;
    }
  }

  &.#{$treeSelectPrefixCls}-search-keepvalue {
    .amos-tree-treenode:not(.tree-node-matched) {
      display: none;
    }
  }

  &-pretty {
    .amos-popover-content {
      @include pretty-scrollbar(6px, 6px, $scrollOutColor, $scrollInnerColor, 5px);
    }
  }
}