*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none}:root{--colorDark: #1e1e1e;--colorLight: #252526;--colorNormal: #ededed;--colorGray: #aeaeae;--colorAlarm: #da0037;--colorShow: #ff8400;--colorBlue: #22272b}body{background-color:#141414;width:100vw;height:100vh;-webkit-user-select:none;user-select:none}.ant-popover-content p{margin:0}.error-message{margin-top:4rem}.event-row-unack{color:#da0037;-webkit-user-select:text;user-select:text}.event-row-alarm{color:#fff;background-color:#fd3b3b;-webkit-user-select:text;user-select:text}.event-row-event{color:#fff;background-color:#3d3d3d;-webkit-user-select:text;user-select:text}.event-row-ack{color:#f7f782;-webkit-user-select:text;user-select:text}.event-row-restore{color:#000;background-color:#fff;-webkit-user-select:text;user-select:text}.event-row-update{color:#000;background-color:#7979ff;-webkit-user-select:text;user-select:text}.ant-form-item-label label{display:flex;justify-content:end;margin-right:20px}.two-column-form{display:flex;flex-wrap:wrap;gap:16px}.two-column-form .ant-form-item{flex:1 1 calc(50% - 16px);min-width:300px}.card{width:100%;height:200px;background-size:100% 100%;background-image:url(/pages/images/frame3.png);display:flex;flex-direction:row;align-items:center;justify-content:space-around;padding:10px;position:relative}.cardV{width:100%;height:300px;background-size:100% 100%;background-image:url(/pages/images/frame3.png);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 20px;position:relative}.card-content{text-align:center}.card-title{font-size:24px;margin-bottom:10px}.card-text{font-size:16px}.statistic{display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:center}.statisticDesc{font-size:1rem;color:#ddd}.statisticValue{font-size:2rem;color:#ff8400}.staticcard{width:400px;height:300px;background-color:#333;box-shadow:0 4px 8px #000c;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;margin:10px}.chartcard{width:1000px;height:300px;background-color:#1b1b1b;box-shadow:0 4px 8px #000c;display:flex;flex-direction:column;align-items:center;justify-content:space-around;margin:20px;border-radius:20px;padding:20px}:root{--contexify-zIndex: 666;--contexify-menu-minWidth: 220px;--contexify-menu-padding: 6px;--contexify-menu-radius: 6px;--contexify-menu-shadow: 1px 2px 2px rgba(0, 0, 0, .1), 2px 4px 4px rgba(0, 0, 0, .1), 3px 6px 6px rgba(0, 0, 0, .1);--contexify-menu-negatePadding: var(--contexify-menu-padding);--contexify-separator-margin: 5px;--contexify-itemContent-padding: 6px;--contexify-activeItem-radius: 4px;--contexify-menu-bgColor: #1e1e1e;--contexify-separator-color: #4c4c4c;--contexify-item-color: #fff;--contexify-activeItem-color: #fff;--contexify-activeItem-bgColor: #f18e04;--contexify-rightSlot-color: #6f6e77;--contexify-activeRightSlot-color: #fff;--contexify-arrow-color: #6f6e77;--contexify-activeArrow-color: #fff}@keyframes contexify_feedback{0%{opacity:.4}to{opacity:1}}.contexify{position:fixed;opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:var(--contexify-menu-bgColor);box-sizing:border-box;box-shadow:var(--contexify-menu-shadow);border-radius:var(--contexify-menu-radius);padding:var(--contexify-menu-padding);min-width:var(--contexify-menu-minWidth);z-index:var(--contexify-zIndex)}.contexify_submenu-isOpen,.contexify_submenu-isOpen>.contexify_itemContent{color:var(--contexify-activeItem-color);background-color:var(--contexify-activeItem-bgColor);border-radius:var(--contexify-activeItem-radius)}.contexify_submenu-isOpen>.contexify_itemContent .contexify_rightSlot{color:var(--contexify-activeArrow-color)}.contexify_submenu-isOpen>.contexify_submenu{pointer-events:initial;opacity:1}.contexify .contexify_submenu{position:absolute;pointer-events:none;transition:opacity .265s;top:calc(-1 * var(--contexify-menu-negatePadding));left:100%}.contexify .contexify_submenu-bottom{bottom:calc(-1 * var(--contexify-menu-negatePadding));top:unset}.contexify .contexify_submenu-right{right:100%;left:unset}.contexify_rightSlot{margin-left:auto;display:-ms-flexbox;display:flex;color:var(--contexify-rightSlot-color)}.contexify_separator{height:1px;cursor:default;margin:var(--contexify-separator-margin);background-color:var(--contexify-separator-color)}.contexify_willLeave-disabled{pointer-events:none}.contexify_item{cursor:pointer;position:relative}.contexify_item:focus{outline:0}.contexify_item:not(.contexify_item-disabled):hover>.contexify_itemContent .contexify_rightSlot,.contexify_item:focus .contexify_rightSlot{color:var(--contexify-activeRightSlot-color)}.contexify_item:not(.contexify_item-disabled)[aria-haspopup]>.contexify_itemContent .contexify_rightSlot{color:var(--contexify-arrow-color)}.contexify_item[aria-haspopup]:focus>.contexify_itemContent .contexify_rightSlot,.contexify_item:not(.contexify_item-disabled)[aria-haspopup].contexify_submenu-isOpen>.contexify_itemContent .contexify_rightSlot,.contexify_item:not(.contexify_item-disabled)[aria-haspopup]:hover>.contexify_itemContent .contexify_rightSlot{color:var(--contexify-activeArrow-color)}.contexify_item:not(.contexify_item-disabled):hover>.contexify_itemContent,.contexify_item:not(.contexify_item-disabled):focus>.contexify_itemContent{color:var(--contexify-activeItem-color);background-color:var(--contexify-activeItem-bgColor);border-radius:var(--contexify-activeItem-radius)}.contexify_item:not(.contexify_item-disabled):hover>.contexify_submenu{pointer-events:initial;opacity:1}.contexify_item-disabled{cursor:default;opacity:.5}.contexify_itemContent{padding:var(--contexify-itemContent-padding);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;white-space:nowrap;color:var(--contexify-item-color);position:relative}.contexify_item-feedback{animation:contexify_feedback .12s both}.contexify_theme-dark{--contexify-menu-bgColor: rgba(40, 40, 40, .98);--contexify-separator-color: #4c4c4c;--contexify-item-color: #fff}.contexify_theme-light{--contexify-separator-color: #eee;--contexify-item-color: #666;--contexify-activeItem-color: #3498db;--contexify-activeItem-bgColor: #e0eefd;--contexify-activeRightSlot-color: #3498db;--contexify-active-arrow-color: #3498db}@keyframes contexify_scaleIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:1}}@keyframes contexify_scaleOut{0%{opacity:1}to{opacity:0;transform:scale3d(.3,.3,.3)}}.contexify_willEnter-scale{transform-origin:top left;animation:contexify_scaleIn .3s}.contexify_willLeave-scale{transform-origin:top left;animation:contexify_scaleOut .3s}@keyframes contexify_fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes contexify_fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}.contexify_willEnter-fade{animation:contexify_fadeIn .3s ease}.contexify_willLeave-fade{animation:contexify_fadeOut .3s ease}@keyframes contexify_flipInX{0%{transform:perspective(800px) rotateX(45deg)}to{transform:perspective(800px)}}@keyframes contexify_flipOutX{0%{transform:perspective(800px)}to{transform:perspective(800px) rotateX(45deg);opacity:0}}.contexify_willEnter-flip{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;transform-origin:top center;animation:contexify_flipInX .3s}.contexify_willLeave-flip{transform-origin:top center;animation:contexify_flipOutX .3s;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@keyframes contexify_slideIn{0%{opacity:0;transform:scale3d(1,.3,1)}to{opacity:1}}@keyframes contexify_slideOut{0%{opacity:1}to{opacity:0;transform:scale3d(1,.3,1)}}.contexify_willEnter-slide{transform-origin:top center;animation:contexify_slideIn .3s}.contexify_willLeave-slide{transform-origin:top center;animation:contexify_slideOut .3s}.deviceContain{display:flex;flex-direction:column;padding:10px;background-color:#262526;color:#fff;border-radius:10px;margin:10px}.deviceItem{padding:8px 12px;margin:4px 0;border-radius:4px;display:flex;align-items:center;position:relative;-webkit-user-select:none;user-select:none}.deviceItem:hover{background-color:#ffffff12}.deviceItem span{margin-right:5px}.treeItem{list-style-type:none;-webkit-user-select:none;user-select:none}.treeItem ul,.treeItem ul li{list-style-type:none;padding-left:20px;-webkit-user-select:none;user-select:none}.spin{font-size:48px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.str8{stroke:#dcdddd;stroke-width:1.43;stroke-miterlimit:22.9256}.str4{stroke:#aab9dd;stroke-width:1.43;stroke-miterlimit:22.9256}.str5{stroke:#aab8dd;stroke-width:1.43;stroke-miterlimit:22.9256}.str2{stroke:#1a1a1a;stroke-width:1.15;stroke-miterlimit:22.9256}.str7{stroke:#aab8dd;stroke-width:1.15;stroke-miterlimit:22.9256}.str0{stroke:#787878;stroke-width:1.15;stroke-miterlimit:22.9256}.str1{stroke:#131313;stroke-width:1.15;stroke-miterlimit:22.9256}.str3{stroke:#aab9dd;stroke-width:1.43;stroke-linecap:round;stroke-miterlimit:22.9256}.str6{stroke:#aab8dd;stroke-width:1.43;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:22.9256}.fil10{fill:none}.fil12,.fil9{fill:#dcdddd}.fil2{fill:#757475}.fil8{fill:#1a1a1a}.fil1{fill:#000}.fil0{fill:#fce9d7}.fil11{fill:#aab8dd}.fil3{fill:#131313}.fil4{fill:#5491bd}.fil7{fill:#74a4cb}.fil5{fill:#9cbdda}.fil6{fill:#db241c}.fnt3{font-weight:400;font-size:14px;font-family:Impact}.fnt6{font-weight:400;font-size:14px;font-family:华文细黑}.fnt0{font-weight:400;font-size:20px;font-family:Impact}.fnt4{font-weight:700;font-size:20px;font-family:Arial}.fnt2{font-weight:400;font-size:24.28px;font-family:华文细黑}.fnt5{font-weight:700;font-size:32px;font-family:Arial}.fnt1{font-weight:700;font-size:58px;font-family:Arial}.cssRightSideBar{position:relative;right:0;top:0;width:350px;height:100%;background-color:#a2f681ac;display:flex;flex-direction:column;align-items:center;gap:10px;overflow:auto}.cssContentWrapper{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;padding:0;width:100%;height:100%;overflow:hidden}.handle{position:absolute;width:10px;height:10px;background:#fff;border:1px solid gray}.handle:hover{background-color:#00f}.top-left{top:-5px;left:-5px;cursor:nwse-resize}.top-right{top:-5px;right:-5px;cursor:nesw-resize}.bottom-left{bottom:-5px;left:-5px;cursor:nesw-resize}.bottom-right{bottom:-5px;right:-5px;cursor:nwse-resize}.left-middle{left:-5px;top:50%;transform:translateY(-50%);cursor:ew-resize}.right-middle{right:-5px;top:50%;transform:translateY(-50%);cursor:ew-resize}.top-middle{top:-5px;left:50%;transform:translate(-50%);cursor:ns-resize}.bottom-middle{bottom:-5px;left:50%;transform:translate(-50%);cursor:ns-resize}.top-rotate{top:-40px;left:50%;transform:translate(-50%) rotate(45deg);cursor:crosshair}.top-rotate-line{top:-40px;left:50%;height:35px;width:1px;transform:translate(-50%);background-color:transparent;border:0px;border-left:1px dotted gray}.selected-box{position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid gray}.locked{display:flex;justify-content:center;align-items:center;position:absolute;width:13px;height:13px;background:#2d2d2d;color:#fff;font-size:10px;top:0;left:0;cursor:default}.locked-cursor{cursor:not-allowed}.readonly{cursor:default}.showBinding{display:flex;justify-content:center;align-items:center;position:absolute;width:auto;height:auto;background:#dadada;color:#000;font-size:13px;top:-18px;left:0;cursor:default;white-space:nowrap;padding-left:5px;padding-right:5px;border-radius:5px}.rc-slider{position:relative;width:100%;height:14px;padding:5px 0;border-radius:6px;touch-action:none;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rc-slider *{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rc-slider-rail{position:absolute;width:100%;height:4px;background-color:#e9e9e9;border-radius:6px}.rc-slider-track,.rc-slider-tracks{position:absolute;height:4px;background-color:#abe2fb;border-radius:6px}.rc-slider-track-draggable{z-index:1;box-sizing:content-box;background-clip:content-box;border-top:5px solid rgba(0,0,0,0);border-bottom:5px solid rgba(0,0,0,0);transform:translateY(-5px)}.rc-slider-handle{position:absolute;z-index:1;width:14px;height:14px;margin-top:-5px;background-color:#fff;border:solid 2px #96dbfa;border-radius:50%;cursor:pointer;cursor:-webkit-grab;cursor:grab;opacity:.8;-webkit-user-select:none;user-select:none;touch-action:pan-x}.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging{border-color:#57c5f7;box-shadow:0 0 0 5px #96dbfa}.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging-delete{opacity:0}.rc-slider-handle:focus{outline:none;box-shadow:none}.rc-slider-handle:focus-visible{border-color:#2db7f5;box-shadow:0 0 0 3px #96dbfa}.rc-slider-handle-click-focused:focus{border-color:#96dbfa;box-shadow:unset}.rc-slider-handle:hover{border-color:#57c5f7}.rc-slider-handle:active{border-color:#57c5f7;box-shadow:0 0 5px #57c5f7;cursor:-webkit-grabbing;cursor:grabbing}.rc-slider-mark{position:absolute;top:18px;left:0;width:100%;font-size:12px}.rc-slider-mark-text{position:absolute;display:inline-block;color:#999;text-align:center;vertical-align:middle;cursor:pointer}.rc-slider-mark-text-active{color:#666}.rc-slider-step{position:absolute;width:100%;height:4px;background:transparent}.rc-slider-dot{position:absolute;bottom:-2px;width:8px;height:8px;vertical-align:middle;background-color:#fff;border:2px solid #e9e9e9;border-radius:50%;cursor:pointer}.rc-slider-dot-active{border-color:#96dbfa}.rc-slider-dot-reverse{margin-right:-4px}.rc-slider-disabled{background-color:#e9e9e9}.rc-slider-disabled .rc-slider-track{background-color:#ccc}.rc-slider-disabled .rc-slider-handle,.rc-slider-disabled .rc-slider-dot{background-color:#fff;border-color:#ccc;box-shadow:none;cursor:not-allowed}.rc-slider-disabled .rc-slider-mark-text,.rc-slider-disabled .rc-slider-dot{cursor:not-allowed!important}.rc-slider-vertical{width:14px;height:100%;padding:0 5px}.rc-slider-vertical .rc-slider-rail{width:4px;height:100%}.rc-slider-vertical .rc-slider-track{bottom:0;left:5px;width:4px}.rc-slider-vertical .rc-slider-track-draggable{border-top:0;border-right:5px solid rgba(0,0,0,0);border-bottom:0;border-left:5px solid rgba(0,0,0,0);transform:translate(-5px)}.rc-slider-vertical .rc-slider-handle{position:absolute;z-index:1;margin-top:0;margin-left:-5px;touch-action:pan-y}.rc-slider-vertical .rc-slider-mark{top:0;left:18px;height:100%}.rc-slider-vertical .rc-slider-step{width:4px;height:100%}.rc-slider-vertical .rc-slider-dot{margin-left:-2px}.rc-slider-tooltip-zoom-down-enter,.rc-slider-tooltip-zoom-down-appear,.rc-slider-tooltip-zoom-down-leave{display:block!important;animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active{animation-name:rcSliderTooltipZoomDownIn;animation-play-state:running}.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active{animation-name:rcSliderTooltipZoomDownOut;animation-play-state:running}.rc-slider-tooltip-zoom-down-enter,.rc-slider-tooltip-zoom-down-appear{transform:scale(0);animation-timing-function:cubic-bezier(.23,1,.32,1)}.rc-slider-tooltip-zoom-down-leave{animation-timing-function:cubic-bezier(.755,.05,.855,.06)}@keyframes rcSliderTooltipZoomDownIn{0%{transform:scale(0);transform-origin:50% 100%;opacity:0}to{transform:scale(1);transform-origin:50% 100%}}@keyframes rcSliderTooltipZoomDownOut{0%{transform:scale(1);transform-origin:50% 100%}to{transform:scale(0);transform-origin:50% 100%;opacity:0}}.rc-slider-tooltip{position:absolute;top:-9999px;left:-9999px;visibility:visible;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rc-slider-tooltip *{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rc-slider-tooltip-hidden{display:none}.rc-slider-tooltip-placement-top{padding:4px 0 8px}.rc-slider-tooltip-inner{min-width:24px;height:24px;padding:6px 2px;color:#fff;font-size:12px;line-height:1;text-align:center;text-decoration:none;background-color:#6c6c6c;border-radius:6px;box-shadow:0 0 4px #d9d9d9}.rc-slider-tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow{bottom:4px;left:50%;margin-left:-4px;border-width:4px 4px 0;border-top-color:#6c6c6c}.cssDataPanel{margin:5px 10px;padding:10px 10px 20px;border-radius:5px;position:relative;border-bottom:1px solid #b2b2b235;background-size:100% 100%;background-image:url(/pages/images/frame5.png);border:1px solid #b2b2b235;box-shadow:2px 2px 5px #002aa951}.cssDataPanel:before{content:"";position:absolute;width:30px;height:25px;left:-2px;bottom:-2px;border-left:3px solid #5e5e5e;border-bottom:5px solid #5e5e5e}.cssDataPanel:after{content:"";position:absolute;width:30px;height:25px;right:-2px;bottom:-2px;border-right:3px solid #5e5e5e;border-bottom:5px solid #5e5e5e}.flicker{width:auto;height:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:5px;padding-left:20px;padding-right:20px;margin-right:30px}.background{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#1e1e1e;background-image:url(/assets/bklogon-CBntR8Ui.jpg);background-size:100% 100%;background-position:center center;background-repeat:no-repeat;display:flex;justify-content:center;align-items:center;overflow:hidden;flex-direction:column;gap:100px}.box{position:relative;width:380px;height:380px;border-radius:10px;overflow:hidden}.box:before{content:"";position:absolute;top:-50%;left:-50%;width:380px;height:420px;background:linear-gradient(0deg,transparent,#45f3ff,#45f3ff);transform-origin:bottom right;animation:animate 6s linear infinite}@keyframes animate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form{background:linear-gradient(180deg,#000000e6,#6a6a6a00,#000000e6);border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:100px 30px 30px;position:absolute;top:3px;right:3px;bottom:3px;left:3px;z-index:10;gap:20px}label{color:#fff;margin-bottom:10px;width:100%}.input{width:100%;height:40px;margin-top:10px;padding:10px;border:none;border-radius:20px;background-color:#45f3ff;color:#000;font-size:18px}.button{width:100%;height:40px;background-color:#45f3ff;color:#1c1c1c;padding:10px;border:none;border-radius:20px;cursor:pointer;font-size:18px;vertical-align:middle;margin-top:15px}.button:hover{box-shadow:0 0 8px #45f3ffcd,0 0 16px #45f3ffa5,0 0 24px #45f3ffab}.title{font-size:32px;font-weight:700;color:#45f3ff;letter-spacing:8px;filter:drop-shadow(2px 2px 8px #2e2e2e);z-index:100}.caption{position:absolute;top:30px;margin:auto;font-size:24px;color:#45f3ff;font-weight:700;height:60px;letter-spacing:5px}.tableRowTod{background-color:gray}.menu-container{position:absolute;display:flex;flex-direction:column;justify-content:center}.menu-button{position:absolute;background-color:#3330;color:#fff;padding:5px;border:none;width:100px;height:45px;border-radius:5px;border-top:3px solid #0088a7;border-bottom:3px solid #0088a7;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px}.menu-popup{position:absolute;top:0;left:0;width:150px;background-color:#3d3d3d;padding:5px;border-radius:5px;display:flex;flex-direction:column;justify-content:center;align-items:center;transform-origin:left bottom;border-top:5px solid #0088a7;border-bottom:5px solid #0088a7;gap:5px;overflow-y:auto;overflow-x:hidden;max-height:900px}.menu-popup li{width:100%;list-style-type:none;cursor:pointer;display:flex;align-items:center;padding:5px;position:relative}.menu-popup li:hover{background-color:#7a7a7aa1;filter:brightness(200%)}.menu-digit{position:absolute;left:0;top:0;width:100px;height:45px;display:none;justify-content:center;align-items:center;font-size:16px;font-weight:bolder;color:#ff0;filter:drop-shadow(0px 0px 5px white)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#3d3d3d}::-webkit-scrollbar-thumb{background:#0088a74f;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#555}.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: rgb(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: rgb(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, var(--xy-background-color-props, 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.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translate(-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}@keyframes dashdraw{0%{stroke-dashoffset:10}}.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__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))}.app{display:flex;flex-direction:row;width:100vw;height:100vh}.toolbar{width:100px;background-color:#4d4d4d;padding:10px;overflow-y:auto}.draggable-component{padding:10px;margin-bottom:10px;background-color:#3a3a3a;border:1px solid #979797;cursor:grab;border-radius:10px;display:flex;justify-content:center;font-size:12px;color:#fff}.draggable-component:hover{background-color:#717171}.flow-editor{width:100%;flex:1;background-color:#1e1e1e}