/* flex presets */
.flex {
    display: flex;
}

/* inline flex presets */
.inline-flex {
    display: inline-flex;

    /* justify-content: flex-start;
    align-items: center; */
}

.inline-flex[data-inline-flex-gap="m"] {
    column-gap: 10px;
    row-gap: 10px;
}

.inline-flex[data-inline-flex-no-margin="true"] {
    margin-top: 0;
    margin-bottom: 0;
}

/* misc */
.flex-direction-row {
    flex-direction: row;
}

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

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

.flex-nowrap {
    white-space: nowrap;
}

.flex-shrink {
    flex-shrink: 0;
}