body{color:#fff;background:#111;margin:0;font-family:Fira Sans,sans-serif}#app{height:100vh;overflow:hidden}.view{opacity:1;transition:opacity .3s,transform .3s}.view.hidden{opacity:0;transform:scale(.98)}.node{cursor:pointer;background:#222;border:1px solid #444;border-radius:8px;padding:10px 14px;position:absolute}.node:hover{background:#333}#app-layout{height:100vh;display:flex;position:relative}#sidebar{color:#fff;background:#222;width:250px;padding:1rem;transition:transform .3s;position:absolute;top:0;bottom:0;left:0}#sidebar.collapsed{transform:translate(-100%)}#content-area{flex:1;margin-left:60px;padding:2rem;overflow:auto}#sidebar-toggle{color:#fff;cursor:pointer;background:#333;border:none;border-radius:50%;width:60px;height:60px;position:absolute;top:50%;right:-60px;transform:translateY(-50%)}#app-layout.sidebar-open #sidebar-toggle{left:225px}.menu-element{font-size-adjust:1.125}