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

$preCls:'phoenix';

.#{$preCls}-lookup{
  &__selectedWrapper {
    height: 100%;
    padding-top: $Sp-4;
    box-sizing: border-box;
  }
  &__selectedInfo {
    height: 20px;
    @include Fs-1;
    color: $M3;
  }
  &__selectedTotal {
    margin-left: $Sp-3;
  }
  &__selectedLimit {
    color: $M5;
  }
  &__clearSelected {
    cursor: not-allowed;
    float: right;
    color: $M5;
    &--active {
      cursor: pointer;
      color: $S2;
      &:hover {
        color: $S3;
      }
    }
  }
  &__tagsWrapper {
    width: 100%;
    height: calc(100% - 30px);
    margin-top: $Sp-4;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    display:-webkit-flex;
    align-content: flex-start;
    flex-wrap: wrap;
    @include scrollBar;
  }
  &__tagItem {
    margin-right: $Sp-5;
    margin-bottom: $Sp-4;
  }
  &__emptyMsg {
    @include Fs-4();
    top: 50%;
    transform: translateY(-50%);
    color: $M5;
    position: absolute;
    width: 100%;
    text-align: center;
  }
}