@select-dropdown-prefix-cls: ~"@{css-prefix}select-dropdown";
@transfer-no-max-height: ~"@{css-prefix}transfer-no-max-height";
// TODO 应定义在modal.less
@modal-prefix-cls: ~"@{css-prefix}modal";

.@{select-dropdown-prefix-cls} {
    width: inherit;
    max-height: 230px;
    overflow: auto;
    margin: 8px 0;
    padding-top: 4px;
    background-color: @color-bg-card;
    box-sizing: border-box;
    border-radius: @btn-border-radius;
    box-shadow: @select-dropdown-shadow; 
    position: absolute;
    z-index: @zindex-select;

    &-transfer {
        z-index: @zindex-transfer;
        width: auto;
    }

    &.@{transfer-no-max-height} {
        max-height: none;
    }

    &::-webkit-scrollbar {
        width: 6px;
      }
      
    &::-webkit-scrollbar-track {
        background-color: @color-scrollbar-track !important;
    }
      
    &::-webkit-scrollbar-thumb {
        background-color: @color-scrollbar !important;
        border-radius: 6px;
        cursor: pointer;
    }
}

.@{modal-prefix-cls} {
    .@{select-dropdown-prefix-cls} {
        position: absolute !important;
    }
}