.ml-chunk-statistics-item {
  padding: 5px;
  overflow: hidden;
  .ml-chunk-statistics-card-warpper {
    padding: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: 1px solid #e8e8e8;
    border-radius: 2px;
    &.align-left {
      .card-content {
        text-align: left;
      }
    }
    &.align-center {
      .card-content {
        text-align: center;
      }
    }
    &.align-right {
      .card-content {
        text-align: right;
      }
    }
    &.ss-primary {
      .card-content {
        color: $ml-theme-primary-color;
      }
    }
    &.ss-success {
      .card-content {
        color: $ml-theme-success-color;
      }
    }
    &.ss-info {
      .card-content {
        color: #909399;
      }
    }
    &.ss-warning {
      .card-content {
        color: $ml-theme-warning-color;
      }
    }
    &.ss-danger {
      .card-content {
        color: $ml-theme-error-color;
      }
    }
    &.ss-gray {
      color: $ml-gray-color;
    }
    &.ss-blue {
      .card-content {
        color: $ml-blue-color;
      }
    }
    &.ss-green {
      .card-content {
        color: $ml-green-color;
      }
    }
    &.ss-pink {
      .card-content {
        color: $ml-pink-color;
      }
    }
    &.ss-red {
      .card-content {
        color: $ml-red-color;
      }
    }
    &.ss-orange {
      .card-content {
        color: $ml-orange-color;
      }
    }
    &.ss-purple {
      .card-content {
        color: $ml-purple-color;
      }
    }
    &.ss-white {
      .card-content {
        color: $ml-white-color;
      }
    }
  }
  .card-title {
    color: #666666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .ant-card-body {
    padding: 10px;
  }
  .card-content {
    height: 24px;
    line-height: 24px;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    &.amount-align-left {
      text-align: left;
    }
    &.amount-align-center {
      text-align: center;
    }
    &.amount-align-right {
      text-align: right;
    }
  }
  .card-content-unit {
    padding-left: 5px;
  }
}