.flex-nowrap {
    flex-wrap: nowrap;
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-row.to-column,
.flex-column.to-column {
    flex-direction: column;
}

.flex-row.to-row,
.flex-column.to-row {
    flex-direction: row;
}

.flex-row.items-start,
.flex-column.items-start,
.flex-row.top-items,
.flex-column.top-items {
    align-items: flex-start;
}

.flex-row.items-center,
.flex-column.items-center,
.flex-row.middle-items,
.flex-column.middle-items {
    align-items: center;
}

.flex-row.items-end,
.flex-column.items-end {
    align-items: flex-end;
}

.flex-row.items-stretch,
.flex-column.items-stretch {
    align-items: stretch;
}

.flex-row.justify-center,
.flex-column.justify-center,
.flex-row.center-content,
.flex-column.center-content {
    justify-content: center;
}

.flex-row.justify-end,
.flex-column.justify-end,
.flex-row.tar,
.flex-column.tar {
    justify-content: flex-end;
}

.flex-row.justify-between,
.flex-column.justify-between {
    justify-content: space-between;
}

.flex-row.justify-around,
.flex-column.justify-around {
    justify-content: space-around;
}

.flex-row.justify-evenly,
.flex-column.justify-evenly {
    justify-content: space-evenly;
}

.flex-row > .item-start,
.flex-column > .item-start {
    align-self: flex-start;
}

.flex-row > .item-center,
.flex-column > .item-center,
.flex-row > .middle-item,
.flex-column > .middle-item {
    align-self: center;
}

.flex-row > .item-end,
.flex-column > .item-end,
.flex-row > .flex-item-bottom,
.flex-column > .flex-item-bottom {
    align-self: flex-end;
}

.flex-row > .item-stretch,
.flex-column > .item-stretch {
    align-self: stretch;
}

html[data-size="large-desktop"] .large-desktop-to-column,
html[data-size="small-desktop"] .small-desktop-to-column,
html[data-size="tablet"] .tablet-to-column,
html[data-size="mobile"] .mobile-to-column,
html[data-size="small-mobile"] .mobile-to-column,
html[data-size="small-mobile"] .small-mobile-to-column {
    flex-direction: column;
}

html[data-size="large-desktop"] .large-desktop-flex-wrap,
html[data-size="small-desktop"] .small-desktop-flex-wrap,
html[data-size="tablet"] .tablet-flex-wrap,
html[data-size="mobile"] .mobile-flex-wrap,
html[data-size="small-mobile"] .mobile-flex-wrap,
html[data-size="small-mobile"] .small-mobile-flex-wrap {
    flex-wrap: wrap;
}

html[data-size="large-desktop"] .large-desktop-flex-nowrap,
html[data-size="small-desktop"] .small-desktop-flex-nowrap,
html[data-size="tablet"] .tablet-flex-nowrap,
html[data-size="mobile"] .mobile-flex-nowrap,
html[data-size="small-mobile"] .mobile-flex-nowrap,
html[data-size="small-mobile"] .small-mobile-flex-nowrap {
    flex-wrap: nowrap;
}