.grid {
  display: grid;
  gap: var(--grid-gap);
}

.grid__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.grid__item > * {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.grid--auto-fill {
  grid-template-columns: repeat(auto-fill, minmax(var(--grid-min, 150px), 1fr));
}

@media (min-width: 480px) {
  .grid--auto-fill {
    --grid-min: var(--grid-min-sm, 195px);
  }
}

@media (min-width: 768px) {
  .grid--auto-fill {
    --grid-min: var(--grid-min-md, 220px);
  }
}

@media (min-width: 992px) {
  .grid--auto-fill {
    --grid-min: var(--grid-min-lg, 215px);
  }
}

.grid--columns-numbers {
  grid-template-columns: repeat(var(--grid-count, 2), minmax(0, 1fr));
}

@media (min-width: 768px) {
  .grid--columns-numbers {
    --grid-count: 3;
  }
}

@media (min-width: 992px) {
  .grid--columns-numbers {
    --grid-count: 4;
  }
}

/*# sourceMappingURL=../../maps/molecules/grid/grid.css.map */