@mixin center {
  align-items: center;
  justify-content: center;
}

@mixin column($display: flex, $flex: 1 1 auto, $gap: var(--neo-gap, 1rem), $center: false) {
  @if $center {
    @include center;
  }

  display: $display;
  flex: $flex;
  flex-direction: column;
  gap: $gap;
}

@mixin row($display: flex, $flex: 1 1 auto, $wrap: wrap, $gap: var(--neo-gap, 1rem), $center: false) {
  @if $center {
    @include center;
  }

  display: $display;
  flex: $flex;
  flex-flow: row $wrap;
  gap: $gap;
}