.suggest
  font-size: 13px
  line-height: 16px
  position: relative
  width: 100%

  &__control
    font: inherit
    line-height: inherit
    border: 0
    box-sizing: border-box
    background: white
    outline: none
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2)

    &:focus
      box-shadow: 0 0 0 1px #fc0, inset 0 0 0 1px #fc0

    ^[0]_transparent &
    ^[0]_transparent:focus &
      background: none
      box-shadow: none

    ^[0]_size_s &
      height: 24px
      padding: 0 6px

    ^[0]_size_m &
      height: 28px
      padding: 0 8px

    ^[0]_size_l &
      font-size: 15px
      line-height: 18px

    ^[0]_size_xl &
      font-size: 18px
      line-height: 22px

    ^[0]_width_available &
      width: 100%

  &-menu
    overflow: auto

  &-section
    &__name
      text-transform: uppercase
      padding: 10px 13px 6px
      color: rgba(0, 0, 0, .33)

    &__items
      padding: 0
      margin: 0

  &-item
    line-height: 28px
    text-overflow: ellipsis
    white-space: nowrap
    overflow: hidden
    list-style-type: none
    padding: 0 13px
    cursor: pointer
	
    &:hover
    &_focused
      background-color: #ffeba0
