.layout-root{grid-template:"header header"80px"sidebar body"1fr/256px 1fr;height:100vh;display:grid}.header{background-color:var(--accent);color:var(--accent-on);grid-area:header}.sidebar{background-color:var(--surface-alt);grid-area:sidebar}.body{background-color:var(--surface);grid-area:body}.nav-bar-container{padding:48px 24px}.group-header{-webkit-user-select:none;user-select:none;font-family:Roboto;font-size:14pt;font-weight:300}.group{flex-direction:column;gap:12px;display:flex}.group-contents{-webkit-user-select:none;user-select:none;flex-direction:column;gap:8px;margin-left:14px;display:flex}.group-contents a{color:var(--surface-alt-on);font-family:Roboto;font-size:11pt;font-weight:400;text-decoration:none}.group-contents a:hover{background-color:var(--surface-alt-variant);width:100%}