$font-size-xxs: 0.6875rem;   //11px


.x-invoice-stats-pane {
  @extend %text-right;

  label {
    @extend %mb-0,
            %text-uppercase,
            %font-weight-bold;

    font-size: $font-size-xxs;
    letter-spacing: 0.05;
    color: lighten($color: theme-color('grey'), $amount: 10);
  }
}

.x-invoice-stats-primary {
  h1 {
    @extend %mb-0;
    font-size: 2.5rem;
    letter-spacing: -0.1rem;
  }
}

.x-invoice-stats-secondary {
  @extend %d-flex,
          %justify-content-between,
          %pt-2,
          %mt-2,
          .border-top;

  & > *:not(:first-child) {
    @extend %ml-4;
  }

  & > *:only-child {
    @extend %ml-auto;
  }

  h2 {
    letter-spacing: -0.025rem;
  }
}