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

$preCls:'phoenix';

.#{$preCls}-groupSingleSelect {
  &__ddWrapper {
    margin: 0;
    color: $M1;
    padding: $Sp-2 $Sp-4;
    margin-inline-start: 0;
    overflow: hidden;
    white-space: nowrap;
    &:hover {
      cursor: pointer;
      background-color: rgba($S5, 0.1);
    }
    &--fontLarge {
      padding: $Sp-2 $Sp-5;
    }
    mark {
      background-color: rgba(250, 193, 5, 0.2);
    }
    &--groupSelectSign{
      padding-left: $Sp-8;
    }
    &--disabled {
      color: $M5;
      &:hover {
        cursor: not-allowed;
        background-color: inherit;
      }
    }
    &--active {
      background-color: rgba($M6, 0.3);
      &:hover{
        background-color: rgba($M6, 0.3);
      }
    }
  }
  &__ddText {
    overflow: hidden;
    text-overflow: ellipsis;
  }
}