.base {
  display: flex;
}
.dir_col {
  flex-direction: column;
}
.dir_row {
  flex-direction: row;
}
.dir_row_reverse {
  flex-direction: row-reverse;
}
.dir_col_reverse {
  flex-direction: column-reverse;
}
.align_center_horizontal {
  justify-content: center;
}

.align_center_vertical {
  align-items: center;
}

.align_center_both {
  justify-content: center;
  align-items: center;
}
.align_top {
  align-items: flex-start;
}

.align_bottom {
  align-items: flex-end;
}

.align_baseline {
  align-items: baseline;
}

.spacing_xs {
  gap: var(--lib_size_8);
}
.spacing_sm {
  gap: var(--lib_size_16);
}
.spacing_md {
  gap: var(--lib_size_24);
}
.spacing_lg {
  gap: var(--lib_size_32);
}
.spacing_none {
  gap: 0;
}
.spacing_none{
    gap: 0;
}

.wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.wrap_reverse {
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
}
  
