@import "~@alifd/next/lib/core/style/_global";
@import "~@alifd/next/lib/core/style/_motion";
@import '~@alifd/next/lib/tree-select/scss/variable';
@import '~@alifd/next/lib/tree/scss/variable';
@import './variables.scss';
$i:2;

#{$tree-select-prefix} {
  &-dropdown {
    margin-top: $b-design-tree-select-dropdown-margin-top;
    border: 0px;

    &::-webkit-scrollbar-thumb {
      background-color: $color-fill1-3;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
    }

    &:hover::-webkit-scrollbar-thumb {
      background-color: $color-fill1-3;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
    }

    &::-webkit-scrollbar {
      width: 4px;
      height: 4px;
      background-color: $color-fill1-10;
    }

    &::-webkit-scrollbar-track {
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
    }


    &> {

      #{$tree-prefix},
      .#{$css-prefix}virtual-tree-container {
        padding: $b-design-tree-select-padding-vertical 0;

        .#{$css-prefix}tree.#{$css-prefix}node-indent.#{$css-prefix}show-line {
          padding: 0 $b-design-tree-select-padding-horizontal;
        }
      }

      #{$tree-select-prefix}-not-found {
        padding: $b-design-tree-select-padding-vertical $s-5;
      }
    }

    #{$tree-prefix}.#{$css-prefix}node-block #{$tree-prefix}-node-inner:not(.#{$css-prefix}disabled):hover,
    #{$tree-prefix}.#{$css-prefix}node-block #{$tree-prefix}-node-inner:not(.#{$css-prefix}disabled):focus {
      color: $color-text1-5;
      background: $color-fill1-2;
    }

    #{$tree-prefix}.#{$css-prefix}node-block #{$tree-prefix}-node-inner:not(.#{$css-prefix}disabled):active,
    #{$tree-prefix}.#{$css-prefix}node-block #{$tree-prefix}-node-inner.#{$css-prefix}selected:not(.#{$css-prefix}disabled):hover {
      color: $color-brand1-6;
    }
  }
}