/**
 * @file
 * Layout base styles.
 */

.layout {
  display: grid;
  grid-column-gap: var(--gridColumnGap);
  grid-row-gap: var(--gridRowGap);
}

.layout--no-gap {
  --gridColumnGap: 0;
  --gridRowGap: 0;
}

.layout--small-gap {
  --gridColumnGap: var(--spacing05);
  --gridRowGap: var(--layout02);
}

.layout--center {
  place-content: center;
}

.layout--align-end {
  align-items: end;
}

.layout__region {
  min-width: 0;
}