.appearance-none {
    appearance: none;
}
.appearance-auto {
    appearance: auto;
}
.appearance-none-prefixed {
    -webkit-appearance: none;
}

.display-flex {
    display: flex;
}
.display-inline-flex {
    display: inline-flex;
}
.display-inline {
    display: inline;
}
.display-var-flex {
    --dummy-display: flex;
}
.display-var-inline-flex {
    --dummy-display: inline-flex;
}
.display-var-inline {
    --dummy-display: inline;
}

.justify-content-flex-start {
    justify-content: flex-start;
}
.justify-content-flex-end {
    justify-content: flex-end;
}
.justify-content-center {
    justify-content: center;
}

.flex-flow-row-nowrap {
    flex-flow: row nowrap;
}
.flex-flow-column-wrap {
    flex-flow: column wrap;
}
.flex-flow-column-reverse-wrap-reverse {
    flex-flow: column-reverse wrap-reverse;
}
.flex-flow-row {
    flex-flow: row;
}

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

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

.flex-0-0-auto {
    flex: 0 0 auto;
}
.flex-0-1-auto {
    flex: 0 1 auto;
}
.flex-1-1-100 {
    flex: 1 1 100;
}
.flex-1-1-100percent{
    flex: 1 1 100%;
}
.flex-auto {
    flex: auto;
}
.flex-1-30px {
    flex: 1 30px;
}