.grid{display:grid;width:100%}.grid--gap-sm{gap:var(--gap-sm)}.grid--gap-base{gap:var(--gap-base)}.grid--gap-lg{gap:var(--gap-lg)}.grid--cols-2,.grid--cols-3,.grid--cols-4{grid-template-columns:1fr}@media (min-width:640px){.grid--cols-2,.grid--cols-3,.grid--cols-4{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.grid--cols-3{grid-template-columns:repeat(3,1fr)}.grid--cols-4{grid-template-columns:repeat(4,1fr)}}.grid>*{min-width:0;max-width:100%}