.base {
  display: flex;
}
.dir_col {
  composes: column from "../../commoncss/flex.module.css";
}
.dir_row {
  composes: row from "../../commoncss/flex.module.css";
}
.dir_row_reverse {
  composes: row_reverse from "../../commoncss/flex.module.css";
}
.dir_col_reverse {
  composes: column_reverse from "../../commoncss/flex.module.css";
}
.align_center_horizontal {
  composes: align_center_horizontal from "../../commoncss/flex.module.css";
}

.align_center_vertical {
  composes: align_center_vertical from "../../commoncss/flex.module.css";
}

.align_center_both {
  composes: align_center_both from "../../commoncss/flex.module.css";
}
.align_top {
  align-items: flex-start;
}

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

.align_baseline {
  align-items: baseline;
}

.spacing_xs {
  gap: 8px;
}
.spacing_sm {
  gap: 16px;
}
.spacing_md {
  gap: 24px;
}
.spacing_lg {
  gap: 32px;
}
.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;
}
  
