:root{--connector-width:2px;--connector-default-color:#ccc}*{margin:0;padding:0}.canvas-container{height:100%;width:100%;display:flex;flex-direction:column;border:1px solid #fff;border-radius:10px;padding:5px}.canvas-controls{height:auto}.canvas{flex:1 1;display:flex;align-items:center;height:auto;position:relative}.canvas,.level{justify-content:center;width:100%}.level{display:"flex";border:1px solid #ff0}.node{min-width:50px;min-height:50px;color:#000;font-size:large;border:3px solid #fff;display:flex;position:absolute;align-items:center;justify-content:center;z-index:2;padding:10px;aspect-ratio:1/1}

;.node-highlighted:hover{transform:scale(1.1);background-color:#fff}.node-thumbnail{position:relative;z-index:inherit;max-width:50px;max-height:50px}.node-constant{border-radius:10px}.node-operator{border-radius:50%}.node-result{border-radius:10px}.node-enter{opacity:0;transform:scale(.9)}.node-enter-active{transition:opacity .2s,transform .2s}.node-enter-active,.node-exit{opacity:1;transform:scale(1)}.node-exit-active{opacity:0;transform:scale(.9);transition:opacity .2s,transform .2s}.link{position:"absolute";top:0;left:0;width:"100%";height:"100%";z-index:1}.control-panel{display:flex;justify-content:center;align-items:center;height:100%}.draggable{cursor:move;cursor:grab;cursor:-webkit-grab}.draggable:active{cursor:grabbing;cursor:-webkit-grabbing}.edge{position:absolute;background-color:#fff;height:2px;transform-origin:top left}