.vue-flow{--xy-background-color:var(--lightningcss-light,#f7f9fb)var(--lightningcss-dark,#101012);--xy-theme-selected:#16a34a;--xy-theme-hover:var(--lightningcss-light,#c5c5c5)var(--lightningcss-dark,#7a7d86);--xy-theme-edge-hover:var(--lightningcss-light,#000)var(--lightningcss-dark,#f3f4f6);--xy-theme-color-focus:var(--lightningcss-light,#e8e8e8)var(--lightningcss-dark,#4b4e57);--xy-node-border-default:1px solid var(--lightningcss-light,#ededed)var(--lightningcss-dark,#303238);--xy-node-boxshadow-default:0px 3.54px 4.55px 0px #00000005, 0px 3.54px 4.55px 0px #0000000d, 0px .51px 1.01px 0px #0000001a;--xy-node-border-radius-default:8px;--xy-handle-background-color-default:var(--lightningcss-light,#fff)var(--lightningcss-dark,#141519);--xy-handle-border-color-default:var(--lightningcss-light,#aaa)var(--lightningcss-dark,#5a5d66);--xy-edge-label-color-default:var(--lightningcss-light,#505050)var(--lightningcss-dark,#e6e7ea);--xy-node-background-color-default:var(--lightningcss-light,#fff)var(--lightningcss-dark,#1a1b1e);--xy-theme-panel-bg:var(--lightningcss-light,#fff)var(--lightningcss-dark,#141519);--xy-theme-panel-text:var(--lightningcss-light,#111827)var(--lightningcss-dark,#f3f4f6);--xy-theme-resize-handle-bg:var(--lightningcss-light,#fff)var(--lightningcss-dark,#141519);--xy-theme-focus-border:var(--lightningcss-light,#d9d9d9)var(--lightningcss-dark,#5f6470);--xy-theme-muted-bg:var(--lightningcss-light,#f3f4f6)var(--lightningcss-dark,#24262c);--xy-theme-subtle-border:var(--lightningcss-light,#d1d5db)var(--lightningcss-dark,#3f434c);--color-primary:#16a34a;--color-background:var(--lightningcss-light,#fefefe)var(--lightningcss-dark,#1a1b1e);--color-hover-bg:var(--lightningcss-light,#f6f6f6)var(--lightningcss-dark,#24262c);--color-disabled:var(--lightningcss-light,#76797e)var(--lightningcss-dark,#8b9099);background-color:var(--xy-background-color)}@media (prefers-color-scheme:dark){.vue-flow{--xy-node-boxshadow-default:0px 6px 18px 0px #00000059, 0px 2px 6px 0px #0000004d, 0px 1px 2px 0px #00000059}}.vue-flow__node{box-shadow:var(--xy-node-boxshadow-default);border-radius:var(--xy-node-border-radius-default);background-color:var(--xy-node-background-color-default);text-align:center;border:var(--xy-node-border-default);color:var(--xy-node-color,var(--xy-node-color-default));flex-direction:column;justify-content:center;align-items:center;padding:10px;font-size:12px;display:flex}.vue-flow__node.selectable:focus{box-shadow:0px 0px 0px 4px var(--xy-theme-color-focus);border-color:var(--xy-theme-focus-border)}.vue-flow__node.selectable:focus:active{box-shadow:var(--xy-node-boxshadow-default)}.vue-flow__node.selectable:hover,.vue-flow__node.draggable:hover{border-color:var(--xy-theme-hover)}.vue-flow__node.selectable.selected{border-color:var(--xy-theme-selected);box-shadow:var(--xy-node-boxshadow-default)}.vue-flow__node-group{background-color:var(--lightningcss-light,#cfb6ff66)var(--lightningcss-dark,#7b6b9438);border-color:var(--lightningcss-light,#9e86ed)var(--lightningcss-dark,#7b6b94)}.vue-flow__edge.selectable:hover .vue-flow__edge-path,.vue-flow__edge.selectable.selected .vue-flow__edge-path{stroke:var(--xy-theme-edge-hover)}.vue-flow__handle{background-color:var(--xy-handle-background-color-default)}.vue-flow__handle.connectionindicator:hover{pointer-events:all;border-color:var(--xy-theme-edge-hover);background-color:var(--xy-handle-background-color-default)}.vue-flow__handle.connectionindicator:focus,.vue-flow__handle.connectingfrom,.vue-flow__handle.connectingto{border-color:var(--xy-theme-edge-hover)}.vue-flow__node-resizer{border:none;border-radius:0}.vue-flow__resize-control.handle{background-color:var(--xy-theme-resize-handle-bg);border-color:#9e86ed;border-radius:0;width:5px;height:5px}.xy-theme__button-group{align-items:center;display:flex}.xy-theme__button-group .xy-theme__button:first-child{border-radius:100px 0 0 100px}.xy-theme__button-group .xy-theme__button:last-child{border-radius:0 100px 100px 0;margin:0}.xy-theme__button{border:1px solid var(--color-primary);background-color:var(--color-background);height:2.5rem;color:var(--color-primary);box-shadow:var(--xy-node-boxshadow-default);cursor:pointer;border-radius:100px;justify-content:center;align-items:center;padding:0 1rem;transition:background-color .2s,border-color .2s;display:inline-flex}.xy-theme__button.active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.xy-theme__button.active:hover,.xy-theme__button.active:active{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{border:1px solid var(--color-primary);background-color:var(--color-background);color:var(--xy-theme-panel-text);border-radius:7px;padding:.5rem .75rem;font-size:1rem;transition:background-color .2s,border-color .2s}.xy-theme__input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px #16a34a4d}.xy-theme__checkbox{appearance:none;border:2px solid var(--color-primary);background-color:var(--color-background);cursor:pointer;vertical-align:middle;border-radius:7px;width:1.25rem;height:1.25rem;margin-right:.5rem;transition:background-color .2s,border-color .2s;display:inline-block}.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 #16a34a4d}.xy-theme__select{border:1px solid var(--color-primary);background-color:var(--color-background);color:var(--xy-theme-panel-text);box-shadow:var(--xy-node-boxshadow-default);border-radius:50px;margin-right:.5rem;padding:.5rem .75rem;font-size:1rem;transition:background-color .2s,border-color .2s}.xy-theme__select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px #16a34a4d}.xy-theme__label{color:var(--xy-theme-panel-text);margin-top:10px;margin-bottom:3px;display:inline-block}html,body{box-sizing:border-box;margin:0;font-family:sans-serif}#app{width:100vw;height:100vh}.color-chooser-node{border-radius:5px;padding:20px}.color-chooser-node input{cursor:pointer}