.flex_x {
    display: flex;
    flex-flow: row nowrap;
}
.flex_x_wrap {
    display: flex;
    flex-flow: row wrap;
}
.flex_x_center_wrap {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}
.flex_x_y_center {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}
.flex_x_y_center_wrap {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}

.flex_y {
    display: flex;
    flex-flow: column nowrap;
}
.flex_y_x_center {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
}
.flex_xy_center {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
}

.flex_x_center {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
}

.flex_x_center_wrap {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
}

.flex_x_start {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
}

.flex_x_start_wrap {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
}

.flex_x_end {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    align-items: center;
}

.flex_x_around {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-around;
    align-items: center;
}

.flex_x_between {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
}

.flex_x_end_end {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    align-items: flex-end;
}

.flex_x_center_start {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: flex-start;
}

.flex_x_between_start {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: flex-start;
}

.flex_y_center {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
}

.flex_y_around {
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-around;
    align-items: center;
}

.flex_y_between {
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    align-items: center;
}

.flex_y_start {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: center;
}

.flex_y_start_start {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;
}

.flex_y_start_center {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: center;
}

.flex_y_end_end {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-end;
    align-items: flex-end;
}

.flex_y_end {
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-around;
    align-items: flex-end;
}

.flex_y_center_start {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: flex-start;
}

.flex_y_center_end {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: flex-end;
}

.flex_y_end_center {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-end;
    align-items: center;
}