.grid{--gap:0px;--num-cols:1;--col-width-adjust:calc(((var(--num-cols) - 1)/var(--num-cols))*var(--gap));display:flex;flex-wrap:wrap}.nc-1{--num-cols:1}.nc-2{--num-cols:2}.nc-3{--num-cols:3}.nc-4{--num-cols:4}.nc-5{--num-cols:5}.nc-6{--num-cols:6}.nc-7{--num-cols:7}.nc-8{--num-cols:8}.nc-9{--num-cols:9}.nc-10{--num-cols:10}.nc-11{--num-cols:11}.nc-12{--num-cols:12}@media (width >= 576px){.nc-1-sm{--num-cols:1}.nc-2-sm{--num-cols:2}.nc-3-sm{--num-cols:3}.nc-4-sm{--num-cols:4}.nc-5-sm{--num-cols:5}.nc-6-sm{--num-cols:6}.nc-7-sm{--num-cols:7}.nc-8-sm{--num-cols:8}.nc-9-sm{--num-cols:9}.nc-10-sm{--num-cols:10}.nc-11-sm{--num-cols:11}.nc-12-sm{--num-cols:12}}@media (width >= 768px){.nc-1-md{--num-cols:1}.nc-2-md{--num-cols:2}.nc-3-md{--num-cols:3}.nc-4-md{--num-cols:4}.nc-5-md{--num-cols:5}.nc-6-md{--num-cols:6}.nc-7-md{--num-cols:7}.nc-8-md{--num-cols:8}.nc-9-md{--num-cols:9}.nc-10-md{--num-cols:10}.nc-11-md{--num-cols:11}.nc-12-md{--num-cols:12}}@media (width >= 1024px){.nc-1-lg{--num-cols:1}.nc-2-lg{--num-cols:2}.nc-3-lg{--num-cols:3}.nc-4-lg{--num-cols:4}.nc-5-lg{--num-cols:5}.nc-6-lg{--num-cols:6}.nc-7-lg{--num-cols:7}.nc-8-lg{--num-cols:8}.nc-9-lg{--num-cols:9}.nc-10-lg{--num-cols:10}.nc-11-lg{--num-cols:11}.nc-12-lg{--num-cols:12}}.col-1-1{width:calc(100% - var(--col-width-adjust))}.col-1-2{width:calc(50% - var(--col-width-adjust))}.col-2-2{width:calc(100% - var(--col-width-adjust))}.col-1-4{width:calc(25% - var(--col-width-adjust))}.col-2-4{width:calc(50% - var(--col-width-adjust))}.col-3-4{width:calc(75% - var(--col-width-adjust))}.col-4-4{width:calc(100% - var(--col-width-adjust))}