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