.x-grid{gap:var(--space-4);grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense;align-items:start;display:grid}.x-grid>*{grid-column:span 12}.col-span-1{grid-column:span 1}.col-span-2{grid-column:span 2}.col-span-3{grid-column:span 3}.col-span-4{grid-column:span 4}.col-span-5{grid-column:span 5}.col-span-6{grid-column:span 6}.col-span-7{grid-column:span 7}.col-span-8{grid-column:span 8}.col-span-9{grid-column:span 9}.col-span-10{grid-column:span 10}.col-span-11{grid-column:span 11}.col-span-12{grid-column:span 12}.row-span-1{grid-row:span 1}.row-span-2{grid-row:span 2}.row-span-3{grid-row:span 3}.row-span-4{grid-row:span 4}.row-span-5{grid-row:span 5}.row-span-6{grid-row:span 6}.row-span-7{grid-row:span 7}.row-span-8{grid-row:span 8}.row-span-9{grid-row:span 9}.row-span-10{grid-row:span 10}.row-span-11{grid-row:span 11}.row-span-12{grid-row:span 12}@media (max-width:900px){.x-grid{gap:var(--space-3);grid-template-columns:repeat(6,minmax(0,1fr))}.x-grid>*{grid-column:1/-1}.col-span-1{grid-column:span 1}.col-span-2{grid-column:span 2}.col-span-3{grid-column:span 3}.col-span-4{grid-column:span 4}.col-span-5{grid-column:span 5}.col-span-6{grid-column:span 6}}@media (max-width:640px){.x-grid{gap:var(--space-3);grid-template-columns:1fr}.x-grid>*{grid-area:auto/1/auto/-1!important}}