html,body{margin:0;font-family:sans-serif}#app{width:100vw;height:100vh}.react-flow__node{box-shadow:0 2px 6px #0000001f;border-radius:10px;font-size:12px}.number-input{padding:10px;background:#fff;border:1px solid #eee;border-radius:10px}.node{height:150px;width:150px;display:flex;flex-direction:column;justify-content:space-around;border-radius:10px}.handle{position:relative;top:15px}.label{margin-left:10px;mix-blend-mode:difference;color:#fff;font-weight:700}.lightness-node{width:100px;height:100px;display:flex;flex-direction:column;align-items:end;justify-content:center;text-align:center;border-radius:10px}.log-node{width:80px;height:80px;word-wrap:break-word;padding:5px;font-weight:700;display:flex;align-items:center;justify-content:center;border-radius:10px}