.react-flow{direction:ltr}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;cursor:-webkit-grab;cursor:grab}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:-webkit-grabbing;cursor:grabbing}.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 .react-flow__edges{pointer-events:none;overflow:visible}.react-flow__edge-path,.react-flow__connection-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{pointer-events:visibleStroke;cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;-webkit-animation: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;-moz-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;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:-webkit-grab;cursor:grab}.react-flow__node.dragging{cursor:-webkit-grabbing;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:-webkit-grab;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background:#1a192b;border:1px solid white;border-radius:100%}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:-4px;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{top:50%;left:-4px;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{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:rgba(255,255,255,.5);padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@-webkit-keyframes dashdraw{0%{stroke-dashoffset:10}}@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}.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-input,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:3px;width:150px;font-size:12px;color:#222;text-align:center;border-width:1px;border-style:solid;border-color:#1a192b;background-color:#fff}.react-flow__node-default.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.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-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,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.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: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 #00000014}.react-flow__controls-button{border:none;background:#fefefe;border-bottom:1px solid #eee;box-sizing:content-box;display:flex;justify-content:center;align-items:center;width:16px;height:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:5px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.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}.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:#3367d9;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:#3367d9;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%}.overview *{box-sizing:border-box}.overview .react-flow__controls button{box-sizing:content-box}.overview .react-flow__node{font-size:12px}.edgebutton{width:20px;height:20px;background:#eee;border:1px solid #fff;cursor:pointer;border-radius:50%;font-size:12px;line-height:1}.edgebutton:hover{box-shadow:0 0 6px 2px #00000014}.react-flow__node-tools{border:1px solid #333;background:white;display:flex;justify-content:center;align-items:center;text-align:center}.react-flow__node-levelnode{background:linear-gradient(45deg,#7932ffba,#7104ff7d);padding:20px;border-radius:10px;border:1px solid transparent;.lock{position: absolute; width: 100%; height: 100%; top:0; left:0; border-radius: 10px; backdrop-filter: blur(4px); background: #6718c624; .text{padding-top:10px; color: #b19ee0; font-weight: bold;}} .title {font-weight: 800; color: white; font-size: large;} .subheading{max-width: 220px; padding-top: 4px; color:#c2aeff; font-size: small;} .difficulty{padding-top: 10px; color: white; .label{font-weight: 700;}} .status {padding-top: 5px; .label{color:white; padding-right: 3px; font-weight: 700;} .value.complete{color:#3aff92;} .value.pending{color:yellow;}} .row {background: #0000000f; border-radius: 5px; justify-content: center; padding-top:6px; margin-top:7px; display: flex; flex-direction: row; height: 34px; .ring-container {margin-right:3px; width: 15px; position: relative;} .circle {width: 5px; height: 5px; background-color: #cea7f7; border-radius: 50%; position: absolute; top: 9px; left: 5px;} .ringring {border: 3px solid #c99afb; -webkit-border-radius: 30px; height: 15px; width: 15px; position: absolute; left: 0px; top: 4px; -webkit-animation: pulsate 1s ease-out; -webkit-animation-iteration-count: infinite; opacity: 0}} .selectedtext{width: 100px; color:#d7b0ff; padding-top:5px;} .btn{margin-top:10px;}}.react-flow__node-levelnode .selected:after{content:"";z-index:-1;padding:5px;position:absolute;width:100%;height:100%;left:0;top:0;border:4px solid #00000000;border-radius:10px;background:linear-gradient(#591acfba,#4000b8ba) padding-box,linear-gradient(var(--angle),#ffeb07,#ce00ff) border-box;animation:3s rotate linear infinite}@-webkit-keyframes pulsate{0%{-webkit-transform:scale(.1,.1);opacity:0}50%{opacity:1}to{-webkit-transform:scale(1.2,1.2);opacity:0}}@keyframes rotate{to{--angle: 360deg}}@property --angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.react-flow__node-levelnode:hover{border:1px solid white}.react-flow__node-toolbar{border-radius:5px;box-shadow:0 0 6px 1px #00000014}.react-flow__node-toolbar button{border:1px solid #eee;background:white;cursor:pointer}.react-flow__node-toolbar button:hover{background:#f5f5f6}.react-flow__node-toolbar button:first-child{border-radius:5px 0 0 5px;border-right:none}.react-flow__node-toolbar button:last-child{border-radius:0 5px 5px 0;border-left:none}.react-flow__node-resizer{background:white;display:flex;justify-content:center;align-items:center;text-align:center}.react-flow__node-resizer .react-flow__handle,.react-flow__node-circle .react-flow__handle,.react-flow__node-textinput .react-flow__handle{background:#bbb;border-radius:0;width:8px;height:4px;border:none;min-width:2px;min-height:2px}.react-flow__node-resizer .react-flow__handle-bottom,.react-flow__node-circle .react-flow__handle-bottom,.react-flow__node-textinput .react-flow__handle-bottom{bottom:-5px;transform:none;border-radius:0 0 2px 2px}.react-flow__node-resizer .react-flow__handle-top,.react-flow__node-circle .react-flow__handle-top,.react-flow__node-textinput .react-flow__handle-top{top:-5px;transform:none;border-radius:2px 2px 0 0}.react-flow__node-resizer .react-flow__handle-left,.react-flow__node-circle .react-flow__handle-left,.react-flow__node-textinput .react-flow__handle-left{height:8px;width:4px;left:-5px;border-radius:2px 0 0 2px}.react-flow__node-annotation{font-size:16px;width:200px;color:#9e76ff;font-family:monospace;position:absolute}.react-flow__node-annotation .arrow{position:absolute;font-size:24px}.react-flow__node-circle,.react-flow__node-textinput{color:#fff;border-radius:100%;display:flex;height:100px;width:75px;box-shadow:6px 2px 15px #2a8af64d,-6px 2px 15px #e92a674d;font-family:monospace}.react-flow__node-circle .wrapper,.react-flow__node-textinput .wrapper{overflow:hidden;display:flex;padding:2px;position:relative;border-radius:100%;flex-grow:1}.react-flow__node-circle .inner{background:rgba(255,255,255,.5);border-radius:100%;display:flex;flex-direction:column;justify-content:center;flex-grow:1;position:relative;text-align:center}.react-flow__node-textinput{border-radius:5px;width:150px;text-align:left;height:auto}.react-flow__node-textinput .wrapper{border-radius:5px;height:100%}.react-flow__node-textinput .inner{background:rgba(255,255,255,.5);flex-grow:1;position:relative;padding:10px;border-radius:4px;height:100%}.react-flow__node-textinput input{width:100%;font-size:12px;border:none;border-radius:2px;margin-bottom:10px;margin-top:2px;padding:2px 4px;color:#555}.gradient:before{content:"";position:absolute;padding-bottom:calc(100% * 1.41421356237);width:calc(100% * 1.41421356237 + 100);background:conic-gradient(from -160deg at 50% 50%,#e92a67 0deg,#a853ba 120deg,#2a8af6 240deg,#e92a67 360deg);left:50%;top:50%;transform:translate(-50%,-50%);border-radius:100%}.react-flow__minimap .group{fill-opacity:.4}.react-flow__minimap .resizer,.react-flow__minimap .tools,.react-flow__minimap .circle,.react-flow__minimap .textinput{fill:#d0c0f7}.react-flow__minimap .circle{rx:100%;ry:100%}.react-flow__minimap .annotation{display:none}.react-flow__minimap-node.levelnode{fill:#954aff}.react-flow__minimap{background-color:#c2a0ff}