.lf-graph{position:relative;width:100%;height:100%;z-index:0;background:#ffffff;-webkit-user-select:none;user-select:none}.lf-element-text{cursor:text}.lf-text-disabled{pointer-events:none}.lf-text-draggable{cursor:move}.lf-node-anchor{cursor:crosshair}.lf-node-anchor-hover{visibility:hidden}.lf-anchor:hover .lf-node-anchor-hover{visibility:visible}.lf-edge.pointer-none{pointer-events:none}.lf-edge-append{cursor:pointer}.lf-edge-animation{stroke-dashoffset:100%;animation:lf_animate_dash 5s linear infinite}@keyframes lf_animate_dash{to{stroke-dashoffset:0}}.lf-node-not-allow{cursor:not-allowed}.lf-polyline-append-ns-resize{cursor:ns-resize}.lf-polyline-append-ew-resize{cursor:ew-resize}.lf-dragging{cursor:grabbing}.lf-drag-able{cursor:default}.lf-bezier-adjust-anchor{cursor:pointer}.lf-background,.lf-grid{position:absolute;left:0;top:0;right:0;bottom:0;z-index:-1}.lf-background-area{width:100%;height:100%}.lf-html-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;pointer-events:none;overflow:hidden;-webkit-user-select:none;user-select:none}.lf-html-overlay__transform>*{pointer-events:all}.lf-text-editable{pointer-events:all}.lf-text-input{text-align:center;outline:none;position:absolute;border:1px solid #edefed;box-sizing:border-box;line-height:1.2;border-radius:3px;resize:none;padding:5px;min-height:20px;min-width:100px;white-space:pre;background:#fff;transform:translate(-50%,-50%)}.lf-get-text-height{display:inline-block;word-break:break-all;border:1px solid transparent;box-sizing:border-box}.lf-node-text-auto-wrap{box-sizing:border-box;display:flex;justify-content:center;align-items:center}.lf-node-text-auto-wrap-content{line-height:1.2;background:transparent;text-align:center;word-break:break-all;width:100%}.lf-node-text-ellipsis-content{line-height:1.2;background:transparent;text-align:center;white-space:nowrap;width:100%}.lf-node-text-ellipsis-content>div{text-overflow:ellipsis;overflow:hidden}.lf-tool-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;pointer-events:none;overflow:hidden}.lf-tool-overlay>*{pointer-events:all}.modification-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;pointer-events:none;overflow:hidden}.modification-overlay>*{pointer-events:all}.lf-outline,.lf-snapline{pointer-events:none}.lf-keyboard-tips{float:right}.lf-node-select-decorate{transform:translate(-50%,-50%);pointer-events:none;border:1px dashed #343435;position:absolute}.lf-multiple-select{position:absolute;border:2px dashed rgba(24,125,255,.8);box-shadow:0 0 3px #187dff80;cursor:move}.lf-edge-adjust-point{cursor:move}.lf-rotate{cursor:grabbing}.svg-icon[data-v-cf86212a]{width:32px;height:32px;position:relative;fill:#000;vertical-align:-2px}svg{margin-top:10px}.pattern{position:absolute;left:10px;top:33px;width:60px;display:flex;flex-direction:column;z-index:111;align-items:center;background:rgba(255,255,255,.8);box-shadow:0 1px 4px #0000004d;padding:10px 0;font-size:12px;color:#676768;-webkit-user-select:none;user-select:none}.graph-io{display:flex;align-items:center;justify-content:flex-start}.graph-io>span{margin-right:10px}#my-panel{position:absolute;top:0;right:0;height:100%}.panel-wrap{width:300px;height:100%;display:block;background-color:#efefef;margin-top:36px;padding:20px;border-top-left-radius:12px;border-bottom-left-radius:12px;overflow:scroll}.panel-wrap::-webkit-scrollbar{display:none}.header{display:flex;justify-content:space-between}.preview-wrap{left:calc(100% - 500px);position:relative;width:500px;display:flex}pre{z-index:100;height:1000px;position:absolute;width:100%;overflow:scroll;background-color:#dde2e7}pre::-webkit-scrollbar{display:none}.lf-menu{position:absolute;display:none;background:#fff;padding:10px 0;margin:0 0 0 10px;border-radius:3px;border:1px solid #efefee;width:200px;z-index:999}.lf-menu>li{list-style:none;padding:3px 12px;font-size:12px;line-height:18px;cursor:pointer;transition:all .12s ease-in-out;position:relative;z-index:1000}html[data-v-81a79c59],body[data-v-81a79c59]{width:100%;height:100%;background-color:#fff}.logo[data-v-81a79c59]{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo[data-v-81a79c59]:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vue[data-v-81a79c59]:hover{filter:drop-shadow(0 0 2em #42b883aa)}