/* stylelint-disable */
.wp-block-stats__container {
  margin: 0 auto;
  max-width: var(--width-max-width-padded);
  padding-left: var(--spacing-body);
  padding-right: var(--spacing-body);
  width: 100%;
}

.wp-block-stats--inline .wp-block-stats__content + .wp-block-stats__stats {
  margin-top: var(--spacing-l);
}

.wp-block-stats--inline .wp-block-stats__stats {
  display: grid;
  gap: var(--grid-gap-gap-row-mobile) var(--grid-gap-gap-column-mobile);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  width: 100%;
  grid-template-rows: auto;
  border-bottom: 1px solid var(--colour-dark-blue-35);
  border-top: 1px solid var(--colour-dark-blue-35);
  padding: var(--spacing-l) 0;
}

@media (min-width: 1023px) {
  .wp-block-stats--inline .wp-block-stats__stats {
    gap: var(--spacing-l);
  }
}
@media (max-width: 766.98px) {
  .wp-block-stats--inline .wp-block-stats__stats {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.wp-block-stats--blue-box .wp-block-stats__box,
.wp-block-stats--dark-blue-box .wp-block-stats__box {
  display: grid;
  gap: var(--spacing-l);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: 100%;
  grid-template-rows: auto;
  align-items: center;
  border-radius: var(--radius-image);
  padding: var(--spacing-xl);
}

@media (min-width: 1023px) {
  .wp-block-stats--blue-box .wp-block-stats__box,
  .wp-block-stats--dark-blue-box .wp-block-stats__box {
    gap: var(--spacing-l);
  }
}
@media (max-width: 1022.98px) {
  .wp-block-stats--blue-box .wp-block-stats__box,
  .wp-block-stats--dark-blue-box .wp-block-stats__box {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media (max-width: 766.98px) {
  .wp-block-stats--blue-box .wp-block-stats__box,
  .wp-block-stats--dark-blue-box .wp-block-stats__box {
    padding: var(--spacing-s) var(--spacing-xxs);
  }
}
.wp-block-stats--blue-box .wp-block-stats__stats,
.wp-block-stats--dark-blue-box .wp-block-stats__stats {
  display: grid;
  gap: var(--grid-gap-gap-row-mobile) var(--grid-gap-gap-column-mobile);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: 100%;
  grid-template-rows: auto;
}

@media (min-width: 1023px) {
  .wp-block-stats--blue-box .wp-block-stats__stats,
  .wp-block-stats--dark-blue-box .wp-block-stats__stats {
    gap: var(--spacing-m);
  }
}
.wp-block-stats--blue-box .wp-block-stats__box {
  background-color: var(--colour-light-blue-10);
}

.wp-block-stats--dark-blue-box .wp-block-stats__box {
  background-color: var(--colour-dark-blue-35);
}

.wp-block-stats--separate-boxes .wp-block-stats__content + .wp-block-stats__stats {
  margin-top: var(--spacing-l);
}

.wp-block-stats--separate-boxes .wp-block-stats__stats {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-l);
  justify-content: center;
}

.wp-block-stats--separate-boxes .wp-component-stat {
  background-color: var(--colour-light-blue-10);
  border-radius: var(--radius-image);
  padding: var(--spacing-s);
  text-align: center;
  width: 100%;
}

@media (min-width: 767px) {
  .wp-block-stats--separate-boxes .wp-component-stat {
    flex: 0 0 calc(50% - var(--spacing-l) / 2);
    max-width: 410px;
  }
}
@media (min-width: 1023px) {
  .wp-block-stats--separate-boxes .wp-component-stat {
    flex: 0 0 calc(33.333% - var(--spacing-l) * 2 / 3);
  }
}
@media (min-width: 1023px) {
  .wp-block-stats--separate-boxes.wp-block-stats--columns-4 .wp-component-stat {
    flex: 0 0 calc(25% - var(--spacing-l) * 3 / 4);
  }
}
.wp-block-stats--dark .wp-block-stats__stats {
  border-color: var(--colour-white);
}

.wp-block-stats--dark.wp-block-stats--separate-boxes .wp-component-stat {
  background: rgba(19, 38, 49, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.5);
}

.wp-block-stats--2-col .wp-block-stats__box {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-l);
}

@media (min-width: 1023px) {
  .wp-block-stats--2-col .wp-block-stats__box {
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
  }
}
@media (min-width: 1023px) {
  .wp-block-stats--2-col .wp-block-stats__box > * {
    max-width: 524px;
  }
}
.wp-block-stats--2-col .wp-block-stats__stats {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-m);
}

.wp-block-stats--reduced-width .wp-block-stats__container {
  max-width: var(--block-reduced-max-width-offset-container);
}
