@m-statistics-prefix-cls: m-statistics-doc-card;

.@{m-statistics-prefix-cls} {
  .ant-card-body {
    padding: @statistics-doc-card-ant-card-body-padding;
    cursor: pointer;
    > div {
      flex-flow: nowrap;
    }
  }
}

.@{m-statistics-prefix-cls}-icon {
  &-content > img {
    flex-shrink: 0;
    width: @statistics-doc-card-icon-content-img-width;
    height: @statistics-doc-card-icon-content-img-height;
    margin-right: @statistics-doc-card-icon-content-img-margin-right;
    border-radius: @statistics-doc-card-icon-content-img-border-radius;
  }
  &-font {
    display: inline-block;
    flex-shrink: 0;
    width: @statistics-doc-card-icon-content-font-width;
    height: @statistics-doc-card-icon-content-font-height;
    margin-right: @statistics-doc-card-icon-content-font-margin-right;
    font-size: @statistics-doc-card-icon-content-font-font-size;
    font-weight: bold;
    line-height: @statistics-doc-card-icon-content-font-line-height;
    color: @statistics-doc-card-icon-content-font-color;
    text-align: center;
    background: @statistics-doc-card-icon-content-font-background;
    border-radius: @statistics-doc-card-icon-content-font-border-radius;
  }
}

.@{m-statistics-prefix-cls}-desc {
  display: inline-block;
  padding-left: @statistics-doc-card-desc-padding-left;
  font-size: @statistics-doc-card-desc-font-size;
  font-weight: @statistics-doc-card-desc-font-weight;
  color: @statistics-doc-card-desc-color;
}

.@{m-statistics-prefix-cls}-intro {
  display: block;
  padding-left: @statistics-doc-card-intro-padding-left;
  margin-top: @statistics-doc-card-intro-margin-top;
  font-weight: @statistics-doc-card-intro-font-weight;
  color: @statistics-doc-card-intro-color;
}