.ab-grid,:host{--grid-gutter:var(--ab-spacing-300);display:flex;flex-wrap:wrap;margin:0 calc(var(--grid-gutter)*-1) 0 calc(var(--grid-gutter)*-1)}.ab-grid--gutter-none,:host([gutter=none]){--grid-gutter:0px}.ab-grid--gutter-small,:host([gutter=small]){--grid-gutter:var(--ab-spacing-200)}.ab-grid--gutter-medium,:host([gutter=medium]){--grid-gutter:var(--ab-spacing-300)}.ab-grid--gutter-large,:host([gutter=large]){--grid-gutter:var(--ab-spacing-600)}@supports (display:grid){.ab-grid,:host{box-sizing:border-box;display:grid;grid-template-columns:repeat(12,1fr);grid-row-gap:var(--grid-gutter);grid-column-gap:var(--grid-gutter);margin:0}}