// 输入容器
.n-filter-border
  display inline-flex
  align-items center
  height 28px
  position relative
  transition border .2s ease,background .2s ease,box-shadow .2s ease
  border-radius 4px
  background-color #FFF
  border 1px solid $n-color-5
  padding 4px 8px 4px 4px
  // 可点击
  &-available&-pointer
    cursor pointer
  // 状态
  &-disabled
    background-color #F0F3F6
  &-available:hover
    border-color #A1ABB3
  &-focus
  &-focus:hover
    border-color $primary-color

// 输入内容
.n-filter-value
  outline 0
  border none
  color #1776F2
  border-radius 4px
  display block
  background-image none
  background-color transparent
  n-font-s()
  font-weight bold
  overflow hidden
  white-space nowrap
  text-overflow ellipsis
  margin-left 4px
  &-label
    font-weight normal
    color $n-color-1
  &-multiple
    padding 0 4px
    border-radius 10px
    background-color #E8F1FE
  // 状态
  &-disabled
    cursor default
  &-uppercase
    text-transform uppercase

// 图标样式
.n-filter-icon
  width 16px
  font-size @width
  line-height @width
  margin-left 4px