.app-layout{--nav-height:48px;display:grid;grid-template:"nav" var(--nav-height) "content" 1fr;overflow:hidden;width:100%}.app-layout header{grid-area:nav}.app-layout main{grid-area:content;overflow:auto}.app-layout aside{overflow:auto}.app-layout aside:first-child{grid-area:left-side}.app-layout--master-content{grid-template:"nav" var(--nav-height) "left-side" 1fr}@media (min-width:768px){.app-layout{--nav-height:72px}.app-layout--full{grid-template:"nav" var(--nav-height) "content" 1fr}.app-layout--two-cols--left{grid-template:"nav nav" var(--nav-height) "left-side content" 1fr/1fr 3fr}}