@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:400;src:local("Roboto Regular"),local("Roboto-Regular"),url(/static/media/Roboto-Regular.5dd918926d41224c8142.ttf) format("truetype")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:700;src:local("Roboto Bold"),local("Roboto-Bold"),url(/static/media/Roboto-Bold.cb02a42f24299e95adb5.ttf) format("truetype")}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,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}aside{float:left;margin-right:2%;width:20%}.HideEdge button,.Variable button{background-color:#3a6aff;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:16px;padding:4px 20px;text-align:center;text-decoration:none;transition-duration:.4s}.Variable button{margin:6px 3px;width:184px}.HideEdge button{margin:0;width:85px}.HideEdge button:hover,.Variable button:hover{background-color:#6b72c0;color:#fff}.buttonContainer{display:flex;gap:8px;justify-content:flex-start}.inputContainer{align-items:flex-start;display:flex;flex-direction:column;padding:0 3px}.inputContainer h2{margin-bottom:4px;margin-top:0}.inputContainer input{background-color:initial;border:2px solid #4750fd;color:#4750fd;font-size:12px;margin:4px 2px;outline:none;padding:2px 5px;text-align:left;transition-duration:.4s;width:170px}.inputContainer input:focus{background-color:#f1f2f5;color:#4750fd}.customHandler{background:blue;border:none;border-radius:2px;box-shadow:none;height:60px;transform:translateY(-50%);transition:opacity .1s;width:6px}.node-container{transition:transform .3s}.node-container.enlarged{transform:scale(1)}.circleNode{align-items:flex-end;color:#ff0;display:flex;font-size:8px;justify-content:center;position:relative}.BarNameFontSmaller{height:auto}.HideEdge{align-items:center;display:flex}.react-flow{direction:ltr}.react-flow__container{height:100%;left:0;position:absolute;top:0;width:100%}.react-flow__pane{cursor:grab;z-index:1}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:grabbing}.react-flow__viewport{pointer-events:none;transform-origin:0 0;z-index:2}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .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;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: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;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{box-sizing:border-box;cursor:grab;pointer-events:all;position:absolute;transform-origin:0 0;-webkit-user-select:none;user-select:none}.react-flow__node.dragging{cursor:grabbing}.react-flow__nodesselection{pointer-events:none;transform-origin:left top;z-index:3}.react-flow__nodesselection-rect{cursor:grab;pointer-events:all;position:absolute}.react-flow__handle{background:#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.connectionindicator{cursor:crosshair;pointer-events:all}.react-flow__handle-bottom{bottom:-4px;left:50%;top:auto;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{left:-4px;top:50%;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{margin:15px;position:absolute;z-index:5}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translateX(-50%)}.react-flow__attribution{background:#ffffff80;font-size:10px;margin:0;padding:2px 3px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{height:100%;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;width:100%}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-group,.react-flow__node-input,.react-flow__node-output{background-color:#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 #00000014}.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}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted #0059dccc}.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 #00000014}.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__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.menuSection{border-top:1px solid #ccc;margin-top:5px;padding-top:5px}.firstSection{border-top:none;margin-top:0;padding-top:0}.edgebutton{background:#eee;border:1px solid #fff;border-radius:50%;cursor:pointer;font-size:12px;height:20px;line-height:1;width:20px}.edgebutton:hover{box-shadow:0 0 6px 2px #00000014}.VPC{background:rgba(207,18,18,.199);border:1px dashed rgba(0,0,0,.418);border-radius:0;height:400px;width:600px}.Subnet,.VPC{font-size:12px;text-align:center}.Subnet{background:#eeeeee5e;border:1px solid rgba(23,122,214,.274);border-radius:5px;height:200px;width:200px}.SecurityGroup{background:rgba(207,18,18,.199);border:1px dashed rgba(0,0,0,.418);border-radius:0;font-size:8px;text-align:center}.container{background-color:#d3d3d3;height:50px;position:relative;width:200px}.bar,.container{transition:all .5s ease}.bar{background-color:#fff;bottom:0;font-size:8;position:absolute;text-align:center;width:100%;z-index:7}.showDown{transform:translateY(100%)}.hideUp{transform:translateY(0)}.boxShadow{box-shadow:2px 0 4px 0 #0009}.roundedTop{border-radius:15px 15px 0 0}.flexRowCenter{flex-direction:row}.flexColCenter,.flexRowCenter{align-items:center;display:flex}.flexColCenter{flex-direction:column}.title{font-size:25px;font-weight:700;white-space:nowrap}.titleLarge{font-size:32px;font-weight:700}.selectedBg{background-color:#a2a2a2}.unselectedBg{background-color:#f2f2f2}.blueBg{background-color:#05b0fb!important}.greenBg{background-color:#2d2!important}.selectedBlueBg{background-color:#0590cc!important}.selectedGreenBg{background-color:#1a1!important}.customHandler{opacity:0;transition:opacity .3s}.customHandler.visible{opacity:1}.custom-drag-handle{cursor:move}.scale-level-1 .bar{transform:scale(.5)}.scale-level-2 .bar{transform:scale(.6)}.scale-level-3 .bar{transform:scale(.7)}.scale-level-4 .bar{transform:scale(.8)}.scale-level-5 .bar{transform:scale(.9)}.scale-level-6 .bar{transform:scale(1)}.scale-level-7 .bar{transform:scale(1.1)}.scale-level-8 .bar{transform:scale(1.2)}.scale-level-9 .bar{transform:scale(1.3)}.scale-level-10 .bar{transform:scale(1.4)}.bar{transition:transform .3s ease}.custom-controls{bottom:20px;position:absolute;right:350px;z-index:1000}#root,body,html{box-sizing:border-box;font-family:sans-serif;height:100%;margin:0;padding:0;width:100%}.circleNode{background-position:0 0;background-repeat:no-repeat;background-size:100% 100%;height:40px;width:40px}.BarNameFontBigger{font-size:.5em}.BarNameFontBigger,.BarNameFontSmaller{background-color:#fff;height:15px;text-align:center;width:40px}.BarNameFontSmaller{word-wrap:break-word;font-size:.4em}.Box{border:1px solid #000;height:55px;width:40px}.rhombusNode{background-color:#a600ff;border:1px solid;display:block;height:50px;position:absolute;right:auto;top:10px;transform:rotate(45deg);width:50px;z-index:-1}.handles-container{background-image:url(https://img.icons8.com/color/48/000000/decision.png);background-size:contain;height:70px;position:relative;width:50px}.handles-container,.rectangleNode{background-position:50%;background-repeat:no-repeat}.rectangleNode{background-color:#ffd000;background-image:url(https://img.icons8.com/external-flaticons-lineal-color-flat-icons/45/000000/external-process-productivity-flaticons-lineal-color-flat-icons-2.png);border:1px solid #000;height:50px;width:70px}.providerflow{display:flex;flex-direction:column;flex-grow:1;height:100%}.providerflow aside{background:#fff;border-left:1px solid #eee;font-size:12px;padding:15px 10px}.providerflow aside .description{margin-bottom:10px}.providerflow aside .title{font-weight:700;margin-bottom:5px}.providerflow aside .transform{margin-bottom:20px}.providerflow .reactflow-wrapper{flex-grow:1}.providerflow .selectall{margin-top:10px}@media screen and (min-width:768px){.providerflow{flex-direction:row}.providerflow aside{height:200px;max-width:250px;width:20%}}.react-flow__node-custom{background:#00fff6;box-shadow:2px 0 4px 0 #0009;color:#000;font-size:8px;height:100%;width:350px}.react-flow__node-custom .react-flow__handle{background-color:#789;height:10px;right:-15px;top:24px;width:6px}.react-flow__node.circle{fontweight:700;align-items:center;border-radius:50%;display:flex;height:60px;justify-content:center;width:60px}.react-flow__node.annotation{background:#fff;border:none;border-radius:0;box-shadow:0 4px 6px -1px #00000026,0 2px 4px -1px #00000014;line-height:1.4;text-align:left;width:225px}.react-flow__node.annotation .react-flow__handle{display:none}.custom-node__header{border-bottom:1px solid #e2e8f0;padding:8px 10px}.custom-node__body{padding:10px}.custom-node__select{margin-bottom:10px;position:relative}.custom-node__select select{font-size:10px;margin-top:5px;width:100%}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.bottom,.react-flow__resize-control.top{cursor:ns-resize}.react-flow__resize-control.bottom.right,.react-flow__resize-control.top.left{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:#3367d9;border:1px solid #fff;border-radius:1px;height:4px;transform:translate(-50%,-50%);width:4px}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.bottom.left,.react-flow__resize-control.handle.top.left{left:0}.react-flow__resize-control.handle.bottom.right,.react-flow__resize-control.handle.top.right{left:100%}.react-flow__resize-control.line{border:0 solid #3367d9}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{height:100%;top:0;transform:translate(-50%);width:1px}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.bottom,.react-flow__resize-control.line.top{height:1px;left:0;transform:translateY(-50%);width:100%}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.NodeText_node__TmYQj{box-sizing:border-box;height:100%;width:100%}.NodeText_node__TmYQj .react-flow__resize-control.handle,.NodeText_rotateHandle__Un2\+s{border-radius:100%;height:10px;width:10px}.NodeText_rotateHandle__Un2\+s{background:#add8e6;cursor:alias;left:50%;position:absolute;top:-30px;transform:translate(-50%,-50%)}.NodeText_rotateHandle__Un2\+s:after{background:#add8e6;content:"";display:block;height:30px;left:4px;position:absolute;top:5px;width:1px}.NodeText_grid-box__wVHMA{background-color:#f9f9f9;border:1px solid #ccc;box-shadow:0 4px 8px #0000001a;min-width:50px;padding:10px}