.cols.flex{--flex-dir:var(--cols-dir,row);--flex-justify:var(--cols-justify,flex-start);--flex-align:var(--cols-align,stretch);--current-cols:var(--cols,1)}@media screen and (min-width:41.25rem){.cols.flex{--current-cols:var(--cols,2)}}@media screen and (min-width:61.25rem){.cols.flex{--current-cols:var(--cols,3)}}.cols.flex{--flex-space:var(--cols-space,1.25rem);--gutter:calc(var(--flex-space)*(var(--current-cols) - 1));--usable-space:calc(100% - var(--gutter));--container-width:min(var(--width-wrap),calc(100vw - var(--space-wide)));--min-width:250px;flex-wrap:wrap}.cols.flex>*{flex-basis:calc(var(--usable-space)/var(--current-cols))}