/* FLEX COMPOSITION */

.flex {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  column-gap: var(--column-gap, var(--gutter, var(--space-8)));
  row-gap: var(--row-gap, var(--gutter, var(--space-8)));
}

.flex-col,
.flex-col-reverse {
  flex-direction: column;
  flex-wrap: nowrap;
  --row-gap: var(--space-16);
}
.flex-col-reverse {
  flex-direction: column-reverse;
}

.justify-center {
  justify-content: center;
}
.items-start {
  align-items: flex-start;
}
.items-center {
  align-items: center;
}
.items-baseline {
  align-items: baseline;
}
.items-stretch {
  align-items: stretch;
}

.order-first {
  order: -9999;
}
.order-last {
  order: 9999;
}

.flex-1 {
  flex: 1 1 0%;
}
