:root{--max-width:100vw;--outer-gutter:1rem;--inner-gutter:1.83rem;--gap:2.5rem;--columns:12;--auto-margin:var(--outer-gutter);--max-inner:calc(var(--max-width) - var(--outer-gutter));--gutterless:calc(var(--max-width) - (var(--inner-gutter) * 2));--col-increment:calc(var(--column) + var(--gap));}@media (min-width:1667px){:root{--auto-margin:calc((100vw - var(--max-width,1000px)) / 2);--max-width:1630px;}}@media (min-width:1001px) and (max-width:1666px){:root{--gap:3.2rem;}}@media (max-width:1001px){:root{--columns:8;--gap:2rem;}}@media (min-width:611px) and (max-width:500px){:root{--columns:4;--gap:1rem;}}@media (max-width:610px){:root{--columns:1;--gap:var(--inner-gutter,1rem);}}:root{--gutter:calc(var(--outer-gutter) + var(--inner-gutter));--column:calc((var(--gutterless) - ((var(--columns) - 1) * var(--gap))) / var(--columns));}:root{--1-columns:var(--column);--2-columns:calc(var(--column) * 2 + var(--gap));--3-columns:calc(var(--column) * 3 + var(--gap) * 2);--4-columns:calc(var(--column) * 4 + var(--gap) * 3);--5-columns:calc(var(--column) * 5 + var(--gap) * 4);--6-columns:calc(var(--column) * 6 + var(--gap) * 5);--7-columns:calc(var(--column) * 7 + var(--gap) * 6);--8-columns:calc(var(--column) * 8 + var(--gap) * 7);--9-columns:calc(var(--column) * 9 + var(--gap) * 8);--10-columns:calc(var(--column) * 10 + var(--gap) * 9);--11-columns:calc(var(--column) * 11 + var(--gap) * 10);--12-columns:calc(var(--column) * 12 + var(--gap) * 11);}
