@import '../css/colors'
@import '../css/vars'

:local(.container)
  position: relative

  :local(.label)
    display: block
    font-size: 16px
    font-family: $sansserif
    color: $textGray
    margin-bottom: 10px
    user-select: none

  :local(.btn)
    border: solid 1px $borderGray
    background-color: $white
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 40px;
    font-family: $sansserif;
    box-shadow: none
    width: 100%
    text-align: left
    text-transform: none
    font-size: 16px
    padding-left: 12px;

    &:hover
      color: $textGray

:local(.collapsible)
    background-color: $white
    width: 100%

:local(.overlapping)
    position: absolute !important
    z-index: 1000
    overflow: auto !important