$NAME = "address"

$HEIGHT = 280px
$HEIGHT_TAB = 40px

.{$PREFIX}-{$NAME}
  height: $HEIGHT
  width: 100%
  position: absolute
  bottom: 0
  left: 0
  right: 0
  overflow: hidden
  background-color: #fff
  &-head
    height: $HEIGHT_TAB
    display: flex
    overflow: hidden
    overflow-x: auto
    font-size: 12px
    color: $color_t1
    padding-left: 8px
    padding-right: 8px
    border-bottom: 1px solid $color_b1
    &-tab
      $reset_ctrl()
      flex-shrink: 0
      height: 100%
      padding-left: 12px
      padding-right: 12px
      position: relative
      max-width: 144px
      overflow: hidden
      text-overflow: ellipsis
      white-space: nowrap
    &-waiting
      color: $color_t3
    &-active
      color: $color_main1
      &:after
        content: ""
        position: absolute
        bottom: 0
        left: 12px
        right: 12px
        height: 2px
        background-color: $color_main1
  &-main
    height: $HEIGHT - $HEIGHT_TAB
    position: relative
    overflow: hidden
    font-size: 14px
    color: $color_t1
    &-list
      $reset_ul()
      position: absolute
      top: 0
      left: 0
      width: 100%
      height: 100%
      overflow: auto
    &-item
      $reset_ctrl()
      height: 40px
      width: 100%
      text-align: left
      padding-left: 20px
      padding-right: 20px
      display: flex
      align-items: center
    &-active
      color: $color_main1
    &-text
      white-space: nowrap
      text-overflow: ellipsis
      overflow: hidden
    &-tick
      flex-shrink: 0
      width: 30px
      height: 30px
      margin-left: 8px
      $icon('tick@3x')