.ui-grid{display:grid;width:100%}.ui-grid--1{grid-template-columns:1fr}.ui-grid--2{grid-template-columns:1fr 1fr}.ui-grid--3{grid-template-columns:1fr 1fr 1fr}.ui-grid--4{grid-template-columns:1fr 1fr 1fr 1fr}.ui-grid--gap-sm{gap:.5rem}.ui-grid--gap-md{gap:1rem}.ui-grid--gap-lg{gap:1.5rem}@media (max-width:768px){.ui-grid--2,.ui-grid--3,.ui-grid--4{grid-template-columns:1fr}}@media (min-width:769px) and (max-width:1024px){.ui-grid--3,.ui-grid--4{grid-template-columns:1fr 1fr}}