.root-selector .add-root-node,.root-selector .edit-root-node,.root-selector .remove-root-node{min-width:30px;min-height:30px;margin-top:4px}.root-selector .add-root-node svg,.root-selector .edit-root-node svg,.root-selector .remove-root-node svg{cursor:pointer;border-radius:5px;padding:5px;transition:all .3s;box-shadow:0 0 8px #0007}.root-selector .add-root-node svg:hover,.root-selector .edit-root-node svg:hover,.root-selector .remove-root-node svg:hover{transform:scale(.9);box-shadow:0 0 4px #0004}.root-selector .add-root-node svg,.root-selector .edit-root-node svg{color:#fff;background-color:#18a058}.root-selector .remove-root-node svg{color:#fff;background-color:#e03878}#menuPanel{z-index:1001;background-color:#fff;border-left:1px solid #0004;width:250px;transition:all .3s;position:fixed;top:0;bottom:0;left:0;box-shadow:5px 0 16px #0004}#menuPanel .menu-panel-wrapper{width:100%;height:100%;position:relative}#menuPanel .menu-panel-wrapper .menu-panel-button{color:#fff;cursor:pointer;background-color:#18a058;border-radius:50%;width:32px;height:32px;transition:all .3s;position:absolute;top:calc(50% - 16px);right:-16px;box-shadow:0 0 8px #18a058}#menuPanel .menu-panel-wrapper .menu-panel-button:hover{transform:scale(1.2)}#menuPanel .menu-panel-wrapper .menu-panel-title{color:#fff;background-color:#18a058;justify-content:center;align-items:center;height:30px;padding:10px 20px;display:flex}#menuPanel .menu-panel-wrapper .menu-panel-items{flex-direction:column;display:flex}#menuPanel .menu-panel-wrapper .menu-panel-items .menu-panel-item{cursor:pointer;padding:10px 20px;transition:all .3s;display:flex}#menuPanel .menu-panel-wrapper .menu-panel-items .menu-panel-item.active{color:#000;background-color:#18a05820;font-weight:600}#menuPanel .menu-panel-wrapper .menu-panel-items .menu-panel-item:hover:not(.active){color:#fff;background-color:#18a05870}#menuPanel.closed{transform:translate(calc(-100% - 1px))}#menuPanel.closed .menu-panel-button svg{transform:rotate(180deg)}