.esphinx.ui

&.select
  display: inline-block

  .caption
    border: 1px solid
    padding: 5px
    display: inline-block

    cursor: pointer

    .text
      white-space: nowrap
      overflow-x: hidden
      text-overflow: ellipsis

      display: inline-block
      margin-right: 6px

    &::after
      vertical-align: top
      display: inline-block
      margin-right: -4px
      text-align: center

    &.retracted-arrow
      &::after
        content: '▼'

    &.expanded-arrow
      &::after
        content: '▲'

  .options-panel
    display: none
    border: 1px solid
    margin-top: -1px
    padding: 10px

    position: absolute
    background: white

    ol, ul
      overflow-y: auto

      background: white

      list-style: none
      margin: 0

      li
        cursor: pointer

        white-space: nowrap
        overflow-x: hidden
        text-overflow: ellipsis

        padding: 3px 0

      &.list-built-found
        li
          &:first-of-type
            padding-top: 9px

&.list-built-found
  background: white

  li
    cursor: default