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