:root{--layoutGrid-content-width: 1280px;--layoutGrid-breakout-width: 1680px;--layoutGrid-fullwidth-spacing: 22px;--layoutGrid-breakout-spacing: clamp(0rem, 6.45vw - 1.9rem, 4.875rem)}.layoutGrid{--layoutGrid-fullWidth: minmax(var(--layoutGrid-fullwidth-spacing), 1fr);--layoutGrid-breakout: minmax(var(--layoutGrid-breakout-spacing), calc((var(--layoutGrid-breakout-width) - var(--layoutGrid-content-width)) / 2));--layoutGrid-content-width-total: min(calc(100% - (2 * var(--layoutGrid-fullwidth-spacing)) - (2 * var(--layoutGrid-breakout-spacing))), var(--layoutGrid-content-width));--layoutGrid-content-width-left-percentage-fallback: .5;--layoutGrid-content-width-left-percentage-calculated: var(--layoutGrid-content-width-left-percentage, (1 - var(--layoutGrid-content-width-right-percentage, var(--layoutGrid-content-width-left-percentage-fallback))));--layoutGrid-content-width-left-pixels-calculated: var(--layoutGrid-content-width-left-pixels, (var(--layoutGrid-content-width-total) - var(--layoutGrid-content-width-right-pixels, (var(--layoutGrid-content-width-total) - var(--layoutGrid-content-width-left-percentage-calculated) * var(--layoutGrid-content-width-total)))));--layoutGrid-content-width-left-calculated: var(--layoutGrid-content-width-left-pixels-calculated);--layoutGrid-content-width-right-calculated: calc(var(--layoutGrid-content-width-total) - var(--layoutGrid-content-width-left-pixels-calculated));display:grid;grid-template-columns:[fullwidth-start] var(--layoutGrid-fullWidth) [breakout-start] var(--layoutGrid-breakout) [content-start] calc(var(--layoutGrid-content-width-left-calculated)) [content-center] calc(var(--layoutGrid-content-width-right-calculated)) [content-end] var(--layoutGrid-breakout) [breakout-end] var(--layoutGrid-fullWidth) [fullwidth-end]}.layoutGrid>*{grid-column:content}.layoutGrid--content{grid-column:content}.layoutGrid--breakout{grid-column:breakout}.layoutGrid--fullwidth{grid-column:fullwidth}