:host {
  --digi--layout-columns--gap--column: var(--digi--gutter--largest);
  --digi--layout-columns--gap--row: var(--digi--gutter--largest);
  --digi--layout-columns--min-width: 0;
  --digi--layout-columns--gap--column--32: var(--digi--global--spacing--largest-4);
}
:host .digi-layout-columns {
  display: grid;
  grid-column-gap: var(--digi--layout-columns--gap--column);
  grid-row-gap: var(--digi--layout-columns--gap--row);
  grid-template-columns: repeat(auto-fit, minmax(var(--digi--layout-columns--min-width), 1fr));
}
:host .digi-layout-columns--column-gap-32 {
  --digi--layout-columns--gap--column: var(--digi--layout-columns--gap--column--32);
}
:host .digi-layout-columns--one {
  --digi--layout-columns--min-width: 100%;
}
:host .digi-layout-columns--two {
  --digi--layout-columns--min-width: calc(50% - var(--digi--layout-columns--gap--column));
}
:host .digi-layout-columns--three {
  --digi--layout-columns--min-width: calc(33% - var(--digi--layout-columns--gap--column));
}
:host .digi-layout-columns--four {
  --digi--layout-columns--min-width: calc(25% - var(--digi--layout-columns--gap--column));
}