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>:not([component]):empty,layout-full-bleed>main>[data-content=empty]{display:none}layout-full-bleed>main>*{grid-column:content}layout-full-bleed>main>*+*{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+*{margin-top:0}layout-full-bleed>main>[data-spacing=compact]+*{margin-top:15px;margin-top:var(--component-spacing-compact)}layout-full-bleed>main>[component]:has(>.layout-bleed-seamless,>.layout-bleed-contained-seamless)+[component]:has(>.layout-bleed-seamless,>.layout-bleed-contained-seamless){margin-top:0}layout-full-bleed>main>[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>main>[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>main>[component]>*{grid-column:content}layout-full-bleed>main>[component]>.layout-bleed,layout-full-bleed>main>[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>main>[component]>.layout-bleed-contained,layout-full-bleed>main>[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>main>[component]>.layout-bleed-contained-seamless>*,layout-full-bleed>main>[component]>.layout-bleed-contained>*{grid-column:content}