layout-full-bleed *{margin:0;padding:0;border:none;box-sizing:border-box}layout-full-bleed{--content-width:1150px;--gap:15px;--bleed-spacing:40px;--component-spacing:40px;--component-spacing-compact:15px;--main-spacing:40px;display:grid;grid-template-columns:[full-start] minmax(15px,1fr) [content-start] min(100% - 2 * 15px,1150px) [content-end] minmax(15px,1fr) [full-end];grid-template-columns:[full-start] minmax(var(--gap),1fr) [content-start] min(100% - 2 * var(--gap),var(--content-width)) [content-end] minmax(var(--gap),1fr) [full-end]}layout-full-bleed>*{grid-column:content}layout-full-bleed>footer,layout-full-bleed>header{grid-column:full}layout-full-bleed>main{grid-column:full;display:grid;grid-template-columns:inherit;margin-top:40px;margin-bottom:40px;margin-top:var(--main-spacing);margin-bottom:var(--main-spacing)}layout-full-bleed>main>[data-layout=passthrough]{display:contents;grid-template-columns:inherit}layout-full-bleed :is(layout-full-bleed>main,layout-full-bleed>main>[data-layout=passthrough])>:not([component]):empty,layout-full-bleed :is(layout-full-bleed>main,layout-full-bleed>main>[data-layout=passthrough])>[data-content=empty]{display:none}layout-full-bleed :is(layout-full-bleed>main,layout-full-bleed>main>[data-layout=passthrough])>*{grid-column:content}layout-full-bleed :is(layout-full-bleed>main,layout-full-bleed>main>[data-layout=passthrough])>*+*{margin-top:40px;margin-top:var(--component-spacing)}layout-full-bleed>main>:not([component]):empty:first-child+*,layout-full-bleed>main>[data-content=empty]:first-child+*,layout-full-bleed>main>[data-layout=passthrough]:first-child>:not([component]):empty:first-child+*,layout-full-bleed>main>[data-layout=passthrough]:first-child>[data-content=empty]:first-child+*{margin-top:0}layout-full-bleed :is(layout-full-bleed>main,layout-full-bleed>main>[data-layout=passthrough])>[data-spacing=compact]+*{margin-top:15px;margin-top:var(--component-spacing-compact)}layout-full-bleed :is(layout-full-bleed>main,layout-full-bleed>main>[data-layout=passthrough])>[component]:has(>.layout-bleed-seamless,>.layout-bleed-contained-seamless)+[component]:has(>.layout-bleed-seamless,>.layout-bleed-contained-seamless){margin-top:0}layout-full-bleed :is(layout-full-bleed>main,layout-full-bleed>main>[data-layout=passthrough])>[component]:has(>.layout-bleed-seamless,>.layout-bleed-contained-seamless)+[component]:has(>.layout-bleed-seamless,>.layout-bleed-contained-seamless)>:is(.layout-bleed-seamless,.layout-bleed-contained-seamless){padding-top:0}layout-full-bleed :is(layout-full-bleed>main,layout-full-bleed>main>[data-layout=passthrough])>[component]:has(>.layout-bleed,>.layout-bleed-seamless,>.layout-bleed-contained,>.layout-bleed-contained-seamless){grid-column:full;display:grid;grid-template-columns:inherit}layout-full-bleed :is(layout-full-bleed>main,layout-full-bleed>main>[data-layout=passthrough])>[component]>*{grid-column:content}layout-full-bleed :is(layout-full-bleed>main,layout-full-bleed>main>[data-layout=passthrough])>[component]>.layout-bleed{grid-column:full;padding-top:40px;padding-bottom:40px;padding-top:var(--bleed-spacing);padding-bottom:var(--bleed-spacing)}layout-full-bleed :is(layout-full-bleed>main,layout-full-bleed>main>[data-layout=passthrough])>[component]>.layout-bleed-seamless{grid-column:full;padding-top:40px;padding-bottom:40px;padding-top:var(--bleed-spacing);padding-bottom:var(--bleed-spacing)}layout-full-bleed :is(layout-full-bleed>main,layout-full-bleed>main>[data-layout=passthrough])>[component]>.layout-bleed-contained{grid-column:full;padding-top:40px;padding-bottom:40px;padding-top:var(--bleed-spacing);padding-bottom:var(--bleed-spacing);display:grid;grid-template-columns:inherit}layout-full-bleed :is(layout-full-bleed>main,layout-full-bleed>main>[data-layout=passthrough])>[component]>.layout-bleed-contained-seamless{grid-column:full;padding-top:40px;padding-bottom:40px;padding-top:var(--bleed-spacing);padding-bottom:var(--bleed-spacing);display:grid;grid-template-columns:inherit}layout-full-bleed :is(layout-full-bleed>main,layout-full-bleed>main>[data-layout=passthrough])>[component]>.layout-bleed-contained-seamless>*,layout-full-bleed :is(layout-full-bleed>main,layout-full-bleed>main>[data-layout=passthrough])>[component]>.layout-bleed-contained>*{grid-column:content}layout-full-bleed>main>*+[data-layout=passthrough]>:first-child{margin-top:40px;margin-top:var(--component-spacing)}layout-full-bleed>main>:is(:not([component]):empty,[data-content=empty]):first-child+[data-layout=passthrough]>:first-child{margin-top:0}layout-full-bleed>main>[data-spacing=compact]+[data-layout=passthrough]>:first-child{margin-top:15px;margin-top:var(--component-spacing-compact)}layout-full-bleed>main>[data-layout=passthrough]:has(>:last-child[data-spacing=compact])+*{margin-top:15px;margin-top:var(--component-spacing-compact)}