@media only screen{.spinner{animation:spin 1s linear infinite;border:4px solid;border-color:#0000 var(--font-color-primary);border-radius:50%;display:grid;height:26px;z-index:1}.spinner:after,.spinner:before{border:inherit;border-radius:50%;content:"";grid-area:1/1;margin:2px}.spinner:before{animation:inherit;animation-direction:reverse;animation-duration:.5s;border-color:#0000 var(--primary)}.spinner:after{margin:8px}.loading-border{--border-color:var(--tertiary);animation:load-border 1.5s ease-in-out infinite;border:1px solid}@keyframes load-border{0%,to{border-color:#0000}50%{border-color:var(--border-color)}}.load-bar-container{left:50%;position:absolute;top:calc(65px + var(--nav-top)*4);transform:translateX(-50%);z-index:1}.load-bar{background:var(--bg-secondary);height:5px}.load-bar span{display:block;height:100%}.load-bar-progress{animation-fill-mode:both;animation:progressBar 3s ease-in-out infinite;background-color:var(--primary)}.load-bar-text{color:var(--font-color-primary);text-align:center}@keyframes progressBar{0%{width:0}to{width:100%}}}@media only screen{.flex{display:flex}.flex-wrap{flex-wrap:wrap}.column{flex-direction:column}.align-center{align-items:center}.align-start{align-items:flex-start}.align-self-cetner{align-self:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.align-text-end{text-align:end}.align-text-start{text-align:start}.align-text-center{text-align:center}.width-100{width:100%}.height-100{height:100%}.pointer:hover{cursor:pointer}.circle{border-radius:50%}.absolute{position:absolute}.top{top:0}.left{left:0}.right{right:0}.bottom{bottom:0}.bold{font-weight:700}.italic{font-style:italic}.no-select{-webkit-user-select:none;user-select:none}.no-underline{text-decoration:none}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.underline{text-decoration:underline}.line-through{text-decoration:line-through}.img-previewer{border:2px solid var(--bg-primary);border-radius:var(--border-radius);height:200px;padding:5px;width:calc(100% - 14px)}.img-previewer p{color:var(--font-color-primary);font-size:var(--font-size-body-small);margin:5px}.img-previewer img{max-width:100%;min-height:100%;object-fit:cover;object-position:top;width:100%}.img-previewer:hover img.active{opacity:.5}.img-previewer-actions{visibility:hidden}.img-previewer:hover .img-previewer-actions{visibility:visible}.placeholder{color:var(--font-color-secondary);font-style:italic;opacity:.8}.filled-icon-button,.icon-button{background-color:initial;border-radius:0;margin:5px;padding:5px 10px}.icon-button.active>svg{color:var(--primary)}.icon-button:hover{background-color:var(--bg-primary)}.icon-button:not(.disabled):hover>svg{color:var(--primary)}.filled-icon-button>svg,.icon-button>svg{font-size:var(--font-size-body-large)}.input-action-button{background:none;margin-top:15px;position:absolute;right:5px}.input-action-button:hover>svg{color:var(--primary)}textarea.input{border:none;border-radius:var(--btn-border-radius-sm);height:100%;max-height:75px;outline:none;padding:10px;resize:none;width:100%}textarea.input::placeholder{color:var(--bg-secondary)}.tooltip,.tooltip-bottom{background-color:var(--bg-secondary);color:var(--font-color-primary);font-size:var(--font-size-body-small);padding:3px 10px;position:absolute;text-align:center;transform:translateX(calc(-50% - 7.5px));visibility:hidden;width:-webkit-max-content;width:max-content;z-index:1}.tooltip{margin-top:-30px}.tooltip-bottom{margin-top:30px}a:hover .tooltip,a:hover .tooltip-bottom,button:hover .tooltip,button:hover .tooltip-bottom{visibility:visible}.loader{animation-duration:.5s;animation-iteration-count:infinite;animation-name:spin;animation-timing-function:ease-in;font-size:47px;position:absolute;right:50%;top:50%;z-index:1}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dropdown-caret{font-size:var(--font-size-body-small);margin-right:5px;width:10px}.cursor-default:hover{cursor:default}.shadow{box-shadow:var(--box-sahdow-default)}.overflow-ellipsis{overflow:hidden;text-overflow:ellipsis}.overflow-scroll{overflow-y:scroll}.login-modal{background-color:var(--bg-secondary);border-radius:var(--border-radius);left:50%;padding:30px 50px;top:50%;transform:translate(-50%,-50%);width:300px;z-index:1111111111}.login-modal .action-button>svg{color:var(--tertiary)}.modal-backdrop{background-color:var(--bg-primary);opacity:.75;z-index:111111111}.dropdown{background-color:var(--font-color-primary);border-radius:3px;font-size:var(--font-size-label-small);height:18px;margin:0;padding:5px 10px;width:75px}.dropdown:active{opacity:1}.dropdown:hover,.dropdown>.tooltip{background-color:var(--font-color-primary)}.dropdown>.tooltip{border-radius:3px;color:var(--bg-primary);display:flex;flex-direction:column;font-size:var(--font-size-label-small);padding:0;transform:translateY(25%);width:75px}.dropdown-item,.dropdown-item__selected{margin:0;padding:5px 10px}.dropdown>.tooltip>span:hover{background-color:var(--primary);color:var(--font-color-primary)}.dropdown-item__selected{background-color:var(--bg-primary);color:var(--font-color-primary)}.backdrop.error>svg{color:var(--error);height:25%;width:25%}.color-primary-on-hover:hover{color:var(--primary)}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,Helvetica Neue,Arial,SFProLocalRange;height:100vh;margin:0;width:100vw}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{height:100%;width:100%}.button,button{background-color:var(--primary);border:none;border-radius:var(--btn-border-radius);color:var(--bg-primary);font-size:var(--font-size-body-small);margin:10px;padding:10px 25px}.button.__outlined:hover,.button:hover,button.__outlined:hover,button:hover{background-color:var(--secondary)}.button:hover,.clickable:hover,button:hover{cursor:pointer}.button:active,.clickable:active,button:active{opacity:.7}.button.disabled,button.disabled{opacity:.5}.button.__outlined,button.__outlined{background-color:initial;border:1px solid var(--primary);color:var(--font-color-primary);padding:9px 25px}svg,textarea{color:var(--font-color-primary)}textarea{background-color:initial;font-size:var(--font-size-body-medium)}textarea:focus{outline:none}textarea::placeholder{color:var(--font-color-secondary);font-style:italic;opacity:.8}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{color:var(--font-color-primary);font-weight:400;line-height:1.2em}.h3,h3{font-size:var(--font-size-title-medium)}.h2,h2{font-size:var(--font-size-title-large)}p{color:var(--font-color-primary);font-size:var(--font-size-body-small)}nav>button{padding:10px 15px}::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}@media screen and (-webkit-min-device-pixel-ratio:0){input[type=range]{-webkit-appearance:none;background-color:var(--font-color-primary);border-radius:var(--border-radius);outline:none}input[type=range]::-webkit-slider-runnable-track{-webkit-appearance:none;color:var(--font-color-primary);height:7.5px;margin-top:-1px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background-color:var(--primary);border-radius:50%;cursor:grab;height:15px;margin-top:-3px;width:15px}input[type=range]:active::-webkit-slider-thumb{cursor:grabbing}}input[type=range]::-moz-range-progress{background-color:var(--primary)}input[type=range]::-moz-range-track{background-color:var(--font-color-primary)}input[type=range]::-ms-fill-lower{background-color:var(--primary)}input[type=range]::-ms-fill-upper{background-color:var(--font-color-primary)}:root{--font-size-nav-icon:clamp(16px,calc(9.33333px + 1.38889vw),48px);--font-size-title-large:20px;--font-size-title-small:12px;--font-size-title-medium:14px;--font-size-headline-large:28px;--font-size-body-large:15px;--font-size-body-small:11px;--font-size-body-medium:13px;--font-size-label-small:9px}@media (prefers-color-scheme:light){:root{--bg-primary:#fff;--bg-secondary:#e1e1e1;--font-color-primary:#3e3e3e;--font-color-secondary:#2b2b2b;--playground-bg-primary:#fffbf5;--playground-bg-secondary:#e1e1e1}}@media (prefers-color-scheme:dark){:root{--bg-primary:#3e3e3e;--bg-secondary:#2b2b2b;--font-color-primary:#fff;--font-color-secondary:#e1e1e1;--playground-bg-primary:#515151;--playground-bg-secondary:#2b2b2b}}:root{--border-radius:15px;--btn-border-radius:10px;--btn-border-radius-sm:5px;--controls-width:275px;--panel-width:200px;--primary:#2acbb3;--secondary:#2acbb3;--tertiary:#3e3e3e;--quaternary:#e1e1e1;--error:#ff3b00;--success:#2acbb3;--placeholder-color:#515151;--node-color-txt:#ff623e;--node-title-color-txt:#ff623e;--node-color-img:var(--node-color-txt);--node-title-color-img:var(--node-title-color-txt);--node-color-sketch:var(--node-color-txt);--node-title-color-sketch:var(--node-title-color-txt);--node-title-color-generatedImg:#2acbb3;--node-title-color-mesh:var(--node-title-color-generatedImg);--node-font-color-comment:#2b2b2b;--node-color-comment:#ffd519;--node-color-comment-anon:#8f92a1;--node-color-comment-viewer:#bcf2fd;--node-color-comment-owner:#ffd519;--node-color-comment-editor:#c3fdaa;--node-title-color-comment:var(--node-color-comment);--node-color-default:var(--bg-secondary);--node-font-color:var(--font-color-primary);--box-sahdow-default:0 0 2px 1px var(--bg-secondary)}.react-flow{--xy-edge-stroke-default:#b1b1b7;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#555;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#ffffff80;--xy-minimap-background-color-default:#fff;--xy-minimap-mask-background-color-default:#f0f0f099;--xy-minimap-mask-stroke-color-default:#0000;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#e2e2e2;--xy-minimap-node-stroke-color-default:#0000;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:#0000;--xy-background-pattern-dots-color-default:#91919a;--xy-background-pattern-lines-color-default:#eee;--xy-background-pattern-cross-color-default:#e2e2e2;--xy-node-color-default:inherit;--xy-node-border-default:1px solid #1a192b;--xy-node-background-color-default:#fff;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #00000014;--xy-node-boxshadow-selected-default:0 0 0 0.5px #1a192b;--xy-node-border-radius-default:3px;--xy-handle-background-color-default:#1a192b;--xy-handle-border-color-default:#fff;--xy-selection-background-color-default:#0059dc14;--xy-selection-border-default:1px dotted #0059dccc;--xy-controls-button-background-color-default:#fefefe;--xy-controls-button-background-color-hover-default:#f4f4f4;--xy-controls-button-color-default:inherit;--xy-controls-button-color-hover-default:inherit;--xy-controls-button-border-color-default:#eee;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#fff;--xy-edge-label-color-default:inherit;--xy-resize-background-color-default:#3367d9;background-color:var(--xy-background-color-default);background-color:var(--xy-background-color,var(--xy-background-color-default));direction:ltr}.react-flow.dark{--xy-edge-stroke-default:#3e3e3e;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#727272;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#96969640;--xy-minimap-background-color-default:#141414;--xy-minimap-mask-background-color-default:#3c3c3c99;--xy-minimap-mask-stroke-color-default:#0000;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#2b2b2b;--xy-minimap-node-stroke-color-default:#0000;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:#141414;--xy-background-pattern-dots-color-default:#777;--xy-background-pattern-lines-color-default:#777;--xy-background-pattern-cross-color-default:#777;--xy-node-color-default:#f8f8f8;--xy-node-border-default:1px solid #3c3c3c;--xy-node-background-color-default:#1e1e1e;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #ffffff14;--xy-node-boxshadow-selected-default:0 0 0 0.5px #999;--xy-handle-background-color-default:#bebebe;--xy-handle-border-color-default:#1e1e1e;--xy-selection-background-color-default:#c8c8dc14;--xy-selection-border-default:1px dotted #c8c8dccc;--xy-controls-button-background-color-default:#2b2b2b;--xy-controls-button-background-color-hover-default:#3e3e3e;--xy-controls-button-color-default:#f8f8f8;--xy-controls-button-color-hover-default:#fff;--xy-controls-button-border-color-default:#5b5b5b;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#141414;--xy-edge-label-color-default:#f8f8f8}.react-flow__background{background-color:var(--xy-background-color-default);background-color:var(--xy-background-color-props,var(--xy-background-color,var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{height:100%;left:0;position:absolute;top:0;width:100%}.react-flow__pane{z-index:1}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{pointer-events:none;transform-origin:0 0;z-index:2}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke-default);stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width-default);stroke-width:var(--xy-edge-stroke-width,var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke-default);stroke:var(--xy-connectionline-stroke,var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width-default);stroke-width:var(--xy-connectionline-stroke-width,var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;pointer-events:none;position:absolute}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path,.react-flow__edge.selected .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected-default);stroke:var(--xy-edge-stroke-selected,var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{overflow:visible;position:absolute;z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{box-sizing:border-box;cursor:default;pointer-events:all;position:absolute;transform-origin:0 0;-webkit-user-select:none;user-select:none}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{pointer-events:none;transform-origin:left top;z-index:3}.react-flow__nodesselection-rect{cursor:grab;pointer-events:all;position:absolute}.react-flow__handle{background-color:var(--xy-handle-background-color-default);background-color:var(--xy-handle-background-color,var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color,var(--xy-handle-border-color-default));border-radius:100%;height:6px;min-height:5px;min-width:5px;pointer-events:none;position:absolute;width:6px}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{cursor:crosshair;pointer-events:all}.react-flow__handle-bottom{bottom:0;left:50%;top:auto;transform:translate(-50%,50%)}.react-flow__handle-top{left:50%;top:0;transform:translate(-50%,-50%)}.react-flow__handle-left{left:0;top:50%;transform:translate(-50%,-50%)}.react-flow__handle-right{right:0;top:50%;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{margin:15px;position:absolute;z-index:5}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.bottom.center,.react-flow__panel.top.center{left:50%;transform:translateX(-15px) translateX(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{background:var(--xy-attribution-background-color-default);background:var(--xy-attribution-background-color,var(--xy-attribution-background-color-default));font-size:10px;margin:0;padding:2px 3px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{pointer-events:none}.react-flow__edgelabel-renderer,.react-flow__viewport-portal{height:100%;left:0;position:absolute;top:0;-webkit-user-select:none;user-select:none;width:100%}.react-flow__minimap{background:var(--xy-minimap-background-color-default);background:var(
    --xy-minimap-background-color-props,var(--xy-minimap-background-color,var(--xy-minimap-background-color-default))
  )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var(--xy-minimap-mask-background-color-default);fill:var(
      --xy-minimap-mask-background-color-props,var(--xy-minimap-mask-background-color,var(--xy-minimap-mask-background-color-default))
    );stroke:var(--xy-minimap-mask-stroke-color-default);stroke:var(
      --xy-minimap-mask-stroke-color-props,var(--xy-minimap-mask-stroke-color,var(--xy-minimap-mask-stroke-color-default))
    );stroke-width:var(--xy-minimap-mask-stroke-width-default);stroke-width:var(
      --xy-minimap-mask-stroke-width-props,var(--xy-minimap-mask-stroke-width,var(--xy-minimap-mask-stroke-width-default))
    )}.react-flow__minimap-node{fill:var(--xy-minimap-node-background-color-default);fill:var(
      --xy-minimap-node-background-color-props,var(--xy-minimap-node-background-color,var(--xy-minimap-node-background-color-default))
    );stroke:var(--xy-minimap-node-stroke-color-default);stroke:var(
      --xy-minimap-node-stroke-color-props,var(--xy-minimap-node-stroke-color,var(--xy-minimap-node-stroke-color-default))
    );stroke-width:var(--xy-minimap-node-stroke-width-default);stroke-width:var(
      --xy-minimap-node-stroke-width-props,var(--xy-minimap-node-stroke-width,var(--xy-minimap-node-stroke-width-default))
    )}.react-flow__background-pattern.dots{fill:var(--xy-background-pattern-dots-color-default);fill:var(
      --xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-dots-color-default))
    )}.react-flow__background-pattern.lines{stroke:var(--xy-background-pattern-lines-color-default);stroke:var(
      --xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-lines-color-default))
    )}.react-flow__background-pattern.cross{stroke:var(--xy-background-pattern-cross-color-default);stroke:var(
      --xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-cross-color-default))
    )}.react-flow__controls{box-shadow:var(--xy-controls-box-shadow-default);box-shadow:var(--xy-controls-box-shadow,var(--xy-controls-box-shadow-default));display:flex;flex-direction:column}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{align-items:center;background:var(--xy-controls-button-background-color-default);background:var(--xy-controls-button-background-color,var(--xy-controls-button-background-color-default));border:none;border-bottom:1px solid var(
        --xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default))
      );color:var(--xy-controls-button-color-default);color:var(
      --xy-controls-button-color-props,var(--xy-controls-button-color,var(--xy-controls-button-color-default))
    );cursor:pointer;display:flex;height:26px;justify-content:center;padding:4px;-webkit-user-select:none;user-select:none;width:26px}.react-flow__controls-button svg{fill:currentColor;max-height:12px;max-width:12px;width:100%}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-group,.react-flow__node-input,.react-flow__node-output{background-color:var(--xy-node-background-color-default);background-color:var(--xy-node-background-color,var(--xy-node-background-color-default));border:var(--xy-node-border,var(--xy-node-border-default));border-radius:var(--xy-node-border-radius-default);border-radius:var(--xy-node-border-radius,var(--xy-node-border-radius-default));color:var(--xy-node-color-default);color:var(--xy-node-color,var(--xy-node-color-default));font-size:12px;padding:10px;text-align:center;width:150px}.react-flow__node-default.selectable:hover,.react-flow__node-group.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover-default);box-shadow:var(--xy-node-boxshadow-hover,var(--xy-node-boxshadow-hover-default))}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected-default);box-shadow:var(--xy-node-boxshadow-selected,var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color-default);background-color:var(--xy-node-group-background-color,var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color-default);background:var(--xy-selection-background-color,var(--xy-selection-background-color-default));border:var(--xy-selection-border,var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var(--xy-controls-button-background-color-hover-default);background:var(
        --xy-controls-button-background-color-hover-props,var(--xy-controls-button-background-color-hover,var(--xy-controls-button-background-color-hover-default))
      );color:var(--xy-controls-button-color-hover-default);color:var(
        --xy-controls-button-color-hover-props,var(--xy-controls-button-color-hover,var(--xy-controls-button-color-hover-default))
      )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var(
        --xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default))
      )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.bottom,.react-flow__resize-control.top{cursor:ns-resize}.react-flow__resize-control.bottom.right,.react-flow__resize-control.top.left{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:var(--xy-resize-background-color-default);background-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border:1px solid #fff;border-radius:1px;height:5px;translate:-50% -50%;width:5px}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.bottom.left,.react-flow__resize-control.handle.top.left{left:0}.react-flow__resize-control.handle.bottom.right,.react-flow__resize-control.handle.top.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border-style:solid;border-width:0}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{height:100%;top:0;transform:translate(-50%);width:1px}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.bottom,.react-flow__resize-control.line.top{height:1px;left:0;transform:translateY(-50%);width:100%}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color-default);fill:var(--xy-edge-label-background-color,var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color-default);fill:var(--xy-edge-label-color,var(--xy-edge-label-color-default))}@media only screen{.form-field{border:none;border-radius:var(--btn-border-radius-sm);height:30px;margin:10px 0;outline:none;padding:2px 10px}.react-flow__pane{cursor:default!important}.react-flow__minimap{border:1px solid var(--bg-secondary)}.react-flow__minimap,.react-flow__minimap-svg{border-radius:var(--btn-border-radius)}.react-flow__minimap-mask{fill:var(--xy-minimap-background-color-default)}.react-flow__controls-button{background:#0000;border-bottom:none;border-radius:0;margin:5px}.react-flow__controls-button:hover{background:var(--bg-primary)}.react-flow__controls{background-color:var(--xy-minimap-background-color-default);border:1px solid var(--bg-secondary);border-radius:var(--btn-border-radius);box-shadow:none;height:150px}.validationflow .react-flow__handle{background-color:var(--bg-primary);border:1px solid var(--font-color-primary);z-index:1}.validationflow .react-flow__handle.connectingto{background-color:var(--error)}.validationflow .react-flow__handle.valid{background-color:var(--success)}.react-flow__handle-right{transform:translate(50%,50%)}.react-flow__handle-left{transform:translate(-50%,50%)}.react-flow__panel{margin:10px}}.react-flow{--xy-minimap-background-color-default:var(--bg-primary);--xy-minimap-node-background-color-props:var(--bg-secondary)}@media only screen{.action-button{background:none;margin-top:15px;position:absolute;right:5px}.action-button:hover>svg{color:var(--primary)}.action-button-wrapper textarea{border:none;border-radius:var(--btn-border-radius-sm);height:100%;max-height:75px;outline:none;padding:10px;resize:none;width:100%}.action-button-wrapper textarea::placeholder{color:var(--font-color-secondary)}nav{background-color:var(--bg-secondary);border-radius:var(--border-radius);left:var(--nav-left);position:fixed;top:var(--nav-top);width:var(--nav-width)}nav>ul{padding:0}}@media only screen{nav>ul li::marker{font-size:0}nav>ul li{margin:10px 0}nav>ul li>a{margin-left:15.5px}nav>ul li>a,nav>ul li>svg{color:var(--font-color-primary);font-size:var(--font-size-title-medium);text-decoration:none}nav>ul li>svg{margin-left:5.5px}nav header{align-items:center;display:flex;padding:0 10px 10px 15px}nav header h3{font-weight:700;margin:0 0 0 10px}#nav-content{border-top:1px solid var(--bg-primary);margin-top:20px;padding-bottom:30px}#nav-content,#nav-promo{border-bottom:1px solid var(--bg-primary)}#nav-promo{padding:10px 5px}#nav-playground-content{margin-top:40px}.crumb-separator{font-size:var(--font-size-title-small);margin:0 5px}.crumb-separator,.sign-button{color:var(--font-color-primary)}.sign-button{background-color:var(--bg-primary);height:35px;margin:0}.sign-button:hover{background-color:var(--bg-secondary);border:1px solid var(--bg-primary)}}:root{--nav-top:15px;--nav-left:10px;--nav-bottom:10px;--nav-width:225px;--nav-height:calc(100vh - var(--nav-top) - var(--nav-bottom))}@media only screen{.editable{background:#0000;border:none;color:var(--node-font-color);outline:none;padding:6.25px 0}.editable:hover{cursor:text}.editable-h1{color:var(--font-color-primary);font-size:var(--font-size-headline-large);font-weight:450;letter-spacing:-.019px;margin:50px 0 20px}.project-thumbnail{border:1px solid var(--bg-secondary);border-radius:var(--border-radius);height:200px;margin-bottom:20px;margin-right:20px;padding:25px;width:250px}.project-thumbnail-mbs{grid-gap:0 10px;display:grid;gap:0 10px;grid-template-areas:"mb-1 mb-2" "mb-3 mb-4";grid-template-columns:50% 50%;grid-template-rows:50% 50%;height:calc(100% - 50px);width:100%}.project-thumbnail-mb-1{grid-area:mb-1}.project-thumbnail-mb-2{grid-area:mb-2}.project-thumbnail-mb-3{grid-area:mb-3}.project-thumbnail-mb-4{grid-area:mb-4}.project-thumbnail-mbs button{margin-left:94.75px;margin-top:55px;position:absolute}.project-thumbnail-mbs button:hover{background-color:var(--secondary)}#home-content{left:calc(var(--nav-width) + var(--nav-left)*2 + 20px);width:calc(100% - var(--nav-width) - var(--nav-left)*3)}#home-content,#home-content .crumb{position:absolute;top:var(--nav-top)}#home-content a{color:var(--font-color-secondary);font-size:var(--font-size-body-medium);letter-spacing:-.003px;text-decoration:underline}#home-content h1{color:var(--font-color-primary);font-size:var(--font-size-headline-large);font-weight:450;letter-spacing:-.019px;margin:50px 0 20px}.icon-small{background-color:var(--primary);border-radius:50%;height:25px;width:25px}.promo-container{align-items:center;background-color:var(--bg-primary);border-radius:var(--btn-border-radius);display:flex;flex-direction:column;padding:20px 10px 5px;text-align:center;width:calc(100% - 30px)}.promo-container p{font-size:var(--font-size-body-small)}.promo-container button{width:150px}.saving{margin-top:0;position:absolute;top:0}.node-body{background-color:var(--bg-secondary);border-radius:var(--btn-border-radius) var(--btn-border-radius) 0 0;height:-webkit-fit-content;height:fit-content;min-height:75px;width:150px}.node-body .img-previewer{border:none;height:100%;padding:0;width:100%}.node-body>.img-previewer img{border-radius:var(--btn-border-radius) var(--btn-border-radius) 0 0}.img-previewer p,.node-body .img-previewer svg{color:var(--node-font-color)}.node-body textarea{border:none;color:var(--font-color-primary);height:100%;margin-bottom:-3px;min-height:40px;outline:none;padding:10px;resize:none;width:100%;width:calc(100% - 10px)}.node-body textarea::placeholder{color:var(--font-color-secondary)}.node-handle{align-items:center;display:flex;flex-direction:column;justify-content:center}.node-handle-style{border-radius:0;transform:rotate(-45deg) translate(-6px)}.node-handle-style-source{border-radius:0;transform:rotate(-45deg) translate(6px)}.node-handle-style>p{margin:20px 21px 0 0!important;transform:rotate(45deg)}.node-handle>p{color:var(--font-color-primary);font-size:var(--font-size-label-small);margin-top:30px}.node-body.generatedImg,.node-body.mesh{display:flex;flex-direction:column}.node-body.generatedImg>svg,.node-body.mesh>svg{align-self:center;color:var(--node-font-color);font-size:var(--font-size-nav-icon);margin-bottom:-7px;padding:5px 0}.node-body .spinner{border-width:3px;height:calc(var(--font-size-nav-icon) - 6px);left:calc(50% - var(--font-size-nav-icon)/2);position:absolute;top:50%;width:calc(var(--font-size-nav-icon) - 6px)}.node-body.generatedImg p,.node.mesh p{color:var(--node-font-color);padding:6.25px 12.5px}.node-title{border-radius:var(--btn-border-radius);color:var(--node-font-color);font-size:var(--font-size-label-small);padding:10px 12.5px;width:75px}.node-actions.active{border:1px solid var(--secondary)}.node-actions{border:1px solid var(--bg-secondary);border-radius:0 0 var(--btn-border-radius) var(--btn-border-radius);min-height:25px;padding:3px 5px}.node-actions,.node-toolbar{background-color:var(--bg-primary)}.node-toolbar{border:1px solid var(--bg-secondary);border-radius:var(--btn-border-radius);bottom:var(--nav-top);left:50%;padding:0 5px;position:absolute;transform:translateX(-50%)}z .node-toolbar>.icon-button{width:39px}.node-toolbar-cont{border-right:1px solid var(--bg-secondary)}.node-comment{border-radius:0}.node-comment-active{border:1px solid var(--primary)}.node-comment p,.node-comment textarea{color:var(--node-font-color-comment);font-size:var(--font-size-body-small)}.node-comment textarea::placeholder{color:var(--placeholder-color)}.mb-thumbnail{border:1px dashed var(--bg-secondary);border-radius:var(--border-radius);height:150px;margin-bottom:20px;margin-right:20px;padding:25px;width:250px}.mb-filled-secondary{background-color:var(--bg-secondary)}.mb-thumbnail svg{background-color:var(--font-color-primary);height:100%;width:100%}.mb-thumbnail button{margin-left:100.75px;margin-top:50px;position:absolute}.mb-thumbnail.dashed{border-style:dashed}.mb-filled{background-color:var(--bg-primary);border:none}.mb-save-btn{border-radius:5px;margin:12px 10px 8px 5px;padding:10px 15px;position:fixed;right:var(--nav-left);top:var(--nav-top)}.mb-btn-add:hover{background-color:var(--secondary)}#mesh-controls{background-color:var(--bg-secondary);height:100%;position:absolute;right:0;top:0;width:var(--controls-width)}#mesh-controls>.nav-panel>.icon-button.active,#mesh-controls>.nav-panel>.icon-button:hover{border-radius:var(--btn-border-radius-sm);font-weight:700}#mesh-controls>.nav-panel>.icon-button.active{background-color:var(--bg-primary)}#mesh-controls>.nav-panel>.icon-button{color:var(--font-color-primary);margin:5px 2.5px}#mesh-controls .chat textarea{background-color:var(--font-color-primary);color:var(--bg-primary)}#mesh-controls .chat textarea::placeholder{color:var(--bg-secondary)}#mesh-controls .chat>.message-system,#mesh-controls .chat>.message-user{border-radius:var(--btn-border-radius-sm);margin:5px 0;max-width:65%;padding:10px;width:-webkit-fit-content;width:fit-content}#mesh-controls .chat>.message-user{align-self:end;background-color:var(--primary)}#mesh-controls .chat>.message-system{background-color:var(--font-color-primary);color:var(--bg-primary)}#mesh-controls .chat .action-button>svg{color:var(--bg-primary)}#mesh-controls .chat .action-button:hover>svg{color:var(--primary)}#controls>h1{font-size:var(--font-size-title-large);font-weight:550}#controls h3,#controls>h1{color:var(--font-color-primary)}#controls h3{font-size:var(--font-size-title-medium);font-weight:400}#controls model-viewer{height:100%;width:100%}#controls textarea{border:2px solid var(--bg-primary);border-radius:var(--border-radius);height:100px;padding:10px;resize:none;width:calc(100% - 20px)}#view-controls{background-color:var(--bg-primary);border-radius:40px;height:30px;left:calc(50% - 215px);padding:0;position:absolute;top:calc(var(--nav-top)/2);width:300px}#view-controls button{border-radius:0;height:100%;margin:0;width:50%}.playground-mode-controls{border:1px solid var(--font-color-primary);border-radius:var(--border-radius);left:50%;position:fixed;top:calc(var(--nav-top)*2);transform:translateX(-50%)}.playground-mode-controls>button{background:none;color:var(--font-color-primary);margin:0;padding:7px 40px}.playground-mode-active{background:var(--primary)!important;color:var(--bg-primary)!important}.playground-mode-controls button:first-child{border-radius:var(--border-radius) 0 0 var(--border-radius)}.playground-mode-controls button:last-child{border-radius:0 var(--border-radius) var(--border-radius) 0}.playground-panel{background:var(--bg-secondary);height:calc(100% - 20px);padding:10px 10px 10px 15px;position:absolute;top:0;width:calc(var(--panel-width))}.mesh-layers-container{max-height:calc(100% - 37px);overflow-y:scroll}.mesh-layer-btn{background:none;border-radius:0;border-radius:5px;margin:2px 0;min-height:30px;padding:2px 5px;width:100%}.mesh-layer-btn:hover{background-color:var(--bg-primary)}.mesh-layer-selected{background-color:var(--primary)}.playground-toolbar{background-color:var(--bg-primary);border:1px solid var(--bg-secondary);border-radius:var(--btn-border-radius);left:50%;padding:0 5px;position:absolute;top:calc(var(--nav-top)*3 + 28px);transform:translateX(-50%)}.playground-toolbar>.icon-button{width:39px}.playground-toolbar-controls{left:50%;position:absolute;top:calc(var(--nav-top)*3.5 + 66px);transform:translateX(-50%)}}
/*# sourceMappingURL=main.e518fd77.css.map*/