@import "../variables.scss";
@import "../utils.scss";
@import "../menu/variables.scss";
@import "~@alifd/next/lib/core/index-noreset"; // next core style
@import "~@alifd/next/lib/cascader/scss/variable";
$b-design-cascader-menu-width:110px;

#{$cascader-prefix} {
  &-menu-wrapper {
    width: $b-design-cascader-menu-width;

    &::-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;
    }

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

    .#{$css-prefix}menu.#{$css-prefix}ver#{$cascader-prefix}-menu {
      .#{$css-prefix}menu-item#{$cascader-prefix}-menu-item {
        .#{$css-prefix}menu-item-inner {
          margin-right: 10px;

          .#{$css-prefix}heckbox-wrapper.checked+.n.#{$css-prefix}menu-item-text {
            color: $color-brand1-6;
          }
        }
      }
    }
  }
}

#{$cascader-prefix}-select-dropdown {
  border: 0px;
  box-shadow: $b-design-popup-local-shadow;
}