.unf-dropdown
  z-index 2

.unf-drop-menu-wrapper
.unf-drop-menu-pointer
  display inline-block
  position relative
  .unf-select
    cursor pointer

.unf-drop-menu-items-wrapper
  margin $options-wrapper-margin
  padding $options-wrapper-padding
  background-color $options-wrapper-bg
  border-radius $options-wrapper-radius
  border 1px solid $options-wrapper-border-color
  box-shadow $options-wrapper-box-shadow
  min-width $drop-menu-line-min-width
  &-icon > .unf-drop-menu-items .unf-drop-menu-items-text
    padding-left 24px
  &-icon > .unf-drop-menu-items-icon .unf-drop-menu-items-text
    padding-left 8px
  .unf-drop-menu-items
    &-line
      margin $drop-menu-line-margin
      border-bottom 1px solid $drop-menu-line-bg
    &-disabled
    &-available
    &-skip
      s-font-body()
      position relative
      padding $drop-menu-item-padding
      display flex
      align-items center
      ^[1]-text
        s-ellipsis()
        width 0
        flex auto
      ^[1]-wrapper
        display none
        position absolute
        left $drop-menu-sub-left
        top $drop-menu-sub-top
        &-invert
          left unset
          right $drop-menu-sub-left
    &-disabled
      cursor $cursor-disabled
      color $drop-menu-item-disabled-color
    &-skip
    &-available
      color $drop-menu-item-color
      & > .unf-drop-menu-items-text
        cursor pointer
      &:hover
        background-color $drop-menu-item-hover-bg
        & > .unf-drop-menu-items-wrapper
          display block
        & > .unf-drop-menu-items-hover-icon
          visibility visible
    &-skip
      & > .unf-drop-menu-items-text
        cursor default
      &:hover
        background-color transparent
    &-active
    &-active:hover
      color $drop-menu-item-active-color
    &-hover-icon
      visibility hidden