.ar-card-stat-bar {
  @extend .row;
  padding: 0;
  margin: 0;

  .ar-card-stat-bar--stat {
    @extend .col;
    @extend .py-4;
    text-align: center;
    overflow: hidden;

    + .ar-card-stat-bar--stat {
      border-left: 1px solid $fg-1;
    }
  }

  .ar-card-stat-bar--stat-value {
    @extend .mat-display-3;
    @extend .mb-1;

    text-align: center;
    margin: 0;
  }

  .ar-card-stat-bar--stat-label {
    @extend .mat-h2;
    @extend .text-fg-4;
    margin: 0;
  }

  .ar-card-stat-bar--footer {
    @extend .mt-3;

    &.bleed {
      margin-left: -16px;
      width: calc(100% + 40px);
    }
  }
}