@import '../../../../assets/variable.less';
.module-user-portrait-detail-info-item {
  display: flex;
  flex-direction: column;
  height: 398px;
  padding: @padding-lg;
  padding-bottom: 8px;
  background-color: #fff;
  border-radius: 8px;
  &-header {
    display: flex;
    justify-content: space-between;
    .portrait-info-name {
      flex: 1;
      min-width: 0;
      height: 32px;
      overflow: hidden;
      color: @text-color;
      font-weight: 500;
      font-size: 16px;
      line-height: 32px;
      white-space: nowrap;
      text-overflow: ellipsis;
    }
    .portrait-info-operation {
      display: flex;
      align-items: center;
      .show-number-config {
        width: 90px;
      }
      .delete-portrait {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 24px;
        height: 32px;
        margin-left: @margin-xs;
        border-radius: 4px;
        &:hover,
        &.ant-popover-open {
          color: #fb5547;
          background-color: #fed5d1;
        }
        > i {
          width: 16px;
          height: 16px;
          line-height: 16px;
          cursor: pointer;
        }
      }
    }
  }
  &-content {
    flex: 1;
    min-height: 0;
    .portrait-info-empty-data {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100%;
    }
  }
}
.delete-portrait-info-pop {
  .ant-popover-arrow {
    right: 10px !important;
  }
  .ant-popover-inner {
    width: 400px;
    border-radius: 10px;
    .ant-popover-message {
      padding: 0 !important;
      .ant-popover-message-title {
        padding: 0;
      }
    }
    .ant-popover-inner-content {
      padding: @padding-lg;
    }
    .ant-popover-buttons {
      margin-bottom: 0;
    }
    .delete-portrait-info-pop-content {
      .delete-portrait-info-title {
        margin-bottom: @margin-lg;
        > i {
          margin-right: @margin-xs;
          color: @warning-color;
          font-size: 24px;
          line-height: 34px;
        }
        > span {
          color: @text-color;
          font-weight: 500;
          font-size: 24px;
          line-height: 34px;
        }
      }
      .delete-portrait-info-tip {
        margin-bottom: @margin-md;
        color: @text-color;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
      }
    }
  }
}