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

.flex-col {
    display: flex;
    flex-direction: column;
}

.inline-flex-row {
    display: inline-flex;
    flex-direction: row;
}

.inline-flex-col {
    display: inline-flex;
    flex-direction: column;
}


.flex-row-left {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
.flex-row-left-center {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}
.flex-row-center {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.flex-row-right {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}
.flex-row-right-center {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
}
.flex-row-between {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.flex-row-between-center {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.flex-row-around {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}


.flex-col-top {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.flex-col-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.flex-col-center-top {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.flex-col-bottom {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.flex-col-between {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.flex-col-around {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}


.flex-row-center-center {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.flex-col-center-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}


.gap-1 {
    gap: 0.10667rem;
}

.gap-2 {
    gap: 0.21333rem;
}

.gap-4 {
    gap: 0.42667rem;
}