body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App-header{background-color:#e0e2e636;color:#000;flex-direction:column;font-size:15px;height:38px;padding:10px;text-align:center}.template-header{-webkit-animation:fadein .3s linear forwards;animation:fadein .3s linear forwards;background:#fff;border:1px solid #f6f7f9;box-shadow:5px 5px 10px #58595c;height:170px;left:0;position:absolute;width:99.85%;z-index:100}@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes fadein{0%{opacity:0}to{opacity:1}}.sidenav{-webkit-animation:fadein .3s linear forwards;animation:fadein .3s linear forwards;background-color:#fff;border:1px solid #d9d9d9;box-shadow:5px 5px 10px #58595c;color:rgba(0,0,0,.6);font-size:1rem;font-weight:400;height:85%;margin-top:59px;overflow-x:hidden;padding-bottom:50px;position:fixed;right:0;top:0;transition:.5s;width:500px;z-index:199}.app-heading,.sidenav{font-family:Roboto,Helvetica,Arial,sans-serif}.app-heading{font-size:16px;margin-left:5px}.dndflow{display:flex;flex-direction:column;flex-grow:1;height:99.5%;width:99.5%}.sidebar{font-size:14px;height:30%;padding:7px;width:250px}.dndflow aside{background:#fcfcfc;border-right:1px solid #eee;font-size:12px;padding:15px 10px}.description,.description-2{background:#e0e2e636;font-size:13px;height:40px;margin-bottom:10px}.description-2{display:flex}.description-label{color:#000;display:block;padding:10px}.dndflow .dndnode{align-items:center;border:1px solid #187ad9;border-radius:3px;color:#187ad9;cursor:grab;display:flex;height:20px;justify-content:center;margin-bottom:10px;padding:4px}.dndflow .reactflow-wrapper{flex-grow:1;height:90vh;z-index:5}.dndflow .selectall{margin-top:10px}@media screen and (min-width:768px){.dndflow{flex-direction:row}.dndflow aside{max-width:250px;width:20%}}.react-flow{border:1px solid #00000026}.react-flow__node{text-align:center}#root,body,html{box-sizing:border-box;font-family:sans-serif;height:100%;margin:0;padding:0;width:100%}.config:hover .sidenav{background-color:aqua;color:#f1f1f1}.sidenav .closebtn{font-size:36px;margin-left:50px;position:absolute;right:25px;top:0}.cluster{background-color:rgba(66,137,184,.21);border:#51b9ff;border-radius:20px;border-style:dotted;border-width:2px;height:250px;pointer-events:all;visibility:visible;width:250px}.sidebar-save-button{margin:15px;width:80px}.sidebar-delete-button,.sidebar-save-button{background-color:#58595cdb;border:#58595cdb;border-radius:3px;color:#fff;font-family:sans-serif;font-size:15px;font-weight:700;height:29px}.sidebar-delete-button{width:130px}.default-button{border:1px solid #f6f7f9;border-radius:3px;color:#58595c;font-size:13.2px;font-weight:700;height:28px;margin:0 10px 8px;width:125px}.header-button{background-color:#fff;border:1px solid #cdd4e3;border-radius:3px;color:#58595c;font-size:13.5px;font-weight:700;height:30px;margin:8px 8px 0 0;width:200px}.error-tooltip{background-color:#000;border-color:#000;color:#842029}.tank{margin:50px;position:relative}.tank .middle{background-color:#e0e2e6;border-left:1px solid #58595c;border-right:1px solid #58595c;height:180px;position:absolute;width:120px}.tank .top{top:-25px}.tank .bottom,.tank .top{background-color:#e0e2e6;border:1px solid #58595c;border-radius:60px/25px;height:50px;position:absolute;width:120px}.tank .bottom{box-shadow:0 0 10px rgba(0,0,0,.75);top:155px}.aws-store{display:grid;left:30px;position:absolute;top:50px;z-index:44}.settings-gear{float:left;margin:5px}.settings-gear:hover{margin:10px;-webkit-transform:scale(1.5);transform:scale(1.5)}.azure-store{left:22px}.azure-store,.minio-store{display:grid;position:absolute;top:50px;z-index:44}.minio-store{left:42px}.GCS-store{display:grid;left:5px;position:absolute;top:50px;z-index:44}.tooltip{background:#333;border-radius:4px;color:#fff;font-size:13px;margin-bottom:-5px;padding:4px 8px}.grabbable{cursor:move;cursor:grab;cursor:-webkit-grab}.grabbable-image{border:1px solid #5b5d6154}.grabbable:hover,.on-hover-highlight:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.arrow{border:solid #000;border-width:0 3px 3px 0;display:inline-block;padding:3px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}.customNodeBody{align-items:center;border:3px solid #000;border-radius:10px;display:flex;font-weight:700;height:80px;justify-content:center;overflow:hidden;position:relative;width:150px}.customNode:before{background:#d6d5e6;border:2px solid #222138;border-radius:4px;color:#fff;content:"";font-size:9px;height:20px;left:50%;line-height:1;position:absolute;top:-10px;-webkit-transform:translate(-50%);transform:translate(-50%);width:40px;z-index:1000}div.sourceHandle{left:-9px}div.sourceHandle,div.targetHandle{background-color:#add8e6;border:1px outset red;border-radius:0;height:17px;position:absolute;top:20px;-webkit-transform:none;transform:none;width:15px}div.targetHandle{left:136px}.hints{bottom:0;color:#5c5b5b;left:0;position:absolute;width:260px}.react-flow__container{height:100%;left:0;position:absolute;top:0;width:100%}.react-flow__pane{cursor:grab;z-index:1}.react-flow__pane.dragging{cursor:grabbing}.react-flow__viewport{pointer-events:none;-webkit-transform-origin:0 0;transform-origin:0 0;z-index:2}.react-flow__renderer{z-index:4}.react-flow__selectionpane{z-index:5}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{overflow:visible;pointer-events:none}.react-flow__connection-path,.react-flow__edge-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{cursor:pointer;pointer-events:visibleStroke}.react-flow__edge.animated path{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.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:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.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;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none}.react-flow__node,.react-flow__nodes{-webkit-transform-origin:0 0;transform-origin:0 0}.react-flow__node{box-sizing:border-box;cursor:grab;pointer-events:all;position:absolute;-webkit-user-select:none;user-select:none}.react-flow__node.dragging{cursor:grabbing}.react-flow__nodesselection{pointer-events:none;-webkit-transform-origin:left top;transform-origin:left top;z-index:3}.react-flow__nodesselection-rect{cursor:grab;pointer-events:all;position:absolute}.react-flow__handle{background:#1a192b;border:1px solid #fff;border-radius:100%;height:6px;min-height:5px;min-width:5px;pointer-events:none;position:absolute;width:6px}.react-flow__handle.connectable{cursor:crosshair;pointer-events:all}.react-flow__handle-bottom{bottom:-4px;top:auto}.react-flow__handle-bottom,.react-flow__handle-top{left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}.react-flow__handle-top{top:-4px}.react-flow__handle-left{left:-4px}.react-flow__handle-left,.react-flow__handle-right{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.react-flow__handle-right{right:-4px}.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.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.react-flow__attribution{background:hsla(0,0%,100%,.5);font-size:10px;margin:0;padding:2px 3px}.react-flow__attribution a{color:#999;text-decoration:none}@-webkit-keyframes dashdraw{0%{stroke-dashoffset:10}}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node-default,.react-flow__node-group,.react-flow__node-input,.react-flow__node-output{background-color:#fff;border:1px solid #1a192b;border-radius:3px;color:#222;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:0 1px 4px 1px rgba(0,0,0,.08)}.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:0 0 0 .5px #1a192b;outline:none}.react-flow__node-group{background-color:hsla(0,0%,94%,.25)}.react-flow__nodesselection-rect,.react-flow__selection{background:rgba(0,89,220,.08);border:1px dotted rgba(0,89,220,.8)}.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{box-shadow:0 0 2px 1px rgba(0,0,0,.08)}.react-flow__controls-button{align-items:center;background:#fefefe;border:none;border-bottom:1px solid #eee;box-sizing:initial;cursor:pointer;display:flex;height:16px;justify-content:center;padding:5px;-webkit-user-select:none;user-select:none;width:16px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{max-height:12px;max-width:12px;width:100%}.react-flow__minimap{background-color:#fff}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{background-color:#333;border-radius:4px;color:#fff;font-size:14px;line-height:1.4;outline:0;position:relative;transition-property:transform,visibility,opacity;white-space:normal}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{border-top-color:initial;border-width:8px 8px 0;bottom:-7px;left:0;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:initial;border-width:0 8px 8px;left:0;top:-7px;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-left-color:initial;border-width:8px 0 8px 8px;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{border-right-color:initial;border-width:8px 8px 8px 0;left:-7px;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{color:#333;height:16px;width:16px}.tippy-arrow:before{border-color:transparent;border-style:solid;content:"";position:absolute}.tippy-content{padding:5px 9px;position:relative;z-index:1}
/*# sourceMappingURL=main.835e69ca.css.map*/