div.flex-list{display:flex;flex-direction:column;gap:var(--p-2);flex-wrap:wrap}div.flex-list.big-gap{gap:var(--p-4)}div.flex-list>*{flex:1;min-width:100px}div.flex-list.larger>*{min-width:200px}@media screen and (min-width: 700px){div.flex-list{flex-direction:row}div.flex-list.big-gap{gap:var(--p-2)}}@media screen and (min-width: 500px){div.sm-flex-list{flex-direction:row}div.sm-flex-list.big-gap{gap:var(--p-2)}}