.n-input-search-filter
  display inline-flex
  .n-checkbox
    flex-shrink 0

.n-input-search-icon
  outline none
  font-size 16px
  flex-shrink 0
  text-align center
  background-color #fafafb
  border-left 1px solid #cdd0d6
  transition all 0.2s ease
  border-radius 0 4px 4px 0
  &:not([disabled]):hover
  &:focus-visible
    color #1776f2
    background-color #e8f1fe
    border-left-color #e8f1fe
    box-shadow 0 0 0 1px #1776f2

.n-input-search-filter-small
  .n-form-value
    min-height 22px
    padding 1px 7px
  .n-checkbox
    margin 1px 4px 0
  .n-input-search-icon
    font-size 14px
    width 22px
    line-height 22px

.n-input-search-filter-middle
  .n-form-value
    min-height 26px
    padding 3px 7px
  .n-checkbox
    margin 3px 4px 0
  .n-input-search-icon
    width 26px
    line-height 26px

.n-input-search-filter-large
  .n-form-value
    min-height 30px
    padding 2px 7px
  .n-checkbox
    margin 5px 8px 0 4px
  .n-input-search-icon
    width 30px
    line-height 30px