$uif-select-default-icon-size = 26px

.uif-select
  display inline-block
  .uif-input
    width 100%
    .input
      cursor pointer
  .uif-popper-reference
    position relative
  .uif-popper-popper
    z-index 1

.uif-select .uif-popper-reference
  .uif-i
    cursor pointer
    text-align center
    font-size 20px
    color #7E8B98
    position absolute
    right 0
    top 0
    transition border .2s ease-in-out
  .uif-input-size-default
    .input
      padding-right $uif-select-default-icon-size
    & + .uif-i
      width $uif-select-default-icon-size
      line-height @width
      height @width
      border-left 1px solid $border-color
    &.focus + .uif-i
      color $primary-color
      border-color $primary-color
.uif-select .uif-popper-popper
  z-index 1
.uif-option-items
  margin 0
  padding 0
  background-color #FFF
  border 1px solid $primary-color
  list-style none
  max-height 300px
  overflow auto

.uif-option-item
  padding 3px 10px
  font-size 12px
  line-height 20px
  cursor pointer
  white-space nowrap
  &:hover
    background-color #EDEDED

.uif-option-empty
  text-align center
  font-size 12px
  line-height 20px
  padding 4px 0
  color #aaa