.grid-layout {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-auto-columns: 1fr;
  grid-auto-rows: minmax(0, auto);
  grid-auto-flow: row dense;
  grid-column-gap: var(--b14grid-gutter-width);
  row-gap: clamp(21px, 18.3px + 0.0045 * 100vw, 30px);
}

.grid-layout.col-span__12 > * {
  grid-column: span 12;
}
.grid-layout.col-span__6 > * {
  grid-column: span 6;
}
@media (max-width: 600px) {
  .grid-layout.col-span__6 > * {
    grid-column: span 12;
  }
}
.grid-layout.col-span__4 > * {
  grid-column: span 4;
}
@media (max-width: 1024px) {
  .grid-layout.col-span__4 > * {
    grid-column: span 6;
  }
}
@media (max-width: 600px) {
  .grid-layout.col-span__4 > * {
    grid-column: span 12;
  }
}
.grid-layout.col-span__3 > * {
  grid-column: span 3;
}
@media (max-width: 1024px) {
  .grid-layout.col-span__3 > * {
    grid-column: span 6;
  }
}
@media (max-width: 600px) {
  .grid-layout.col-span__3 > * {
    grid-column: span 12;
  }
}
.grid-layout.col-span__2 > * {
  grid-column: span 2;
}
@media (max-width: 600px) {
  .grid-layout.col-span__2 > * {
    grid-column: span 6;
  }
}
/*# sourceMappingURL=../_maps/base/grid-layout.css.map */