@ovalbee/flow-viewer 0.0.2 → 0.0.3

package/dist/flow-viewer.css

@@ -1 +1 @@
-.vue-flow{position:relative;width:100%;height:100%;overflow:hidden;z-index:0;direction:ltr}.vue-flow__container{position:absolute;height:100%;width:100%;left:0;top:0}.vue-flow__pane{z-index:1}.vue-flow__pane.draggable{cursor:grab}.vue-flow__pane.selection{cursor:pointer}.vue-flow__pane.dragging{cursor:grabbing}.vue-flow__transformationpane{transform-origin:0 0;z-index:2;pointer-events:none}.vue-flow__viewport{z-index:4;overflow:clip}.vue-flow__selection{z-index:6}.vue-flow__edge-labels{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vue-flow__nodesselection-rect:focus,.vue-flow__nodesselection-rect:focus-visible{outline:none}.vue-flow .vue-flow__edges{pointer-events:none;overflow:visible}.vue-flow__edge-path,.vue-flow__connection-path{stroke:#b1b1b7;stroke-width:1;fill:none}.vue-flow__edge{pointer-events:visibleStroke;cursor:pointer}.vue-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.vue-flow__edge.animated path.vue-flow__edge-interaction{stroke-dasharray:none;animation:none}.vue-flow__edge.inactive{pointer-events:none}.vue-flow__edge.selected,.vue-flow__edge:focus,.vue-flow__edge:focus-visible{outline:none}.vue-flow__edge.selected .vue-flow__edge-path,.vue-flow__edge:focus .vue-flow__edge-path,.vue-flow__edge:focus-visible .vue-flow__edge-path{stroke:#555}.vue-flow__edge-textwrapper{pointer-events:all}.vue-flow__edge-textbg{fill:#fff}.vue-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vue-flow__connection{pointer-events:none}.vue-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.vue-flow__connectionline{z-index:1001}.vue-flow__nodes{pointer-events:none;transform-origin:0 0}.vue-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:default}.vue-flow__node.draggable{cursor:grab;pointer-events:all}.vue-flow__node.draggable.dragging{cursor:grabbing}.vue-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.vue-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.vue-flow__nodesselection-rect.dragging{cursor:grabbing}.vue-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px}.vue-flow__handle.connectable{pointer-events:all;cursor:crosshair}.vue-flow__handle-bottom{left:50%;bottom:0;transform:translate(-50%,50%)}.vue-flow__handle-top{left:50%;top:0;transform:translate(-50%,-50%)}.vue-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.vue-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.vue-flow__edgeupdater{cursor:move;pointer-events:all}.vue-flow__panel{position:absolute;z-index:5;margin:15px}.vue-flow__panel.top{top:0}.vue-flow__panel.bottom{bottom:0}.vue-flow__panel.left{left:0}.vue-flow__panel.right{right:0}.vue-flow__panel.center{left:50%;transform:translate(-50%)}@keyframes dashdraw{0%{stroke-dashoffset:10}}.vue-flow__controls{box-shadow:0 0 2px 1px #00000014}.vue-flow__controls-button{background:#fefefe;border:none;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;user-select:none;padding:5px}.vue-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.vue-flow__controls-button:hover{background:#f4f4f4}.vue-flow__controls-button:disabled{pointer-events:none}.vue-flow__controls-button:disabled svg{fill-opacity:.4}.vue-flow__minimap{background-color:#fff}.vue-flow__minimap.pannable{cursor:grab}.vue-flow__minimap.dragging{cursor:grabbing}.vue-flow__minimap-mask.pannable{cursor:grab}.ob-flow-viewer{--ob-flow-viewer-background: #f8fafc;--ob-flow-viewer-surface: #ffffff;--ob-flow-viewer-surface-muted: #f1f5f9;--ob-flow-viewer-border: #dbe2ea;--ob-flow-viewer-text: #172033;--ob-flow-viewer-text-muted: #64748b;--ob-flow-viewer-edge: #94a3b8}.ob-flow-viewer{position:relative;width:100%;height:100%;min-height:320px;overflow:hidden;color:var(--ob-flow-viewer-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--ob-flow-viewer-background)}.ob-flow-viewer[data-theme=dark]{--ob-flow-viewer-background: #0f172a;--ob-flow-viewer-surface: #172033;--ob-flow-viewer-surface-muted: #263247;--ob-flow-viewer-border: #344258;--ob-flow-viewer-text: #e5e7eb;--ob-flow-viewer-text-muted: #9aa8bc;--ob-flow-viewer-edge: #64748b}.ob-flow-viewer__canvas{width:100%;height:100%;background-color:var(--ob-flow-viewer-background);background-image:radial-gradient(circle,#dce4ee 1px,transparent 1px);background-position:0 0;background-size:15px 15px}.ob-flow-viewer .vue-flow__edge-path{stroke:var(--ob-flow-viewer-edge);stroke-width:1.5}.ob-flow-viewer .vue-flow__node{cursor:default;pointer-events:auto!important}.ob-flow-viewer-node .vue-flow__handle{width:8px;height:8px;pointer-events:none;background:var(--ob-flow-viewer-surface);border:2px solid var(--ob-flow-viewer-edge);border-radius:50%}.ob-flow-viewer .vue-flow__controls,.ob-flow-viewer .vue-flow__minimap{overflow:hidden;border:1px solid var(--ob-flow-viewer-border);border-radius:6px;box-shadow:0 4px 12px #0f172a14}.ob-flow-viewer .vue-flow__controls-button{color:var(--ob-flow-viewer-text);background:var(--ob-flow-viewer-surface);border-color:var(--ob-flow-viewer-border)}.ob-flow-viewer .vue-flow__controls-button svg{max-width:10px;max-height:10px}.ob-flow-viewer .vue-flow__minimap{right:auto;bottom:10px;left:54px;width:160px;height:110px;background:color-mix(in srgb,var(--ob-flow-viewer-surface) 92%,transparent)}.ob-flow-viewer .vue-flow__minimap-node{fill:var(--ob-flow-viewer-edge)}.ob-flow-viewer-node{position:relative;box-sizing:border-box;width:260px;padding:14px;background:var(--ob-flow-viewer-surface);border:1px solid var(--ob-flow-viewer-border);border-radius:12px;box-shadow:0 2px 8px #0f172a14;outline:none;transition:border-color .16s ease,box-shadow .16s ease}.ob-flow-viewer-node:hover,.ob-flow-viewer-node:focus-visible{z-index:5;border-color:var(--ob-flow-viewer-edge);box-shadow:0 6px 16px #0f172a1c}.ob-flow-viewer-node--unavailable{border-style:dashed;opacity:.78}.ob-flow-viewer-node__header{display:flex;gap:9px;align-items:center;min-width:0}.ob-flow-viewer-node__icon{display:grid;flex:0 0 32px;width:32px;height:32px;place-items:center;overflow:hidden;color:#fff;font-size:14px;font-weight:700;background:var(--ob-node-icon-color);border-radius:8px}.ob-flow-viewer-node__icon-svg,.ob-flow-viewer-node__icon-svg svg{display:block;width:17px;height:17px}.ob-flow-viewer-node__icon-svg svg{color:#fff}.ob-flow-viewer-node__title-wrap{display:flex;min-width:0;flex-direction:column;gap:2px}.ob-flow-viewer-node__title,.ob-flow-viewer-node__key{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ob-flow-viewer-node__title{font-size:14px;font-weight:650;line-height:1.3}.ob-flow-viewer-node__key{color:var(--ob-flow-viewer-text-muted);font-size:10.5px;line-height:1.3}.ob-flow-viewer-node__description{margin:10px 0 0;color:var(--ob-flow-viewer-text-muted);font-size:13px;line-height:1.5;white-space:normal}.ob-flow-viewer-node__description--clamped{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.ob-flow-viewer-node__widget{display:flex;align-items:center;height:32px;padding:7px;margin-top:10px;background:var(--ob-flow-viewer-surface-muted);border-radius:7px}.ob-flow-viewer-node__widget--button{gap:7px;width:112px}.ob-flow-viewer-node__widget-icon{display:grid;width:18px;height:18px;place-items:center;color:var(--ob-flow-viewer-text-muted);font-size:11px;background:color-mix(in srgb,var(--ob-flow-viewer-text-muted) 12%,transparent);border-radius:5px}.ob-flow-viewer-node__widget-label{width:62px;height:7px;background:color-mix(in srgb,var(--ob-flow-viewer-text-muted) 18%,transparent);border-radius:999px}.ob-flow-viewer-node__widget--dataset{justify-content:center;height:72px}.ob-flow-viewer-node__widget-image{position:relative;width:30px;height:23px;border:2px solid color-mix(in srgb,var(--ob-flow-viewer-text-muted) 40%,transparent);border-radius:5px}.ob-flow-viewer-node__widget-image:before{position:absolute;top:4px;left:5px;width:4px;height:4px;background:color-mix(in srgb,var(--ob-flow-viewer-text-muted) 42%,transparent);border-radius:50%;content:""}.ob-flow-viewer-node__widget-image:after{position:absolute;right:4px;bottom:4px;left:4px;height:8px;background:color-mix(in srgb,var(--ob-flow-viewer-text-muted) 24%,transparent);clip-path:polygon(0 100%,35% 28%,52% 64%,72% 8%,100% 100%);content:""}.ob-flow-viewer-node__widget--lines{flex-direction:column;align-items:flex-start;justify-content:center;gap:5px}.ob-flow-viewer-node__widget--lines span{width:82%;height:6px;background:color-mix(in srgb,var(--ob-flow-viewer-text-muted) 18%,transparent);border-radius:999px}.ob-flow-viewer-node__widget--lines span:last-child{width:58%}.ob-flow-viewer-tooltip{--ob-flow-viewer-surface: #ffffff;--ob-flow-viewer-border: #dbe2ea;--ob-flow-viewer-text: #172033;--ob-flow-viewer-text-muted: #64748b;--ob-flow-viewer-surface-muted: hsl(220 16% 98%);position:fixed;z-index:100;box-sizing:border-box;width:min(404px,calc(100% - 24px));max-height:min(520px,calc(100vh - 24px));padding:0;overflow:auto;pointer-events:auto;background:var(--ob-flow-viewer-surface);border:1px solid var(--ob-flow-viewer-border);border-radius:14px;box-shadow:0 14px 36px #0f172a29;transform:translate(-50%);scrollbar-color:color-mix(in srgb,var(--ob-flow-viewer-text-muted) 34%,transparent) transparent;scrollbar-width:thin}.ob-flow-viewer-tooltip::-webkit-scrollbar{width:9px}.ob-flow-viewer-tooltip::-webkit-scrollbar-track,.ob-flow-viewer-tooltip::-webkit-scrollbar-corner{background:transparent}.ob-flow-viewer-tooltip::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--ob-flow-viewer-text-muted) 34%,transparent);background-clip:padding-box;border:3px solid transparent;border-radius:999px}.ob-flow-preview{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;padding:6px 6px 0}.ob-flow-preview__svg{width:100%;height:100%}.ob-flow-preview__edge{fill:none;stroke:currentColor;stroke-width:1;stroke-linecap:round;stroke-opacity:.15}.ob-flow-preview__node{fill:#fff;stroke:var(--ob-flow-viewer-border, #dbe2ea);stroke-width:1}.ob-flow-preview__icon-background{fill:#eef1f5}.ob-flow-preview__line{fill:var(--ob-flow-viewer-border, #dbe2ea)}[data-theme=dark] .ob-flow-preview__node,.dark .ob-flow-preview__node{fill:#263247}.ob-flow-viewer-tooltip[data-theme=dark]{--ob-flow-viewer-surface: #172033;--ob-flow-viewer-border: #344258;--ob-flow-viewer-text: #e5e7eb;--ob-flow-viewer-text-muted: #9aa8bc;--ob-flow-viewer-surface-muted: #263247}.ob-flow-viewer-tooltip__header{display:flex;gap:10px;align-items:center;min-width:0;padding:14px 16px;border-bottom:1px solid var(--ob-flow-viewer-border)}.ob-flow-viewer-tooltip__body{background:var(--ob-flow-viewer-surface-muted)}.ob-flow-viewer-tooltip__icon{display:grid;flex:0 0 34px;width:34px;height:34px;place-items:center;overflow:hidden;color:#fff;font-size:14px;font-weight:700;background:var(--ob-node-icon-color);border-radius:9px}.ob-flow-viewer-tooltip__title-wrap{display:flex;min-width:0;flex-direction:column;gap:1px}.ob-flow-viewer-tooltip__title-wrap strong{overflow:hidden;font-size:13px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.ob-flow-viewer-tooltip__title-wrap code{color:var(--ob-flow-viewer-text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;line-height:1.35}.ob-flow-viewer-tooltip__unavailable{margin:0;padding:14px 16px;color:var(--ob-flow-viewer-text-muted);font-size:11px;line-height:1.5}.ob-flow-viewer-tooltip__description{margin:0;padding:14px 16px 0;color:var(--ob-flow-viewer-text-muted);font-size:11px;line-height:1.55}.ob-flow-viewer-node__ports{display:flex;flex-direction:column;gap:14px;padding:14px 16px 16px}.ob-flow-viewer-node__port-group{display:flex;min-width:0;flex-direction:column;gap:9px}.ob-flow-viewer-node__port-group--outputs{padding-top:14px;border-top:1px solid var(--ob-flow-viewer-border)}.ob-flow-viewer-node__port-heading{color:var(--ob-flow-viewer-text);font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ob-flow-viewer-node__port{display:grid;grid-template-columns:minmax(116px,.8fr) minmax(0,1.2fr);column-gap:14px;min-width:0;color:var(--ob-flow-viewer-text-muted);font-size:11px}.ob-flow-viewer-node__port>span{grid-row:1;grid-column:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ob-flow-viewer-node__port small{display:-webkit-box;grid-row:1 / span 2;grid-column:2;margin:0;overflow:hidden;color:color-mix(in srgb,var(--ob-flow-viewer-text-muted) 82%,transparent);font-size:10px;line-height:1.45;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:3}.ob-flow-viewer-node__empty{color:var(--ob-flow-viewer-text-muted);font-size:10px;font-style:italic}.ob-flow-viewer-note{box-sizing:border-box;min-width:140px;padding:14px;color:#334155;font-size:12px;line-height:1.5;white-space:pre-wrap;border:1px solid #e2c56d;border-radius:4px 4px 12px;box-shadow:0 5px 16px #0f172a1a}.ob-flow-viewer-note--yellow{background:#fef3c7;border-color:#f5d56c}.ob-flow-viewer-note--blue{background:#dbeafe;border-color:#93c5fd}.ob-flow-viewer-note--green{background:#dcfce7;border-color:#86efac}.ob-flow-viewer-note--rose{background:#ffe4e6;border-color:#fda4af}.ob-flow-viewer-note--violet{background:#ede9fe;border-color:#c4b5fd}.ob-flow-viewer-note--slate{background:#e2e8f0;border-color:#94a3b8}@media (prefers-reduced-motion: reduce){.ob-flow-viewer-node{transition:none}}
+.vue-flow{position:relative;width:100%;height:100%;overflow:hidden;z-index:0;direction:ltr}.vue-flow__container{position:absolute;height:100%;width:100%;left:0;top:0}.vue-flow__pane{z-index:1}.vue-flow__pane.draggable{cursor:grab}.vue-flow__pane.selection{cursor:pointer}.vue-flow__pane.dragging{cursor:grabbing}.vue-flow__transformationpane{transform-origin:0 0;z-index:2;pointer-events:none}.vue-flow__viewport{z-index:4;overflow:clip}.vue-flow__selection{z-index:6}.vue-flow__edge-labels{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vue-flow__nodesselection-rect:focus,.vue-flow__nodesselection-rect:focus-visible{outline:none}.vue-flow .vue-flow__edges{pointer-events:none;overflow:visible}.vue-flow__edge-path,.vue-flow__connection-path{stroke:#b1b1b7;stroke-width:1;fill:none}.vue-flow__edge{pointer-events:visibleStroke;cursor:pointer}.vue-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.vue-flow__edge.animated path.vue-flow__edge-interaction{stroke-dasharray:none;animation:none}.vue-flow__edge.inactive{pointer-events:none}.vue-flow__edge.selected,.vue-flow__edge:focus,.vue-flow__edge:focus-visible{outline:none}.vue-flow__edge.selected .vue-flow__edge-path,.vue-flow__edge:focus .vue-flow__edge-path,.vue-flow__edge:focus-visible .vue-flow__edge-path{stroke:#555}.vue-flow__edge-textwrapper{pointer-events:all}.vue-flow__edge-textbg{fill:#fff}.vue-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vue-flow__connection{pointer-events:none}.vue-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.vue-flow__connectionline{z-index:1001}.vue-flow__nodes{pointer-events:none;transform-origin:0 0}.vue-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:default}.vue-flow__node.draggable{cursor:grab;pointer-events:all}.vue-flow__node.draggable.dragging{cursor:grabbing}.vue-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.vue-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.vue-flow__nodesselection-rect.dragging{cursor:grabbing}.vue-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px}.vue-flow__handle.connectable{pointer-events:all;cursor:crosshair}.vue-flow__handle-bottom{left:50%;bottom:0;transform:translate(-50%,50%)}.vue-flow__handle-top{left:50%;top:0;transform:translate(-50%,-50%)}.vue-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.vue-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.vue-flow__edgeupdater{cursor:move;pointer-events:all}.vue-flow__panel{position:absolute;z-index:5;margin:15px}.vue-flow__panel.top{top:0}.vue-flow__panel.bottom{bottom:0}.vue-flow__panel.left{left:0}.vue-flow__panel.right{right:0}.vue-flow__panel.center{left:50%;transform:translate(-50%)}@keyframes dashdraw{0%{stroke-dashoffset:10}}.vue-flow__controls{box-shadow:0 0 2px 1px #00000014}.vue-flow__controls-button{background:#fefefe;border:none;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;user-select:none;padding:5px}.vue-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.vue-flow__controls-button:hover{background:#f4f4f4}.vue-flow__controls-button:disabled{pointer-events:none}.vue-flow__controls-button:disabled svg{fill-opacity:.4}.vue-flow__minimap{background-color:#fff}.vue-flow__minimap.pannable{cursor:grab}.vue-flow__minimap.dragging{cursor:grabbing}.vue-flow__minimap-mask.pannable{cursor:grab}.ob-flow-viewer{--ob-flow-viewer-background: #f8fafc;--ob-flow-viewer-surface: #ffffff;--ob-flow-viewer-surface-muted: #f1f5f9;--ob-flow-viewer-border: #dbe2ea;--ob-flow-viewer-text: #172033;--ob-flow-viewer-text-muted: #64748b;--ob-flow-viewer-edge: #94a3b8}.ob-flow-viewer{position:relative;width:100%;height:100%;min-height:320px;overflow:hidden;color:var(--ob-flow-viewer-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--ob-flow-viewer-background)}.ob-flow-viewer[data-theme=dark]{--ob-flow-viewer-background: #0f172a;--ob-flow-viewer-surface: #172033;--ob-flow-viewer-surface-muted: #263247;--ob-flow-viewer-border: #344258;--ob-flow-viewer-text: #e5e7eb;--ob-flow-viewer-text-muted: #9aa8bc;--ob-flow-viewer-edge: #64748b}.ob-flow-viewer__canvas{width:100%;height:100%;background-color:var(--ob-flow-viewer-background);background-image:radial-gradient(circle,#dce4ee 1px,transparent 1px);background-position:0 0;background-size:15px 15px}.ob-flow-viewer .vue-flow__edge-path{stroke:var(--ob-flow-viewer-edge);stroke-width:1.5}.ob-flow-viewer .vue-flow__node{cursor:default;pointer-events:auto!important}.ob-flow-viewer-node .vue-flow__handle{width:8px;height:8px;pointer-events:none;background:var(--ob-flow-viewer-surface);border:2px solid var(--ob-flow-viewer-edge);border-radius:50%}.ob-flow-viewer .vue-flow__controls,.ob-flow-viewer .vue-flow__minimap{overflow:hidden;border:1px solid var(--ob-flow-viewer-border);border-radius:10px;box-shadow:0 4px 12px #0f172a14}.ob-flow-viewer .vue-flow__controls-button{color:var(--ob-flow-viewer-text);background:var(--ob-flow-viewer-surface);border-color:var(--ob-flow-viewer-border)}.ob-flow-viewer .vue-flow__controls-button svg{max-width:10px;max-height:10px}.ob-flow-viewer .vue-flow__minimap{right:auto;bottom:10px;left:54px;width:160px;height:110px;background:color-mix(in srgb,var(--ob-flow-viewer-surface) 92%,transparent)}.ob-flow-viewer .vue-flow__minimap-node{fill:var(--ob-flow-viewer-edge)}.ob-flow-viewer-node{position:relative;box-sizing:border-box;width:260px;padding:14px;background:var(--ob-flow-viewer-surface);border:1px solid var(--ob-flow-viewer-border);border-radius:12px;box-shadow:0 2px 8px #0f172a14;outline:none;transition:border-color .16s ease,box-shadow .16s ease}.ob-flow-viewer-node:hover,.ob-flow-viewer-node:focus-visible{z-index:5;border-color:var(--ob-flow-viewer-edge);box-shadow:0 6px 16px #0f172a1c}.ob-flow-viewer-node--unavailable{border-style:dashed;opacity:.78}.ob-flow-viewer-node__header{display:flex;gap:9px;align-items:center;min-width:0}.ob-flow-viewer-node__icon{display:grid;flex:0 0 32px;width:32px;height:32px;place-items:center;overflow:hidden;color:#fff;font-size:14px;font-weight:700;background:var(--ob-node-icon-color);border-radius:8px}.ob-flow-viewer-node__icon-svg,.ob-flow-viewer-node__icon-svg svg{display:block;width:17px;height:17px}.ob-flow-viewer-node__icon-svg svg{color:#fff}.ob-flow-viewer-node__title-wrap{display:flex;min-width:0;flex-direction:column;gap:2px}.ob-flow-viewer-node__title,.ob-flow-viewer-node__key{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ob-flow-viewer-node__title{font-size:14px;font-weight:650;line-height:1.3}.ob-flow-viewer-node__key{color:var(--ob-flow-viewer-text-muted);font-size:10.5px;line-height:1.3}.ob-flow-viewer-node__description{margin:10px 0 0;color:var(--ob-flow-viewer-text-muted);font-size:13px;line-height:1.5;white-space:normal}.ob-flow-viewer-node__description--clamped{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.ob-flow-viewer-node__widget{display:flex;align-items:center;height:32px;padding:7px;margin-top:10px;background:var(--ob-flow-viewer-surface-muted);border-radius:7px}.ob-flow-viewer-node__widget--button{gap:7px;width:112px}.ob-flow-viewer-node__widget-icon{display:grid;width:18px;height:18px;place-items:center;color:var(--ob-flow-viewer-text-muted);font-size:11px;background:color-mix(in srgb,var(--ob-flow-viewer-text-muted) 12%,transparent);border-radius:5px}.ob-flow-viewer-node__widget-label{width:62px;height:7px;background:color-mix(in srgb,var(--ob-flow-viewer-text-muted) 18%,transparent);border-radius:999px}.ob-flow-viewer-node__widget--dataset{justify-content:center;height:72px}.ob-flow-viewer-node__widget-image{position:relative;width:30px;height:23px;border:2px solid color-mix(in srgb,var(--ob-flow-viewer-text-muted) 40%,transparent);border-radius:5px}.ob-flow-viewer-node__widget-image:before{position:absolute;top:4px;left:5px;width:4px;height:4px;background:color-mix(in srgb,var(--ob-flow-viewer-text-muted) 42%,transparent);border-radius:50%;content:""}.ob-flow-viewer-node__widget-image:after{position:absolute;right:4px;bottom:4px;left:4px;height:8px;background:color-mix(in srgb,var(--ob-flow-viewer-text-muted) 24%,transparent);clip-path:polygon(0 100%,35% 28%,52% 64%,72% 8%,100% 100%);content:""}.ob-flow-viewer-node__widget--lines{flex-direction:column;align-items:flex-start;justify-content:center;gap:5px}.ob-flow-viewer-node__widget--lines span{width:82%;height:6px;background:color-mix(in srgb,var(--ob-flow-viewer-text-muted) 18%,transparent);border-radius:999px}.ob-flow-viewer-node__widget--lines span:last-child{width:58%}.ob-flow-viewer-tooltip{--ob-flow-viewer-surface: #ffffff;--ob-flow-viewer-border: #dbe2ea;--ob-flow-viewer-text: #172033;--ob-flow-viewer-text-muted: #64748b;--ob-flow-viewer-surface-muted: hsl(220 16% 98%);position:fixed;z-index:100;box-sizing:border-box;width:min(404px,calc(100% - 24px));max-height:min(520px,calc(100vh - 24px));padding:0;overflow:auto;pointer-events:auto;background:var(--ob-flow-viewer-surface);border:1px solid var(--ob-flow-viewer-border);border-radius:14px;box-shadow:0 14px 36px #0f172a29;transform:translate(-50%);scrollbar-color:color-mix(in srgb,var(--ob-flow-viewer-text-muted) 34%,transparent) transparent;scrollbar-width:thin}.ob-flow-viewer-tooltip::-webkit-scrollbar{width:9px}.ob-flow-viewer-tooltip::-webkit-scrollbar-track,.ob-flow-viewer-tooltip::-webkit-scrollbar-corner{background:transparent}.ob-flow-viewer-tooltip::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--ob-flow-viewer-text-muted) 34%,transparent);background-clip:padding-box;border:3px solid transparent;border-radius:999px}.ob-flow-preview{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;padding:6px 6px 0}.ob-flow-preview__svg{width:100%;height:100%}.ob-flow-preview__edge{fill:none;stroke:currentColor;stroke-width:1;stroke-linecap:round;stroke-opacity:.15}.ob-flow-preview__node{fill:#fff;stroke:var(--ob-flow-viewer-border, #dbe2ea);stroke-width:1}.ob-flow-preview__icon-background{fill:#eef1f5}.ob-flow-preview__line{fill:var(--ob-flow-viewer-border, #dbe2ea)}[data-theme=dark] .ob-flow-preview__node,.dark .ob-flow-preview__node{fill:#263247}.ob-flow-viewer-tooltip[data-theme=dark]{--ob-flow-viewer-surface: #172033;--ob-flow-viewer-border: #344258;--ob-flow-viewer-text: #e5e7eb;--ob-flow-viewer-text-muted: #9aa8bc;--ob-flow-viewer-surface-muted: #263247}.ob-flow-viewer-tooltip__header{display:flex;gap:10px;align-items:center;min-width:0;padding:14px 16px;border-bottom:1px solid var(--ob-flow-viewer-border)}.ob-flow-viewer-tooltip__body{background:var(--ob-flow-viewer-surface-muted)}.ob-flow-viewer-tooltip__icon{display:grid;flex:0 0 34px;width:34px;height:34px;place-items:center;overflow:hidden;color:#fff;font-size:14px;font-weight:700;background:var(--ob-node-icon-color);border-radius:9px}.ob-flow-viewer-tooltip__title-wrap{display:flex;min-width:0;flex-direction:column;gap:1px}.ob-flow-viewer-tooltip__title-wrap strong{overflow:hidden;font-size:13px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.ob-flow-viewer-tooltip__title-wrap code{color:var(--ob-flow-viewer-text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;line-height:1.35}.ob-flow-viewer-tooltip__unavailable{margin:0;padding:14px 16px;color:var(--ob-flow-viewer-text-muted);font-size:11px;line-height:1.5}.ob-flow-viewer-tooltip__description{margin:0;padding:14px 16px 0;color:var(--ob-flow-viewer-text-muted);font-size:11px;line-height:1.55}.ob-flow-viewer-node__ports{display:flex;flex-direction:column;gap:14px;padding:14px 16px 16px}.ob-flow-viewer-node__port-group{display:flex;min-width:0;flex-direction:column;gap:9px}.ob-flow-viewer-node__port-group--outputs{padding-top:14px;border-top:1px solid var(--ob-flow-viewer-border)}.ob-flow-viewer-node__port-heading{color:var(--ob-flow-viewer-text);font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ob-flow-viewer-node__port{display:grid;grid-template-columns:minmax(116px,.8fr) minmax(0,1.2fr);column-gap:14px;min-width:0;color:var(--ob-flow-viewer-text-muted);font-size:11px}.ob-flow-viewer-node__port>span{grid-row:1;grid-column:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ob-flow-viewer-node__port small{display:-webkit-box;grid-row:1 / span 2;grid-column:2;margin:0;overflow:hidden;color:color-mix(in srgb,var(--ob-flow-viewer-text-muted) 82%,transparent);font-size:10px;line-height:1.45;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:3}.ob-flow-viewer-node__empty{color:var(--ob-flow-viewer-text-muted);font-size:10px;font-style:italic}.ob-flow-viewer-note{box-sizing:border-box;min-width:140px;padding:14px;color:#334155;font-size:12px;line-height:1.5;white-space:pre-wrap;border:1px solid #e2c56d;border-radius:4px 4px 12px;box-shadow:0 5px 16px #0f172a1a}.ob-flow-viewer-note--yellow{background:#fef3c7;border-color:#f5d56c}.ob-flow-viewer-note--blue{background:#dbeafe;border-color:#93c5fd}.ob-flow-viewer-note--green{background:#dcfce7;border-color:#86efac}.ob-flow-viewer-note--rose{background:#ffe4e6;border-color:#fda4af}.ob-flow-viewer-note--violet{background:#ede9fe;border-color:#c4b5fd}.ob-flow-viewer-note--slate{background:#e2e8f0;border-color:#94a3b8}@media (prefers-reduced-motion: reduce){.ob-flow-viewer-node{transition:none}}