@import "~@darwin-studio/ui-codegen/dist/styles/grid.css";

.dGrid {
  display: grid;
  min-width: 320px;
  margin: 0 auto;
  box-sizing: border-box;
  width: 100%;
  max-width: var(--grid-max-width);
  padding-left: var(--grid-column-offset);
  padding-right: var(--grid-column-offset);
  grid-column-gap: var(--grid-column-gap);
  grid-row-gap: var(--grid-row-gap);
  grid-template-columns: repeat(var(--grid-column-count), 1fr);
  --grid-row-gap: var(--grid-column-gap);
  --grid-col-span: 1;
}

.child,
.dGrid > * {
  grid-column-end: span var(--grid-col-span);
}