$o-stats-bp1: 1148;


.o-stats {
  @include template(stats, content);
  @include vspacing('padding-top' 0.5, 'padding-bottom' 1);
  background-color: palette(neutral, 100);
}


.o-stats__main {
  @include contain;
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-rows: auto auto;
  grid-row-gap: space(10);
  grid-template-areas:
      "content"
      "info";

  @include mq($o-stats-bp1) {
    grid-template-rows: auto;
    grid-template-columns: 6fr 1fr 5fr;
    grid-row-gap: space(4);
    grid-template-areas:
        "info . content";
  }
}


.o-stats__list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  margin-left: space(-2);
  margin-right: space(-2);
}


.o-stats__item {
  margin-left: space(2);
  margin-right: space(2);
  margin-bottom: space(3);
  width: 230px;
}

.o-stats__content-wrapper {
  @include mq(680, $o-stats-bp1) {
    max-width: 500px;
  }
}