@import './token.less';

@add-someone-prefix-cls: ~'@{prefix}-add-someone';

.@{add-someone-prefix-cls} {
  display: flex;
  flex-direction: column;

  &-info-block {
    border-radius: @add-someone-block-border-radius;
    border: 1px solid #a8bbff;
    background: linear-gradient(180deg, #eef1ff 0%, #f8f9ff 100%);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: @add-someone-block-padding;
    box-sizing: border-box;

    &-title {
      color: @add-someone-block-title-color;
      font-size: @add-someone-block-title-font-size;
      font-style: normal;
      font-weight: @add-someone-block-title-font-weight;
    }
    &-info {
      color: @add-someone-block-info-color;
      text-align: right;
      font-size: @add-someone-block-info-font-size;
      font-style: normal;
      font-weight: @add-someone-block-info-font-weight;
    }
  }

  &-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid @add-someone-toolbar-border-bottom-color;
    padding: @add-someone-toolbar-padding;
    margin-bottom: @add-someone-toolbar-margin-bottom;

    &-description {
      color: #5e6375;
      font-size: @add-someone-toolbar-description-font-size;
      font-style: normal;
      font-weight: @add-someone-toolbar-description-font-weight;
    }

    &-input {
      max-width: @add-someone-toolbar-input-max-width;
    }
  }

  &-list {
    width: 100%;
    min-height: @spacing-21;

    &-loading {
      display: flex;
      align-items: center;
      justify-content: center;
      .arco-list-spin {
        width: 100%;
      }
    }
  }
}