.xoy-graph[data-v-c845ff86]{position:relative;width:100%;height:100%}.xoy-graph.is-debug[data-v-c845ff86]{padding:10vh 10vw}.xoy-graph.is-debug .graph-container[data-v-c845ff86]{outline:1px solid red}.xoy-graph.is-debug .graph-container[data-v-c845ff86]:before{content:"";position:absolute;top:50%;left:0;width:100%;height:1px;margin-top:-.5px;background:#ccc;z-index:10}.xoy-graph.is-debug .graph-container[data-v-c845ff86]:after{content:"";position:absolute;top:0;left:50%;width:1px;height:100%;margin-left:-.5px;background:#ccc;z-index:10}.xoy-graph.is-3d .graph-board[data-v-c845ff86],.xoy-graph.is-3d .graph-grid[data-v-c845ff86],.xoy-graph.is-3d .graph-grid-item[data-v-c845ff86],.xoy-graph.is-3d .edge-content-3d[data-v-c845ff86]{transform-style:preserve-3d}.xoy-graph.is-3d .edge-content-3d .cuboid[data-v-c845ff86]{transform-style:preserve-3d;backface-visibility:hidden}.xoy-graph.is-3d .entity-content-3d[data-v-c845ff86]{transform-style:preserve-3d}.xoy-graph.is-3d .entity-content-3d .cylinder[data-v-c845ff86]{transform-style:preserve-3d;backface-visibility:hidden}.xoy-graph .graph-container[data-v-c845ff86]{position:relative;width:100%;height:100%;overflow:hidden}.xoy-graph .graph-board[data-v-c845ff86]{position:relative;top:50%;left:50%;display:inline-block;will-change:transform;transform:var(--v7cb06a4e);transform-origin:0 0;width:var(--dcff834a);height:var(--v7570aa34);z-index:0}.xoy-graph .graph-board[data-v-c845ff86]:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border:4px solid rgba(200,200,200,.7);z-index:-2;pointer-events:none}.xoy-graph .graph-board .graph-grid[data-v-c845ff86]{position:relative;margin-top:var(--v7a3221cc);margin-left:var(--v7a240a4b);display:grid;outline:1px solid rgba(200,200,200,.7);z-index:0}.xoy-graph .graph-board .graph-grid[data-v-c845ff86]:before{content:"";position:absolute;width:calc(100% + 2px);height:calc(100% + 2px);background:linear-gradient(rgba(200,200,200,.7) 2px,transparent 1px),linear-gradient(90deg,rgba(200,200,200,.7) 2px,transparent 1px);background-size:var(--v0324d033) var(--v0324d033);background-position:-1px -1px;z-index:-1}.xoy-graph .graph-board .graph-grid-item[data-v-c845ff86]{color:var(--v417b1568);text-shadow:var(--v23f1f057);pointer-events:auto;font-size:calc(var(--v0324d033) * .15)}.xoy-graph .graph-board .graph-grid-item .edge-content-2d[data-v-c845ff86]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--graph-item-color-1);border:2px solid var(--graph-item-color-1)}.xoy-graph .graph-board .graph-grid-item .edge-content-2d span[data-v-c845ff86]{transform:var(--v824bc784)}.xoy-graph .graph-board .graph-grid-item .edge-content-3d[data-v-c845ff86]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;--cuboid-size: calc(var(--v0324d033) * .8);--cuboid-weight: calc(var(--cuboid-size) + var(--graph-edge-weight))}.xoy-graph .graph-board .graph-grid-item .edge-content-3d .cuboid[data-v-c845ff86]{position:relative;width:var(--cuboid-size);height:var(--cuboid-size)}.xoy-graph .graph-board .graph-grid-item .edge-content-3d .cuboid .face[data-v-c845ff86]{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--graph-item-color-1);box-shadow:0 0 2px var(--graph-item-color-2);writing-mode:vertical-rl;text-orientation:upright}.xoy-graph .graph-board .graph-grid-item .edge-content-3d .cuboid .face.front[data-v-c845ff86]{transform:translateZ(var(--cuboid-weight));writing-mode:unset;text-orientation:unset}.xoy-graph .graph-board .graph-grid-item .edge-content-3d .cuboid .face.front span[data-v-c845ff86]{transform:var(--v824bc784)}.xoy-graph .graph-board .graph-grid-item .edge-content-3d .cuboid .face.back[data-v-c845ff86]{transform:rotateY(180deg)}.xoy-graph .graph-board .graph-grid-item .edge-content-3d .cuboid .face.top[data-v-c845ff86]{height:var(--cuboid-weight);bottom:var(--cuboid-size);transform-origin:center bottom;transform:rotate(180deg) rotateX(-90deg)}.xoy-graph .graph-board .graph-grid-item .edge-content-3d .cuboid .face.bottom[data-v-c845ff86]{height:var(--cuboid-weight);bottom:0;transform-origin:center bottom;transform:rotateX(-90deg)}.xoy-graph .graph-board .graph-grid-item .edge-content-3d .cuboid .face.left[data-v-c845ff86]{height:var(--cuboid-weight);bottom:var(--cuboid-size);transform-origin:left bottom;transform:rotateY(-90deg) rotate(90deg)}.xoy-graph .graph-board .graph-grid-item .edge-content-3d .cuboid .face.right[data-v-c845ff86]{height:var(--cuboid-weight);bottom:var(--cuboid-size);transform-origin:right bottom;transform:rotateY(90deg) rotate(-90deg)}.xoy-graph .graph-board .graph-grid-item .entity-content-2d[data-v-c845ff86]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--graph-item-color-1);border:2px solid var(--graph-item-color-1);border-radius:50%}.xoy-graph .graph-board .graph-grid-item .entity-content-2d span[data-v-c845ff86]{transform:var(--v824bc784)}.xoy-graph .graph-board .graph-grid-item .entity-content-3d[data-v-c845ff86]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;--cylinder-size: calc(var(--v0324d033) * .8)}.xoy-graph .graph-board .graph-grid-item .entity-content-3d .cylinder[data-v-c845ff86]{position:relative;width:var(--cylinder-size);height:var(--cylinder-size);transform:var(--v824bc784)}.xoy-graph .graph-board .graph-grid-item .entity-content-3d .cylinder .face[data-v-c845ff86]{position:absolute;width:100%;height:100%;background:var(--graph-item-color-1);box-shadow:0 0 2px var(--graph-item-color-2)}.xoy-graph .graph-board .graph-grid-item .entity-content-3d .cylinder .face.front[data-v-c845ff86]{transform:translateZ(var(--cylinder-size));display:flex;align-items:center;justify-content:center;border-radius:50%}.xoy-graph .graph-board .graph-grid-item .entity-content-3d .cylinder .face.center[data-v-c845ff86]{transform:rotateX(-90deg) translateY(2px) translateY(-50%)}.xoy-graph .graph-board .graph-grid-item .entity-content-3d .cylinder .face.back[data-v-c845ff86]{border-radius:50%}@media (hover: hover){.xoy-graph .graph-board .graph-grid-item:hover .edge-content-2d[data-v-c845ff86]{background-color:var(--graph-item-color-2);border-color:var(--graph-item-color-2)}.xoy-graph .graph-board .graph-grid-item:hover .edge-content-3d .cuboid .face[data-v-c845ff86]{background:var(--graph-item-color-2);box-shadow:0 0 2px var(--graph-item-color-3)}.xoy-graph .graph-board .graph-grid-item:hover .entity-content-2d[data-v-c845ff86]{background-color:var(--graph-item-color-2);border-color:var(--graph-item-color-2)}.xoy-graph .graph-board .graph-grid-item:hover .entity-content-3d .cylinder .face[data-v-c845ff86]{background:var(--graph-item-color-2);box-shadow:0 0 2px var(--graph-item-color-3)}}.xoy-graph .graph-board .graph-grid-item.is-selected .edge-content-2d[data-v-c845ff86]{border-color:var(--graph-item-color-3)}.xoy-graph .graph-board .graph-grid-item.is-selected .edge-content-3d .cuboid .face[data-v-c845ff86]{box-shadow:0 0 2px var(--graph-item-color-3)}.xoy-graph .graph-board .graph-grid-item.is-selected .entity-content-2d[data-v-c845ff86]{border-color:var(--graph-item-color-3)}.xoy-graph .graph-board .graph-grid-item.is-selected .entity-content-3d .cylinder .face[data-v-c845ff86]{box-shadow:0 0 2px var(--graph-item-color-3)}.xoy-graph .graph-board .graph-board-guide[data-v-c845ff86]{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1}.xoy-graph .graph-board .graph-board-guide .guide-line-center[data-v-c845ff86]{position:absolute;top:var(--guide-line-top);left:var(--guide-line-left);width:var(--v0324d033);height:var(--v0324d033);background:var(--guide-line-color);opacity:.5}.xoy-graph .graph-board .graph-board-guide .guide-line[data-v-c845ff86]{position:absolute;background:var(--guide-line-color);opacity:.5;color:#fff;font-size:calc(var(--v0324d033) * .7);letter-spacing:calc(var(--v0324d033) * .3);overflow:hidden;left:var(--guide-line-left);top:0;width:var(--v0324d033);padding-bottom:calc(var(--v0324d033) * .85);display:flex;flex-direction:column;align-items:center;justify-content:end}.xoy-graph .graph-board .graph-board-guide .guide-line>span[data-v-c845ff86]{flex-shrink:0;writing-mode:vertical-rl;text-orientation:upright}.xoy-graph .graph-board .graph-board-guide .guide-line.top[data-v-c845ff86]{height:var(--guide-line-top)}.xoy-graph .graph-board .graph-board-guide .guide-line.bottom[data-v-c845ff86]{height:calc(var(--v3a5e49cc) - var(--guide-line-bottom));top:calc(-1 * (var(--v3a5e49cc) - var(--guide-line-bottom) - var(--guide-line-top)));transform-origin:center calc(100% + var(--v0324d033) / 2);transform:rotate(180deg)}.xoy-graph .graph-board .graph-board-guide .guide-line.left[data-v-c845ff86]{height:var(--guide-line-left);top:calc(-1 * (var(--guide-line-left) - var(--guide-line-top)));transform-origin:center calc(100% + var(--v0324d033) / 2);transform:rotate(-90deg)}.xoy-graph .graph-board .graph-board-guide .guide-line.right[data-v-c845ff86]{height:calc(var(--v48b3cda4) - var(--guide-line-right));top:calc(-1 * (var(--v48b3cda4) - var(--guide-line-right) - var(--guide-line-top)));transform-origin:center calc(100% + var(--v0324d033) / 2);transform:rotate(90deg)}.xoy-graph .graph-tools[data-v-c845ff86]{position:absolute;top:10px;right:10px;display:flex;flex-direction:column;gap:10px}.xoy-graph .graph-tool-btn[data-v-c845ff86]{width:30px;height:30px;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid #dcdfe6;border-radius:4px;background:#fff;color:#606266;font-size:12px;cursor:pointer;transition:all .2s}.xoy-graph .graph-tool-btn[data-v-c845ff86]:hover{color:#409eff;border-color:#c6e2ff;background:#ecf5ff}.xoy-graph .graph-tool-btn.active[data-v-c845ff86]{color:#fff;background:#409eff;border-color:#409eff}.xoy-graph .graph-loading[data-v-c845ff86]{position:absolute;top:16px;right:56px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;pointer-events:none}.xoy-graph .graph-loading .graph-loading-spinner[data-v-c845ff86]{width:18px;height:18px;border:2px solid rgba(64,158,255,.2);border-top-color:#409eff;border-radius:50%;animation:xoy-spin-c845ff86 1s linear infinite}@keyframes xoy-spin-c845ff86{to{transform:rotate(360deg)}}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.demo-app[data-v-3a6a7eef]{width:100vw;height:100vh;display:flex;flex-direction:column;background:#f0f4f8}.demo-header[data-v-3a6a7eef]{padding:16px 24px;background:#fff;box-shadow:0 2px 8px #0000000f;z-index:1}.demo-header h1[data-v-3a6a7eef]{margin:0 0 8px;font-size:20px;color:#1a202c}.demo-header p[data-v-3a6a7eef]{margin:0;font-size:14px;color:#4a5568}.demo-graph[data-v-3a6a7eef]{flex:1;position:relative;overflow:hidden}.demo-status[data-v-3a6a7eef]{position:absolute;bottom:16px;left:16px;padding:6px 12px;background:#fffffff2;border-radius:12px;box-shadow:0 2px 8px #00000014;font-size:12px;color:#4a5568;pointer-events:none;z-index:2}.demo-info[data-v-3a6a7eef]{position:absolute;bottom:16px;left:50%;transform:translate(-50%);padding:8px 16px;background:#fffffff2;border-radius:20px;box-shadow:0 2px 12px #0000001a;font-size:14px;color:#2d3748;pointer-events:none;white-space:nowrap}.demo-info span[data-v-3a6a7eef]{color:#718096;margin-left:8px}