.SwitchRoot{font-size:3rem;width:42px;height:25px;background-color:var(--switch-bg-color);border-radius:9999px;position:relative;transition:background-color .1s;-webkit-tap-highlight-color:rgba(0,0,0,0)}.SwitchRoot[data-state=checked]{background-color:var(--select-1)}.SwitchThumb{display:block;width:21px;height:21px;background-color:#fff;border-radius:9999px;transition:transform .1s;transform:translate(2px);will-change:transform}.SwitchThumb[data-state=checked]{transform:translate(19px)}.Label{color:#fff;font-size:3rem;line-height:1;-webkit-user-select:none;user-select:none;justify-content:flex-start}button{all:unset}.SelectTrigger{display:inline-flex;align-items:center;border-radius:4px;padding:0 15px;font-size:13px;line-height:1;height:35px;gap:5px;background-color:var(--menu-lighter);color:var(--main-0);border:.05rem solid var(--main-4);z-index:10000;transition:.06s ease,background-color var(--ttime),border var(--ttime)}.SelectTrigger:hover{background-color:var(--main-4);transition:.08s ease}.SelectTrigger[data-placeholder]{color:#000;transition:.08s ease}.SelectIcon{color:var(--main-0);transition:.08s ease}.SelectContent{overflow:hidden;background-color:var(--menu-lighter);border:.05rem solid var(--main-4);color:var(--main-0);transition:.08s ease;border-radius:6px;z-index:10000}.SelectViewport{padding:5px;transition:.08s ease}.SelectItem{color:var(--main-0);font-size:13px;line-height:1;border-radius:3px;display:flex;align-items:center;height:25px;padding:0 35px 0 25px;position:relative;-webkit-user-select:none;user-select:none;transition:.08s ease}.SelectItem[data-highlighted]{outline:none;background-color:var(--main-4);transition:.08s ease}.SelectLabel{padding:0 25px;font-size:12px;line-height:25px;color:#000;transition:.08s ease}.SelectItemIndicator{position:absolute;left:0;width:25px;display:inline-flex;align-items:center;justify-content:center;transition:.08s ease}.SelectScrollButton{display:flex;align-items:center;justify-content:center;height:25px;background-color:#fff;color:#9acd32;cursor:default;transition:.8s ease}.SelectTriggerWire{display:flex;align-items:center;justify-content:space-between;padding:.5rem;margin:.5rem;border-radius:.35rem;background:var(--main-2);border:1px solid var(--main-4);color:var(--main-0);width:75%;text-align:left}.SelectTriggerWire:hover{background-color:var(--select-1)}.SelectTriggerWire[data-placeholder]{color:#000}.SelectValueWrapper{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-container{display:flex;flex-direction:column;height:100vh}.header2{display:flex;justify-content:flex-end;width:100%;height:5rem;background-color:var(--main-1);border-bottom:1px solid #c1c1c1;position:sticky;top:0;z-index:100}.user-info{display:flex;align-items:center;gap:15px;margin-right:15px;margin-left:auto}.profileUserName{color:var(--main-0);font-size:1rem}.profileUserIcon{width:3.5rem;height:3.5rem;border-radius:50%;object-fit:cover;background-color:#fff;border:1px solid var(--main-5)}.content-container{display:flex;flex:1;padding-top:1rem}.profile{width:25%;display:flex;flex-direction:column;align-items:center;padding:2rem}.profileToEdit{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}.userIconToEdit{width:12rem;height:12rem;border:1px solid;border-radius:50%;object-fit:cover;margin-bottom:1rem;background-color:#fff}.userNameToEdit{color:var(--main-0);font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.editProfileButton{color:var(--main-0);width:100%;max-width:15rem;height:2.8rem;border:1px solid var(--main-5);border-radius:.5rem;background:var(--main-1);cursor:pointer;transition:background-color .2s}.editProfileButton:hover{background-color:var(--main-3)}.editProfileButtonText{display:flex;justify-content:center;font-size:1.2rem}.projectsPanel{flex:1;padding:2rem;border-left:1px solid #c1c1c1}.projectPanelName{color:var(--main-0);font-size:1.8rem;font-weight:700}.whole-page{color:#fff}.hello-header{opacity:0;position:fixed;top:0;width:100%;height:60px;display:flex;align-items:center;background-color:transparent;transition:background-color .3s ease,box-shadow .3s ease,border-bottom .3s ease;z-index:1000;border-bottom:rgba(50,50,50,0) 1px solid;animation:fadeDown var(--hello-animation-time) cubic-bezier(0,0,0,1) forwards}.hello-header.scrolled{background-color:#0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:rgba(50,50,50,.3) 1px solid}.hello-logo-name{margin-left:40px;font-weight:600;color:#fff;font-size:24px}.header-left-buttons{position:fixed;right:0}.header-button{width:120px;height:40px;color:#fff;font-size:14px;text-align:center;margin-right:10px;border-radius:6px;border:1px solid rgba(40,40,40,.6);background-color:#0000001a;transition:.2s}.header-button:hover{background-color:#0000001a;transition:.1s;border:1px rgba(40,40,40,.5) solid;color:#989898}.hello-hero-text{width:100%;height:fit-content;padding-bottom:80px;overflow:hidden;z-index:1;text-align:center;will-change:transform}.hello-hero-text>h1{font-size:clamp(24px,6vw,48px);margin:0 0 20px;line-height:1.1;word-wrap:break-word;position:relative;opacity:0;animation:fadeUp var(--hello-animation-time) cubic-bezier(0,0,0,1) forwards;animation-delay:.05s}.hello-hero-text>p{font-size:20px;margin-top:15px;color:#708bc2;opacity:0;animation:fadeUp var(--hello-animation-time) cubic-bezier(0,0,0,1) forwards;animation-delay:.1s}.hello-hero-wrapper{color:#fff;padding:300px 0 150px;height:200px;overflow:hidden;display:flex;flex-direction:column;align-items:center}.backdrop-whole-page{background-color:#000;position:fixed;width:100vw;height:100vh;transition:.3s;animation:backdropDisappear var(--hello-animation-time) linear forwards;animation-delay:.08s}.backdrop-whole-page.active{background-color:#0009;transition:.3s}.sticky-wrapper{height:1000px;position:relative}.sticky-container{flex-direction:row;color:#fff;overflow:hidden;display:flex;justify-content:center;gap:4vw;flex-wrap:wrap;padding:0 40px;align-items:stretch;height:60vh}.hello-image-placeholder{background-color:#1414144d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:rgba(40,40,40,.5) 1px solid;border-radius:1.5rem;box-sizing:border-box;overflow:hidden;align-items:center;justify-content:center;z-index:10;top:70%;width:clamp(40vw,50vw,60vw);height:auto;max-height:60vh;align-self:flex-start;margin:auto 0;opacity:0;animation:fadeUp var(--hello-animation-time) cubic-bezier(0,0,0,1) forwards;animation-delay:.2s}.demo-picture{height:auto;margin:15px;border-radius:10px;object-fit:cover;width:auto;max-width:calc(100% - 30px);max-height:calc(100% - 30px)}.side-text{display:flex;flex-direction:column;gap:16px;color:#fff;word-break:break-word;text-align:left;flex:1;justify-content:space-between;height:100%}.sticky-upper-block{margin:auto;justify-content:center}.sticky-lower-block{margin:auto}.sticky-icon{width:24px;margin-right:10px}.appear-block-title{font-size:24px;color:#fff}.appear-block-description{font-size:16px;font-weight:400;color:#94a8d1}.appear-animate-left{opacity:0;transform:translate(-30vh);transition:opacity .6s ease-out,transform .6s ease-out;will-change:transform,opacity}.appear-animate-left.visible{opacity:1;transform:translate(0)}.appear-animate-right{opacity:0;transform:translate(30vh);transition:opacity .6s ease-out,transform .6s ease-out;will-change:transform,opacity}.appear-animate-right.visible{opacity:1;transform:translate(0)}.try-it-wrapper{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px}.try-it-title{margin:0;animation:cubic-bezier(0,0,0,1) fadeUp var(--hello-animation-time) forwards}.try-it-button{opacity:0;animation:cubic-bezier(0,0,0,1) fadeUp var(--hello-animation-time) forwards;animation-delay:.05s;margin:20px 10px 0 0;z-index:100;padding:14px 26px;font-size:18px;border-radius:6px;border:1px solid rgba(40,40,40,.6);background-color:#0000004d;transition:.2s;color:#fff}.try-it-button:hover{background-color:#0000001a;transition:.1s;border:1px rgba(40,40,40,.5) solid;color:#989898}.try-it-button>p{margin:0;background:linear-gradient(270deg,#7a7a7a,#7a7a7a,#7a7a7a,#fff,#7a7a7a,#7a7a7a,#7a7a7a);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:textShine 3s infinite}.hello-footer{bottom:0;background-color:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px 0 15px;text-align:center;color:#fff;border-top:rgba(50,50,50,.3) 1px solid}.footer-links{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.footer-links>a{font-size:16px;text-decoration:underline;color:#fff;transition:color .3s ease;margin:0 0 10px}.footer-links>a:hover{color:#ccc}@keyframes fadeUp{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes backdropDisappear{0%{background-color:#000}to{background-color:transparent}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-70px)}to{opacity:1;transform:translateY(0)}}@keyframes textShine{0%{background-position:100% 0}to{background-position:0 100%}}.react-flow{direction:ltr;--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: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #e2e2e2;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: transparent;--xy-background-pattern-dots-color-default: #91919a;--xy-background-pattern-lines-color-default: #eee;--xy-background-pattern-cross-color-default: #e2e2e2;background-color:var(--xy-background-color, var(--xy-background-color-default));--xy-node-color-default: inherit;--xy-node-border-default: 1px solid #1a192b;--xy-node-background-color-default: #fff;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--xy-node-boxshadow-selected-default: 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: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--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 rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.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: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #2b2b2b;--xy-minimap-node-stroke-color-default: transparent;--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: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #999;--xy-handle-background-color-default: #bebebe;--xy-handle-border-color-default: #1e1e1e;--xy-selection-background-color-default: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--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 rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #141414;--xy-edge-label-color-default: #f8f8f8}.react-flow__background{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{position:absolute;width:100%;height:100%;top:0;left:0}.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{transform-origin:0 0;z-index:2;pointer-events:none}.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, var(--xy-edge-stroke-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, var(--xy-connectionline-stroke-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;position:absolute;pointer-events:none}.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.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{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;-moz-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{z-index:1001;overflow:visible;position:absolute}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.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{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;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%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px) translate(-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{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__minimap{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-props, var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-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-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-props, var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-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-props, var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default)) )}.react-flow__background-pattern.dots{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-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default)) )}.react-flow__background-pattern.cross{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default)) )}.react-flow__controls{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));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-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.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-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;color:var(--xy-node-color, var(--xy-node-color-default));text-align:center;border:var(--xy-node-border, var(--xy-node-border-default));background-color:var(--xy-node-background-color, var(--xy-node-background-color-default))}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{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, var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{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-props, var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-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.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:4px;height:4px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));transform:translate(-50%,-50%)}.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.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color, var(--xy-edge-label-color-default))}:root{--ttime: .3s;--hello-animation-time: 1s;--warning-bg: #ffecb3;--warning-text: #5d4037;--main-1: hsl(0, 0%, 93%);--main-2: hsl(0, 0%, 90%);--main-3: hsl(0, 0%, 88%);--main-4: hsl(0, 0%, 83%);--main-5: hsl(0, 0%, 80%);--main-0: hsl(0, 0%, 0%);--select-1: hsl(210, 60%, 87%);--select-2: hsl(210, 80%, 80%);--select-mask: hsla(210, 60%, 87%, 50%);--status-success-1: hsl(135, 50%, 85%);--status-success-2: hsl(135, 50%, 35%);--status-warning-1: hsl(45, 50%, 85%);--status-warning-2: hsl(45, 50%, 50%);--status-running-1: hsl(0, 50%, 85%);--status-running-2: hsl(0, 50%, 30%);--status-error-1: hsl(0, 60%, 80%);--status-error-2: hsl(0, 60%, 20%);--menu-lighter: var(--main-1);--menu-darker: var(--main-2);--switch-bg-color: hsl(0, 0%, 52%);--led-active-color: hsl(210, 80%, 70%);--mask: hsla(0, 0%, 80%, .2);--secondary-text: hsl(0, 0%, 60%)}[data-theme=dark]{--main-1: hsl(0, 0%, 8%);--main-2: hsl(0, 0%, 11%);--main-3: hsl(0, 0%, 16%);--main-4: hsl(0, 0%, 21%);--main-5: hsl(0, 0%, 25%);--main-0: hsl(0, 0%, 100%);--menu-lighter: hsl(0, 0%, 13%);--menu-darker: var(--main-2);--select-1: hsl(220, 35%, 25%);--select-2: hsl(220, 35%, 40%);--select-mask: hsla(220, 35%, 25%, 50%);--status-success-1: hsl(150, 50%, 25%);--status-success-2: hsl(150, 50%, 80%);--status-warning-1: hsl(45, 50%, 40%);--status-warning-2: hsl(45, 50%, 80%);--status-running-1: hsl(0, 50%, 50%);--status-running-2: hsl(0, 50%, 85%);--status-error-1: hsl(0, 70%, 30%);--status-error-2: hsl(0, 70%, 80%);--switch-bg-color: hsl(0, 0%, 33%);--led-active-color: hsl(220, 35%, 45%);--mask: hsla(0, 0%, 60%, .1);--secondary-text: hsl(0, 0%, 35%)}[data-theme=pick-me]{--main-1: hsl(345, 100%, 95%);--main-2: hsl(345, 90%, 93.5%);--main-3: hsl(345, 60%, 90%);--main-4: hsl(345, 50%, 85%);--main-5: hsl(345, 45%, 83%);--main-0: hsl(345, 100%, 7%);--menu-lighter: var(--main-2);--menu-darker: var(--main-3);--select-1: hsl(360, 60%, 80%);--select-2: hsl(360, 60%, 73%);--select-mask: hsla(360, 60%, 80%, 50%);--status-success-1: hsl(200, 40%, 80%);--status-success-2: hsl(200, 40%, 30%);--status-warning-1: hsl(30, 60%, 90%);--status-warning-2: hsl(30, 60%, 50%);--status-running-1: hsl(345, 60%, 90%);--status-running-2: hsl(345, 60%, 30%);--status-error-1: hsl(345, 60%, 80%);--status-error-2: hsl(345, 60%, 20%);--switch-bg-color: hsl(345, 20%, 70%);--led-active-color: hsl(360, 50%, 70%);--mask: hsla(340, 20%, 70%, .2);--secondary-text: hsl(345, 20%, 65%)}[data-theme=tokyo-night]{--main-1: hsl(230, 25%, 12%);--main-2: hsl(230, 25%, 15%);--main-3: hsl(230, 25%, 19%);--main-4: hsl(230, 25%, 23%);--main-5: hsl(230, 25%, 28%);--main-0: hsl(230, 25%, 95%);--menu-lighter: var(--main-3);--menu-darker: var(--main-2);--select-1: hsl(245, 30%, 30%);--select-2: hsl(245, 30%, 40%);--select-mask: hsla(245, 30%, 25%, 50%);--status-success-1: hsl(170, 50%, 25%);--status-success-2: hsl(170, 50%, 80%);--status-warning-1: hsl(40, 60%, 25%);--status-warning-2: hsl(40, 50%, 70%);--status-running-1: hsl(350, 50%, 25%);--status-running-2: hsl(350, 50%, 70%);--status-error-1: hsl(350, 50%, 30%);--status-error-2: hsl(350, 50%, 80%);--switch-bg-color: hsl(220, 89%, 71%);--led-active-color: hsl(245, 30%, 53%);--mask: hsl(220, 89%, 71%, .1);--secondary-text: hsl(230, 25%, 35%)}[data-theme=green-nature]{--main-1: hsl(130, 25%, 90%);--main-2: hsl(130, 25%, 88%);--main-3: hsl(130, 25%, 84%);--main-4: hsl(130, 25%, 77%);--main-5: hsl(130, 25%, 73%);--main-0: hsl(132, 25%, 3%);--menu-lighter: var(--main-2);--menu-darker: var(--main-3);--select-1: hsl(185, 45%, 78%);--select-2: hsl(185, 35%, 70%);--select-mask: hsla(185, 45%, 78%, 50%);--status-success-1: hsl(145, 35%, 84%);--status-success-2: hsl(145, 35%, 30%);--status-warning-1: hsl(70, 35%, 80%);--status-warning-2: hsl(70, 35%, 40%);--status-running-1: hsl(10, 35%, 90%);--status-running-2: hsl(10, 35%, 50%);--status-error-1: hsl(15, 50%, 80%);--status-error-2: hsl(15, 50%, 30%);--switch-bg-color: hsl(111, 10%, 56%);--led-active-color: hsl(185, 45%, 60%);--mask: hsla(144, 100%, 90%, .1);--secondary-text: hsl(132, 20%, 65%)}[data-theme=solar-red]{--main-1: hsl(0, 0%, 8%);--main-2: hsl(0, 0%, 12%);--main-3: hsl(0, 0%, 16%);--main-4: hsl(0, 0%, 20%);--main-5: hsl(0, 0%, 25%);--main-0: hsl(0, 0%, 90%);--menu-lighter: var(--main-3);--menu-darker: var(--main-2);--select-1: hsl(0, 40%, 25%);--select-2: hsl(0, 40%, 40%);--select-mask: hsla(0, 40%, 25%, 50%);--status-success-1: hsl(120, 15%, 25%);--status-success-2: hsl(120, 15%, 60%);--status-warning-1: hsl(46, 40%, 25%);--status-warning-2: hsl(46, 40%, 60%);--status-running-1: hsl(0, 30%, 25%);--status-running-2: hsl(0, 30%, 60%);--status-error-1: hsl(0, 50%, 25%);--status-error-2: hsl(0, 50%, 60%);--switch-bg-color: hsl(0, 10%, 15%);--led-active-color: hsl(0, 40%, 45%);--mask: hsla(0, 100%, 65%, .2);--secondary-text: hsl(0, 0%, 35%)}.controls{border:var(--main-5) solid .05rem;background-color:var(--menu-lighter);border-radius:.5rem;overflow:hidden;box-shadow:none;transition:background-color var(--ttime),border var(--ttime)}.controls button{background-color:var(--menu-lighter);border-top:var(--main-4) solid .05rem;border-bottom:var(--main-4) solid .05rem;transition:background-color var(--ttime),border var(--ttime)}.controls button:hover{background-color:var(--menu-darker)}.controls button:active{background-color:var(--select-1)}.controls button svg{color:var(--main-0)}.canvasContainer{height:100vh;width:100vw}.react-flow__attribution{display:none!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.circuit-button.input{position:relative;width:100px;height:50px;transition:background-color var(--ttime),border var(--ttime)}.input-icon-wrapper{width:100%;height:100%;transform:scale(1.5)}.circuit-button.input .circuit-button-icon{width:100%;height:100%}.switch-wrapper{position:absolute;transform:scale(.6) translate(-20px) translateY(2px)}.switch-wrapper.hide{visibility:hidden}.close-cross{background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;font-size:20px;width:.5rem;flex-shrink:0}.close-cross-icon{width:.6rem;height:.6rem}.toast-notification{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;max-width:400px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--menu-lighter)}::-webkit-scrollbar-thumb{background-color:var(--main-3);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--main-4)}.settingsMenu{display:flex;overflow:auto;position:fixed;z-index:2001;width:0;height:0;top:0;border-radius:.5rem;left:-100%;opacity:0;background-color:var(--menu-lighter);color:var(--main-0);border:var(--main-5) solid .05rem;transition:background-color var(--ttime),border var(--ttime),width 1s .15s,height 1s .15s,backdrop-filter .6s ease-in-out,opacity .15s ease-in-out}.settingsMenu.showed{width:70%;height:80%;opacity:1;top:10%;left:15%;transition:background-color var(--ttime),border var(--ttime),width 0s,height 0s,backdrop-filter .2s ease-in-out,opacity .2s ease-in-out}.openSettingsButton{z-index:501;position:fixed;top:calc(.5rem + 5vh);left:2.64rem;width:2rem;height:2rem;margin-left:.33rem;background-color:var(--menu-lighter);border:var(--main-5) solid .07rem;border-radius:.33rem;-webkit-user-select:none;user-select:none;transition:background-color var(--ttime),border var(--ttime)}.openSettingsButton:hover{transition:.15s ease-out;background-color:var(--main-3)}.openSettingsButton:hover>svg{transform:rotate(-60deg)}.openSettingsButton>svg{transition:.1s ease-in-out;transform:rotate(0)}.openSettingsButton:active{background-color:var(--main-3);transition:.05s ease-out}.openSettingsButtonIcon{color:var(--main-0);width:1.3rem;height:1.3rem;margin:auto;display:block}.settingBlock{display:flex;justify-content:space-between;align-items:flex-start;margin:1rem 5%;padding:.75rem 0;-webkit-user-select:none;user-select:none;transition:background-color var(--ttime),border var(--ttime)}.setting-text{display:flex;flex-direction:column;flex:1;margin-right:3rem}.setting-title{font-weight:500;font-size:.9rem;margin:0}.setting-description{font-size:.8rem;margin:.3rem 0 0;color:var(--secondary-text);line-height:1.2rem}.interactive-wrapper{flex-shrink:0}.tabs-menu{width:25%;height:100%;border-right:.05rem solid var(--main-4);background-color:var(--menu-darker);transition:background-color var(--ttime),border var(--ttime)}.settings-tab{transition:background-color var(--ttime),border var(--ttime);display:flex;align-items:center;width:80%;font-size:.9rem;font-weight:400;height:2.5rem;border:.05rem solid var(--main-4);margin:.5rem 10% 1rem;border-radius:.5rem;align-content:center;justify-content:left;text-align:left;-webkit-user-select:none;user-select:none;overflow:hidden}.settings-tab:hover{background-color:var(--main-4);transition:.1s}.settings-tab:active,.settings-tab.active{background-color:var(--main-4);transition:.06s}.settings-tab-icon{flex-shrink:0;margin:0 5%;width:1.35rem;height:1.35rem;left:0}.upper-div{width:100%;padding:15% .6rem 1.2rem 15%}.close-setting-cross{width:1rem;height:1rem}.tab-content{transition:background-color var(--ttime),border var(--ttime);width:75%;height:100%;left:25%;background-color:var(--menu-lighter)}.tab-content-upper{display:flex;align-items:center;-webkit-user-select:none;user-select:none;height:11.8%;font-size:1.1rem;margin:0 2rem 2rem;border-bottom:.05rem solid var(--main-5)}.openProfileButton{display:flex;margin-top:.5rem;margin-left:5%;width:90%;height:5rem;background-color:var(--main-3);border:var(--main-5) solid .05rem;border-radius:.5rem;transition:.1s ease-out}.openProfileButton:hover{transition:.1s ease-out;background-color:var(--main-4)}.settingUserIcon{color:var(--main-0);background-color:#fff;width:3rem;height:3rem;border:var(--main-4) solid .05rem;border-radius:3rem;margin:.95rem .5rem .95rem .95rem;transition:background-color .55s ease-in-out}.settingUserName{color:var(--main-0);margin-left:.5rem;font-size:1rem;margin-top:1.8rem;text-decoration:none}.toolbar{-webkit-user-select:none;user-select:none;display:flex;border-radius:.5rem;position:fixed;bottom:1.32rem;right:1.32rem;z-index:1000;padding:.4rem 0 .4rem .4rem;background:var(--menu-lighter);border:var(--main-5) solid .05rem;transition:transform .3s,background-color var(--ttime),border var(--ttime)}.toolbarButton{width:2rem;height:2rem;gap:.4rem;margin-right:.4rem;background-color:var(--menu-lighter);border:var(--main-4) solid .05rem;transition:.15s ease-out,background-color var(--ttime),border var(--ttime);border-radius:.33rem}.toolbarButton:not(:disabled):hover{transform:translateY(-3px);box-shadow:0 6px 8px #00000026}.toolbarButton:not(:disabled):active{transform:translateY(0);transition:.05s ease-out;background-color:var(--select-2);box-shadow:none;border:var(--select-1) solid .05rem}.toolbarButtonIcon{color:var(--main-0);width:1.2rem;height:1.2rem;margin:auto;display:block;justify-content:center;align-items:center}.toolbarButton.active{transition:.05s ease-out;background-color:var(--select-1);box-shadow:none;border:var(--select-1) solid .05rem}.toolbar-separator{width:.1rem;border-radius:1rem;height:2rem;margin:0 .4rem 0 0;background-color:var(--main-4)}.simulate-button{width:2rem;height:2rem;gap:.4rem;margin-right:.4rem;background-color:var(--main-1);border:var(--main-4) solid .05rem;transition:.15s ease-out;border-radius:.33rem;z-index:1000}.simulate-button:not(:disabled):hover{transform:translateY(-3px);box-shadow:0 6px 8px #00000026}.simulate-button.idle{background-color:var(--status-success-1)}.simulate-button.awaiting{background-color:var(--status-warning-1)}.simulate-button.running{background-color:var(--status-running-1)}.simulate-button.error{background-color:var(--status-error-1)}.simulate-button-svg.idle{width:1.5rem;height:1.5rem;margin:auto;display:block;justify-content:center;align-items:center;color:var(--status-success-2)}.simulate-button-svg.awaiting{width:1.5rem;height:1.5rem;margin:auto;display:block;justify-content:center;align-items:center;color:var(--status-warning-2);transform:scale(1.1)}.simulate-button-svg.running{width:1.5rem;height:1.5rem;margin:auto;display:block;justify-content:center;align-items:center;color:var(--status-running-2);transform:scale(1.1)}.simulate-button-svg.error{width:1.5rem;height:1.5rem;margin:auto;display:block;justify-content:center;align-items:center;color:var(--status-error-2);transform:scale(1.1)}.toolbar.download{right:29.73rem}.dndnode{padding:8px;border:var(--main-4) .05rem solid;border-radius:.5rem;cursor:move;display:flex;flex-direction:column;align-items:center;gap:5px;-webkit-user-select:none;user-select:none}.dndnode:hover{transform:translateY(-3px);box-shadow:0 6px 8px #00000026}.dndnode:active{background:var(--main-4);transform:translateY(0);box-shadow:none}.dndnode svg{width:50px;height:auto;-webkit-user-select:none;user-select:none}.react-flow__edge.temp path{stroke-dasharray:5;stroke:#666;animation:dashdraw .5s linear infinite}@keyframes dashdraw{0%{stroke-dashoffset:10}}.circuit-button{display:flex;box-sizing:border-box;align-items:center;justify-content:center}.circuit-button-icon{margin:-2% -14% 0;color:var(--main-0);object-fit:cover}.switch-icon-wrapper{width:40px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center}.switchNodeButton{width:70%;height:70%}.circuit-button.input{width:60px;height:80px;position:relative;border:.05rem solid var(--main-5);border-radius:4px;background:var(--main-2);display:flex;box-sizing:border-box;align-items:center;justify-content:center}.input-text{position:absolute;margin-top:.3rem;top:0;font-size:.6rem;color:var(--main-0)}.switch-wrapper{align-content:center;justify-content:center;position:absolute;left:20px;transition:.15s ease}.switch-wrapper.deactivated{transition:.15s ease;pointer-events:none}.button-wrapper{align-content:center;justify-content:center;position:absolute;left:10px;transition:.15s ease;pointer-events:all}.button-wrapper.deactivated{transition:.15s ease;pointer-events:none}.button-icon{background-color:#007bff;margin:0;padding:0;position:fixed;top:20px;left:10px;width:1.5rem;height:1.5rem;border:none;border-radius:999rem;-webkit-user-select:none;user-select:none;transition:background-color .2s ease}.button-icon.clicked{background-color:gray}.close-cross{position:fixed;right:0;color:var(--main-0);width:1.7rem;height:1.7rem}.led-icon{position:absolute;top:27px;left:16px;transform:rotate(45deg)}.backdrop{position:fixed;z-index:2000;top:0;left:0;width:0;height:0;background-color:#0000;transition:width 0s,height 0s,background-color .2s,backdrop-filter .2s}.backdrop.cover{width:100%;height:100%;background-color:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:width 0s,height 0s,background-color .15s ease,backdrop-filter .15s ease}.backdrop.show{width:100%;height:100%}.circuitsMenu{overflow:auto;max-height:70vh;z-index:200;position:fixed;top:calc(2.5rem + 5vh);left:-15.5rem;margin:.5rem 0 0 .5rem;border-radius:.5rem;background-color:var(--menu-lighter);color:var(--main-0);transition:background-color var(--ttime),border var(--ttime),left .2s ease,color 0s;-webkit-user-select:none;user-select:none;border:.05rem solid var(--main-5)}.circuitsMenu::-webkit-scrollbar{width:8px}.circuitsMenu::-webkit-scrollbar-track{background:transparent}.circuitsMenu::-webkit-scrollbar-thumb{background-color:transparent;border-radius:4px;transition:background-color .2s ease}.circuitsMenu:hover::-webkit-scrollbar-thumb{background:var(--main-4)}.circuitsMenu:hover::-webkit-scrollbar-thumb:hover{background:var(--main-5)}.circuitsMenu.open{transition:.2s ease,background-color var(--ttime),border var(--ttime);position:fixed;left:0}.circuitsMenuTitle{margin-top:.66rem;text-align:center;font-size:1.32rem}.buttonPicture{width:2.66rem;align-items:center;vertical-align:middle}.buttonText{vertical-align:bottom;font-size:10px;text-align:center;width:100%;font-family:Montserrat,serif;font-weight:600}.header{display:flex;justify-content:space-between;align-items:center}.circuitsName{text-align:center}.gates{padding:0;animation:fadeIn .3s ease-in-out;text-align:center}.gates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(3.33rem,1rem));gap:.5rem;padding:.5rem 0}.menu-item{margin-bottom:5px}.menu-item.active .gates-grid{max-height:500px}.arrow{height:.75rem;color:var(--main-0);transition:transform .15s;cursor:pointer;-webkit-user-select:none;user-select:none;margin:.25rem;transform:rotate(90deg)}.menu-item.active .arrow{transform:rotate(180deg)}.openCircuitsMenuButton{position:fixed;top:calc(.5rem + 5vh);left:.5rem;width:2rem;height:2rem;z-index:500;background-color:var(--menu-lighter);border:var(--main-5) solid .07rem;border-radius:.33rem;-webkit-user-select:none;user-select:none;transition:background-color var(--ttime),border var(--ttime)}.openCircuitsMenuButtonIcon{color:var(--main-0);width:1.4rem;height:1.4rem;-webkit-user-select:none;user-select:none;margin:auto;display:block;justify-content:center;align-items:center}.openCircuitsMenuButton:hover{transition:.15s ease-out;background-color:var(--main-3)}.openCircuitsMenuButton:active{transition:.05s ease-out;background-color:var(--main-3);box-shadow:none}.gates-grid-wrapper{max-height:0;overflow:hidden;transition:max-height .2s ease}.gates-grid-wrapper.open{max-height:200px}.gates-grid{padding-top:4px;opacity:0;transform:translateY(-160px);transition:opacity .2s ease,transform .2s ease}.gates-grid-wrapper.open .gates-grid{opacity:1;transform:translateY(0)}.context-menu{background:var(--menu-lighter);border:1px solid var(--main-5);border-radius:.5rem;position:fixed;z-index:2001;width:8rem;color:var(--main-0)}.contextMenuButton{border:1px solid var(--main-4);display:block;padding:.5rem;margin:.5rem;text-align:left;width:6rem;border-radius:.35rem;background:var(--menu-lighter)}.contextMenuButton:hover{background:var(--main-4)}.selectWireType{padding:.5rem;margin:.5rem}.svg-button-wrapper{width:30px;height:30px;opacity:.8;border:1.5px solid var(--main-0);border-radius:50%;display:flex;align-items:center;justify-content:center;padding:1px;box-sizing:border-box;cursor:pointer;transition:opacity .3s ease,padding .3s ease}.svg-button-wrapper.disabled{pointer-events:none}.svg-button-inner{width:100%;height:100%;background-color:var(--led-active-color);border-radius:50%;transition:transform .1s ease,background-color .3s ease}.svg-button-wrapper.pressed{transition:opacity .3s ease,padding .3s ease}.svg-button-inner.pressed{background-color:#888;transform:scale(.9)}.tabs-scroll-container{position:relative;width:100vw;height:5vh;background-color:var(--main-2);overflow:hidden}.main-tabs-wrapper{display:flex;align-items:center;overflow-x:hidden;overflow-y:hidden;scrollbar-width:none;scrollbar-color:var(--main-1) transparent}.main-tabs-wrapper::-webkit-scrollbar{height:6px;display:block;position:absolute;top:0}.main-tabs-wrapper::-webkit-scrollbar-track{background:transparent}.main-tabs-wrapper::-webkit-scrollbar-thumb{background-color:var(--main-1);border-radius:4px}.main-tabs-wrapper:hover::-webkit-scrollbar-thumb{background-color:var(--main-0)}.tab{display:flex;align-items:center;justify-content:center;gap:4px;margin-left:8px;padding:0 .5rem;cursor:pointer;line-height:4vh;border-radius:5px;background:var(--main-3);transition:.15s;white-space:nowrap;max-width:100%}.tab:hover{background:var(--main-4)}.tab.active{background:var(--main-4);font-weight:700}.add-btn{border:none;background:transparent;color:var(--main-0);cursor:pointer;margin-left:5px;font-size:1rem;line-height:5vh}.name-text-area{background-color:transparent;font-family:Montserrat,serif;resize:none;overflow:hidden;white-space:nowrap;color:var(--main-0);text-align:center;padding:0;border:none;height:3vh;width:auto;display:inline-block}.name-text-area.editing{outline:1px solid var(--main-0);border-radius:2px;background-color:var(--main-2)}.tab-title{color:var(--main-0);font-family:Montserrat,serif;text-align:center;-webkit-user-select:none;user-select:none;white-space:nowrap}.close-btn{width:1vw;height:1vh;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center}.close-tab-cross{width:10px;height:auto;color:var(--main-0)}.context-menu{position:fixed;background:var(--menu-lighter);border:1px solid var(--main-1);border-radius:4px;padding:4px 0;box-shadow:0 2px 10px #0000004d;z-index:1000;min-width:120px}.context-menu-item{padding:8px 16px;cursor:pointer;color:var(--main-0);font-family:Montserrat,serif;font-size:.9rem;transition:background-color .15s}.context-menu-item:hover{background:var(--main-4)}.react-flow{--xy-selection-background-color-default: var(--mask);--xy-selection-border-default: 1px dotted var(--main-4)}.react-flow__edges{z-index:10}.react-flow__nodes{z-index:5}/*!* Selected edge *!*/.react-flow__edge.selected .react-flow__edge-path{stroke:var(--main-4)!important;stroke-width:2}.react-flow__edge:not(.selected-between-nodes) .react-flow__edge-path{stroke:var(--main-0);stroke-width:2}.react-flow__edge.selected-between-nodes .react-flow__edge-path{stroke:var(--main-4);stroke-width:3}.react-flow__edge.selectable:hover .react-flow__edge-path{stroke:var(--main-4);stroke-width:2}.react-flow__handle{background:var(--main-0);border:.05rem solid var(--main-5);object-fit:cover;transition:filter .2s;z-index:15}.react-flow__handle:hover{background:var(--main-4)}.react-flow__node{border:.05rem solid var(--main-5);border-radius:4px;background:var(--menu-lighter)}.react-flow__node:hover{background-color:var(--main-4)}.react-flow__node.selectable.selected{background-color:var(--main-4);border-color:var(--main-0)}.react-flow__nodesselection,.react-flow__nodesselection-rect{display:none!important}body{font-family:Montserrat,serif;font-size:13px;font-weight:500}#app{width:100vw;height:95vh;position:fixed;top:0;right:0}