.multicolumns{
    width: 100%;
    display: flex;
    flex-direction: row;
    /* gap: 1rem; */
}
.multicolumns[data-columngap="0"]{
    gap: 0;
}
.multicolumns[data-columngap="1"]{
    gap: 1rem;
}
.multicolumns[data-columngap="1.5"]{
    gap: 1.5rem;
}
.multicolumns[data-columngap="2"]{
    gap: 2rem;
}
.multicolumns[data-columngap="3"]{
    gap: 3rem;
}
.multicolumns{
    gap: var(--gap);
}
.multicolumns[data-vertical-align-center]{
    align-items: center;
}
body[data-screen="mobile"] .multicolumns[data-mobile="column"]{
    flex-direction: column !important;
    gap: 1rem !important;
}
body[data-screen="mobile"] .multicolumns[data-mobile="column-reverse"]{
    flex-direction: column-reverse !important;
    align-items: flex-end;
    gap: 1rem !important;
}
.multicolumn{
    flex: var(--flex);
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.multicolumns[data-compact] .multicolumn{
    gap: 0.5rem;
}
.multicolumn[data-columnflex="1"]{
    flex: 1;
}
.multicolumn[data-columnflex="2"]{
    flex: 2;
}
.multicolumn[data-columnflex="3"]{
    flex: 3;
}
body[data-screen="mobile"] .multicolumns[data-mobile="column"] .multicolumn, body[data-screen="mobile"] .multicolumns[data-mobile="column-reverse"] .multicolumn{
    width: 100%;
}