*{padding:0;margin:0;box-sizing:border-box}:root{--background-color: darkslategray;--node-frame-color: #c7c3ba;--node-ports-color: #eee9dc;--toolbox-background: #b8c7bc94;--toolbox-element: #eee9dc;--toolbar-color: #1e3434;--accent-color: #ffc55b;--selected-color: sandybrown;--tag-color: #84788a}html,body{margin:0;width:100vw;height:100vh;font-family:sans-serif}a{text-decoration:none;color:inherit;cursor:pointer}.no-select{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.root{width:100vw;height:100vh;display:flex;flex-direction:column;overflow:hidden}[hidden]{display:none!important}.hidden{display:none;visibility:hidden}.visible{visibility:visible}.menu{background:var(--toolbar-color);color:#fff;display:flex;position:relative;padding:.3rem .4rem .2rem;z-index:10;gap:.3rem;box-shadow:0 0 3px 1px #000000c5}.menu-item{display:flex;align-items:center;gap:.3rem;padding:.3rem .5rem;color:#c2c2c2;text-decoration:none;border-radius:.3rem}.menu-item.btn:hover{background:#ccc9bc4b;box-shadow:0 0 1px 1px #0000006e;color:#fff;cursor:pointer}.github-logo{color:inherit;position:absolute;right:10px;top:5px;height:100%;opacity:.8}.github-logo:hover{cursor:pointer;opacity:1}.dropdown-container{position:relative}.dropdown-list{z-index:11;background:var(--accent-color);position:absolute;padding:5px;top:100%;left:0;box-sizing:border-box;width:max-content;visibility:hidden}.workspace{position:relative;flex:1;display:flex}.node-toolbox{position:absolute;width:350px;background-color:var(--toolbox-background);right:0;max-height:calc(100% - 1rem);margin:.5rem;border-radius:.5rem;display:flex;flex-direction:column;box-shadow:0 0 2px 1px #202020;padding:.5rem 0;gap:.5em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.node-search{display:flex;align-items:center;justify-content:space-between;padding:0 .5rem}.node-search span{color:#000;font-weight:700;font-size:larger}.node-search input{background-color:#dbdbdb;color:var(--toolbar-color);width:75%;border-radius:.4em;border:1px solid var(--toolbox-element);padding:.3rem .5rem}.node-search input::placeholder{color:#252525}.toolbox-scroller{display:flex;flex-direction:column;gap:.2rem;overflow-y:scroll;scrollbar-width:thin;scrollbar-color:#757575 transparent;padding-left:.3rem}.node-result{padding:.3rem .4rem;background:var(--toolbox-element);border-radius:.3rem;display:flex;flex-direction:column;gap:.2rem;position:relative;box-shadow:0 0 2px 1px #575757;margin:2px;opacity:.8}.node-result:hover{cursor:grab;box-shadow:0 0 3px 1px #3a3a3a;opacity:1}.node-type{font-weight:700;font-family:monospace;color:#1a1a1a}.node-tags{display:flex;flex-wrap:wrap;gap:.2em}.node-tag{font-size:.7rem;padding:3px 6px;background:var(--tag-color);color:var(--toolbox-element);font-family:monospace;border-radius:5px}.node-docstring{font-size:.8rem;color:#4b4b4b;font-style:italic;word-wrap:break-word}.dropdown-container:hover .dropdown-list{visibility:visible}.bottom-container{background:#00f;display:flex;flex:1;overflow:hidden}.dataflow{flex:1;position:relative;overflow:hidden}#background{--grid-size: 50px;--dot: 1px;background-size:calc(var(--grid-size) * var(--scale, 1)) calc(var(--grid-size) * var(--scale, 1));background-image:radial-gradient(circle,rgb(148,148,148) var(--dot),var(--background-color) var(--dot));background-position:var(--offset-x, 0) var(--offset-y, 0);width:100%;height:100%;position:absolute}.edges{width:1px;height:1px;overflow:visible;left:0;top:0;position:absolute}.edge{stroke:gold;stroke-linecap:round;fill:none;z-index:99999999}.edge-arrow:hover{fill:red}.nodes{position:relative;width:100%;height:100%;overflow:hidden}.node{position:absolute;min-width:150px;height:min-content;font-family:monospace;border-radius:.3rem;box-shadow:0 0 2px 1px #202020;display:flex;flex-direction:column;gap:.2rem;background-color:var(--node-frame-color)}.node:hover{box-shadow:0 0 14px 2px #202020}.selected-node{outline:3px solid var(--selected-color)}.node-title{position:relative;display:flex;flex-direction:column;gap:.2rem;padding:.3rem .3rem .1rem;border-radius:.3rem .3rem 0 0}.node-name{font-weight:700}.node-id-value{width:max-content;border-radius:.5rem;padding:.1rem .2rem;border-radius:.2rem}.node-id-value:hover{background:#fff;cursor:text}.node-id{color:#6d6d6d;font-size:.7rem;font-style:italic}.node-content{display:flex;justify-content:center}.node-view{height:min-content}.node-ports{display:flex;justify-content:space-between;gap:.5rem;padding:.3rem;background:var(--node-ports-color);border-top:1px solid gray;border-bottom:1px solid gray}.ports-container{display:flex;flex-direction:column;gap:.25rem}.port{width:10px;height:10px;border-radius:50%;background:gray;box-shadow:0 0 0 1px #4b4b4b}.port:hover,.port[elementOf]:hover{background:var(--selected-color);cursor:default}.port[is_array][is_sink]{border-radius:0}.port[elementOf]{background:#4c994c}[is_required]{font-weight:700}.label{position:absolute;border-radius:.2em;padding:.1em .5em;font-size:.8rem;min-width:30px;text-align:center;box-shadow:0 0 0 1px #1d1d1da8}.label-input{background:none;border:none;text-align:center}.all-arg-params{text-wrap:nowrap;display:flex;flex-direction:column;padding:.1rem .3rem;gap:.4rem}.arg-param-value[null-arg-param]{background-color:#ef9696}.arg-param{display:flex;gap:.2rem;align-items:center}.arg-param-value:hover{background:#fff;cursor:text}.arg-param-value{padding:.1rem .2rem;border-radius:.2rem;background:#eee9dc;box-shadow:0 0 0 1px #747474}.spinner-overlay{position:fixed;top:40px;left:10px;padding-left:10px;border-radius:10px;align-items:center;justify-content:center;z-index:10000000000;pointer-events:none;background:#d8d7ce;border:black 1px solid;display:flex;font-family:monospace}.spinner{border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top:4px solid #80958f;width:25px;height:25px;animation:spin 2s linear infinite;margin:10px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dropdown-container{position:relative;cursor:pointer;display:inline-block}.dropdown{visibility:hidden;opacity:0;position:absolute;background-color:#1e3434;min-width:160px;box-shadow:0 8px 16px #0003;z-index:1;display:flex;flex-direction:column;transform:translateY(8px);padding:5px;border-radius:0 0 5px 5px;gap:.5rem}.dropdown-item{padding:.5rem}.dropdown-item:hover{background-color:#244141}.dropdown-container:hover .dropdown{visibility:visible;opacity:1;transition-delay:0s,0s}.dropdown-container .dropdown{transition-delay:.2s,.2s}