body{--ys-grid-gutter:var(--ys-spacing-8);--ys-grid-num-columns:12;--ys-grid-num-gutters:calc(var(--ys-grid-num-columns) - 1);--ys-grid-gutter-total-width:calc(var(--ys-grid-gutter) * var(--ys-grid-num-gutters));--ys-grid-columns-total-width:calc(var(--ys-page-width) - var(--ys-grid-gutter-total-width));--ys-grid-column-width:calc(var(--ys-grid-columns-total-width) / var(--ys-grid-num-columns))}@media (min-width:768px) and (max-width:1023px){body{--ys-grid-gutter:var(--ys-spacing-6);--ys-grid-num-columns:6}}@media (max-width:767px){body{--ys-grid-gutter:var(--ys-spacing-4);--ys-grid-num-columns:2}}