@layer atoms {
  .mobius-stack {
    display: grid;
    flex: 1 1 auto;
    align-self: stretch;
    grid-auto-flow: row;

    &.--gap-xxs {
      gap: var(--size-xxs);
    }

    &.--gap-xs {
      gap: var(--size-xs);
    }

    &.--gap-sm {
      gap: var(--size-sm);
    }

    &.--gap-md {
      gap: var(--size-md);
    }

    &.--gap-lg {
      gap: var(--size-lg);
    }

    &.--gap-xl {
      gap: var(--size-xl);
    }
  }
}
