:root{--toolBarWidth: 5rem}body{position:relative;display:flex;margin:0}#canvas{position:absolute;z-index:0}#toolbar{position:relative;z-index:1;width:var(--toolBarWidth);height:100vh}.inputContainer{display:flex;flex-direction:column}.inputLabel{padding-top:1rem}.nodeInfo{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center;width:20rem;height:8rem;border:1px solid #000;border-radius:8px;margin:1rem}#nodeIcon{display:inline-block;width:2rem;height:2rem;border-radius:50%;border:3px solid #000}#borderRadiusRange{margin-bottom:1rem}.button:hover{background-color:#ddd}.activeButton,.activeButton:hover{background-color:#999}.button{display:flex;justify-content:center;align-items:center;width:var(--toolBarWidth);height:var(--toolBarWidth);font-size:32pt}#colorRange{background:#ddd}.hidden{display:none}