.x-gridder{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}.x-gridder.spacing-xl{gap:1.5rem}.x-gridder.spacing-lg{gap:1rem}.x-gridder.spacing-md{gap:.75rem}.x-gridder.spacing-sm{gap:.5rem}.x-gridder.spacing-xs{gap:.25rem}.x-gridder.spacing-xxs{gap:.125rem}.x-gridder.padding-lg{padding:1rem}.x-gridder.padding-md{padding:.75rem}.x-gridder.padding-sm{padding:.5rem}.x-gridder.padding-xs{padding:.25rem}.x-gridder.cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.x-gridder.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.x-gridder.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.x-gridder.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.x-gridder.cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}@media(max-width:1200px){.x-gridder.lg-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.x-gridder.lg-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.x-gridder.lg-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.x-gridder.lg-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:800px){.x-gridder.md-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.x-gridder.md-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.x-gridder.md-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.x-gridder.md-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:600px){.x-gridder.sm-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.x-gridder.sm-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.x-gridder.sm-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.x-gridder.sm-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}