*{box-sizing:border-box}html,body{height:100%}.application-layout{height:100%;position:relative;overflow:hidden}.application-layout__aside{position:absolute;left:0;top:0;bottom:0;width:200px;color:#333;background-color:#f5f5f5;display:flex;flex-direction:column;border-right:1px solid var(--borderColor);font-size:16px}.application-layout__aside a{color:inherit;text-decoration:none}.application-layout__aside .brand{flex:0 0 auto;display:flex;justify-content:center;align-items:center;width:100%;height:60px;font-size:24px}.application-layout__aside .action-menu{flex:1 1 auto}.application-layout__aside .current-user-menu{flex:0 0 auto;border-top:1px solid var(--borderColor);padding:1em;display:flex;justify-content:space-between;align-items:center}.application-layout__aside .current-user-menu .username{margin-bottom:4px}.application-layout__aside .current-user-menu .rolename{font-size:12px;color:#666}.application-layout__aside .current-user-menu .logout-button{font-size:20px}.application-layout__main{position:absolute;left:200px;top:0;right:0;bottom:0}.action-menu{overflow:hidden auto}.action-menu .menu-button{display:flex;align-items:center;gap:10px;line-height:1;padding:1em}.action-menu .menu-button:hover{color:var(--primary)}.action-menu .menu-button.active>.menu-arrow{transform:rotate(90deg)}.action-menu .menu-button.active+.menu-items{display:block}.action-menu .menu-button.active.leaf{color:var(--primary)}.action-menu .menu-button+.menu-items{display:none;padding-left:calc(1em + 10px)}.action-menu .menu-icon,.action-menu .menu-arrow{flex:0 0 auto;width:1em;display:flex;justify-content:center;align-items:center}.action-menu .menu-label{flex:1 1 auto}