.uif-filter
  display inline-block
  &-inner
    display flex
    align-items center
    height 26px
  &-label
    color #142133
    font-size 12px
    line-height 16px
    cursor pointer
    display flex
    align-items center
    padding 0 4px
    height 26px
    white-space nowrap
    &.disabled
      cursor default
    .uif-i
      color #A1ABB3
      margin-right 4px
    .empty
      width 8px
    .point
      width 16px
      height @width
      position relative
      &:before
        content ''
        position absolute
        left 3px
        top @left
        width 10px
        height @width
        border-radius 50%
        background-color transparent
        opacity 0.2
      &:after
        content ''
        position absolute
        left 5px
        top @left
        width 6px
        height @width
        border-radius 50%
        background-color #D9DFE5

  .uif-filter-more
    width auto
    padding 0 8px
  &-group
  &-split .uif-filter-inner > div
    border-radius 4px
    background-color #F1F3F5
    border 1px solid #cfd1d9
  &-group .uif-filter-inner > div:not(:last-child):after
    content ''
    border-right 1px solid #cfd1d9
    position absolute
    right 0
    top 5px
    bottom @top
  &-split .uif-filter-inner > div:not(:last-child)
    margin-right 8px

.uif-filter-inner > div
  font-size 0
  position relative

.uif-filter-active .uif-filter-label
  .text
    color #006ce1
  .point:before
  .point:after
    background-color #006CE1