@layer root-reset{div#app-template-wrapper{display:contents}html,body{block-size:100%;margin:0;padding:0}}@layer grid-layout{#grid-layout-wrapper:not(:has(>[id*=wrapper])):has(>main){grid-template:"hd" var(--header-size) "main" 1fr "ft" var(--footer-size);min-block-size:100%;display:grid}#grid-layout-wrapper>[id*=wrapper]:has(>main){grid-template:"hd" var(--header-size) "main" 1fr "ft" var(--footer-size);min-block-size:100%;display:grid}#grid-layout-wrapper:has(>[id*=wrapper]){display:contents}#grid-layout-wrapper{--header-size:0fr;--footer-size:0fr}#grid-layout-wrapper:has(>[id*=wrapper]>header,>header){--header-size:auto}#grid-layout-wrapper:has(>[id*=wrapper]>footer,>footer){--footer-size:auto}:where(#grid-layout-wrapper>[id*=wrapper],#grid-layout-wrapper)>header{grid-area:hd}:where(#grid-layout-wrapper>[id*=wrapper],#grid-layout-wrapper)>main{grid-area:main}:where(#grid-layout-wrapper>[id*=wrapper],#grid-layout-wrapper)>footer{grid-area:ft}#grid-layout-wrapper:not(:has(>footer,>header,>main,>[id*=wrapper])){margin-inline:1rem}#grid-layout-wrapper>[id*=wrapper]:not(:has(>footer,>header,>main)){margin-inline:1rem}}#grid-layout-wrapper.svelte-12qhfyh{font-family:ui-sans-serif,system-ui,sans-serif;font-family:var(--font-family)}
