@import '@beisen-phoenix/style-token/css/variable.scss';

$preCls:'phoenix';

.#{$preCls}-groupSingleSelect {
  @include Fs-1;
  width: 100%;
  background: $M9;
  font-family: $family;
  padding: $Sp-2 0;
  box-sizing: border-box;
  max-height: 290px;
  display: flex;
  display: -ms-flexbox;
  flex-direction: column;
  @include scrollBar;
  &__contentWraper {
    max-height: 282px;
    min-height: 148px;
    overflow-y: auto;
    overflow-x: hidden;
    @include scrollBar;
  }
  &--loading {
    .#{$preCls}-groupSingleSelect__emptyContainer {
      // flex: 1;
      height: 182px;
    }
  }
  &--search {
    .#{$preCls}-groupSingleSelect__emptyContainer {
      // flex: 1;
      height: 148px;
    }
    .#{$preCls}-groupSingleSelect__contentWraper {
      max-height: 248px;
    }
  }
  &--empty {
    .#{$preCls}-groupSingleSelect__emptyContainer {
      // flex: 1;
      height: 182px;
    }
    &.#{$preCls}-groupSingleSelect--search { 
      .#{$preCls}-groupSingleSelect__emptyContainer {
        min-height: 148px;
        height: 100%;
      }
    }
  }
  &--sizeSmall {
    width: 170px;
  }
  &--sizeLarge {
    width: 340px;
  }
  &--fontLarge {
    @include Fs-2;
  }
  &--shadow {
    box-shadow: $Sh-2;
    border-radius: $Ra-2;
  }
  &__searchWrapper {
    padding: $Sp-2 10px 0px;
    flex-shrink: 0;
  }
  &__dListWrapper {
    flex-shrink: 0;
    @include scrollBar;
    overflow-y: auto;
    overflow-x: hidden;
  }
  &__dlWrapper {
    font-size: 12px;
    line-height: 20px;
    margin: 0;
    &--fontLarge {
      font-size: 14px;
      line-height: 22px;
    }
  }
  &__dtWrapper {
    color: $M5;
    margin: 0;
    padding: $Sp-2 $Sp-4;
    margin-inline-start: 0;
    overflow: hidden;
    white-space: nowrap;
    &:hover {
      cursor: pointer;
    }
    &--fontLarge {
      padding: $Sp-2 $Sp-5;
    }
    &--border {
      border-top: 1px solid $M7;
      padding-top: $Sp-3;
      margin-top: $Sp-2;
    }
  }
  &__dtText {
    overflow: hidden;
    text-overflow: ellipsis;
  }
  &__group {
    border-bottom:1px solid $M7;
    &:last-child {
      border-bottom:none;
    }
  }
  &__searchTip {
    padding-left:8px;
    font-family: $family;
    @include Fs-1;
    color:$F-yellow;
  }
}