:root{--offset:0;--max_width:var(--content-width);--columns:12;--gutter:var(--size-grid-col-gap);--baseline:1.5rem;--baseline-offset:0;--color-raster-cols:rgba(127,195,241,0.25);--color-raster-lines:#f0f;--color-raster-button:#7ec3f1;--repeating-width:calc(100%/var(--columns));--column-width:calc(100%/var(--columns) - var(--gutter));--background-width:calc(100% + var(--gutter));--background-columns:repeating-linear-gradient(90deg,var(--color-raster-cols),var(--color-raster-cols) var(--column-width),transparent var(--column-width),transparent var(--repeating-width));--background-baseline:repeating-linear-gradient(180deg,var(--color-raster-lines),var(--color-raster-lines) 1px,transparent 0,transparent var(--baseline))}html{position:relative}html:before{position:absolute;top:0;right:0;bottom:0;left:0;margin-right:auto;margin-left:auto;width:100%;width:calc(100% - var(--offset)*2);max-width:var(--content-width);max-width:var(--max_width);min-height:100vh;content:"";background-size:calc(100% + var(--size-grid-col-gap)) 100%;background-size:var(--background-width) 100%;background-position:0 0;background-position:0 var(--baseline-offset);z-index:1000;pointer-events:none}html.cols.rows:before{background-image:repeating-linear-gradient(180deg,#f0f,#f0f 1px,transparent 0,transparent 1.5rem),repeating-linear-gradient(90deg,rgba(127,195,241,.25),rgba(127,195,241,.25) calc(8.33333% - var(--size-grid-col-gap)),transparent calc(8.33333% - var(--size-grid-col-gap)),transparent 8.33333%);background-image:var(--background-baseline),var(--background-columns)}html.cols:before{background-image:repeating-linear-gradient(90deg,rgba(127,195,241,.25),rgba(127,195,241,.25) calc(8.33333% - var(--size-grid-col-gap)),transparent calc(8.33333% - var(--size-grid-col-gap)),transparent 8.33333%);background-image:var(--background-columns)}html.rows:before{background-image:repeating-linear-gradient(180deg,#f0f,#f0f 1px,transparent 0,transparent 1.5rem);background-image:var(--background-baseline)}button.raster-col-toggle,button.raster-row-toggle{position:fixed;bottom:0;right:0;padding:.5em 1.5em;min-width:10rem;background:#fff;z-index:1001;background-color:#7ec3f1;background-color:var(--color-raster-button)}button.raster-row-toggle{bottom:3rem}