.grid-list {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  -moz-column-gap: var(--gutter-x-tight);
       column-gap: var(--gutter-x-tight);
  row-gap: var(--space-s);
}
@media only screen and (max-width: 64rem) {
  .grid-list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 48rem) {
  .grid-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
.grid-list.grid-columns-5 {
  grid-template-columns: repeat(5, 1fr);
}
@media only screen and (max-width: 64rem) {
  .grid-list.grid-columns-5 {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid-list.grid-columns-5 .grid-list-item:last-of-type {
    grid-column: span 2;
  }
}
.grid-list.grid-columns-4 {
  grid-template-columns: repeat(4, 1fr);
}
.grid-list.grid-columns-4 .list-content-title {
  font-family: var(--font-family-small-heading);
  font-weight: var(--font-weight-small-heading);
  text-transform: var(--text-transform-small-heading);
  font-size: var(--font-size-small-heading-1);
  line-height: var(--line-height-small-heading-1);
  letter-spacing: var(--letter-spacing-small-heading-1);
  font-style: var(--font-style-small-heading);
}
@media only screen and (max-width: 64rem) {
  .grid-list.grid-columns-4 {
    grid-template-columns: repeat(2, 1fr);
  }
}
.grid-list.grid-columns-3 {
  grid-template-columns: repeat(3, 1fr);
}
.grid-list.grid-columns-3 .list-content-title {
  font-family: var(--font-family-large-heading);
  font-weight: var(--font-weight-large-heading);
  text-transform: var(--text-transform-large-heading);
  font-size: var(--font-size-large-heading-3);
  line-height: var(--line-height-large-heading-3);
  letter-spacing: var(--letter-spacing-large-heading-3);
  font-style: var(--font-style-large-heading);
}
@media only screen and (max-width: 64rem) {
  .grid-list.grid-columns-3 {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid-list.grid-columns-3 .grid-list-item:last-of-type {
    grid-column: span 2;
  }
}
.grid-list.grid-columns-2 {
  grid-template-columns: repeat(2, 1fr);
}
.grid-list.grid-columns-1 {
  grid-template-columns: repeat(1, 1fr);
}
.grid-list .grid-list-item {
  width: 100%;
  text-align: center;
  border-radius: 4px;
  padding: var(--space-m) var(--space-3xs);
  display: flex;
  flex-direction: column;
  aspect-ratio: 1/1;
  justify-content: center;
  align-items: center;
  gap: var(--space-s);
}
.grid-list .grid-list-item h4 {
  font-family: var(--font-family-small-heading);
  font-weight: var(--font-weight-small-heading);
  text-transform: var(--text-transform-small-heading);
  font-size: var(--font-size-small-heading-1);
  line-height: var(--line-height-small-heading-1);
  letter-spacing: var(--letter-spacing-small-heading-1);
  font-style: var(--font-style-small-heading);
}
.grid-list .grid-list-item svg {
  width: var(--size-l-3);
  height: var(--size-l-3);
}
.grid-list .grid-list-item .list-content,
.grid-list .grid-list-item h5,
.grid-list .grid-list-item p {
  width: 100%;
}
.grid-list .grid-list-item .list-content-title {
  font-family: var(--font-family-small-heading);
  font-weight: var(--font-weight-small-heading);
  text-transform: var(--text-transform-small-heading);
  font-size: var(--font-size-small-heading-2);
  line-height: var(--line-height-small-heading-2);
  letter-spacing: var(--letter-spacing-small-heading-2);
  font-style: var(--font-style-small-heading);
}
@media only screen and (max-width: 48rem) {
  .grid-list.mobile-scroll .grid-list-item {
    flex-basis: 14rem;
  }
}
/*# sourceMappingURL=grid_list.css.map */