:root{--ys-spacing-05:var(--ys-scale-0-5);--ys-spacing-1:var(--ys-scale-1);--ys-spacing-2:var(--ys-scale-2);--ys-spacing-3:var(--ys-scale-3);--ys-spacing-4:var(--ys-scale-4);--ys-spacing-6:var(--ys-scale-6);--ys-spacing-8:var(--ys-scale-8);--ys-spacing-10:var(--ys-scale-10);--ys-spacing-12:var(--ys-scale-12);--ys-spacing-16:var(--ys-scale-16)}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}}