.gridblock{--gb-col-width:100%;--gb-row-gap:0px;--gb-col-count:1;width:100%}
.gridblock .row{display:flex;flex-wrap:wrap;gap:var(--gb-row-gap);width:100%}
.gridblock .row>*{min-width:0;flex:0 0 100%}
.gridblock .row.gb-el-columns-gap-sm{gap:5px;--gb-row-gap:5px}
.gridblock .row.gb-el-columns-gap-md{gap:25px;--gb-row-gap:25px}
.gridblock .row.gb-el-columns-gap-lg{gap:50px;--gb-row-gap:50px}
.gridblock .row.gb-el-columns-gap-xl{gap:100px;--gb-row-gap:100px}
@media (min-width: 768px){.gridblock .row{flex-wrap:nowrap}.gridblock .row>*{--gb-col-basis:calc(var(--gb-col-width) - (var(--gb-row-gap) * (var(--gb-col-count) - 1) / var(--gb-col-count)));flex:0 1 var(--gb-col-basis)}}