.host {
  display: flex;
  gap: var(--vkui_internal--row_gap) var(--vkui_internal--column_gap);
}

.displayNone {
  display: none;
}

.displayInlineFlex {
  display: inline-flex;
}

.marginAuto {
  margin-block: var(--vkui--size_base_padding_vertical--regular);
  margin-inline: var(--vkui--size_base_padding_horizontal--regular);
}

.host > .marginAuto {
  margin-block: 0;
  margin-inline: 0;
}

.directionColumn {
  flex-direction: column;
}

.reverse {
  flex-direction: row-reverse;
}

.directionColumn.reverse {
  flex-direction: column-reverse;
}

.wrap {
  flex-wrap: wrap;
}

/* justify-content */

.justifyStart {
  justify-content: flex-start;
}

.justifyEnd {
  justify-content: flex-end;
}

.justifyCenter {
  justify-content: center;
}

.justifySpaceAround {
  justify-content: space-around;
}

.justifySpaceBetween {
  justify-content: space-between;
}

.justifySpaceEvenly {
  justify-content: space-evenly;
}

/* align-items */

.alignStart {
  align-items: flex-start;
}

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

.alignCenter {
  align-items: center;
}

.alignStretch {
  align-items: stretch;
}

.alignBaseline {
  align-items: baseline;
}