:root{--column-gap: 48px;--row-gap: 26px}body .grid{width:calc(100% + var(--column-gap));margin:calc(-1 * var(--row-gap)) 0 0 calc(-1 * var(--column-gap));flex-wrap:wrap;display:flex}body .grid .column{margin:var(--row-gap) 0 0 var(--column-gap);min-width:0}body .grid .column.column-3{width:calc(calc(calc(calc(100% / 12) * 3) - var(--column-gap)))}body .grid .column.column-4{width:calc(calc(calc(calc(100% / 12) * 4) - var(--column-gap)))}body .grid .column.column-5{width:calc(calc(calc(calc(100% / 12) * 5) - var(--column-gap)))}body .grid .column.column-6{width:calc(calc(calc(calc(100% / 12) * 6) - var(--column-gap)))}body .grid .column.column-8{width:calc(calc(calc(calc(100% / 12) * 8) - var(--column-gap)))}body .grid .column.column-12{width:calc(100% - var(--column-gap))}@media (max-width: 767px){body .grid{width:100%;margin:0}body .grid .column{margin:0}body .grid .column.column-3,body .grid .column.column-4,body .grid .column.column-5,body .grid .column.column-6,body .grid .column.column-8,body .grid .column.column-12{width:100%}}@media (min-width: 768px) and (max-width: 820px){body .grid .column.column-3,body .grid .column.column-4,body .grid .column.column-5,body .grid .column.column-6,body .grid .column.column-8{width:calc(50% - var(--column-gap))}body .grid .column.column-12{width:100%}}@media (min-width: 821px) and (max-width: 1024px){body .grid .column.column-3,body .grid .column.column-4,body .grid .column.column-5,body .grid .column.column-6,body .grid .column.column-8{width:calc(50% - var(--column-gap))}body .grid .column.column-12{width:100%}}