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

$mselectPrefixCls: #{$vender-prefix}-multi-select;
$singletagSelectPrefixCls: #{$vender-prefix}-singletag-select;

.#{$mselectPrefixCls},
.#{$singletagSelectPrefixCls} {
  width: 300px;
  cursor: text;

  &.amos-idropdown-toggle-hasclear {
    .amos-taglist {
      padding-right: 26px;
    }
  }

  .amos-select-dropdown-icon-clear {
    cursor: pointer;
  }
}

// multi-select

.#{$mselectPrefixCls}-empty {
  padding: 0 7px;
  line-height: 30px;
}

.#{$mselectPrefixCls}-option {
  .#{#{$vender-prefix}}-checkbox {
    margin: 0 7px;
  }
}

.#{$mselectPrefixCls}-option-active {
  background-color: $primary-color-light;
}

// singletag-select

.#{$singletagSelectPrefixCls}-empty {
  padding: 0 7px;
  line-height: 30px;
}

.#{$singletagSelectPrefixCls}-option {
  .#{#{$vender-prefix}}-checkbox {
    margin: 0 7px;
  }
}

.#{$mselectPrefixCls}-options,
.#{$singletagSelectPrefixCls}-options {
  max-height: 180px;
  overflow: auto;
}