body{width:100%;min-height:100%;height:100%;padding:0;margin:0;position:fixed;display:flex;flex-direction:row}div#layout-leftMenu{@media (min-width:768px){display:flex;flex-direction:column;align-items:center;gap:1rem}width:16rem;height:100%;background-color:var(--wa-color-brand-fill-loud);& .menu-content{flex-grow:1;overflow-y:auto;display:flex;flex-direction:column;width:16rem}@media (max-width:768px){display:none}}div#layout-main{display:flex;flex-direction:column;width:100%;height:100%}div#layout-header{background-color:var(--wa-color-brand-fill-loud);padding-top:0;padding-bottom:0}div#layout-content{height:100%;overflow:auto;display:flex;flex-direction:column;& div#layout-content-header{position:-webkit-sticky;position:sticky;top:0;left:0}& main#layout-content-main{flex-grow:1}& div#layout-content-children{margin:1rem}}div#layout-footer{padding:.5rem 0}div#layout-footer,wa-page>[slot=navigation]{background-color:var(--wa-color-brand-fill-loud)}wa-page>[slot=navigation]{width:16rem;padding:0;overflow-y:auto}wa-page>[slot=header]{background-color:var(--wa-color-brand-fill-loud);padding-top:0;padding-bottom:0}wa-page::part(main-content){margin-left:-2rem;margin-top:-2rem;background-color:#f3f4f6}wa-page>[slot=navigation-toggle]{background-color:var(--wa-color-brand-fill-loud);position:fixed;padding:0;margin-top:20px;margin-left:12px;top:0;left:0;width:24px;height:24px;font-size:larger}