*{-webkit-user-select:none;user-select:none;margin:0;padding:0}#app{flex-direction:column;width:calc(100% - 6px);height:100vh;display:flex}.graph{border:3px solid #000;min-width:100%;height:100vh;margin:0 auto}._palette_container{z-index:0;display:flex;position:absolute;bottom:60px}#svg-layer{z-index:1000;pointer-events:none;width:100%;height:100%;inset:0;overflow:visible}.node:hover .button_container{z-index:999;position:relative}button,.node{cursor:pointer}.none{display:none}#add_node.activated{color:#000;border:1px solid #000;padding:10px}.inactive{pointer-events:none;color:#d3d3d3;border:#d3d3d3}._palette_container button{background-color:#fff;border-radius:3px;width:250px;margin:5px;padding:10px;font-size:25px}.node button{background-color:#fff;border-radius:3px;width:150px;margin:5px;padding:5px;font-size:15px}.node{max-width:50px}.node input{z-index:9999;background-color:#a1c4eb}.absolute{opacity:0;pointer-events:none;z-index:999999;transition:opacity .5s ease-in-out;position:absolute}.node:hover .absolute{opacity:1;pointer-events:auto;max-width:50px}.node:hover>input{background-color:#8a2be2;border:3px solid #8a2be2}input{pointer-events:none;text-align:center;border:1px solid #000;border-radius:50%;display:inline-block;position:relative}.arrow{border:3px solid #000;position:absolute}.activated{color:green;background-color:#fff;border:1px solid green;padding:10px;left:150px;transform:translate(-50%,50%)}.active{background-color:#fff;margin-bottom:30px;padding:10px;display:inline-block;left:150px;transform:translate(-50%,50%)}.node.visited>input{background-color:#f4a228!important}.graph button{z-index:0;position:relative}