.community-stats {
  a {
    width: max-content;
  }

  .page-header {
    nb-card-header {
      @apply com-flex com-items-center;
      h3 {
        font-weight: 300;
        margin-bottom: 0;

        nb-icon {
          font-size: 2rem;
        }

        small {
          font-size: 1rem;
        }
      }
    }
  }

  nb-card.stat-card.events {
    nb-card-body {
      .wide.chart-container {
        height: 400px;
        margin-bottom: 3rem;
        max-height: 70vh;
        max-width: 100vw;
        width: 100%;
        @apply com-mt-16;
        p {
          @apply com-text-xl;
        }
      }
    }
  }

  nb-card.stat-card {
    nb-card-header {
      h3 {
        @apply com-font-light com-m-0;
      }
    }

    nb-card-body {
      .first-section {
        @apply com-items-center com-flex com-flex-wrap com-justify-evenly com-pl-0 com-py-4 com-pr-4;

        .chart-container {
          @apply com-relative com-text-center com-w-96;
          p {
            @apply com-text-xl com-leading-3;
          }
        }

        .wide.chart-container {
          @apply com-h-80 com-mb-12 com-max-w-[100vw] com-w-500px;
        }
      }

      .section-second {
        .tag-section {
          @apply com-mt-12 com-mb-4;
          p {
            @apply com-text-xl;
          }
        }
      }

      .table {
        @apply com-flex-col com-items-start;
        p {
          @apply com-text-xl com-leading-3 com-mx-auto;
        }
        table {
          @apply com-border-collapse;
        }
        td,
        th {
          @apply com-border com-border-solid com-border-gray-300 com-p-2;
        }

        tr:nth-child(odd) {
          @apply com-bg-gray-300 com-text-tYankees-Blue;
        }
      }

      .count {
        @apply com-flex com-flex-wrap com-justify-around com-items-center;
        p {
          @apply com-text-xl com-m-0 com-text-center;
        }
      }
    }
  }
}
