.card-wrapper {
  --td-cell-vertical-padding: 6px;
  // --td-cell-horizontal-padding: 12px;

  $gap: 12px;
  margin: 3px var(--page-container-bleeding, 7px);
  border-radius: $gap;
  box-shadow: inset 0px 0px $gap * 3 0px rgba(52, 167, 107, 0.38);

  .card-header {
    --td-cell-title-color: #34A76B;
    --td-loading-color: var(--primary-color);
    padding: var(--td-cell-horizontal-padding, 32rpx);
    padding-bottom: var(--td-cell-vertical-padding, 32rpx);
    background-color: transparent;

    &.no-body {
      padding-bottom: var(--td-cell-horizontal-padding, 32rpx);
    }

    &__title {
      display: flex;
      flex-direction: row;
      align-items: center;

      .icon {
        margin-left: 8px;
        margin-top: 2px;
        height: 20px;
      }
    }

    .loading {
      margin-left: 8px;
    }
  }

  .card-body {
    padding: var(--td-cell-horizontal-padding, 32rpx);
    background-color: transparent;
    font-size: 14px;
    line-height: 2;

    .row+.row {
      margin-top: 4px;
    }
  }

  .card-header+.card-body {
    padding-top: var(--td-cell-vertical-padding, 32rpx);
  }

  .primary {
    color: var(--primary-color, #38FF6E);
  }
}