.react-flow{--xy-background-color:#f7f9fb;--xy-theme-selected:#f57dbd;--xy-theme-hover:#c5c5c5;--xy-theme-edge-hover:black;--xy-theme-color-focus:#e8e8e8;--xy-node-border-default:1px solid #ededed;--xy-node-boxshadow-default:0px 3.54px 4.55px 0px #00000005,0px 3.54px 4.55px 0px #0000000d,0px 0.51px 1.01px 0px #0000001a;--xy-node-border-radius-default:8px;--xy-handle-background-color-default:#ffffff;--xy-handle-border-color-default:#aaaaaa;--xy-edge-label-color-default:#505050}.react-flow.dark{--xy-node-boxshadow-default:0px 3.54px 4.55px 0px rgba(255,255,255,0.05),0px 3.54px 4.55px 0px rgba(255,255,255,0.13),0px 0.51px 1.01px 0px rgba(255,255,255,0.2);--xy-theme-color-focus:#535353}.react-flow__node{border-radius:var(--xy-node-border-radius-default);display:flex;justify-content:center;align-items:center;text-align:center;padding:10px;font-size:12px;flex-direction:column;border:var(--xy-node-border-default);color:var(--xy-node-color,var(--xy-node-color-default))}.react-flow__node.selectable:focus{box-shadow:0 0 0 4px var(--xy-theme-color-focus);border-color:#d9d9d9}.react-flow__node.selectable:focus:active{box-shadow:var(--xy-node-boxshadow-default)}.react-flow__node.draggable:hover,.react-flow__node.selectable:hover{border-color:var(--xy-theme-hover)}.react-flow__node.selectable.selected{border-color:var(--xy-theme-selected);box-shadow:var(--xy-node-boxshadow-default)}.react-flow__node-group{background-color:rgba(207,182,255,.4);border-color:#9e86ed}.react-flow__edge.selectable.selected .react-flow__edge-path,.react-flow__edge.selectable:hover .react-flow__edge-path{stroke:var(--xy-theme-edge-hover)}.react-flow__handle{background-color:var(--xy-handle-background-color-default)}.react-flow__handle.connectionindicator:hover{pointer-events:all;border-color:var(--xy-theme-edge-hover);background-color:white}.react-flow__handle.connectingfrom,.react-flow__handle.connectingto,.react-flow__handle.connectionindicator:focus{border-color:var(--xy-theme-edge-hover)}.react-flow__node-resizer{border-radius:0;border:none}.react-flow__resize-control.handle{background-color:#ffffff;border-color:#9e86ed;border-radius:0;width:5px;height:5px}:root{--color-primary:#ff0073;--color-background:#fefefe;--color-hover-bg:#f6f6f6;--color-disabled:#76797e}.xy-theme__button-group{display:flex;align-items:center;.xy-theme__button:first-child{border-radius:100px 0 0 100px}.xy-theme__button:last-child{border-radius:0 100px 100px 0;margin:0}}.xy-theme__button{display:inline-flex;align-items:center;justify-content:center;height:2.5rem;padding:0 1rem;border-radius:100px;border:1px solid var(--color-primary);background-color:var(--color-background);color:var(--color-primary);transition:background-color .2s ease,border-color .2s ease;box-shadow:var(--xy-node-boxshadow-default);cursor:pointer}.xy-theme__button.active{background-color:var(--color-primary);color:white;border-color:var(--color-primary)}.xy-theme__button.active:active,.xy-theme__button.active:hover{background-color:var(--color-primary);opacity:.9}.xy-theme__button:hover{background-color:var(--xy-controls-button-background-color-hover-default)}.xy-theme__button:active{background-color:var(--color-hover-bg)}.xy-theme__button:disabled{color:var(--color-disabled);opacity:.8;cursor:not-allowed;border:1px solid var(--color-disabled)}.xy-theme__button>span{margin-right:.2rem}.xy-theme__button+.xy-theme__button{margin-left:.3rem}.xy-theme__input{padding:.5rem .75rem;border:1px solid var(--color-primary);border-radius:7px;background-color:var(--color-background);transition:background-color .2s ease,border-color .2s ease;font-size:1rem;color:inherit}.xy-theme__input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(255,0,115,.3)}.xy-theme__checkbox{appearance:none;-webkit-appearance:none;width:1.25rem;height:1.25rem;border-radius:7px;border:2px solid var(--color-primary);background-color:var(--color-background);transition:background-color .2s ease,border-color .2s ease;cursor:pointer;display:inline-block;vertical-align:middle;margin-right:.5rem}.xy-theme__checkbox:checked{background-color:var(--color-primary);border-color:var(--color-primary)}.xy-theme__checkbox:focus{outline:none;box-shadow:0 0 0 2px rgba(255,0,115,.3)}.xy-theme__select{padding:.5rem .75rem;border:1px solid var(--color-primary);border-radius:50px;background-color:var(--color-background);transition:background-color .2s ease,border-color .2s ease;font-size:1rem;color:inherit;margin-right:.5rem;box-shadow:var(--xy-node-boxshadow-default)}.xy-theme__select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(255,0,115,.3)}.xy-theme__label{margin-top:10px;margin-bottom:3px;display:inline-block}.react-flow__node{padding:0}.tool-overlay{pointer-events:auto;position:absolute;top:0;left:0;z-index:4;height:100%;width:100%;transform-origin:top left;cursor:copy;touch-action:none}.rectangle-preview{position:absolute;z-index:10}.lasso-controls{display:flex;align-items:center;gap:10px}.lasso-controls button{width:150px}.lasso-controls label{display:flex;align-items:center;justify-content:center;line-height:1}.download-image .react-flow__node{width:50px;height:50px;color:white;font-weight:700;display:flex;justify-content:center;align-items:center;border-color:white}.download-image .react-flow__node-custom{font-size:12px;background:#eee;border:1px solid #555;border-radius:5px;text-align:center;padding:10px}.download-image .react-flow__node-custom .react-flow__handle-right{transform:none}.download-image .download-btn{border:1px solid #eee;background:#ebf8ff;padding:5px;font-weight:700;font-size:14px;cursor:pointer}.download-image .download-btn:hover{opacity:.9}.dndflow{flex-grow:1;height:100%}.dndflow aside{border-right:1px solid #eee;padding:15px 10px;font-size:12px;background:#fcfcfc}.dndflow aside .description{margin-bottom:10px}.dndflow .selectall{margin-top:10px}@media screen and (min-width:768px){.dndflow{flex-direction:row}.dndflow aside{width:20%;max-width:250px}}