
.unf-select
  &-available
    cursor pointer
  &-multiple
    padding-top 3px
    padding-left 3px
    padding-right 0
    padding-bottom 0
    .unf-input-placeholder
      margin-top 3px
      margin-left 5px

.unf-option-wrapper
  margin $options-wrapper-margin
  padding $options-wrapper-padding
  background-color $options-wrapper-bg
  border-radius 2px
  border 1px solid $options-wrapper-border-color
  box-shadow $options-wrapper-box-shadow
  .unf-option-box
    max-height $options-wrapper-max-height
    overflow auto
  .unf-option
    s-ellipsis()
    s-font-body()
    color $option-color
    cursor pointer
    &-small
      padding $option-padding-small
    &-default
      padding $option-padding-default
    &-large
      padding $option-padding-large
    &-active
      color $option-active-color
      position relative
      &:after
        font-family uifont!important
        content '\e657'
        font-size 16px
        position absolute
        right 11px
    &:hover
      background-color $option-hover-bg
  .unf-option-loading
  .unf-option-no-data
    s-font-body()
    text-align center
    color $input-placeholder-color
    padding $option-padding-default

.unf-option-search
  padding 8px
  width 100%

.unf-select-multiple-value-wrapper
  display flex
  flex-wrap wrap
  .unf-select-multiple-value
    font-size 12px
    line-height 16px
    border 1px solid #E5E6EB
    border-radius 12px
    margin-right 4px
    margin-bottom 3px
    padding 3px 24px
    position relative
    transition all 0.2s ease
    .unf-i
      display none
      color #006CE1
      position absolute
      right 3px
    &-available:hover
      border-color #006CE1
      background-color #E1EDFA
      .unf-i
        display inline-block
