.flex__wrap{--width:100%;--flex-unit:calc(var(--width) - var(--gutter-inner));margin:calc(var(--gutter-inner)*-.5);flex-flow:column wrap;display:flex}.flex__wrap>*{width:100%;max-width:var(--flex-unit);flex:1 1 var(--flex-unit);margin:calc(var(--gutter-inner)*.5)}@media (width>=37.5em){.flex__wrap{--width:50%;flex-direction:row}}@media (width>=55em){.flex[data-max-columns="3"] .flex__wrap,.flex[data-max-columns="4"] .flex__wrap{--width:33.3333%}}@media (width>=70em){.flex[data-max-columns="4"] .flex__wrap{--width:25%}}.flex--tight{--gutter-inner:1.25rem}