/* Equivalent to .flex.flex-col.gap-md */
.stack {
  display: flex;
  flex-direction: column;

  &:not([class*="gap-"]) {
    gap: var(--op-space-medium);
  }
}

/* Equivalent to .flex.flex-wrap.items-center.gap-md */
.cluster {
  display: flex;
  flex-wrap: wrap;
  align-items: center;

  &:not([class*="gap-"]) {
    gap: var(--op-space-medium);
  }
}

/* Equivalent to .flex.flex-wrap.items-center.justify-between.gap-md */
.split {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;

  &:not([class*="gap-"]) {
    gap: var(--op-space-medium);
  }
}