.ab-dashboard-layout{display:grid;grid-template-columns:100%;grid-template-rows:var(--ab-header-height) 1fr;grid-template-areas:"header" "main";height:100vh}.ab-dashboard-layout>header{grid-area:header;position:-webkit-sticky;position:sticky;top:0;left:0;z-index:800;height:var(--ab-header-height);box-shadow:var(--ab-depth-200);background:var(--ab-color-white)}.ab-dashboard-layout>aside{grid-area:aside;position:absolute;height:100vh;width:240px;top:0;left:0;transition:all .5s ease;-webkit-transform:translateX(-240px);transform:translateX(-240px);background-color:var(--ab-color-ui-800)}.ab-dashboard-layout--sidebar-open>aside{-webkit-transform:translateX(0);transform:translateX(0);z-index:999}.ab-dashboard-layout>main{grid-area:main;overflow:scroll}@media (min-width:900px){.ab-dashboard-layout{grid-template-columns:240px 1fr;grid-template-areas:"aside header" "aside main"}.ab-dashboard-layout>aside{grid-area:aside;position:relative;-webkit-transform:translateX(0);transform:translateX(0);background-color:var(--ab-color-ui-800)}}