.lego-select
  display: inline-block
  font-size: 15px
  color: #000
  background: #fff
  border-radius: 2px
  position: relative
  text-align: left

  &__value-list
    height: 0
    overflow: hidden

  &__value
    height: 32px
    line-height: 31px
    white-space: nowrap
    text-overflow: ellipsis
    border: 1px solid rgba(#000, .2)
    border-radius: 2px
    padding: 0 36px 0 12px
    box-sizing: border-box
    overflow: hidden
    position: relative
    cursor: pointer

  &__value_selected

    &:after
      content: ''
      display: block
      width: 33px
      background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMSIgaGVpZ2h0PSI2Ij48cGF0aCBkPSJNMTAuMyAwTDUuNSA0LjcuNyAwIDAgLjcgNS41IDYgMTEgLjd6Ii8+PC9zdmc+') 50% 50% no-repeat
      position: absolute
      top: 0
      right: 0
      bottom: 0

  &_open &__value_selected:after
    transform: rotate(180deg)

  &_border-bottom &__value_selected
    border-left: none
    border-right: none
    border-top: none
    border-radius: 0
    padding-left: 0

    &:after
      width: 11px

  &__option:first-child
    margin-top: 4px

  &__option:last-child
    margin-bottom: 4px

  &__option
    width: 100%
    text-overflow: ellipsis
    overflow: hidden
    cursor: pointer
    box-sizing: border-box

    &_regular
      padding: 4px 18px 4px 34px

      &:hover
        background-color: #ffeba0

    &_regular&_selected
      background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTEzLjUuNWwtOCAxMkwxLjcgOGwtMSAxLjZMNS42IDE1bDkuMS0xMy40eiIvPjwvc3ZnPg==')
      background-position: 10px 4px
      background-repeat: no-repeat

  &__option-list
    display: none
    font-size: 13px
    background: #fff
    border: 1px solid rgba(#000, .1)
    box-shadow: 0 6px 12px -5px rgba(0, 0, 0, .4)
    margin-top: 1px
    position: absolute
    left: 0
    right: 0
    z-index: 8000

  &__option-list &__scroll-area
    max-height: 240px

  &_open &__option-list
    display: block

  &__placeholder-label
    display: block
    font-size: 13px
    color: #999
    transform: translate(0, 1px)
    transition: transform .5s, font-size .5s
    position: absolute
    left: 0
    top: 0

  &_empty &__placeholder-label
    font-size: 15px
    transform: translate(0, 25px)

  &_labeled
    padding-top: 18px
    margin-bottom: 18px

  &_full-width
    width: 100%

  &_size-l &__value_selected
    height: 36px
    line-height: 35px

  &_size-l &__option-list
    font-size: 14px
