@charset "UTF-8";.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 0.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: white; } .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 0.5s linear infinite; } .vue-flow__connectionline { z-index: 1001; } .vue-flow__nodes { pointer-events: none; transform-origin: 0 0; } .vue-flow__node-default, .vue-flow__node-input, .vue-flow__node-output { border-width: 1px; border-style: solid; border-color: #bbb; } .vue-flow__node-default.selected, .vue-flow__node-default:focus, .vue-flow__node-default:focus-visible, .vue-flow__node-input.selected, .vue-flow__node-input:focus, .vue-flow__node-input:focus-visible, .vue-flow__node-output.selected, .vue-flow__node-output:focus, .vue-flow__node-output:focus-visible { outline: none; border: 1px solid #555; } .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: translateX(-50%); } @keyframes dashdraw { from { stroke-dashoffset: 10; } } :root { --vf-node-bg: #fff; --vf-node-text: #222; --vf-connection-path: #b1b1b7; --vf-handle: #555; } .vue-flow__edge.updating .vue-flow__edge-path { stroke: #777; } .vue-flow__edge-text { font-size: 10px; } .vue-flow__edge-textbg { fill: #fff; } .vue-flow__connection-path { stroke: var(--vf-connection-path); } .vue-flow__node { cursor: grab; } .vue-flow__node.selectable:focus, .vue-flow__node.selectable:focus-visible { outline: none; } .vue-flow__node-default, .vue-flow__node-input, .vue-flow__node-output { padding: 10px; border-radius: 3px; width: 150px; font-size: 12px; text-align: center; border-width: 1px; border-style: solid; color: var(--vf-node-text); background-color: var(--vf-node-bg); border-color: var(--vf-node-color); } .vue-flow__node-default.selected, .vue-flow__node-default.selected:hover, .vue-flow__node-input.selected, .vue-flow__node-input.selected:hover, .vue-flow__node-output.selected, .vue-flow__node-output.selected:hover { box-shadow: 0 0 0 0.5px var(--vf-box-shadow); } .vue-flow__node-default .vue-flow__handle, .vue-flow__node-input .vue-flow__handle, .vue-flow__node-output .vue-flow__handle { background: var(--vf-handle); } .vue-flow__node-default.selectable:hover, .vue-flow__node-input.selectable:hover, .vue-flow__node-output.selectable:hover { box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.08); } .vue-flow__node-input { --vf-node-color: var(--vf-node-color, #0041d0); --vf-handle: var(--vf-node-color, #0041d0); --vf-box-shadow: var(--vf-node-color, #0041d0); background: var(--vf-node-bg); border-color: var(--vf-node-color, #0041d0); } .vue-flow__node-input.selected, .vue-flow__node-input:focus, .vue-flow__node-input:focus-visible { outline: none; border: 1px solid var(--vf-node-color, #0041d0); } .vue-flow__node-default { --vf-handle: var(--vf-node-color, #1a192b); --vf-box-shadow: var(--vf-node-color, #1a192b); background: var(--vf-node-bg); border-color: var(--vf-node-color, #1a192b); } .vue-flow__node-default.selected, .vue-flow__node-default:focus, .vue-flow__node-default:focus-visible { outline: none; border: 1px solid var(--vf-node-color, #1a192b); } .vue-flow__node-output { --vf-handle: var(--vf-node-color, #ff0072); --vf-box-shadow: var(--vf-node-color, #ff0072); background: var(--vf-node-bg); border-color: var(--vf-node-color, #ff0072); } .vue-flow__node-output.selected, .vue-flow__node-output:focus, .vue-flow__node-output:focus-visible { outline: none; border: 1px solid var(--vf-node-color, #ff0072); } .vue-flow__nodesselection-rect, .vue-flow__selection { background: rgba(0, 89, 220, 0.08); border: 1px dotted rgba(0, 89, 220, 0.8); } .vue-flow__nodesselection-rect:focus, .vue-flow__nodesselection-rect:focus-visible, .vue-flow__selection:focus, .vue-flow__selection:focus-visible { outline: none; } .vue-flow__handle { width: 6px; height: 6px; background: var(--vf-handle); border: 1px solid #fff; border-radius: 100%; } .vue-flow__controls { box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.08); } .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; -moz-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: 0.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; } .vue-flow__resize-control { position: absolute; } .vue-flow__resize-control.left, .vue-flow__resize-control.right { cursor: ew-resize; } .vue-flow__resize-control.top, .vue-flow__resize-control.bottom { cursor: ns-resize; } .vue-flow__resize-control.top.left, .vue-flow__resize-control.bottom.right { cursor: nwse-resize; } .vue-flow__resize-control.bottom.left, .vue-flow__resize-control.top.right { cursor: nesw-resize; } /* handle styles */ .vue-flow__resize-control.handle { width: 4px; height: 4px; border: 1px solid #fff; border-radius: 1px; background-color: #3367d9; transform: translate(-50%, -50%); } .vue-flow__resize-control.handle.left { left: 0; top: 50%; } .vue-flow__resize-control.handle.right { left: 100%; top: 50%; } .vue-flow__resize-control.handle.top { left: 50%; top: 0; } .vue-flow__resize-control.handle.bottom { left: 50%; top: 100%; } .vue-flow__resize-control.handle.top.left { left: 0; } .vue-flow__resize-control.handle.bottom.left { left: 0; } .vue-flow__resize-control.handle.top.right { left: 100%; } .vue-flow__resize-control.handle.bottom.right { left: 100%; } /* line styles */ .vue-flow__resize-control.line { border-color: #3367d9; border-width: 0; border-style: solid; } .vue-flow__resize-control.line.left, .vue-flow__resize-control.line.right { width: 1px; transform: translate(-50%, 0); top: 0; height: 100%; } .vue-flow__resize-control.line.left { left: 0; border-left-width: 1px; } .vue-flow__resize-control.line.right { left: 100%; border-right-width: 1px; } .vue-flow__resize-control.line.top, .vue-flow__resize-control.line.bottom { height: 1px; transform: translate(0, -50%); left: 0; width: 100%; } .vue-flow__resize-control.line.top { top: 0; border-top-width: 1px; } .vue-flow__resize-control.line.bottom { border-bottom-width: 1px; top: 100%; } .vjs-tree-brackets{cursor:pointer}.vjs-tree-brackets:hover{color:#1890ff}.vjs-check-controller{position:absolute;left:0}.vjs-check-controller.is-checked .vjs-check-controller-inner{background-color:#1890ff;border-color:#0076e4}.vjs-check-controller.is-checked .vjs-check-controller-inner.is-checkbox:after{-webkit-transform:rotate(45deg) scaleY(1);transform:rotate(45deg) scaleY(1)}.vjs-check-controller.is-checked .vjs-check-controller-inner.is-radio:after{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}.vjs-check-controller .vjs-check-controller-inner{display:inline-block;position:relative;border:1px solid #bfcbd9;border-radius:2px;vertical-align:middle;-webkit-box-sizing:border-box;box-sizing:border-box;width:16px;height:16px;background-color:#fff;z-index:1;cursor:pointer;-webkit-transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46);transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.vjs-check-controller .vjs-check-controller-inner:after{-webkit-box-sizing:content-box;box-sizing:content-box;content:"";border:2px solid #fff;border-left:0;border-top:0;height:8px;left:4px;position:absolute;top:1px;-webkit-transform:rotate(45deg) scaleY(0);transform:rotate(45deg) scaleY(0);width:4px;-webkit-transition:-webkit-transform .15s cubic-bezier(.71,-.46,.88,.6) .05s;transition:-webkit-transform .15s cubic-bezier(.71,-.46,.88,.6) .05s;transition:transform .15s cubic-bezier(.71,-.46,.88,.6) .05s;transition:transform .15s cubic-bezier(.71,-.46,.88,.6) .05s, -webkit-transform .15s cubic-bezier(.71,-.46,.88,.6) .05s;-webkit-transform-origin:center;transform-origin:center}.vjs-check-controller .vjs-check-controller-inner.is-radio{border-radius:100%}.vjs-check-controller .vjs-check-controller-inner.is-radio:after{border-radius:100%;height:4px;background-color:#fff;left:50%;top:50%}.vjs-check-controller .vjs-check-controller-original{opacity:0;outline:none;position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;margin:0}.vjs-carets{position:absolute;right:0;cursor:pointer}.vjs-carets svg{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s}.vjs-carets:hover{color:#1890ff}.vjs-carets-close{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.vjs-tree-node{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;line-height:20px}.vjs-tree-node.has-carets{padding-left:15px}.vjs-tree-node.has-carets.has-selector,.vjs-tree-node.has-selector{padding-left:30px}.vjs-tree-node.is-highlight,.vjs-tree-node:hover{background-color:#e6f7ff}.vjs-tree-node .vjs-indent{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.vjs-tree-node .vjs-indent-unit{width:1em}.vjs-tree-node .vjs-indent-unit.has-line{border-left:1px dashed #bfcbd9}.vjs-node-index{position:absolute;right:100%;margin-right:4px}.vjs-colon{white-space:pre}.vjs-comment{color:#bfcbd9}.vjs-value{word-break:break-word}.vjs-value-null,.vjs-value-undefined{color:#d55fde}.vjs-value-boolean,.vjs-value-number{color:#1d8ce0}.vjs-value-string{color:#13ce66}.vjs-tree{font-family:Monaco,Menlo,Consolas,Bitstream Vera Sans Mono,monospace;font-size:14px;text-align:left}.vjs-tree.is-virtual{overflow:auto}.vjs-tree.is-virtual .vjs-tree-node{white-space:nowrap} /* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ :root { --h-gray: 220; --p-gray-820: hsl(var(--h-gray), 1%, 18%); --p-gray-800: hsl(var(--h-gray), 1%, 20%); --p-gray-780: hsl(var(--h-gray), 1%, 22%); --p-gray-740: hsl(var(--h-gray), 2%, 26%); --p-gray-710: hsl(var(--h-gray), 2%, 29%); --p-gray-670: hsl(var(--h-gray), 2%, 33%); --p-gray-540: hsl(var(--h-gray), 4%, 46%); --p-gray-490: hsl(var(--h-gray), 3%, 51%); --p-gray-420: hsl(var(--h-gray), 4%, 58%); --p-gray-320: hsl(var(--h-gray), 10%, 68%); --p-gray-200: hsl(var(--h-gray), 18%, 80%); --p-gray-120: hsl(var(--h-gray), 25%, 88%); --p-gray-070: hsl(var(--h-gray), 32%, 93%); --p-gray-040: hsl(var(--h-gray), 40%, 96%); --p-gray-030: hsl(var(--h-gray), 43%, 97%); --p-gray-025: hsl(var(--h-gray), 50%, 97.5%); --p-gray-010: hsl(var(--h-gray), 50%, 99%); --p-white: hsl(var(--h-gray), 50%, 100%); --p-gray-320-a-010: hsla(var(--h-gray), 10%, 68%, 0.1); --p-gray-70-a-010: hsla(var(--h-gray), 32%, 93%, 0.1); --p-white-a-075: hsla(var(--h-gray), 50%, 100%, 0.75); --p-white-a-030: hsla(var(--h-gray), 50%, 100%, 0.3); --p-white-a-025: hsla(var(--h-gray), 50%, 100%, 0.25); --p-white-a-020: hsla(var(--h-gray), 50%, 100%, 0.2); --p-white-a-015: hsla(var(--h-gray), 50%, 100%, 0.15); --p-white-a-010: hsla(var(--h-gray), 50%, 100%, 0.1); --h-primary: 7; --s-primary: 100%; --l-primary: 68%; --p-color-primary-420: hsl(7, 85%, 58%); --p-color-primary-320: hsl(7, 100%, 68%); --p-color-primary-220: hsl(7, 100%, 78%); --p-color-primary-120: hsl(7, 100%, 88%); --p-color-primary-070: hsl(7, 100%, 93%); --p-color-primary-050: hsl(7, 100%, 95%); --p-color-primary-030: hsl(7, 100%, 98%); --p-color-primary-320-a-010: hsla(7, 100%, 68%, 0.1); --p-color-primary-320-a-035: hsla(7, 100%, 68%, 0.35); --p-color-primary-320-a-050: hsla(7, 100%, 68%, 0.5); --p-color-secondary-720: hsl(247, 24%, 28%); --p-color-secondary-570: hsl(247, 49%, 43%); --p-color-secondary-470: hsl(247, 49%, 53%); --p-color-secondary-370: hsl(247, 49%, 63%); --p-color-secondary-270: hsl(247, 49%, 73%); --p-color-secondary-170: hsl(247, 49%, 83%); --p-color-secondary-070: hsl(247, 49%, 93%); --p-color-secondary-470-a-010: hsla(247, 49%, 53%, 0.1); --p-color-secondary-470-a-025: hsla(247, 49%, 53%, 0.25); --p-color-alt-a-800: hsl(150, 45%, 20%); --p-color-alt-a-700: hsl(150, 53%, 30%); --p-color-alt-a-600: hsl(150, 60%, 40%); --p-color-alt-a-300: hsl(150, 60%, 70%); --p-color-alt-a-200: hsl(150, 60%, 80%); --p-color-alt-a-100: hsl(150, 60%, 90%); --p-color-alt-a-050: hsl(150, 60%, 95%); --p-color-alt-a-600-a-015: hsla(150, 60%, 40%, 0.15); --p-color-alt-a-600-a-025: hsla(150, 60%, 40%, 0.25); --p-color-alt-b-780: hsl(36, 42%, 22%); --p-color-alt-b-680: hsl(36, 42%, 32%); --p-color-alt-b-530: hsl(36, 77%, 47%); --p-color-alt-b-430: hsl(36, 77%, 57%); --p-color-alt-b-280: hsl(36, 77%, 72%); --p-color-alt-b-180: hsl(36, 77%, 82%); --p-color-alt-b-130: hsl(36, 77%, 87%); --p-color-alt-b-030: hsl(36, 77%, 97%); --p-color-alt-b-430-a-020: hsla(36, 77%, 57%, 0.2); --p-color-alt-c-730: hsl(355, 43%, 27%); --p-color-alt-c-630: hsl(355, 53%, 37%); --p-color-alt-c-580: hsl(355, 83%, 42%); --p-color-alt-c-480: hsl(355, 83%, 52%); --p-color-alt-c-330: hsl(355, 83%, 67%); --p-color-alt-c-230: hsl(355, 83%, 77%); --p-color-alt-c-180: hsl(355, 83%, 82%); --p-color-alt-c-080: hsl(355, 83%, 92%); --p-color-alt-c-030: hsl(355, 83%, 97%); --p-color-alt-c-480-a-020: hsla(355, 83%, 52%, 0.2); --p-color-alt-c-480-a-010: hsla(355, 83%, 52%, 0.1); --p-color-alt-d-780: hsl(46, 45%, 22%); --p-color-alt-d-680: hsl(46, 45%, 32%); --p-color-alt-d-230: hsl(46, 100%, 77%); --p-color-alt-d-080: hsl(46, 100%, 92%); --p-color-alt-e-780: hsl(210, 47%, 22%); --p-color-alt-e-680: hsl(210, 57%, 32%); --p-color-alt-e-580: hsl(210, 67%, 42%); --p-color-alt-e-530: hsl(210, 67%, 47%); --p-color-alt-e-430: hsl(210, 67%, 57%); --p-color-alt-e-180: hsl(210, 67%, 82%); --p-color-alt-e-080: hsl(210, 67%, 92%); --p-color-alt-f-560: hsl(147, 83%, 44%); --p-color-alt-g-700: hsl(247, 10%, 30%); --p-color-alt-g-700-a-075: hsla(247, 10%, 30%, 0.75); --p-color-alt-h-310: hsl(355, 100%, 69%); } :root { --color-primary-h: var(--h-primary); --color-primary-s: var(--s-primary); --color-primary-l: 68%; --color-primary-shade-1: var(--p-color-primary-420); --color-primary: var(--p-color-primary-320); --color-primary-tint-1: var(--p-color-primary-120); --color-primary-tint-2: var(--p-color-primary-070); --color-primary-tint-3: var(--p-color-primary-030); --color-secondary-shade-1: var(--p-color-secondary-570); --color-secondary: var(--p-color-secondary-470); --color-secondary-tint-1: var(--p-color-secondary-170); --color-secondary-tint-3: var(--p-color-secondary-070); --color-success-shade-1: var(--p-color-alt-a-700); --color-success: var(--p-color-alt-a-600); --color-success-light: var(--p-color-alt-a-300); --color-success-light-2: var(--p-color-alt-a-200); --color-success-tint-1: var(--p-color-alt-a-100); --color-success-tint-2: var(--p-color-alt-a-050); --color-warning-shade-1: var(--p-color-alt-b-530); --color-warning: var(--p-color-alt-b-430); --color-warning-tint-1: var(--p-color-alt-b-180); --color-warning-tint-2: var(--p-color-alt-b-030); --color-danger-shade-1: var(--p-color-alt-c-580); --color-danger: var(--p-color-alt-c-480); --color-danger-light: var(--p-color-alt-c-330); --color-danger-light-2: var(--p-color-alt-c-230); --color-danger-tint-1: var(--p-color-alt-c-080); --color-danger-tint-2: var(--p-color-alt-c-030); --diff-new: #0eab54; --diff-new-light: #b4efc4; --diff-new-faint: #ddfbe7; --diff-modified: #bf941f; --diff-modified-light: #f3dca1; --diff-modified-faint: #fbf1d4; --diff-del: #f51f32; --diff-del-light: #fad3d0; --diff-del-faint: #ffedec; --color-text-dark: var(--p-gray-740); --color-text-base: var(--p-gray-540); --color-text-light: var(--p-gray-420); --color-text-lighter: var(--p-gray-120); --color-text-xlight: var(--p-white); --color-text-danger: var(--p-color-alt-c-480); --color-foreground-xdark: var(--p-gray-490); --color-foreground-dark: var(--p-gray-200); --color-foreground-base: var(--p-gray-120); --color-foreground-light: var(--p-gray-070); --color-foreground-xlight: var(--p-white); --color-background-dark: var(--p-gray-820); --color-background-medium: var(--p-gray-120); --color-background-base: var(--p-gray-040); --color-background-light-base: var(--p-gray-025); --color-background-light: var(--p-gray-010); --color-background-xlight: var(--p-white); --color-lm-chat-messages-background: var(--color-background-base); --color-lm-chat-bot-background: var(--p-white); --color-lm-chat-user-background: var(--p-color-alt-a-600); --color-lm-chat-user-color: var(--color-text-xlight); --color-canvas-background: var(--p-gray-010); --color-canvas-background-h: var(--h-gray); --color-canvas-background-s: 47%; --color-canvas-background-l: 99%; --color-canvas-dot: var(--p-gray-120); --color-canvas-read-only-line: var(--p-gray-030); --color-canvas-selected: var(--p-gray-070); --color-canvas-selected-transparent: hsla(var(--h-gray), 47%, 30%, 0.1); --color-canvas-label-background: hsla( var(--color-canvas-background-h), var(--color-canvas-background-s), var(--color-canvas-background-l), 0.85 ); --color-node-background: var(--color-background-xlight); --color-node-executing-background: var(--color-primary-tint-3); --color-node-executing-other-background: var(--color-primary-tint-3); --color-node-pinned-border: var(--color-secondary); --color-node-running-border: var(--color-primary); --node-type-main-color: var(--p-gray-490); --color-sticky-background: var(--p-color-alt-d-080); --color-sticky-border: var(--p-color-alt-d-230); --color-sticky-font: var(--p-gray-740); --color-sticky-code-font: var(--color-secondary); --color-sticky-code-background: var(--color-background-base); --color-sticky-background-1: var(--color-sticky-background); --color-sticky-border-1: var(--color-sticky-border); --color-sticky-background-2: var(--p-color-alt-b-130); --color-sticky-border-2: var(--p-color-alt-b-280); --color-sticky-background-3: var(--p-color-alt-c-080); --color-sticky-border-3: var(--p-color-alt-c-180); --color-sticky-background-4: var(--p-color-alt-a-100); --color-sticky-border-4: var(--p-color-alt-a-300); --color-sticky-background-5: var(--p-color-alt-e-080); --color-sticky-border-5: var(--p-color-alt-e-180); --color-sticky-background-6: var(--p-color-secondary-070); --color-sticky-border-6: var(--p-color-secondary-170); --color-sticky-background-7: var(--p-gray-010); --color-sticky-border-7: var(--p-gray-120); --color-askAssistant-button-background: var(--color-background-xlight); --color-askAssistant-button-background-hover: var(--color-background-xlight); --color-askAssistant-button-background-active: var(--color-background-xlight); --color-assistant-highlight-1: #5b60e8; --color-assistant-highlight-2: #aa7bec; --color-assistant-highlight-3: #ec7b8e; --color-assistant-highlight-gradient: linear-gradient( 105deg, var(--color-assistant-highlight-1) 0%, var(--color-assistant-highlight-2) 50%, var(--color-assistant-highlight-3) 100% ); --color-assistant-highlight-reverse: linear-gradient( 105deg, var(--color-assistant-highlight-3) 0%, var(--color-assistant-highlight-2) 50%, var(--color-assistant-highlight-1) 100% ); --color-assistant-inner-highlight-hover: linear-gradient( 108.82deg, rgba(236, 123, 142, 0.12) 0%, rgba(170, 123, 236, 0.12) 50.5%, rgba(91, 96, 232, 0.12) 100% ); --color-assistant-inner-highlight-active: linear-gradient( 108.82deg, rgba(236, 123, 142, 0.25) 0%, rgba(170, 123, 236, 0.25) 50.5%, rgba(91, 96, 232, 0.25) 100% ); --color-node-icon-gray: var(--p-gray-420); --color-node-icon-black: var(--p-gray-780); --color-node-icon-blue: #3a42e9; --color-node-icon-light-blue: #5fabf7; --color-node-icon-dark-blue: #353f6e; --color-node-icon-orange: #ff965a; --color-node-icon-orange-red: #ff6d5a; --color-node-icon-pink-red: #ea4b71; --color-node-icon-red: var(--p-color-alt-c-480); --color-node-icon-light-green: #31c4ab; --color-node-icon-green: #108e49; --color-node-icon-dark-green: #157562; --color-node-icon-azure: #54b8c9; --color-node-icon-purple: #539; --color-node-icon-crimson: #724; --color-valid-resolvable-foreground: var(--p-color-alt-a-600); --color-valid-resolvable-background: var(--p-color-alt-a-100); --color-invalid-resolvable-foreground: var(--p-color-alt-c-480); --color-invalid-resolvable-background: var(--p-color-alt-c-030); --color-pending-resolvable-foreground: var(--color-text-base); --color-pending-resolvable-background: var(--p-gray-040); --color-expression-editor-background: var(--p-white); --color-expression-editor-modal-background: var(--color-background-base); --color-expression-syntax-example: var(--p-gray-040); --color-autocomplete-item-selected: var(--color-secondary); --color-autocomplete-section-header-border: var(--color-foreground-light); --color-infobox-background: var(--color-background-light-base); --color-infobox-examples-border-color: var(--color-foreground-light); --color-code-tags-string: #032f62; --color-code-tags-regex: #032f62; --color-code-tags-primitive: #005cc5; --color-code-tags-keyword: #d73a49; --color-code-tags-variable: #005cc5; --color-code-tags-parameter: #24292e; --color-code-tags-function: #6f42c1; --color-code-tags-constant: #005cc5; --color-code-tags-property: #005cc5; --color-code-tags-type: #005cc5; --color-code-tags-class: #6f42c1; --color-code-tags-heading: #005cc5; --color-code-tags-invalid: #cb2431; --color-code-tags-comment: #6a737d; --color-json-default: var(--p-color-secondary-570); --color-json-null: var(--p-color-alt-c-480); --color-json-boolean: var(--p-color-alt-a-600); --color-json-number: var(--p-color-alt-a-600); --color-json-string: var(--p-color-secondary-570); --color-json-key: var(--p-gray-670); --color-json-brackets: var(--p-gray-670); --color-json-brackets-hover: var(--p-color-alt-e-430); --color-json-line: var(--p-gray-200); --color-json-highlight: var(--p-gray-070); --color-code-background: var(--p-white); --color-code-background-readonly: var(--p-gray-040); --color-code-lineHighlight: var(--p-gray-320-a-010); --color-code-foreground: var(--p-gray-670); --color-code-caret: var(--p-gray-820); --color-code-selection: #0366d625; --color-code-selection-highlight: #34d05840; --color-code-gutter-background: var(--p-white); --color-code-gutter-foreground: var(--p-gray-320); --color-code-gutter-foreground-active: var(--p-gray-670); --color-code-indentation-marker: var(--p-gray-070); --color-code-indentation-marker-active: var(--p-gray-200); --color-line-break: var(--p-gray-320); --color-code-line-break: var(--p-color-secondary-270); --tag-height: 20px; --tag-padding: 0 var(--spacing-4xs); --tag-background-color: var(--p-gray-040); --tag-background-hover-color: var(--p-gray-070); --tag-border-color: var(--p-gray-070); --tag-border-hover-color: var(--p-gray-120); --tag-border-radius: var(--border-radius-base); --tag-text-color: var(--color-text-base); --tag-font-size: var(--font-size-2xs); --tag-font-weight: var(--font-weight-regular); --tag-line-height: 0; --color-variables-usage-font: var(--color-success); --color-variables-usage-syntax-bg: var(--color-success-tint-2); --color-button-primary-font: var(--p-white); --color-button-primary-border: var(--p-color-primary-320); --color-button-primary-background: var(--p-color-primary-320); --color-button-primary-hover-active-border: var(--p-color-primary-420); --color-button-primary-hover-active-focus-background: var(--p-color-primary-420); --color-button-primary-focus-outline: var(--p-color-primary-320-a-035); --color-button-primary-disabled-font: var(--p-white-a-075); --color-button-primary-disabled-border: var(--p-color-primary-120); --color-button-primary-disabled-background: var(--p-color-primary-120); --color-button-secondary-font: var(--p-gray-670); --color-button-secondary-border: var(--p-gray-320); --color-button-secondary-background: var(--p-white); --color-button-secondary-hover-active-focus-font: var(--p-color-primary-420); --color-button-secondary-hover-active-focus-border: var(--p-color-primary-320); --color-button-secondary-hover-background: var(--p-color-primary-030); --color-button-secondary-active-focus-background: var(--p-color-primary-050); --color-button-secondary-focus-outline: var(--p-gray-120); --color-button-secondary-disabled-font: var(--p-gray-200); --color-button-secondary-disabled-border: var(--p-gray-200); --color-button-highlight-font: var(--p-gray-670); --color-button-highlight-border: transparent; --color-button-highlight-background: transparent; --color-button-highlight-hover-active-focus-font: var(--p-color-primary-shade-100); --color-button-highlight-hover-active-focus-border: var(--p-gray-40); --color-button-highlight-hover-background: var(--p-gray-40); --color-button-highlight-active-focus-background: var(--p-gray-40); --color-button-highlight-focus-outline: var(--p-gray-40); --color-button-highlight-disabled-font: var(--p-gray-120); --color-button-highlight-disabled-border: transparent; --color-button-highlight-disabled-background: transparent; --color-button-success-font: var(--p-white); --color-button-success-disabled-font: var(--p-white-a-075); --color-button-warning-font: var(--color-text-xlight); --color-button-warning-disabled-font: var(--p-white-a-075); --color-button-danger-font: var(--color-text-xlight); --color-button-danger-border: var(--color-danger); --color-button-danger-focus-outline: var(--color-danger-tint-1); --color-button-danger-disabled-font: var(--p-white-a-075); --color-button-danger-disabled-border: var(--color-danger-tint-1); --color-button-danger-disabled-background: var(--color-danger-tint-1); --color-text-button-secondary-font: var(--p-gray-670); --color-button-node-creator-border-font: var(--p-gray-540); --color-button-node-creator-hover-font: var(--p-color-primary-320); --color-button-node-creator-hover-border: var(--p-color-primary-320); --color-button-node-creator-background: var(--p-white); --color-table-header-background: var(--color-background-base); --color-table-row-background: var(--color-background-xlight); --color-table-row-even-background: var(--color-background-light); --color-table-row-hover-background: var(--color-primary-tint-3); --color-table-row-highlight-background: var(--color-warning-tint-1); --color-notification-background: var(--color-background-xlight); --execution-card-border-new: var(--p-gray-200); --execution-card-border-success: var(--p-color-alt-a-300); --execution-card-border-error: var(--p-color-alt-c-230); --execution-card-border-waiting: var(--p-color-secondary-170); --execution-card-border-running: var(--p-color-alt-b-180); --execution-card-border-unknown: var(--p-gray-120); --execution-card-background: var(--color-foreground-xlight); --execution-card-background-hover: var(--color-foreground-light); --execution-card-text-waiting: var(--color-secondary); --execution-selector-background: var(--color-background-dark); --execution-selector-text: var(--color-text-xlight); --execution-select-all-text: var(--color-danger); --color-run-data-background: var(--p-gray-070); --color-ndvv2-run-data-background: var(--p-gray-040); --color-ndv-droppable-parameter: var(--color-secondary); --color-ndv-droppable-parameter-background: var(--p-color-secondary-470-a-010); --color-ndv-droppable-parameter-active-background: var(--p-color-alt-a-600-a-015); --color-ndv-back-font: var(--p-white); --color-notice-warning-border: var(--color-warning-tint-1); --color-notice-warning-background: var(--color-warning-tint-2); --color-notice-font: var(--color-text-base); --color-callout-info-border: var(--color-foreground-base); --color-callout-info-background: var(--color-foreground-xlight); --color-callout-info-font: var(--color-text-base); --color-callout-info-icon: var(--color-text-light); --color-callout-success-border: var(--color-success-light-2); --color-callout-success-background: var(--color-success-tint-2); --color-callout-success-font: var(--color-success); --color-callout-success-icon: var(--color-success); --color-callout-warning-border: var(--color-warning-tint-1); --color-callout-warning-background: var(--color-warning-tint-2); --color-callout-warning-font: var(--color-warning); --color-callout-warning-icon: var(--color-warning); --color-callout-danger-border: var(--color-danger-tint-1); --color-callout-danger-background: var(--color-danger-tint-2); --color-callout-danger-font: var(--color-danger); --color-callout-danger-icon: var(--color-danger); --color-callout-secondary-border: var(--color-secondary-tint-1); --color-callout-secondary-background: var(--color-secondary-tint-3); --color-callout-secondary-font: var(--color-secondary); --color-callout-secondary-icon: var(--color-secondary); --color-dialog-background: var(--p-white); --color-dialog-overlay-background: var(--p-white-a-075); --color-dialog-overlay-background-dark: var(--p-color-alt-g-700-a-075); --color-block-ui-overlay: var(--p-gray-820); --color-avatar-font: var(--color-text-xlight); --color-nps-survey-background: var(--p-gray-740); --color-nps-survey-font: var(--p-white); --color-action-dropdown-item-active-background: var(--color-background-base); --color-switch-background: var(--p-gray-420); --color-switch-active-background: var(--p-color-alt-f-560); --color-switch-border-color: transparent; --color-switch-toggle: var(--p-white); --color-feature-request-font: var(--p-white); --color-background-input-triple: var(--color-background-light); --color-node-error-output-text-color: var(--color-danger); --color-mfa-recovery-code-background: var(--color-background-base); --color-mfa-recovery-code-color: var(--p-gray-490); --color-mfa-lose-access-text-color: var(--color-danger); --color-text-highlight-background: var(--p-color-alt-d-230); --color-qr-code-border: var(--p-gray-010); --node-type-background-l: 95%; --node-type-supplemental-label-color-h: 235; --node-type-supplemental-label-color-s: 28%; --node-type-supplemental-label-color-l: 40%; --node-type-supplemental-color-h: 235; --node-type-supplemental-color-s: 28%; --node-type-supplemental-color-l: 60%; --node-type-supplemental-label-color: hsl( var(--node-type-supplemental-label-color-h), var(--node-type-supplemental-label-color-s), var(--node-type-supplemental-label-color-l) ); --node-type-supplemental-icon: var(--color-foreground-dark); --node-type-supplemental-color: hsl( var(--node-type-supplemental-color-h), var(--node-type-supplemental-color-s), var(--node-type-supplemental-color-l) ); --node-type-supplemental-background: hsl( var(--node-type-supplemental-color-h), var(--node-type-supplemental-color-s), var(--node-type-background-l) ); --node-type-supplemental-connector-color: var(--color-foreground-dark); --node-type-ai_chain-color-h: var(--node-type-supplemental-color-h); --node-type-ai_chain-color-s: var(--node-type-supplemental-color-s); --node-type-ai_chain-color-l: var(--node-type-supplemental-color-l); --node-type-ai_chain-color: hsl( var(--node-type-ai_chain-color-h), var(--node-type-ai_chain-color-s), var(--node-type-ai_chain-color-l) ); --node-type-chain-background: hsl( var(--node-type-ai_chain-color-h), var(--node-type-ai_chain-color-s), var(--node-type-background-l) ); --node-type-ai_document-color-h: var(--node-type-supplemental-color-h); --node-type-ai_document-color-s: var(--node-type-supplemental-color-s); --node-type-ai_document-color-l: var(--node-type-supplemental-color-l); --node-type-ai_document-color: hsl( var(--node-type-ai_document-color-h), var(--node-type-ai_document-color-s), var(--node-type-ai_document-color-l) ); --node-type-ai_document-background: hsl( var(--node-type-ai_document-color-h), var(--node-type-ai_document-color-s), var(--node-type-background-l) ); --node-type-ai_embedding-color-h: var(--node-type-supplemental-color-h); --node-type-ai_embedding-color-s: var(--node-type-supplemental-color-s); --node-type-ai_embedding-color-l: var(--node-type-supplemental-color-l); --node-type-ai_embedding-color: hsl( var(--node-type-ai_embedding-color-h), var(--node-type-ai_embedding-color-s), var(--node-type-ai_embedding-color-l) ); --node-type-ai_embedding-background: hsl( var(--node-type-ai_embedding-color-h), var(--node-type-ai_embedding-color-s), var(--node-type-background-l) ); --node-type-ai_languageModel-color-h: var(--node-type-supplemental-color-h); --node-type-ai_languageModel-color-s: var(--node-type-supplemental-color-s); --node-type-ai_languageModel-color-l: var(--node-type-supplemental-color-l); --node-type-ai_languageModel-color: hsl( var(--node-type-ai_languageModel-color-h), var(--node-type-ai_languageModel-color-s), var(--node-type-ai_languageModel-color-l) ); --node-type-ai_languageModel-background: hsl( var(--node-type-ai_languageModel-color-h), var(--node-type-ai_languageModel-color-s), var(--node-type-background-l) ); --node-type-ai_memory-color-h: var(--node-type-supplemental-color-h); --node-type-ai_memory-color-s: var(--node-type-supplemental-color-s); --node-type-ai_memory-color-l: var(--node-type-supplemental-color-l); --node-type-ai_memory-color: hsl( var(--node-type-ai_memory-color-h), var(--node-type-ai_memory-color-s), var(--node-type-ai_memory-color-l) ); --node-type-ai_memory-background: hsl( var(--node-type-ai_memory-color-h), var(--node-type-ai_memory-color-s), var(--node-type-background-l) ); --node-type-ai_outputParser-color-h: var(--node-type-supplemental-color-h); --node-type-ai_outputParser-color-s: var(--node-type-supplemental-color-s); --node-type-ai_outputParser-color-l: var(--node-type-supplemental-color-l); --node-type-ai_outputParser-color: hsl( var(--node-type-ai_outputParser-color-h), var(--node-type-ai_outputParser-color-s), var(--node-type-ai_outputParser-color-l) ); --node-type-ai_outputParser-background: hsl( var(--node-type-ai_outputParser-color-h), var(--node-type-ai_outputParser-color-s), var(--node-type-background-l) ); --node-type-ai_tool-color-h: var(--node-type-supplemental-color-h); --node-type-ai_tool-color-s: var(--node-type-supplemental-color-s); --node-type-ai_tool-color-l: var(--node-type-supplemental-color-l); --node-type-ai_tool-color: hsl( var(--node-type-ai_tool-color-h), var(--node-type-ai_tool-color-s), var(--node-type-ai_tool-color-l) ); --node-type-ai_tool-background: hsl( var(--node-type-ai_tool-color-h), var(--node-type-ai_tool-color-s), var(--node-type-background-l) ); --node-type-ai_retriever-color-h: var(--node-type-supplemental-color-h); --node-type-ai_retriever-color-s: var(--node-type-supplemental-color-s); --node-type-ai_retriever-color-l: var(--node-type-supplemental-color-l); --node-type-ai_retriever-color: hsl( var(--node-type-ai_retriever-color-h), var(--node-type-ai_retriever-color-s), var(--node-type-ai_retriever-color-l) ); --node-type-ai_retriever-background: hsl( var(--node-type-ai_retriever-color-h), var(--node-type-ai_retriever-color-s), var(--node-type-background-l) ); --node-type-ai_textSplitter-color-h: var(--node-type-supplemental-color-h); --node-type-ai_textSplitter-color-s: var(--node-type-supplemental-color-s); --node-type-ai_textSplitter-color-l: var(--node-type-supplemental-color-l); --node-type-ai_textSplitter-color: hsl( var(--node-type-ai_textSplitter-color-h), var(--node-type-ai_textSplitter-color-s), var(--node-type-ai_textSplitter-color-l) ); --node-type-ai_textSplitter-background: hsl( var(--node-type-ai_textSplitter-color-h), var(--node-type-ai_textSplitter-color-s), var(--node-type-background-l) ); --node-type-ai_vectorRetriever-color-h: var(--node-type-supplemental-color-h); --node-type-ai_vectorRetriever-color-s: var(--node-type-supplemental-color-s); --node-type-ai_vectorRetriever-color-l: var(--node-type-supplemental-color-l); --node-type-ai_vectorRetriever-color: hsl( var(--node-type-ai_vectorRetriever-color-h), var(--node-type-ai_vectorRetriever-color-s), var(--node-type-ai_vectorRetriever-color-l) ); --node-type-ai_vectorRetriever-background: hsl( var(--node-type-ai_vectorRetriever-color-h), var(--node-type-ai_vectorRetriever-color-s), var(--node-type-background-l) ); --node-type-ai_vectorStore-color-h: var(--node-type-supplemental-color-h); --node-type-ai_vectorStore-color-s: var(--node-type-supplemental-color-s); --node-type-ai_vectorStore-color-l: var(--node-type-supplemental-color-l); --node-type-ai_vectorStore-color: hsl( var(--node-type-ai_vectorStore-color-h), var(--node-type-ai_vectorStore-color-s), var(--node-type-ai_vectorStore-color-l) ); --node-type-ai_vectorStore-background: hsl( var(--node-type-ai_vectorStore-color-h), var(--node-type-ai_vectorStore-color-s), var(--node-type-background-l) ); --color-avatar-accent-1: var(--p-gray-120); --color-avatar-accent-2: var(--p-color-alt-e-530); --color-info: var(--p-gray-420); --color-info-tint-1: var(--p-gray-120); --color-info-tint-2: var(--p-gray-040); --color-grey: var(--p-gray-200); --color-light-grey: var(--p-gray-120); --color-neutral: var(--p-gray-490); --color-configurable-node-name: var(--color-text-dark); --color-secondary-link: var(--color-secondary); --color-secondary-link-hover: var(--color-secondary-shade-1); --color-menu-background: var(--p-white); --color-menu-hover-background: var(--p-gray-120); --color-menu-active-background: var(--p-gray-120); --color-neutral-50-l: 5%; --color-neutral-50: hsl( var(--color-neutral-h), var(--color-neutral-s), var(--color-neutral-50-l) ); --color-neutral-100-l: 10%; --color-neutral-100: hsl( var(--color-neutral-h), var(--color-neutral-s), var(--color-neutral-100-l) ); --color-neutral-150-l: 15%; --color-neutral-150: hsl( var(--color-neutral-h), var(--color-neutral-s), var(--color-neutral-150-l) ); --color-neutral-200-l: 20%; --color-neutral-200: hsl( var(--color-neutral-h), var(--color-neutral-s), var(--color-neutral-200-l) ); --color-neutral-250-l: 25%; --color-neutral-250: hsl( var(--color-neutral-h), var(--color-neutral-s), var(--color-neutral-250-l) ); --color-neutral-300-l: 30%; --color-neutral-300: hsl( var(--color-neutral-h), var(--color-neutral-s), var(--color-neutral-300-l) ); --color-neutral-350-l: 35%; --color-neutral-350: hsl( var(--color-neutral-h), var(--color-neutral-s), var(--color-neutral-350-l) ); --color-neutral-400-l: 40%; --color-neutral-400: hsl( var(--color-neutral-h), var(--color-neutral-s), var(--color-neutral-400-l) ); --color-neutral-450-l: 45%; --color-neutral-450: hsl( var(--color-neutral-h), var(--color-neutral-s), var(--color-neutral-450-l) ); --color-neutral-500-l: 50%; --color-neutral-500: hsl( var(--color-neutral-h), var(--color-neutral-s), var(--color-neutral-500-l) ); --color-neutral-550-l: 55%; --color-neutral-550: hsl( var(--color-neutral-h), var(--color-neutral-s), var(--color-neutral-550-l) ); --color-neutral-600-l: 60%; --color-neutral-600: hsl( var(--color-neutral-h), var(--color-neutral-s), var(--color-neutral-600-l) ); --color-neutral-650-l: 65%; --color-neutral-650: hsl( var(--color-neutral-h), var(--color-neutral-s), var(--color-neutral-650-l) ); --color-neutral-700-l: 70%; --color-neutral-700: hsl( var(--color-neutral-h), var(--color-neutral-s), var(--color-neutral-700-l) ); --color-neutral-750-l: 75%; --color-neutral-750: hsl( var(--color-neutral-h), var(--color-neutral-s), var(--color-neutral-750-l) ); --color-neutral-800-l: 80%; --color-neutral-800: hsl( var(--color-neutral-h), var(--color-neutral-s), var(--color-neutral-800-l) ); --color-neutral-850-l: 85%; --color-neutral-850: hsl( var(--color-neutral-h), var(--color-neutral-s), var(--color-neutral-850-l) ); --color-neutral-900-l: 90%; --color-neutral-900: hsl( var(--color-neutral-h), var(--color-neutral-s), var(--color-neutral-900-l) ); --color-neutral-950-l: 95%; --color-neutral-950: hsl( var(--color-neutral-h), var(--color-neutral-s), var(--color-neutral-950-l) ); --color-success-50-l: 5%; --color-success-50: hsl( var(--color-success-h), var(--color-success-s), var(--color-success-50-l) ); --color-success-100-l: 10%; --color-success-100: hsl( var(--color-success-h), var(--color-success-s), var(--color-success-100-l) ); --color-success-150-l: 15%; --color-success-150: hsl( var(--color-success-h), var(--color-success-s), var(--color-success-150-l) ); --color-success-200-l: 20%; --color-success-200: hsl( var(--color-success-h), var(--color-success-s), var(--color-success-200-l) ); --color-success-250-l: 25%; --color-success-250: hsl( var(--color-success-h), var(--color-success-s), var(--color-success-250-l) ); --color-success-300-l: 30%; --color-success-300: hsl( var(--color-success-h), var(--color-success-s), var(--color-success-300-l) ); --color-success-350-l: 35%; --color-success-350: hsl( var(--color-success-h), var(--color-success-s), var(--color-success-350-l) ); --color-success-400-l: 40%; --color-success-400: hsl( var(--color-success-h), var(--color-success-s), var(--color-success-400-l) ); --color-success-450-l: 45%; --color-success-450: hsl( var(--color-success-h), var(--color-success-s), var(--color-success-450-l) ); --color-success-500-l: 50%; --color-success-500: hsl( var(--color-success-h), var(--color-success-s), var(--color-success-500-l) ); --color-success-550-l: 55%; --color-success-550: hsl( var(--color-success-h), var(--color-success-s), var(--color-success-550-l) ); --color-success-600-l: 60%; --color-success-600: hsl( var(--color-success-h), var(--color-success-s), var(--color-success-600-l) ); --color-success-650-l: 65%; --color-success-650: hsl( var(--color-success-h), var(--color-success-s), var(--color-success-650-l) ); --color-success-700-l: 70%; --color-success-700: hsl( var(--color-success-h), var(--color-success-s), var(--color-success-700-l) ); --color-success-750-l: 75%; --color-success-750: hsl( var(--color-success-h), var(--color-success-s), var(--color-success-750-l) ); --color-success-800-l: 80%; --color-success-800: hsl( var(--color-success-h), var(--color-success-s), var(--color-success-800-l) ); --color-success-850-l: 85%; --color-success-850: hsl( var(--color-success-h), var(--color-success-s), var(--color-success-850-l) ); --color-success-900-l: 90%; --color-success-900: hsl( var(--color-success-h), var(--color-success-s), var(--color-success-900-l) ); --color-success-950-l: 95%; --color-success-950: hsl( var(--color-success-h), var(--color-success-s), var(--color-success-950-l) ); --color-warning-50-l: 5%; --color-warning-50: hsl( var(--color-warning-h), var(--color-warning-s), var(--color-warning-50-l) ); --color-warning-100-l: 10%; --color-warning-100: hsl( var(--color-warning-h), var(--color-warning-s), var(--color-warning-100-l) ); --color-warning-150-l: 15%; --color-warning-150: hsl( var(--color-warning-h), var(--color-warning-s), var(--color-warning-150-l) ); --color-warning-200-l: 20%; --color-warning-200: hsl( var(--color-warning-h), var(--color-warning-s), var(--color-warning-200-l) ); --color-warning-250-l: 25%; --color-warning-250: hsl( var(--color-warning-h), var(--color-warning-s), var(--color-warning-250-l) ); --color-warning-300-l: 30%; --color-warning-300: hsl( var(--color-warning-h), var(--color-warning-s), var(--color-warning-300-l) ); --color-warning-350-l: 35%; --color-warning-350: hsl( var(--color-warning-h), var(--color-warning-s), var(--color-warning-350-l) ); --color-warning-400-l: 40%; --color-warning-400: hsl( var(--color-warning-h), var(--color-warning-s), var(--color-warning-400-l) ); --color-warning-450-l: 45%; --color-warning-450: hsl( var(--color-warning-h), var(--color-warning-s), var(--color-warning-450-l) ); --color-warning-500-l: 50%; --color-warning-500: hsl( var(--color-warning-h), var(--color-warning-s), var(--color-warning-500-l) ); --color-warning-550-l: 55%; --color-warning-550: hsl( var(--color-warning-h), var(--color-warning-s), var(--color-warning-550-l) ); --color-warning-600-l: 60%; --color-warning-600: hsl( var(--color-warning-h), var(--color-warning-s), var(--color-warning-600-l) ); --color-warning-650-l: 65%; --color-warning-650: hsl( var(--color-warning-h), var(--color-warning-s), var(--color-warning-650-l) ); --color-warning-700-l: 70%; --color-warning-700: hsl( var(--color-warning-h), var(--color-warning-s), var(--color-warning-700-l) ); --color-warning-750-l: 75%; --color-warning-750: hsl( var(--color-warning-h), var(--color-warning-s), var(--color-warning-750-l) ); --color-warning-800-l: 80%; --color-warning-800: hsl( var(--color-warning-h), var(--color-warning-s), var(--color-warning-800-l) ); --color-warning-850-l: 85%; --color-warning-850: hsl( var(--color-warning-h), var(--color-warning-s), var(--color-warning-850-l) ); --color-warning-900-l: 90%; --color-warning-900: hsl( var(--color-warning-h), var(--color-warning-s), var(--color-warning-900-l) ); --color-warning-950-l: 95%; --color-warning-950: hsl( var(--color-warning-h), var(--color-warning-s), var(--color-warning-950-l) ); --color-danger-50-l: 5%; --color-danger-50: hsl( var(--color-danger-h), var(--color-danger-s), var(--color-danger-50-l) ); --color-danger-100-l: 10%; --color-danger-100: hsl( var(--color-danger-h), var(--color-danger-s), var(--color-danger-100-l) ); --color-danger-150-l: 15%; --color-danger-150: hsl( var(--color-danger-h), var(--color-danger-s), var(--color-danger-150-l) ); --color-danger-200-l: 20%; --color-danger-200: hsl( var(--color-danger-h), var(--color-danger-s), var(--color-danger-200-l) ); --color-danger-250-l: 25%; --color-danger-250: hsl( var(--color-danger-h), var(--color-danger-s), var(--color-danger-250-l) ); --color-danger-300-l: 30%; --color-danger-300: hsl( var(--color-danger-h), var(--color-danger-s), var(--color-danger-300-l) ); --color-danger-350-l: 35%; --color-danger-350: hsl( var(--color-danger-h), var(--color-danger-s), var(--color-danger-350-l) ); --color-danger-400-l: 40%; --color-danger-400: hsl( var(--color-danger-h), var(--color-danger-s), var(--color-danger-400-l) ); --color-danger-450-l: 45%; --color-danger-450: hsl( var(--color-danger-h), var(--color-danger-s), var(--color-danger-450-l) ); --color-danger-500-l: 50%; --color-danger-500: hsl( var(--color-danger-h), var(--color-danger-s), var(--color-danger-500-l) ); --color-danger-550-l: 55%; --color-danger-550: hsl( var(--color-danger-h), var(--color-danger-s), var(--color-danger-550-l) ); --color-danger-600-l: 60%; --color-danger-600: hsl( var(--color-danger-h), var(--color-danger-s), var(--color-danger-600-l) ); --color-danger-650-l: 65%; --color-danger-650: hsl( var(--color-danger-h), var(--color-danger-s), var(--color-danger-650-l) ); --color-danger-700-l: 70%; --color-danger-700: hsl( var(--color-danger-h), var(--color-danger-s), var(--color-danger-700-l) ); --color-danger-750-l: 75%; --color-danger-750: hsl( var(--color-danger-h), var(--color-danger-s), var(--color-danger-750-l) ); --color-danger-800-l: 80%; --color-danger-800: hsl( var(--color-danger-h), var(--color-danger-s), var(--color-danger-800-l) ); --color-danger-850-l: 85%; --color-danger-850: hsl( var(--color-danger-h), var(--color-danger-s), var(--color-danger-850-l) ); --color-danger-900-l: 90%; --color-danger-900: hsl( var(--color-danger-h), var(--color-danger-s), var(--color-danger-900-l) ); --color-danger-950-l: 95%; --color-danger-950: hsl( var(--color-danger-h), var(--color-danger-s), var(--color-danger-950-l) ); --box-shadow-base: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04); --box-shadow-dark: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.12); --box-shadow-light: 0 2px 12px 0 rgba(0, 0, 0, 0.07); --border-radius-xlarge: 12px; --border-radius-large: 8px; --border-radius-base: 4px; --border-radius-small: 2px; --border-color-base: var(--color-foreground-base); --border-color-light: var(--color-foreground-light); --border-style-base: solid; --border-width-base: 1px; --border-base: var(--border-width-base) var(--border-style-base) var(--color-foreground-base); --font-size-4xs: 0.5rem; --font-size-3xs: 0.625rem; --font-size-2xs: 0.75rem; --font-size-xs: 0.8125rem; --font-size-s: 0.875rem; --font-size-m: 1rem; --font-size-l: 1.125rem; --font-size-xl: 1.25rem; --font-size-2xl: 1.75rem; --font-line-height-xsmall: 1; --font-line-height-compact: 1.25; --font-line-height-regular: 1.3; --font-line-height-loose: 1.35; --font-line-height-xloose: 1.5; --font-weight-regular: 400; --font-weight-medium: 500; --font-weight-bold: 600; --font-family: InterVariable, sans-serif; --font-family-monospace: CommitMono, ui-monospace, Menlo, Consolas, "DejaVu Sans Mono", monospace; --spacing-5xs: 0.125rem; --spacing-4xs: 0.25rem; --spacing-3xs: 0.375rem; --spacing-2xs: 0.5rem; --spacing-xs: 0.75rem; --spacing-s: 1rem; --spacing-m: 1.25rem; --spacing-l: 1.5rem; --spacing-xl: 2rem; --spacing-2xl: 3rem; --spacing-3xl: 4rem; --spacing-4xl: 8rem; --spacing-5xl: 16rem; --color-icon-base: var(--color-text-light); --color-icon-hover: var(--p-color-primary-320); /* Ag Grid */ --grid-row-selected-background: var(--p-color-secondary-070); --grid-cell-editing-border: 2px solid var(--color-secondary); } body[data-theme=dark] { --color-danger: var(--p-color-alt-h-310); --diff-new: #38cb7a; --diff-new-light: #43674f; --diff-new-faint: #3a463e; --diff-modified: #d6a625; --diff-modified-light: #6a5c38; --diff-modified-faint: #464236; --diff-del: #fb887a; --diff-del-light: #7a524e; --diff-del-faint: #4d3e3d; --color-text-dark: var(--p-gray-040); --color-text-base: var(--p-gray-200); --color-text-light: var(--p-gray-320); --color-text-lighter: var(--p-gray-740); --color-text-xlight: var(--p-gray-820); --color-text-danger: var(--p-color-alt-c-330); --color-foreground-xdark: var(--p-gray-200); --color-foreground-dark: var(--p-gray-420); --color-foreground-base: var(--p-gray-670); --color-foreground-light: var(--p-gray-740); --color-foreground-xlight: var(--p-gray-820); --color-background-dark: var(--p-gray-070); --color-background-medium: var(--p-gray-540); --color-background-base: var(--p-gray-670); --color-background-light-base: var(--p-gray-780); --color-background-light: var(--p-gray-820); --color-background-xlight: var(--p-gray-740); --box-shadow-base: 0 2px 4px rgba(0, 0, 0, 0.2), 0 0 6px rgba(0, 0, 0, 0.1); --box-shadow-dark: 0 2px 4px rgba(0, 0, 0, 0.2), 0 0 6px rgba(0, 0, 0, 0.2); --box-shadow-light: 0 2px 12px 0 rgba(0, 0, 0, 0.2); --color-assistant-highlight-1: #8c90f2; --color-assistant-highlight-2: #a977f0; --color-assistant-highlight-3: #f0778b; --color-askAssistant-button-background: #2e2e2e; --color-askAssistant-button-background-hover: #383839; --color-askAssistant-button-background-active: #414244; --color-assistant-inner-highlight-hover: var(--color-askAssistant-button-background-hover); --color-assistant-inner-highlight-active: var(--color-askAssistant-button-background-active); --color-assistant-highlight-gradient: linear-gradient( 105deg, var(--color-assistant-highlight-1) 0%, var(--color-assistant-highlight-2) 50%, var(--color-assistant-highlight-3) 100% ); --color-assistant-highlight-reverse: linear-gradient( 105deg, var(--color-assistant-highlight-3) 0%, var(--color-assistant-highlight-2) 50%, var(--color-assistant-highlight-1) 100% ); --color-lm-chat-messages-background: var(--p-gray-820); --color-lm-chat-bot-background: var(--p-gray-740); --color-lm-chat-bot-border: var(--p-gray-490); --color-lm-chat-user-background: var(--p-color-alt-a-700); --color-lm-chat-user-border: var(--p-color-alt-a-600); --color-canvas-background: var(--p-gray-820); --color-canvas-background-h: var(--h-gray); --color-canvas-background-s: 1%; --color-canvas-background-l: 18%; --color-canvas-dot: var(--p-gray-670); --color-canvas-read-only-line: var(--p-gray-800); --color-canvas-selected: var(--p-white-a-025); --color-canvas-selected-transparent: var(--color-canvas-selected); --color-canvas-label-background: hsla( var(--color-canvas-background-h), var(--color-canvas-background-s), var(--color-canvas-background-l), 0.85 ); --color-node-background: var(--p-gray-740); --color-node-executing-background: var(--p-gray-670); --color-node-executing-other-background: var(--p-gray-670); --color-node-pinned-border: var(--p-color-secondary-370); --node-type-main-color: var(--p-gray-420); --color-sticky-background: var(--p-color-alt-d-780); --color-sticky-border: var(--p-color-alt-d-680); --color-sticky-font: var(--p-gray-040); --color-sticky-code-font: var(--p-color-secondary-170); --color-sticky-code-background: var(--p-gray-70-a-010); --color-sticky-background-1: var(--p-color-alt-d-780); --color-sticky-border-1: var(--p-color-alt-d-680); --color-sticky-background-2: var(--p-color-alt-b-780); --color-sticky-border-2: var(--p-color-alt-b-680); --color-sticky-background-3: var(--p-color-alt-c-730); --color-sticky-border-3: var(--p-color-alt-c-630); --color-sticky-background-4: var(--p-color-alt-a-800); --color-sticky-border-4: var(--p-color-alt-a-700); --color-sticky-background-5: var(--p-color-alt-e-780); --color-sticky-border-5: var(--p-color-alt-e-680); --color-sticky-background-6: var(--p-color-secondary-720); --color-sticky-border-6: var(--p-color-secondary-570); --color-sticky-background-7: var(--p-gray-740); --color-sticky-border-7: var(--p-gray-670); --color-node-icon-gray: var(--p-gray-120); --color-node-icon-black: var(--p-gray-010); --color-node-icon-blue: #898fff; --color-node-icon-light-blue: #58abff; --color-node-icon-dark-blue: #7ba7ff; --color-node-icon-orange-red: var(--p-color-primary-320); --color-node-icon-pink-red: #f85d82; --color-node-icon-red: var(--p-color-alt-h-310); --color-node-icon-light-green: #20b69e; --color-node-icon-green: #38cb7a; --color-node-icon-dark-green: #86decc; --color-node-icon-purple: #9b6dd5; --color-node-icon-crimson: #f188a2; --color-valid-resolvable-foreground: var(--p-color-alt-a-300); --color-valid-resolvable-background: var(--p-color-alt-a-600-a-025); --color-invalid-resolvable-foreground: var(--p-color-alt-c-230); --color-invalid-resolvable-background: var(--p-color-alt-c-480-a-020); --color-pending-resolvable-foreground: var(--color-text-base); --color-pending-resolvable-background: var(--p-gray-70-a-010); --color-expression-editor-background: var(--p-gray-800); --color-expression-editor-modal-background: var(--p-gray-800); --color-expression-syntax-example: var(--p-gray-670); --color-autocomplete-item-selected: var(--p-color-secondary-270); --color-autocomplete-section-header-border: var(--p-gray-540); --color-infobox-background: var(--p-gray-780); --color-infobox-examples-border-color: var(--p-gray-670); --color-code-tags-string: #9ecbff; --color-code-tags-regex: #9ecbff; --color-code-tags-primitive: #79b8ff; --color-code-tags-keyword: #f97583; --color-code-tags-variable: #79b8ff; --color-code-tags-parameter: #e1e4e8; --color-code-tags-function: #b392f0; --color-code-tags-constant: #79b8ff; --color-code-tags-property: #79b8ff; --color-code-tags-type: #b392f0; --color-code-tags-class: #b392f0; --color-code-tags-heading: #79b8ff; --color-code-tags-invalid: #f97583; --color-code-tags-comment: #6a737d; --color-json-default: var(--p-color-secondary-270); --color-json-null: var(--color-danger); --color-json-boolean: var(--p-color-alt-a-600); --color-json-number: var(--p-color-alt-a-600); --color-json-string: var(--p-color-secondary-270); --color-json-key: var(--color-text-dark); --color-json-brackets: var(--p-gray-670); --color-json-brackets-hover: var(--p-color-alt-e-430); --color-json-line: var(--p-gray-200); --color-json-highlight: var(--color-background-base); --color-code-background: var(--p-gray-820); --color-code-background-readonly: var(--p-gray-740); --color-code-lineHighlight: var(--p-gray-320-a-010); --color-code-foreground: var(--p-gray-070); --color-code-caret: var(--p-gray-010); --color-code-selection: #3392ff44; --color-code-selection-highlight: #17e5e633; --color-code-gutter-background: var(--p-gray-820); --color-code-gutter-foreground: var(--p-gray-320); --color-code-gutter-foreground-active: var(--p-gray-010); --color-code-indentation-marker: var(--p-gray-740); --color-code-indentation-marker-active: var(--p-gray-670); --color-line-break: var(--p-gray-420); --color-code-line-break: var(--p-color-secondary-370); --tag-background-color: var(--p-gray-670); --tag-background-hover-color: var(--p-gray-540); --tag-border-color: var(--p-gray-710); --tag-border-hover-color: var(--p-gray-670); --tag-text-color: var(--color-text-dark); --color-variables-usage-font: var(--p-color-alt-a-300); --color-variables-usage-syntax-bg: var(--p-color-alt-a-600-a-025); --color-button-primary-focus-outline: var(--p-color-primary-320-a-035); --color-button-primary-disabled-font: var(--p-white-a-030); --color-button-primary-disabled-border: transparent; --color-button-primary-disabled-background: var(--p-color-primary-320-a-050); --color-button-secondary-font: var(--p-gray-070); --color-button-secondary-border: var(--color-foreground-base); --color-button-secondary-background: var(--color-background-light); --color-button-secondary-hover-active-focus-font: var(--p-color-primary-220); --color-button-secondary-hover-background: var(--color-background-light); --color-button-secondary-active-focus-background: var(--p-color-primary-320-a-010); --color-button-secondary-focus-outline: var(--p-color-primary-320-a-035); --color-button-secondary-disabled-font: var(--p-white-a-030); --color-button-secondary-disabled-border: var(--color-foreground-base); --color-button-highlight-font: var(--prim-gray-320); --color-button-highlight-border: transparent; --color-button-highlight-background: transparent; --color-button-highlight-hover-active-focus-font: var(--prim-color-primary-tint-100); --color-button-highlight-hover-active-focus-border: var(--prim-gray-670); --color-button-highlight-hover-background: var(--prim-gray-670); --color-button-highlight-active-focus-background: var(--prim-gray-670); --color-button-highlight-focus-outline: var(--prim-gray-670); --color-button-highlight-disabled-font: var(--prim-gray-0-a-010); --color-button-highlight-disabled-border: transparent; --color-button-danger-font: var(--p-white); --color-button-danger-border: transparent; --color-button-danger-focus-outline: var(--p-color-alt-c-230); --color-button-danger-disabled-font: var(--p-white-a-025); --color-button-danger-disabled-border: transparent; --color-button-danger-disabled-background: var(--p-color-alt-c-480-a-020); --color-text-button-secondary-font: var(--p-gray-320); --color-button-node-creator-border-font: var(--color-button-secondary-font); --color-button-node-creator-hover-font: var(--color-button-secondary-hover-active-focus-font); --color-button-node-creator-hover-border: var(--p-color-primary-320); --color-button-node-creator-background: var(--p-color-primary-320-a-010); --color-table-header-background: var(--p-gray-740); --color-table-row-background: var(--p-gray-820); --color-table-row-even-background: var(--p-gray-800); --color-table-row-hover-background: var(--p-gray-740); --color-table-row-highlight-background: var(--color-warning-tint-1); --color-notification-background: var(--p-gray-740); --execution-card-background: var(--color-foreground-light); --execution-card-background-hover: var(--color-foreground-base); --execution-selector-background: var(--color-background-dark); --execution-selector-text: var(--color-text-xlight); --execution-select-all-text: var(--color-text-base); --execution-card-text-waiting: var(--p-color-secondary-370); --color-run-data-background: var(--p-gray-800); --color-ndvv2-run-data-background: var(--p-gray-800); --color-ndv-droppable-parameter: var(--p-color-primary-320); --color-ndv-droppable-parameter-background: var(--p-color-primary-320-a-010); --color-ndv-droppable-parameter-active-background: var(--p-color-alt-a-600-a-015); --color-ndv-back-font: var(--p-white); --color-notice-warning-border: var(--p-color-alt-b-180); --color-notice-warning-background: var(--p-color-alt-b-430-a-020); --color-notice-font: var(--p-white); --color-callout-info-border: var(--p-gray-670); --color-callout-info-background: var(--p-gray-740); --color-callout-info-font: var(--p-white); --color-callout-success-border: var(--color-success); --color-callout-success-background: var(--p-color-alt-a-800); --color-callout-success-font: var(--p-white); --color-callout-warning-border: var(--color-warning); --color-callout-warning-background: var(--p-color-alt-b-780); --color-callout-warning-font: var(--p-white); --color-callout-danger-border: var(--color-danger); --color-callout-danger-background: var(--p-color-alt-c-730); --color-callout-danger-font: var(--p-white); --color-callout-danger-icon: var(--color-danger); --color-callout-secondary-border: var(--color-secondary); --color-callout-secondary-background: var(--p-color-secondary-470-a-025); --color-callout-secondary-font: var(--p-white); --color-dialog-background: var(--p-gray-800); --color-dialog-overlay-background: var(--p-color-alt-g-700-a-075); --color-dialog-overlay-background-dark: var(--p-color-alt-g-700-a-075); --color-avatar-font: var(--p-white); --color-nps-survey-background: var(--p-gray-740); --color-nps-survey-font: var(--p-white); --color-switch-background: var(--p-gray-820); --color-switch-border-color: var(--p-gray-670); --color-switch-toggle: var(--p-gray-040); --color-action-dropdown-item-active-background: var(--color-background-xlight); --color-background-input-triple: var(--p-gray-800); --color-node-error-output-text-color: var(--color-danger); --color-mfa-recovery-code-background: var(--color-background-xlight); --color-mfa-recovery-code-color: var(--color-text-dark); --color-mfa-lose-access-text-color: var(--color-danger); --color-text-highlight-background: var(--p-color-alt-d-680); --node-type-background-l: 20%; --node-type-supplemental-label-color-h: 235; --node-type-supplemental-label-color-s: 28%; --node-type-supplemental-label-color-l: 40%; --node-type-supplemental-color-h: 235; --node-type-supplemental-color-s: 13%; --node-type-supplemental-color-l: 60%; --node-type-supplemental-label-color: hsl( var(--node-type-supplemental-label-color-h), var(--node-type-supplemental-label-color-s), var(--node-type-supplemental-label-color-l) ); --node-type-supplemental-icon: var(--color-foreground-dark); --node-type-supplemental-color: hsl( var(--node-type-supplemental-color-h), var(--node-type-supplemental-color-s), var(--node-type-supplemental-color-l) ); --node-type-supplemental-background: hsl( var(--node-type-supplemental-color-h), var(--node-type-supplemental-color-s), var(--node-type-background-l) ); --node-type-supplemental-connector-color: var(--color-foreground-dark); --node-type-ai_chain-color-h: var(--node-type-supplemental-color-h); --node-type-ai_chain-color-s: var(--node-type-supplemental-color-s); --node-type-ai_chain-color-l: var(--node-type-supplemental-color-l); --node-type-ai_chain-color: hsl( var(--node-type-ai_chain-color-h), var(--node-type-ai_chain-color-s), var(--node-type-ai_chain-color-l) ); --node-type-chain-background: hsl( var(--node-type-ai_chain-color-h), var(--node-type-ai_chain-color-s), var(--node-type-background-l) ); --node-type-ai_document-color-h: var(--node-type-supplemental-color-h); --node-type-ai_document-color-s: var(--node-type-supplemental-color-s); --node-type-ai_document-color-l: var(--node-type-supplemental-color-l); --node-type-ai_document-color: hsl( var(--node-type-ai_document-color-h), var(--node-type-ai_document-color-s), var(--node-type-ai_document-color-l) ); --node-type-ai_document-background: hsl( var(--node-type-ai_document-color-h), var(--node-type-ai_document-color-s), var(--node-type-background-l) ); --node-type-ai_embedding-color-h: var(--node-type-supplemental-color-h); --node-type-ai_embedding-color-s: var(--node-type-supplemental-color-s); --node-type-ai_embedding-color-l: var(--node-type-supplemental-color-l); --node-type-ai_embedding-color: hsl( var(--node-type-ai_embedding-color-h), var(--node-type-ai_embedding-color-s), var(--node-type-ai_embedding-color-l) ); --node-type-ai_embedding-background: hsl( var(--node-type-ai_embedding-color-h), var(--node-type-ai_embedding-color-s), var(--node-type-background-l) ); --node-type-ai_languageModel-color-h: var(--node-type-supplemental-color-h); --node-type-ai_languageModel-color-s: var(--node-type-supplemental-color-s); --node-type-ai_languageModel-color-l: var(--node-type-supplemental-color-l); --node-type-ai_languageModel-color: hsl( var(--node-type-ai_languageModel-color-h), var(--node-type-ai_languageModel-color-s), var(--node-type-ai_languageModel-color-l) ); --node-type-ai_languageModel-background: hsl( var(--node-type-ai_languageModel-color-h), var(--node-type-ai_languageModel-color-s), var(--node-type-background-l) ); --node-type-ai_memory-color-h: var(--node-type-supplemental-color-h); --node-type-ai_memory-color-s: var(--node-type-supplemental-color-s); --node-type-ai_memory-color-l: var(--node-type-supplemental-color-l); --node-type-ai_memory-color: hsl( var(--node-type-ai_memory-color-h), var(--node-type-ai_memory-color-s), var(--node-type-ai_memory-color-l) ); --node-type-ai_memory-background: hsl( var(--node-type-ai_memory-color-h), var(--node-type-ai_memory-color-s), var(--node-type-background-l) ); --node-type-ai_outputParser-color-h: var(--node-type-supplemental-color-h); --node-type-ai_outputParser-color-s: var(--node-type-supplemental-color-s); --node-type-ai_outputParser-color-l: var(--node-type-supplemental-color-l); --node-type-ai_outputParser-color: hsl( var(--node-type-ai_outputParser-color-h), var(--node-type-ai_outputParser-color-s), var(--node-type-ai_outputParser-color-l) ); --node-type-ai_outputParser-background: hsl( var(--node-type-ai_outputParser-color-h), var(--node-type-ai_outputParser-color-s), var(--node-type-background-l) ); --node-type-ai_tool-color-h: var(--node-type-supplemental-color-h); --node-type-ai_tool-color-s: var(--node-type-supplemental-color-s); --node-type-ai_tool-color-l: var(--node-type-supplemental-color-l); --node-type-ai_tool-color: hsl( var(--node-type-ai_tool-color-h), var(--node-type-ai_tool-color-s), var(--node-type-ai_tool-color-l) ); --node-type-ai_tool-background: hsl( var(--node-type-ai_tool-color-h), var(--node-type-ai_tool-color-s), var(--node-type-background-l) ); --node-type-ai_retriever-color-h: var(--node-type-supplemental-color-h); --node-type-ai_retriever-color-s: var(--node-type-supplemental-color-s); --node-type-ai_retriever-color-l: var(--node-type-supplemental-color-l); --node-type-ai_retriever-color: hsl( var(--node-type-ai_retriever-color-h), var(--node-type-ai_retriever-color-s), var(--node-type-ai_retriever-color-l) ); --node-type-ai_retriever-background: hsl( var(--node-type-ai_retriever-color-h), var(--node-type-ai_retriever-color-s), var(--node-type-background-l) ); --node-type-ai_textSplitter-color-h: var(--node-type-supplemental-color-h); --node-type-ai_textSplitter-color-s: var(--node-type-supplemental-color-s); --node-type-ai_textSplitter-color-l: var(--node-type-supplemental-color-l); --node-type-ai_textSplitter-color: hsl( var(--node-type-ai_textSplitter-color-h), var(--node-type-ai_textSplitter-color-s), var(--node-type-ai_textSplitter-color-l) ); --node-type-ai_textSplitter-background: hsl( var(--node-type-ai_textSplitter-color-h), var(--node-type-ai_textSplitter-color-s), var(--node-type-background-l) ); --node-type-ai_vectorRetriever-color-h: var(--node-type-supplemental-color-h); --node-type-ai_vectorRetriever-color-s: var(--node-type-supplemental-color-s); --node-type-ai_vectorRetriever-color-l: var(--node-type-supplemental-color-l); --node-type-ai_vectorRetriever-color: hsl( var(--node-type-ai_vectorRetriever-color-h), var(--node-type-ai_vectorRetriever-color-s), var(--node-type-ai_vectorRetriever-color-l) ); --node-type-ai_vectorRetriever-background: hsl( var(--node-type-ai_vectorRetriever-color-h), var(--node-type-ai_vectorRetriever-color-s), var(--node-type-background-l) ); --node-type-ai_vectorStore-color-h: var(--node-type-supplemental-color-h); --node-type-ai_vectorStore-color-s: var(--node-type-supplemental-color-s); --node-type-ai_vectorStore-color-l: var(--node-type-supplemental-color-l); --node-type-ai_vectorStore-color: hsl( var(--node-type-ai_vectorStore-color-h), var(--node-type-ai_vectorStore-color-s), var(--node-type-ai_vectorStore-color-l) ); --node-type-ai_vectorStore-background: hsl( var(--node-type-ai_vectorStore-color-h), var(--node-type-ai_vectorStore-color-s), var(--node-type-background-l) ); --color-info-tint-1: var(--p-gray-420); --color-info-tint-2: var(--p-gray-740); --border-color-base: var(--color-foreground-base); --border-color-light: var(--color-foreground-light); --border-base: var(--border-width-base) var(--border-style-base) var(--color-foreground-base); --node-type-supplemental-label-color-l: 100%; --node-type-supplemental-label-color: hsl( var(--node-type-supplemental-label-color-h), var(--node-type-supplemental-label-color-s), var(--node-type-supplemental-label-color-l) ); --color-configurable-node-name: var(--color-text-dark); --color-secondary-link: var(--p-color-secondary-270); --color-secondary-link-hover: var(--p-color-secondary-370); --color-icon-base: var(--color-text-light); --color-icon-hover: var(--p-color-primary-320); --color-menu-background: var(--p-gray-740); --color-menu-hover-background: var(--p-gray-670); --color-menu-active-background: var(--p-gray-670); /* Ag Grid */ --grid-row-selected-background: var(--p-color-secondary-720); } @media (prefers-color-scheme: dark) { body:not([data-theme]) { --color-danger: var(--p-color-alt-h-310); --diff-new: #38cb7a; --diff-new-light: #43674f; --diff-new-faint: #3a463e; --diff-modified: #d6a625; --diff-modified-light: #6a5c38; --diff-modified-faint: #464236; --diff-del: #fb887a; --diff-del-light: #7a524e; --diff-del-faint: #4d3e3d; --color-text-dark: var(--p-gray-040); --color-text-base: var(--p-gray-200); --color-text-light: var(--p-gray-320); --color-text-lighter: var(--p-gray-740); --color-text-xlight: var(--p-gray-820); --color-text-danger: var(--p-color-alt-c-330); --color-foreground-xdark: var(--p-gray-200); --color-foreground-dark: var(--p-gray-420); --color-foreground-base: var(--p-gray-670); --color-foreground-light: var(--p-gray-740); --color-foreground-xlight: var(--p-gray-820); --color-background-dark: var(--p-gray-070); --color-background-medium: var(--p-gray-540); --color-background-base: var(--p-gray-670); --color-background-light-base: var(--p-gray-780); --color-background-light: var(--p-gray-820); --color-background-xlight: var(--p-gray-740); --box-shadow-base: 0 2px 4px rgba(0, 0, 0, 0.2), 0 0 6px rgba(0, 0, 0, 0.1); --box-shadow-dark: 0 2px 4px rgba(0, 0, 0, 0.2), 0 0 6px rgba(0, 0, 0, 0.2); --box-shadow-light: 0 2px 12px 0 rgba(0, 0, 0, 0.2); --color-assistant-highlight-1: #8c90f2; --color-assistant-highlight-2: #a977f0; --color-assistant-highlight-3: #f0778b; --color-askAssistant-button-background: #2e2e2e; --color-askAssistant-button-background-hover: #383839; --color-askAssistant-button-background-active: #414244; --color-assistant-inner-highlight-hover: var(--color-askAssistant-button-background-hover); --color-assistant-inner-highlight-active: var(--color-askAssistant-button-background-active); --color-assistant-highlight-gradient: linear-gradient( 105deg, var(--color-assistant-highlight-1) 0%, var(--color-assistant-highlight-2) 50%, var(--color-assistant-highlight-3) 100% ); --color-assistant-highlight-reverse: linear-gradient( 105deg, var(--color-assistant-highlight-3) 0%, var(--color-assistant-highlight-2) 50%, var(--color-assistant-highlight-1) 100% ); --color-lm-chat-messages-background: var(--p-gray-820); --color-lm-chat-bot-background: var(--p-gray-740); --color-lm-chat-bot-border: var(--p-gray-490); --color-lm-chat-user-background: var(--p-color-alt-a-700); --color-lm-chat-user-border: var(--p-color-alt-a-600); --color-canvas-background: var(--p-gray-820); --color-canvas-background-h: var(--h-gray); --color-canvas-background-s: 1%; --color-canvas-background-l: 18%; --color-canvas-dot: var(--p-gray-670); --color-canvas-read-only-line: var(--p-gray-800); --color-canvas-selected: var(--p-white-a-025); --color-canvas-selected-transparent: var(--color-canvas-selected); --color-canvas-label-background: hsla( var(--color-canvas-background-h), var(--color-canvas-background-s), var(--color-canvas-background-l), 0.85 ); --color-node-background: var(--p-gray-740); --color-node-executing-background: var(--p-gray-670); --color-node-executing-other-background: var(--p-gray-670); --color-node-pinned-border: var(--p-color-secondary-370); --node-type-main-color: var(--p-gray-420); --color-sticky-background: var(--p-color-alt-d-780); --color-sticky-border: var(--p-color-alt-d-680); --color-sticky-font: var(--p-gray-040); --color-sticky-code-font: var(--p-color-secondary-170); --color-sticky-code-background: var(--p-gray-70-a-010); --color-sticky-background-1: var(--p-color-alt-d-780); --color-sticky-border-1: var(--p-color-alt-d-680); --color-sticky-background-2: var(--p-color-alt-b-780); --color-sticky-border-2: var(--p-color-alt-b-680); --color-sticky-background-3: var(--p-color-alt-c-730); --color-sticky-border-3: var(--p-color-alt-c-630); --color-sticky-background-4: var(--p-color-alt-a-800); --color-sticky-border-4: var(--p-color-alt-a-700); --color-sticky-background-5: var(--p-color-alt-e-780); --color-sticky-border-5: var(--p-color-alt-e-680); --color-sticky-background-6: var(--p-color-secondary-720); --color-sticky-border-6: var(--p-color-secondary-570); --color-sticky-background-7: var(--p-gray-740); --color-sticky-border-7: var(--p-gray-670); --color-node-icon-gray: var(--p-gray-120); --color-node-icon-black: var(--p-gray-010); --color-node-icon-blue: #898fff; --color-node-icon-light-blue: #58abff; --color-node-icon-dark-blue: #7ba7ff; --color-node-icon-orange-red: var(--p-color-primary-320); --color-node-icon-pink-red: #f85d82; --color-node-icon-red: var(--p-color-alt-h-310); --color-node-icon-light-green: #20b69e; --color-node-icon-green: #38cb7a; --color-node-icon-dark-green: #86decc; --color-node-icon-purple: #9b6dd5; --color-node-icon-crimson: #f188a2; --color-valid-resolvable-foreground: var(--p-color-alt-a-300); --color-valid-resolvable-background: var(--p-color-alt-a-600-a-025); --color-invalid-resolvable-foreground: var(--p-color-alt-c-230); --color-invalid-resolvable-background: var(--p-color-alt-c-480-a-020); --color-pending-resolvable-foreground: var(--color-text-base); --color-pending-resolvable-background: var(--p-gray-70-a-010); --color-expression-editor-background: var(--p-gray-800); --color-expression-editor-modal-background: var(--p-gray-800); --color-expression-syntax-example: var(--p-gray-670); --color-autocomplete-item-selected: var(--p-color-secondary-270); --color-autocomplete-section-header-border: var(--p-gray-540); --color-infobox-background: var(--p-gray-780); --color-infobox-examples-border-color: var(--p-gray-670); --color-code-tags-string: #9ecbff; --color-code-tags-regex: #9ecbff; --color-code-tags-primitive: #79b8ff; --color-code-tags-keyword: #f97583; --color-code-tags-variable: #79b8ff; --color-code-tags-parameter: #e1e4e8; --color-code-tags-function: #b392f0; --color-code-tags-constant: #79b8ff; --color-code-tags-property: #79b8ff; --color-code-tags-type: #b392f0; --color-code-tags-class: #b392f0; --color-code-tags-heading: #79b8ff; --color-code-tags-invalid: #f97583; --color-code-tags-comment: #6a737d; --color-json-default: var(--p-color-secondary-270); --color-json-null: var(--color-danger); --color-json-boolean: var(--p-color-alt-a-600); --color-json-number: var(--p-color-alt-a-600); --color-json-string: var(--p-color-secondary-270); --color-json-key: var(--color-text-dark); --color-json-brackets: var(--p-gray-670); --color-json-brackets-hover: var(--p-color-alt-e-430); --color-json-line: var(--p-gray-200); --color-json-highlight: var(--color-background-base); --color-code-background: var(--p-gray-820); --color-code-background-readonly: var(--p-gray-740); --color-code-lineHighlight: var(--p-gray-320-a-010); --color-code-foreground: var(--p-gray-070); --color-code-caret: var(--p-gray-010); --color-code-selection: #3392ff44; --color-code-selection-highlight: #17e5e633; --color-code-gutter-background: var(--p-gray-820); --color-code-gutter-foreground: var(--p-gray-320); --color-code-gutter-foreground-active: var(--p-gray-010); --color-code-indentation-marker: var(--p-gray-740); --color-code-indentation-marker-active: var(--p-gray-670); --color-line-break: var(--p-gray-420); --color-code-line-break: var(--p-color-secondary-370); --tag-background-color: var(--p-gray-670); --tag-background-hover-color: var(--p-gray-540); --tag-border-color: var(--p-gray-710); --tag-border-hover-color: var(--p-gray-670); --tag-text-color: var(--color-text-dark); --color-variables-usage-font: var(--p-color-alt-a-300); --color-variables-usage-syntax-bg: var(--p-color-alt-a-600-a-025); --color-button-primary-focus-outline: var(--p-color-primary-320-a-035); --color-button-primary-disabled-font: var(--p-white-a-030); --color-button-primary-disabled-border: transparent; --color-button-primary-disabled-background: var(--p-color-primary-320-a-050); --color-button-secondary-font: var(--p-gray-070); --color-button-secondary-border: var(--color-foreground-base); --color-button-secondary-background: var(--color-background-light); --color-button-secondary-hover-active-focus-font: var(--p-color-primary-220); --color-button-secondary-hover-background: var(--color-background-light); --color-button-secondary-active-focus-background: var(--p-color-primary-320-a-010); --color-button-secondary-focus-outline: var(--p-color-primary-320-a-035); --color-button-secondary-disabled-font: var(--p-white-a-030); --color-button-secondary-disabled-border: var(--color-foreground-base); --color-button-highlight-font: var(--prim-gray-320); --color-button-highlight-border: transparent; --color-button-highlight-background: transparent; --color-button-highlight-hover-active-focus-font: var(--prim-color-primary-tint-100); --color-button-highlight-hover-active-focus-border: var(--prim-gray-670); --color-button-highlight-hover-background: var(--prim-gray-670); --color-button-highlight-active-focus-background: var(--prim-gray-670); --color-button-highlight-focus-outline: var(--prim-gray-670); --color-button-highlight-disabled-font: var(--prim-gray-0-a-010); --color-button-highlight-disabled-border: transparent; --color-button-danger-font: var(--p-white); --color-button-danger-border: transparent; --color-button-danger-focus-outline: var(--p-color-alt-c-230); --color-button-danger-disabled-font: var(--p-white-a-025); --color-button-danger-disabled-border: transparent; --color-button-danger-disabled-background: var(--p-color-alt-c-480-a-020); --color-text-button-secondary-font: var(--p-gray-320); --color-button-node-creator-border-font: var(--color-button-secondary-font); --color-button-node-creator-hover-font: var(--color-button-secondary-hover-active-focus-font); --color-button-node-creator-hover-border: var(--p-color-primary-320); --color-button-node-creator-background: var(--p-color-primary-320-a-010); --color-table-header-background: var(--p-gray-740); --color-table-row-background: var(--p-gray-820); --color-table-row-even-background: var(--p-gray-800); --color-table-row-hover-background: var(--p-gray-740); --color-table-row-highlight-background: var(--color-warning-tint-1); --color-notification-background: var(--p-gray-740); --execution-card-background: var(--color-foreground-light); --execution-card-background-hover: var(--color-foreground-base); --execution-selector-background: var(--color-background-dark); --execution-selector-text: var(--color-text-xlight); --execution-select-all-text: var(--color-text-base); --execution-card-text-waiting: var(--p-color-secondary-370); --color-run-data-background: var(--p-gray-800); --color-ndvv2-run-data-background: var(--p-gray-800); --color-ndv-droppable-parameter: var(--p-color-primary-320); --color-ndv-droppable-parameter-background: var(--p-color-primary-320-a-010); --color-ndv-droppable-parameter-active-background: var(--p-color-alt-a-600-a-015); --color-ndv-back-font: var(--p-white); --color-notice-warning-border: var(--p-color-alt-b-180); --color-notice-warning-background: var(--p-color-alt-b-430-a-020); --color-notice-font: var(--p-white); --color-callout-info-border: var(--p-gray-670); --color-callout-info-background: var(--p-gray-740); --color-callout-info-font: var(--p-white); --color-callout-success-border: var(--color-success); --color-callout-success-background: var(--p-color-alt-a-800); --color-callout-success-font: var(--p-white); --color-callout-warning-border: var(--color-warning); --color-callout-warning-background: var(--p-color-alt-b-780); --color-callout-warning-font: var(--p-white); --color-callout-danger-border: var(--color-danger); --color-callout-danger-background: var(--p-color-alt-c-730); --color-callout-danger-font: var(--p-white); --color-callout-danger-icon: var(--color-danger); --color-callout-secondary-border: var(--color-secondary); --color-callout-secondary-background: var(--p-color-secondary-470-a-025); --color-callout-secondary-font: var(--p-white); --color-dialog-background: var(--p-gray-800); --color-dialog-overlay-background: var(--p-color-alt-g-700-a-075); --color-dialog-overlay-background-dark: var(--p-color-alt-g-700-a-075); --color-avatar-font: var(--p-white); --color-nps-survey-background: var(--p-gray-740); --color-nps-survey-font: var(--p-white); --color-switch-background: var(--p-gray-820); --color-switch-border-color: var(--p-gray-670); --color-switch-toggle: var(--p-gray-040); --color-action-dropdown-item-active-background: var(--color-background-xlight); --color-background-input-triple: var(--p-gray-800); --color-node-error-output-text-color: var(--color-danger); --color-mfa-recovery-code-background: var(--color-background-xlight); --color-mfa-recovery-code-color: var(--color-text-dark); --color-mfa-lose-access-text-color: var(--color-danger); --color-text-highlight-background: var(--p-color-alt-d-680); --node-type-background-l: 20%; --node-type-supplemental-label-color-h: 235; --node-type-supplemental-label-color-s: 28%; --node-type-supplemental-label-color-l: 40%; --node-type-supplemental-color-h: 235; --node-type-supplemental-color-s: 13%; --node-type-supplemental-color-l: 60%; --node-type-supplemental-label-color: hsl( var(--node-type-supplemental-label-color-h), var(--node-type-supplemental-label-color-s), var(--node-type-supplemental-label-color-l) ); --node-type-supplemental-icon: var(--color-foreground-dark); --node-type-supplemental-color: hsl( var(--node-type-supplemental-color-h), var(--node-type-supplemental-color-s), var(--node-type-supplemental-color-l) ); --node-type-supplemental-background: hsl( var(--node-type-supplemental-color-h), var(--node-type-supplemental-color-s), var(--node-type-background-l) ); --node-type-supplemental-connector-color: var(--color-foreground-dark); --node-type-ai_chain-color-h: var(--node-type-supplemental-color-h); --node-type-ai_chain-color-s: var(--node-type-supplemental-color-s); --node-type-ai_chain-color-l: var(--node-type-supplemental-color-l); --node-type-ai_chain-color: hsl( var(--node-type-ai_chain-color-h), var(--node-type-ai_chain-color-s), var(--node-type-ai_chain-color-l) ); --node-type-chain-background: hsl( var(--node-type-ai_chain-color-h), var(--node-type-ai_chain-color-s), var(--node-type-background-l) ); --node-type-ai_document-color-h: var(--node-type-supplemental-color-h); --node-type-ai_document-color-s: var(--node-type-supplemental-color-s); --node-type-ai_document-color-l: var(--node-type-supplemental-color-l); --node-type-ai_document-color: hsl( var(--node-type-ai_document-color-h), var(--node-type-ai_document-color-s), var(--node-type-ai_document-color-l) ); --node-type-ai_document-background: hsl( var(--node-type-ai_document-color-h), var(--node-type-ai_document-color-s), var(--node-type-background-l) ); --node-type-ai_embedding-color-h: var(--node-type-supplemental-color-h); --node-type-ai_embedding-color-s: var(--node-type-supplemental-color-s); --node-type-ai_embedding-color-l: var(--node-type-supplemental-color-l); --node-type-ai_embedding-color: hsl( var(--node-type-ai_embedding-color-h), var(--node-type-ai_embedding-color-s), var(--node-type-ai_embedding-color-l) ); --node-type-ai_embedding-background: hsl( var(--node-type-ai_embedding-color-h), var(--node-type-ai_embedding-color-s), var(--node-type-background-l) ); --node-type-ai_languageModel-color-h: var(--node-type-supplemental-color-h); --node-type-ai_languageModel-color-s: var(--node-type-supplemental-color-s); --node-type-ai_languageModel-color-l: var(--node-type-supplemental-color-l); --node-type-ai_languageModel-color: hsl( var(--node-type-ai_languageModel-color-h), var(--node-type-ai_languageModel-color-s), var(--node-type-ai_languageModel-color-l) ); --node-type-ai_languageModel-background: hsl( var(--node-type-ai_languageModel-color-h), var(--node-type-ai_languageModel-color-s), var(--node-type-background-l) ); --node-type-ai_memory-color-h: var(--node-type-supplemental-color-h); --node-type-ai_memory-color-s: var(--node-type-supplemental-color-s); --node-type-ai_memory-color-l: var(--node-type-supplemental-color-l); --node-type-ai_memory-color: hsl( var(--node-type-ai_memory-color-h), var(--node-type-ai_memory-color-s), var(--node-type-ai_memory-color-l) ); --node-type-ai_memory-background: hsl( var(--node-type-ai_memory-color-h), var(--node-type-ai_memory-color-s), var(--node-type-background-l) ); --node-type-ai_outputParser-color-h: var(--node-type-supplemental-color-h); --node-type-ai_outputParser-color-s: var(--node-type-supplemental-color-s); --node-type-ai_outputParser-color-l: var(--node-type-supplemental-color-l); --node-type-ai_outputParser-color: hsl( var(--node-type-ai_outputParser-color-h), var(--node-type-ai_outputParser-color-s), var(--node-type-ai_outputParser-color-l) ); --node-type-ai_outputParser-background: hsl( var(--node-type-ai_outputParser-color-h), var(--node-type-ai_outputParser-color-s), var(--node-type-background-l) ); --node-type-ai_tool-color-h: var(--node-type-supplemental-color-h); --node-type-ai_tool-color-s: var(--node-type-supplemental-color-s); --node-type-ai_tool-color-l: var(--node-type-supplemental-color-l); --node-type-ai_tool-color: hsl( var(--node-type-ai_tool-color-h), var(--node-type-ai_tool-color-s), var(--node-type-ai_tool-color-l) ); --node-type-ai_tool-background: hsl( var(--node-type-ai_tool-color-h), var(--node-type-ai_tool-color-s), var(--node-type-background-l) ); --node-type-ai_retriever-color-h: var(--node-type-supplemental-color-h); --node-type-ai_retriever-color-s: var(--node-type-supplemental-color-s); --node-type-ai_retriever-color-l: var(--node-type-supplemental-color-l); --node-type-ai_retriever-color: hsl( var(--node-type-ai_retriever-color-h), var(--node-type-ai_retriever-color-s), var(--node-type-ai_retriever-color-l) ); --node-type-ai_retriever-background: hsl( var(--node-type-ai_retriever-color-h), var(--node-type-ai_retriever-color-s), var(--node-type-background-l) ); --node-type-ai_textSplitter-color-h: var(--node-type-supplemental-color-h); --node-type-ai_textSplitter-color-s: var(--node-type-supplemental-color-s); --node-type-ai_textSplitter-color-l: var(--node-type-supplemental-color-l); --node-type-ai_textSplitter-color: hsl( var(--node-type-ai_textSplitter-color-h), var(--node-type-ai_textSplitter-color-s), var(--node-type-ai_textSplitter-color-l) ); --node-type-ai_textSplitter-background: hsl( var(--node-type-ai_textSplitter-color-h), var(--node-type-ai_textSplitter-color-s), var(--node-type-background-l) ); --node-type-ai_vectorRetriever-color-h: var(--node-type-supplemental-color-h); --node-type-ai_vectorRetriever-color-s: var(--node-type-supplemental-color-s); --node-type-ai_vectorRetriever-color-l: var(--node-type-supplemental-color-l); --node-type-ai_vectorRetriever-color: hsl( var(--node-type-ai_vectorRetriever-color-h), var(--node-type-ai_vectorRetriever-color-s), var(--node-type-ai_vectorRetriever-color-l) ); --node-type-ai_vectorRetriever-background: hsl( var(--node-type-ai_vectorRetriever-color-h), var(--node-type-ai_vectorRetriever-color-s), var(--node-type-background-l) ); --node-type-ai_vectorStore-color-h: var(--node-type-supplemental-color-h); --node-type-ai_vectorStore-color-s: var(--node-type-supplemental-color-s); --node-type-ai_vectorStore-color-l: var(--node-type-supplemental-color-l); --node-type-ai_vectorStore-color: hsl( var(--node-type-ai_vectorStore-color-h), var(--node-type-ai_vectorStore-color-s), var(--node-type-ai_vectorStore-color-l) ); --node-type-ai_vectorStore-background: hsl( var(--node-type-ai_vectorStore-color-h), var(--node-type-ai_vectorStore-color-s), var(--node-type-background-l) ); --color-info-tint-1: var(--p-gray-420); --color-info-tint-2: var(--p-gray-740); --border-color-base: var(--color-foreground-base); --border-color-light: var(--color-foreground-light); --border-base: var(--border-width-base) var(--border-style-base) var(--color-foreground-base); --node-type-supplemental-label-color-l: 100%; --node-type-supplemental-label-color: hsl( var(--node-type-supplemental-label-color-h), var(--node-type-supplemental-label-color-s), var(--node-type-supplemental-label-color-l) ); --color-configurable-node-name: var(--color-text-dark); --color-secondary-link: var(--p-color-secondary-270); --color-secondary-link-hover: var(--p-color-secondary-370); --color-icon-base: var(--color-text-light); --color-icon-hover: var(--p-color-primary-320); --color-menu-background: var(--p-gray-740); --color-menu-hover-background: var(--p-gray-670); --color-menu-active-background: var(--p-gray-670); /* Ag Grid */ --grid-row-selected-background: var(--p-color-secondary-720); } } *, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; } html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; background: transparent; } html { height: 100%; width: 100%; } body { height: 100%; width: 100%; -ms-scroll-chaining: none; overscroll-behavior: none; line-height: 1; font-size: var(--font-size-m); font-weight: var(--font-weight-regular); color: var(--color-text-dark); background-color: var(--color-background-light); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body, button, input { font-family: var(--font-family); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } input { font-weight: var(--font-weight-regular); } button { font-weight: var(--font-weight-bold); } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } nav ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } a { margin: 0; padding: 0; text-decoration: none; font-size: 100%; vertical-align: baseline; background: transparent; cursor: pointer; color: var(--color-primary); } a:active { color: hsl(var(--color-primary-h), calc(var(--color-primary-s) + -30%), var(--color-primary-l)); } h1, h2, h3, h4, h5, h6 { color: var(--color-text-dark); font-weight: inherit; } h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { margin-top: 0; } h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child { margin-bottom: 0; } h4, h5, h6, p { font-size: inherit; } p { line-height: 1.8; } p:first-child { margin-top: 0; } p:last-child { margin-bottom: 0; } ins { background-color: var(--color-success); color: var(--color-text-dark); text-decoration: none; } mark { background-color: var(--color-text-highlight-background); color: var(--color-text-dark); font-style: italic; font-weight: var(--font-weight-bold); } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; } hr { display: block; height: 1px; border: 0; border-top: 1px solid var(--color-foreground-light); margin: 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0; } input, select { vertical-align: middle; } .fade-in-linear-enter-active, .fade-in-linear-leave-active { -webkit-transition: opacity 200ms linear; transition: opacity 200ms linear; } .fade-in-linear-enter-from, .fade-in-linear-leave-from, .fade-in-linear-leave-active { opacity: 0; } .el-fade-in-linear-enter-active, .el-fade-in-linear-leave-active { -webkit-transition: opacity 200ms linear; transition: opacity 200ms linear; } .el-fade-in-linear-enter-from, .el-fade-in-linear-leave-from, .el-fade-in-linear-leave-active { opacity: 0; } .el-fade-in-enter-active, .el-fade-in-leave-active { -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); } .el-fade-in-enter-from, .el-fade-in-leave-active { opacity: 0; } .el-zoom-in-center-enter-active, .el-zoom-in-center-leave-active { -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); } .el-zoom-in-center-enter-from, .el-zoom-in-center-leave-active { opacity: 0; -webkit-transform: scaleX(0); transform: scaleX(0); } .el-zoom-in-top-enter-active, .el-zoom-in-top-leave-active { opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1); transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); -webkit-transform-origin: center top; transform-origin: center top; } .el-zoom-in-top-enter-active[data-popper-placement^=top], .el-zoom-in-top-leave-active[data-popper-placement^=top] { -webkit-transform-origin: center bottom; transform-origin: center bottom; } .el-zoom-in-top-enter-from, .el-zoom-in-top-leave-active { opacity: 0; -webkit-transform: scaleY(0); transform: scaleY(0); } .el-zoom-in-bottom-enter-active, .el-zoom-in-bottom-leave-active { opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1); transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); -webkit-transform-origin: center bottom; transform-origin: center bottom; } .el-zoom-in-bottom-enter-from, .el-zoom-in-bottom-leave-active { opacity: 0; -webkit-transform: scaleY(0); transform: scaleY(0); } .el-zoom-in-left-enter-active, .el-zoom-in-left-leave-active { opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1); transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); -webkit-transform-origin: top left; transform-origin: top left; } .el-zoom-in-left-enter-from, .el-zoom-in-left-leave-active { opacity: 0; -webkit-transform: scale(0.45, 0.45); transform: scale(0.45, 0.45); } .collapse-transition { -webkit-transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out; transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out; } .horizontal-collapse-transition { -webkit-transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out; transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out; } .el-list-enter-active, .el-list-leave-active { -webkit-transition: all 1s; transition: all 1s; } .el-list-enter-from, .el-list-leave-active { opacity: 0; -webkit-transform: translateY(-30px); transform: translateY(-30px); } .el-opacity-transition { -webkit-transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1); transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1); } @font-face { font-family: "element-icons"; src: url("/n8n/assets/element-icons-B-tDfklg.woff") format("woff"), url("/n8n/assets/element-icons-_lZGOqcG.ttf") format("truetype"); /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ font-weight: var(--font-weight-regular); font-display: "auto"; font-style: normal; } [class^=el-icon-], [class*=" el-icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: "element-icons" !important; speak: none; font-style: normal; font-weight: var(--font-weight-regular); font-variant: normal; text-transform: none; line-height: 1; vertical-align: baseline; display: inline-block; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .el-icon { --color: inherit; height: 1em; width: 1em; line-height: 1em; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; fill: currentColor; color: var(--color); font-size: inherit; } .el-icon svg { height: 1em; width: 1em; } .el-icon-ice-cream-round:before { content: "\e6a0"; } .el-icon-ice-cream-square:before { content: "\e6a3"; } .el-icon-lollipop:before { content: "\e6a4"; } .el-icon-potato-strips:before { content: "\e6a5"; } .el-icon-milk-tea:before { content: "\e6a6"; } .el-icon-ice-drink:before { content: "\e6a7"; } .el-icon-ice-tea:before { content: "\e6a9"; } .el-icon-coffee:before { content: "\e6aa"; } .el-icon-orange:before { content: "\e6ab"; } .el-icon-pear:before { content: "\e6ac"; } .el-icon-apple:before { content: "\e6ad"; } .el-icon-cherry:before { content: "\e6ae"; } .el-icon-watermelon:before { content: "\e6af"; } .el-icon-grape:before { content: "\e6b0"; } .el-icon-refrigerator:before { content: "\e6b1"; } .el-icon-goblet-square-full:before { content: "\e6b2"; } .el-icon-goblet-square:before { content: "\e6b3"; } .el-icon-goblet-full:before { content: "\e6b4"; } .el-icon-goblet:before { content: "\e6b5"; } .el-icon-cold-drink:before { content: "\e6b6"; } .el-icon-coffee-cup:before { content: "\e6b8"; } .el-icon-water-cup:before { content: "\e6b9"; } .el-icon-hot-water:before { content: "\e6ba"; } .el-icon-ice-cream:before { content: "\e6bb"; } .el-icon-dessert:before { content: "\e6bc"; } .el-icon-sugar:before { content: "\e6bd"; } .el-icon-tableware:before { content: "\e6be"; } .el-icon-burger:before { content: "\e6bf"; } .el-icon-knife-fork:before { content: "\e6c1"; } .el-icon-fork-spoon:before { content: "\e6c2"; } .el-icon-chicken:before { content: "\e6c3"; } .el-icon-food:before { content: "\e6c4"; } .el-icon-dish-1:before { content: "\e6c5"; } .el-icon-dish:before { content: "\e6c6"; } .el-icon-moon-night:before { content: "\e6ee"; } .el-icon-moon:before { content: "\e6f0"; } .el-icon-cloudy-and-sunny:before { content: "\e6f1"; } .el-icon-partly-cloudy:before { content: "\e6f2"; } .el-icon-cloudy:before { content: "\e6f3"; } .el-icon-sunny:before { content: "\e6f6"; } .el-icon-sunset:before { content: "\e6f7"; } .el-icon-sunrise-1:before { content: "\e6f8"; } .el-icon-sunrise:before { content: "\e6f9"; } .el-icon-heavy-rain:before { content: "\e6fa"; } .el-icon-lightning:before { content: "\e6fb"; } .el-icon-light-rain:before { content: "\e6fc"; } .el-icon-wind-power:before { content: "\e6fd"; } .el-icon-baseball:before { content: "\e712"; } .el-icon-soccer:before { content: "\e713"; } .el-icon-football:before { content: "\e715"; } .el-icon-basketball:before { content: "\e716"; } .el-icon-ship:before { content: "\e73f"; } .el-icon-truck:before { content: "\e740"; } .el-icon-bicycle:before { content: "\e741"; } .el-icon-mobile-phone:before { content: "\e6d3"; } .el-icon-service:before { content: "\e6d4"; } .el-icon-key:before { content: "\e6e2"; } .el-icon-unlock:before { content: "\e6e4"; } .el-icon-lock:before { content: "\e6e5"; } .el-icon-watch:before { content: "\e6fe"; } .el-icon-watch-1:before { content: "\e6ff"; } .el-icon-timer:before { content: "\e702"; } .el-icon-alarm-clock:before { content: "\e703"; } .el-icon-map-location:before { content: "\e704"; } .el-icon-delete-location:before { content: "\e705"; } .el-icon-add-location:before { content: "\e706"; } .el-icon-location-information:before { content: "\e707"; } .el-icon-location-outline:before { content: "\e708"; } .el-icon-location:before { content: "\e79e"; } .el-icon-place:before { content: "\e709"; } .el-icon-discover:before { content: "\e70a"; } .el-icon-first-aid-kit:before { content: "\e70b"; } .el-icon-trophy-1:before { content: "\e70c"; } .el-icon-trophy:before { content: "\e70d"; } .el-icon-medal:before { content: "\e70e"; } .el-icon-medal-1:before { content: "\e70f"; } .el-icon-stopwatch:before { content: "\e710"; } .el-icon-mic:before { content: "\e711"; } .el-icon-copy-document:before { content: "\e718"; } .el-icon-full-screen:before { content: "\e719"; } .el-icon-switch-button:before { content: "\e71b"; } .el-icon-aim:before { content: "\e71c"; } .el-icon-crop:before { content: "\e71d"; } .el-icon-odometer:before { content: "\e71e"; } .el-icon-time:before { content: "\e71f"; } .el-icon-bangzhu:before { content: "\e724"; } .el-icon-close-notification:before { content: "\e726"; } .el-icon-microphone:before { content: "\e727"; } .el-icon-turn-off-microphone:before { content: "\e728"; } .el-icon-position:before { content: "\e729"; } .el-icon-postcard:before { content: "\e72a"; } .el-icon-message:before { content: "\e72b"; } .el-icon-chat-line-square:before { content: "\e72d"; } .el-icon-chat-dot-square:before { content: "\e72e"; } .el-icon-chat-dot-round:before { content: "\e72f"; } .el-icon-chat-square:before { content: "\e730"; } .el-icon-chat-line-round:before { content: "\e731"; } .el-icon-chat-round:before { content: "\e732"; } .el-icon-set-up:before { content: "\e733"; } .el-icon-turn-off:before { content: "\e734"; } .el-icon-open:before { content: "\e735"; } .el-icon-connection:before { content: "\e736"; } .el-icon-link:before { content: "\e737"; } .el-icon-cpu:before { content: "\e738"; } .el-icon-thumb:before { content: "\e739"; } .el-icon-female:before { content: "\e73a"; } .el-icon-male:before { content: "\e73b"; } .el-icon-guide:before { content: "\e73c"; } .el-icon-news:before { content: "\e73e"; } .el-icon-price-tag:before { content: "\e744"; } .el-icon-discount:before { content: "\e745"; } .el-icon-wallet:before { content: "\e747"; } .el-icon-coin:before { content: "\e748"; } .el-icon-money:before { content: "\e749"; } .el-icon-bank-card:before { content: "\e74a"; } .el-icon-box:before { content: "\e74b"; } .el-icon-present:before { content: "\e74c"; } .el-icon-sell:before { content: "\e6d5"; } .el-icon-sold-out:before { content: "\e6d6"; } .el-icon-shopping-bag-2:before { content: "\e74d"; } .el-icon-shopping-bag-1:before { content: "\e74e"; } .el-icon-shopping-cart-2:before { content: "\e74f"; } .el-icon-shopping-cart-1:before { content: "\e750"; } .el-icon-shopping-cart-full:before { content: "\e751"; } .el-icon-smoking:before { content: "\e752"; } .el-icon-no-smoking:before { content: "\e753"; } .el-icon-house:before { content: "\e754"; } .el-icon-table-lamp:before { content: "\e755"; } .el-icon-school:before { content: "\e756"; } .el-icon-office-building:before { content: "\e757"; } .el-icon-toilet-paper:before { content: "\e758"; } .el-icon-notebook-2:before { content: "\e759"; } .el-icon-notebook-1:before { content: "\e75a"; } .el-icon-files:before { content: "\e75b"; } .el-icon-collection:before { content: "\e75c"; } .el-icon-receiving:before { content: "\e75d"; } .el-icon-suitcase-1:before { content: "\e760"; } .el-icon-suitcase:before { content: "\e761"; } .el-icon-film:before { content: "\e763"; } .el-icon-collection-tag:before { content: "\e765"; } .el-icon-data-analysis:before { content: "\e766"; } .el-icon-pie-chart:before { content: "\e767"; } .el-icon-data-board:before { content: "\e768"; } .el-icon-data-line:before { content: "\e76d"; } .el-icon-reading:before { content: "\e769"; } .el-icon-magic-stick:before { content: "\e76a"; } .el-icon-coordinate:before { content: "\e76b"; } .el-icon-mouse:before { content: "\e76c"; } .el-icon-brush:before { content: "\e76e"; } .el-icon-headset:before { content: "\e76f"; } .el-icon-umbrella:before { content: "\e770"; } .el-icon-scissors:before { content: "\e771"; } .el-icon-mobile:before { content: "\e773"; } .el-icon-attract:before { content: "\e774"; } .el-icon-monitor:before { content: "\e775"; } .el-icon-search:before { content: "\e778"; } .el-icon-takeaway-box:before { content: "\e77a"; } .el-icon-paperclip:before { content: "\e77d"; } .el-icon-printer:before { content: "\e77e"; } .el-icon-document-add:before { content: "\e782"; } .el-icon-document:before { content: "\e785"; } .el-icon-document-checked:before { content: "\e786"; } .el-icon-document-copy:before { content: "\e787"; } .el-icon-document-delete:before { content: "\e788"; } .el-icon-document-remove:before { content: "\e789"; } .el-icon-tickets:before { content: "\e78b"; } .el-icon-folder-checked:before { content: "\e77f"; } .el-icon-folder-delete:before { content: "\e780"; } .el-icon-folder-remove:before { content: "\e781"; } .el-icon-folder-add:before { content: "\e783"; } .el-icon-folder-opened:before { content: "\e784"; } .el-icon-folder:before { content: "\e78a"; } .el-icon-edit-outline:before { content: "\e764"; } .el-icon-edit:before { content: "\e78c"; } .el-icon-date:before { content: "\e78e"; } .el-icon-c-scale-to-original:before { content: "\e7c6"; } .el-icon-view:before { content: "\e6ce"; } .el-icon-loading:before { content: "\e6cf"; } .el-icon-rank:before { content: "\e6d1"; } .el-icon-sort-down:before { content: "\e7c4"; } .el-icon-sort-up:before { content: "\e7c5"; } .el-icon-sort:before { content: "\e6d2"; } .el-icon-finished:before { content: "\e6cd"; } .el-icon-refresh-left:before { content: "\e6c7"; } .el-icon-refresh-right:before { content: "\e6c8"; } .el-icon-refresh:before { content: "\e6d0"; } .el-icon-video-play:before { content: "\e7c0"; } .el-icon-video-pause:before { content: "\e7c1"; } .el-icon-d-arrow-right:before { content: "\e6dc"; } .el-icon-d-arrow-left:before { content: "\e6dd"; } .el-icon-arrow-up:before { content: "\e6e1"; } .el-icon-arrow-down:before { content: "\e6df"; } .el-icon-arrow-right:before { content: "\e6e0"; } .el-icon-arrow-left:before { content: "\e6de"; } .el-icon-top-right:before { content: "\e6e7"; } .el-icon-top-left:before { content: "\e6e8"; } .el-icon-top:before { content: "\e6e6"; } .el-icon-bottom:before { content: "\e6eb"; } .el-icon-right:before { content: "\e6e9"; } .el-icon-back:before { content: "\e6ea"; } .el-icon-bottom-right:before { content: "\e6ec"; } .el-icon-bottom-left:before { content: "\e6ed"; } .el-icon-caret-top:before { content: "\e78f"; } .el-icon-caret-bottom:before { content: "\e790"; } .el-icon-caret-right:before { content: "\e791"; } .el-icon-caret-left:before { content: "\e792"; } .el-icon-d-caret:before { content: "\e79a"; } .el-icon-share:before { content: "\e793"; } .el-icon-menu:before { content: "\e798"; } .el-icon-s-grid:before { content: "\e7a6"; } .el-icon-s-check:before { content: "\e7a7"; } .el-icon-s-data:before { content: "\e7a8"; } .el-icon-s-opportunity:before { content: "\e7aa"; } .el-icon-s-custom:before { content: "\e7ab"; } .el-icon-s-claim:before { content: "\e7ad"; } .el-icon-s-finance:before { content: "\e7ae"; } .el-icon-s-comment:before { content: "\e7af"; } .el-icon-s-flag:before { content: "\e7b0"; } .el-icon-s-marketing:before { content: "\e7b1"; } .el-icon-s-shop:before { content: "\e7b4"; } .el-icon-s-open:before { content: "\e7b5"; } .el-icon-s-management:before { content: "\e7b6"; } .el-icon-s-ticket:before { content: "\e7b7"; } .el-icon-s-release:before { content: "\e7b8"; } .el-icon-s-home:before { content: "\e7b9"; } .el-icon-s-promotion:before { content: "\e7ba"; } .el-icon-s-operation:before { content: "\e7bb"; } .el-icon-s-unfold:before { content: "\e7bc"; } .el-icon-s-fold:before { content: "\e7a9"; } .el-icon-s-platform:before { content: "\e7bd"; } .el-icon-s-order:before { content: "\e7be"; } .el-icon-s-cooperation:before { content: "\e7bf"; } .el-icon-bell:before { content: "\e725"; } .el-icon-message-solid:before { content: "\e799"; } .el-icon-video-camera:before { content: "\e772"; } .el-icon-video-camera-solid:before { content: "\e796"; } .el-icon-camera:before { content: "\e779"; } .el-icon-camera-solid:before { content: "\e79b"; } .el-icon-download:before { content: "\e77c"; } .el-icon-upload2:before { content: "\e77b"; } .el-icon-upload:before { content: "\e7c3"; } .el-icon-picture-outline-round:before { content: "\e75f"; } .el-icon-picture-outline:before { content: "\e75e"; } .el-icon-picture:before { content: "\e79f"; } .el-icon-close:before { content: "\e6db"; } .el-icon-check:before { content: "\e6da"; } .el-icon-plus:before { content: "\e6d9"; } .el-icon-minus:before { content: "\e6d8"; } .el-icon-help:before { content: "\e73d"; } .el-icon-s-help:before { content: "\e7b3"; } .el-icon-circle-close:before { content: "\e78d"; } .el-icon-circle-check:before { content: "\e720"; } .el-icon-circle-plus-outline:before { content: "\e723"; } .el-icon-remove-outline:before { content: "\e722"; } .el-icon-zoom-out:before { content: "\e776"; } .el-icon-zoom-in:before { content: "\e777"; } .el-icon-error:before { content: "\e79d"; } .el-icon-success:before { content: "\e79c"; } .el-icon-circle-plus:before { content: "\e7a0"; } .el-icon-remove:before { content: "\e7a2"; } .el-icon-info:before { content: "\e7a1"; } .el-icon-question:before { content: "\e7a4"; } .el-icon-warning-outline:before { content: "\e6c9"; } .el-icon-warning:before { content: "\e7a3"; } .el-icon-goods:before { content: "\e7c2"; } .el-icon-s-goods:before { content: "\e7b2"; } .el-icon-star-off:before { content: "\e717"; } .el-icon-star-on:before { content: "\e797"; } .el-icon-more-outline:before { content: "\e6cc"; } .el-icon-more:before { content: "\e794"; } .el-icon-phone-outline:before { content: "\e6cb"; } .el-icon-phone:before { content: "\e795"; } .el-icon-user:before { content: "\e6e3"; } .el-icon-user-solid:before { content: "\e7a5"; } .el-icon-setting:before { content: "\e6ca"; } .el-icon-s-tools:before { content: "\e7ac"; } .el-icon-delete:before { content: "\e6d7"; } .el-icon-delete-solid:before { content: "\e7c9"; } .el-icon-eleme:before { content: "\e7c7"; } .el-icon-platform-eleme:before { content: "\e7ca"; } .el-icon-loading { -webkit-animation: rotating 2s linear infinite; animation: rotating 2s linear infinite; } .el-icon--right { margin-left: 5px; } .el-icon--left { margin-right: 5px; } @-webkit-keyframes rotating { 0% { -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg); } } @keyframes rotating { 0% { -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg); } } @font-face { font-family: InterVariable; font-style: normal; font-weight: 100 900; font-display: swap; src: url("/n8n/assets/InterVariable-DiVDrmQJ.woff2") format("woff2"); } @font-face { font-family: InterVariable; font-style: italic; font-weight: 100 900; font-display: swap; src: url("/n8n/assets/InterVariable-Italic-FCBEiFp6.woff2") format("woff2"); } @font-face { font-family: CommitMono; font-style: italic; font-weight: 100 900; font-display: swap; src: url("/n8n/assets/CommitMonoVariable-ytizKI8U.woff2") format("woff2"); } .el-popper { position: absolute; z-index: 2000; min-width: 10px; word-wrap: break-word; visibility: visible; } .el-popper:not(.el-popover) { max-width: 420px; } .el-popper img { max-width: 100%; } .el-popper .el-select-dropdown, .el-popper .el-dropdown-menu { position: relative; margin: 0; } .el-popper:not(.el-select__popper):not(.el-dropdown__popper):not(.el-picker__popper) { padding: 10px; font-size: 12px; border-radius: 4px; } .el-popper .el-popper__arrow { position: absolute; display: block; width: 0; height: 0; z-index: 1010; border-color: transparent; border-style: solid; border-width: 6px; -webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03)); filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03)); } .el-popper .el-popper__arrow::after { display: block; position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; content: " "; border-width: 6px; } .el-popper[data-popper-placement^=top] .el-popper__arrow { bottom: -6px; left: 50%; margin: 0 3px; border-top-color: var(--border-color-light); border-bottom-width: 0; } .el-popper[data-popper-placement^=top] .el-popper__arrow::after { bottom: 1px; margin-left: -6px; border-top-color: var(--color-foreground-xlight); border-bottom-width: 0; } .el-popper[data-popper-placement^=bottom] .el-popper__arrow { top: -6px; left: 50%; margin: 0 3px; border-top-width: 0; border-bottom-color: var(--border-color-light); } .el-popper[data-popper-placement^=bottom] .el-popper__arrow::after { top: 1px; margin-left: -6px; border-top-width: 0; border-bottom-color: var(--color-foreground-xlight); } .el-popper[data-popper-placement^=right] .el-popper__arrow { top: 50%; left: -6px; margin: 3px 0; border-right-color: var(--border-color-light); border-left-width: 0; } .el-popper[data-popper-placement^=right] .el-popper__arrow::after { bottom: -6px; left: 1px; border-right-color: var(--color-foreground-xlight); border-left-width: 0; } .el-popper[data-popper-placement^=left] .el-popper__arrow { top: 50%; right: -6px; margin: 3px 0; border-right-width: 0; border-left-color: var(--border-color-light); } .el-popper[data-popper-placement^=left] .el-popper__arrow::after { right: 1px; bottom: -6px; margin-left: -6px; border-right-width: 0; border-left-color: var(--color-foreground-xlight); } .el-popper.is-dark { background: var(--color-background-dark); color: var(--color-foreground-xlight); } .el-popper.is-dark[data-popper-placement^=top] .el-popper__arrow { border-top-color: transparent; } .el-popper.is-dark[data-popper-placement^=top] .el-popper__arrow::after { border-top-color: var(--color-background-dark); } .el-popper.is-dark[data-popper-placement^=bottom] .el-popper__arrow { border-bottom-color: transparent; } .el-popper.is-dark[data-popper-placement^=bottom] .el-popper__arrow::after { border-bottom-color: var(--color-background-dark); } .el-popper.is-dark[data-popper-placement^=right] .el-popper__arrow { border-right-color: transparent; } .el-popper.is-dark[data-popper-placement^=right] .el-popper__arrow::after { border-right-color: var(--color-background-dark); } .el-popper.is-dark[data-popper-placement^=left] .el-popper__arrow { border-left-color: transparent; } .el-popper.is-dark[data-popper-placement^=left] .el-popper__arrow::after { border-left-color: var(--color-background-dark); } .el-popper.n8n-tooltip { max-width: 180px; line-height: var(--font-line-height-regular) !important; } .el-select-dropdown { position: absolute; z-index: 1001; border: solid 1px var(--border-color-base); border-radius: var(--border-radius-base); background-color: var(--color-foreground-xlight); -webkit-box-shadow: var(--box-shadow-light); box-shadow: var(--box-shadow-light); -webkit-box-sizing: border-box; box-sizing: border-box; margin: 5px 0; max-width: var(--max-width); } .el-select-dropdown.is-multiple .el-select-dropdown__item.selected { color: var(--color-primary); background-color: var(--color-foreground-xlight); } .el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover { background-color: var(--color-background-base); } .el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after { position: absolute; right: 20px; font-family: "element-icons"; content: "\e6da"; font-size: 12px; font-weight: var(--font-weight-bold); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list { padding: 0; } .el-select-dropdown__empty { padding: 10px 0; margin: 0; text-align: center; color: var(--color-text-light); font-size: var(--font-size-s); } .el-select-dropdown__wrap { max-height: 274px; } .el-select-dropdown__list { list-style: none; padding: 6px 0; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .el-textarea { position: relative; display: inline-block; width: 100%; vertical-align: bottom; font-size: var(--font-size-s); } .el-textarea__inner { display: block; resize: vertical; padding: 8px 12px 5px; line-height: 1.5; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; font-size: inherit; color: var(--input-font-color, var(--color-text-dark)); background-color: var(--input-background-color, var(--color-foreground-xlight)); background-image: none; border-radius: var(--input-border-radius, var(--border-radius-base)); border-top-left-radius: var(--input-border-top-left-radius, var(--input-border-radius, var(--border-radius-base))); border-top-right-radius: var(--input-border-top-right-radius, var(--input-border-radius, var(--border-radius-base))); border-bottom-left-radius: var(--input-border-bottom-left-radius, var(--input-border-radius, var(--border-radius-base))); border-bottom-right-radius: var(--input-border-bottom-right-radius, var(--input-border-radius, var(--border-radius-base))); -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); } .el-textarea__inner, .el-textarea__inner:hover { border: var(--input-border-color, var(--border-color-base)) var(--input-border-style, var(--border-style-base)) var(--input-border-width, var(--border-width-base)); } .el-textarea__inner::-webkit-input-placeholder { color: var(--input-placeholder-color, var(--color-text-light)); } .el-textarea__inner::-moz-placeholder { color: var(--input-placeholder-color, var(--color-text-light)); } .el-textarea__inner:-ms-input-placeholder { color: var(--input-placeholder-color, var(--color-text-light)); } .el-textarea__inner::-ms-input-placeholder { color: var(--input-placeholder-color, var(--color-text-light)); } .el-textarea__inner::placeholder { color: var(--input-placeholder-color, var(--color-text-light)); } .el-textarea__inner:focus { outline: none; border-color: var(--input-focus-border-color, var(--color-secondary)); } .el-textarea .el-input__count { color: var(--color-info); background: var(--color-foreground-xlight); position: absolute; font-size: 12px; bottom: 5px; right: 10px; } .el-textarea.is-disabled .el-textarea__inner { background-color: var(--disabled-fill, var(--color-background-light)); border-color: var(--disabled-border, var(--border-color-base)); color: var(--disabled-color, var(--color-text-base)); cursor: not-allowed; } .el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { color: var(--color-text-lighter); } .el-textarea.is-disabled .el-textarea__inner::-moz-placeholder { color: var(--color-text-lighter); } .el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder { color: var(--color-text-lighter); } .el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder { color: var(--color-text-lighter); } .el-textarea.is-disabled .el-textarea__inner::placeholder { color: var(--color-text-lighter); } .el-textarea.is-exceed .el-textarea__inner { border-color: var(--color-danger); } .el-textarea.is-exceed .el-input__count { color: var(--color-danger); } .el-input { position: relative; font-size: var(--input-font-size, var(--font-size-s)); display: inline-block; width: 100%; } .el-input::-webkit-scrollbar { z-index: 11; width: 6px; } .el-input::-webkit-scrollbar:horizontal { height: 6px; } .el-input::-webkit-scrollbar-thumb { border-radius: 5px; width: 6px; background: #b4bccc; } .el-input::-webkit-scrollbar-corner { background: var(--color-foreground-xlight); } .el-input::-webkit-scrollbar-track { background: var(--color-foreground-xlight); } .el-input::-webkit-scrollbar-track-piece { background: var(--color-foreground-xlight); width: 6px; } .el-input .el-input__clear { color: var(--color-text-light); font-size: var(--input-font-size, var(--font-size-s)); cursor: pointer; -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); } .el-input .el-input__clear:hover { color: var(--color-text-base); } .el-input .el-input__count { height: 100%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: var(--color-info); font-size: 12px; } .el-input .el-input__count .el-input__count-inner { background: var(--color-foreground-xlight); line-height: initial; display: inline-block; padding: 0 5px; } .el-input__inner { -webkit-appearance: none; background-color: var(--input-background-color, var(--color-foreground-xlight)); background-image: none; border-radius: var(--input-border-radius, var(--border-radius-base)); border-top-left-radius: var(--input-border-top-left-radius, var(--input-border-radius, var(--border-radius-base))); border-top-right-radius: var(--input-border-top-right-radius, var(--input-border-radius, var(--border-radius-base))); border-bottom-left-radius: var(--input-border-bottom-left-radius, var(--input-border-radius, var(--border-radius-base))); border-bottom-right-radius: var(--input-border-bottom-right-radius, var(--input-border-radius, var(--border-radius-base))); border: var(--input-border-color, var(--border-color-base)) var(--input-border-style, var(--border-style-base)) var(--input-border-width, var(--border-width-base)); border-right-color: var(--input-border-right-color, var(--input-border-color, var(--border-color-base))); border-bottom-color: var(--input-border-bottom-color, var(--input-border-color, var(--border-color-base))); -webkit-box-sizing: border-box; box-sizing: border-box; color: var(--input-font-color, var(--color-text-dark)); display: inline-block; font-size: inherit; height: 40px; min-height: 40px; line-height: 40px; outline: none; padding: 0 0 0 var(--spacing-2xs); -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); width: 100%; } .el-input__inner::-webkit-input-placeholder { color: var(--input-placeholder-color, var(--color-text-light)); } .el-input__inner::-moz-placeholder { color: var(--input-placeholder-color, var(--color-text-light)); } .el-input__inner:-ms-input-placeholder { color: var(--input-placeholder-color, var(--color-text-light)); } .el-input__inner::-ms-input-placeholder { color: var(--input-placeholder-color, var(--color-text-light)); } .el-input__inner::placeholder { color: var(--input-placeholder-color, var(--color-text-light)); } .el-input__inner:focus { outline: none; border-color: var(--input-focus-border-color, var(--color-secondary)); } .el-input__suffix { position: absolute; height: 100%; right: var(--spacing-2xs); top: 0; text-align: center; color: var(--color-text-light); -webkit-transition: all 0.3s; transition: all 0.3s; pointer-events: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .el-input__suffix-inner { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; pointer-events: all; } .el-input__prefix { position: absolute; height: 100%; left: 14px; top: 0; text-align: center; color: var(--color-text-lighter); -webkit-transition: all 0.3s; transition: all 0.3s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .el-input__icon { height: 100%; text-align: center; -webkit-transition: all 0.3s; transition: all 0.3s; line-height: 40px; } .el-input__icon:after { content: ""; height: 100%; width: 0; display: inline-block; vertical-align: middle; } .el-input__validateIcon { pointer-events: none; } .el-input.is-active .el-input__inner { outline: none; border-color: var(--input-focus-border-color, var(--color-secondary)); } .el-input.is-disabled .el-input__inner { background-color: var(--disabled-fill, var(--color-background-light)); border-color: var(--disabled-border, var(--border-color-base)); color: var(--disabled-color, var(--color-text-base)); cursor: not-allowed; } .el-input.is-disabled .el-input__inner::-webkit-input-placeholder { color: var(--color-text-lighter); } .el-input.is-disabled .el-input__inner::-moz-placeholder { color: var(--color-text-lighter); } .el-input.is-disabled .el-input__inner:-ms-input-placeholder { color: var(--color-text-lighter); } .el-input.is-disabled .el-input__inner::-ms-input-placeholder { color: var(--color-text-lighter); } .el-input.is-disabled .el-input__inner::placeholder { color: var(--color-text-lighter); } .el-input.is-disabled .el-input__icon { cursor: not-allowed; } .el-input.is-exceed .el-input__inner { border-color: var(--color-danger); } .el-input.is-exceed .el-input__suffix .el-input__count { color: var(--color-danger); } .el-input--suffix .el-input__inner { padding-right: 30px; } .el-input--prefix .el-input__inner { padding-left: 37px; } .el-input--medium { font-size: var(--input-font-size, 14px); } .el-input--medium .el-input__inner { height: 36px; min-height: 36px; line-height: 36px; } .el-input--medium .el-input__icon { line-height: 36px; } .el-input--small { font-size: 12px; } .el-input--small .el-input__inner { height: 30px; min-height: 30px; line-height: 30px; } .el-input--small .el-input__icon { line-height: 30px; } .el-input--mini { font-size: 12px; } .el-input--mini .el-input__inner { height: 26px; min-height: 26px; line-height: 26px; } .el-input--mini .el-input__icon { line-height: 26px; } .el-input-group { line-height: normal; display: inline-table; width: 100%; border-collapse: separate; border-spacing: 0; } .el-input-group > .el-input__inner { vertical-align: middle; display: table-cell; } .el-input-group__append, .el-input-group__prepend { background-color: var(--color-background-base); color: var(--color-info); vertical-align: middle; display: table-cell; position: relative; border: var(--input-border-color, var(--border-color-base)) var(--input-border-style, var(--border-style-base)) var(--input-border-width, var(--border-width-base)); border-radius: var(--input-border-radius, var(--border-radius-base)); border-top-left-radius: var(--input-border-top-left-radius, var(--input-border-radius, var(--border-radius-base))); border-top-right-radius: var(--input-border-top-right-radius, var(--input-border-radius, var(--border-radius-base))); border-bottom-left-radius: var(--input-border-bottom-left-radius, var(--input-border-radius, var(--border-radius-base))); border-bottom-right-radius: var(--input-border-bottom-right-radius, var(--input-border-radius, var(--border-radius-base))); border-right-color: var(--input-border-right-color, var(--input-border-color, var(--border-color-base))); border-bottom-color: var(--input-border-bottom-color, var(--input-border-color, var(--border-color-base))); padding: 0 10px; width: 1px; white-space: nowrap; font-weight: var(--font-weight-regular); } .el-input-group__append:focus, .el-input-group__prepend:focus { outline: none; } .el-input-group__append .el-select, .el-input-group__append .el-button, .el-input-group__prepend .el-select, .el-input-group__prepend .el-button { display: inline-block; margin: -10px -20px; } .el-input-group__append button.el-button, .el-input-group__append div.el-select .el-input__inner, .el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button, .el-input-group__prepend div.el-select .el-input__inner, .el-input-group__prepend div.el-select:hover .el-input__inner { border-color: transparent; background-color: transparent; color: inherit; border-top: 0; border-bottom: 0; } .el-input-group__append .el-button, .el-input-group__append .el-input, .el-input-group__prepend .el-button, .el-input-group__prepend .el-input { font-size: inherit; } .el-input-group__prepend { border-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; } .el-input-group__append { border-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } .el-input-group--prepend .el-input__inner { border-top-left-radius: 0; border-bottom-left-radius: 0; } .el-input-group--prepend .el-select .el-input.is-focus .el-input__inner { border-color: transparent; } .el-input-group--append .el-input__inner { border-top-right-radius: 0; border-bottom-right-radius: 0; } .el-input-group--append .el-select .el-input.is-focus .el-input__inner { border-color: transparent; } /** disalbe default clear on IE */ .el-input__inner::-ms-clear { display: none; width: 0; height: 0; } .el-tag { border-color: var(--color-callout-info-border); background-color: var(--color-callout-info-background); color: var(--color-callout-info-font); font-weight: var(--font-weight-regular); display: inline-block; padding: 16px; font-size: var(--font-size-xs); color: var(--color-primary); border-width: 1px; border-style: solid; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; line-height: 1; } .el-tag.is-hit { border-color: var(--color-primary); } .el-tag .el-tag__close { color: var(--color-primary); } .el-tag .el-tag__close:hover { color: var(--color-foreground-xlight); background-color: var(--color-primary); } .el-tag.el-tag--info { border-color: var(--color-callout-info-border); background-color: var(--color-callout-info-background); color: var(--color-callout-info-font); border-width: 1px; border-style: solid; } .el-tag.el-tag--info.is-hit { border-color: var(--color-info); } .el-tag.el-tag--info .svg-inline--fa { color: var(--color-callout-info-icon); } .el-tag.el-tag--info .el-tag__close { color: var(-color-info); } .el-tag.el-tag--info .el-tag__close:hover { color: var(--color-foreground-xlight); background-color: var(-color-info); } .el-tag.el-tag--success { border-color: var(--color-callout-success-border); background-color: var(--color-callout-success-background); color: var(--color-callout-success-font); border-width: 1px; border-style: solid; } .el-tag.el-tag--success .svg-inline--fa { color: var(--color-callout-success-icon); } .el-tag.el-tag--success.is-hit { border-color: var(--color-success); } .el-tag.el-tag--success .el-tag__close { color: var(--color-success); } .el-tag.el-tag--success .el-tag__close:hover { color: var(--color-foreground-xlight); background-color: var(--color-success); } .el-tag.el-tag--warning { border-color: var(--color-callout-warning-border); background-color: var(--color-callout-warning-background); color: var(--color-callout-warning-font); border-width: 1px; border-style: solid; } .el-tag.el-tag--warning.is-hit { border-color: var(--color-warning); } .el-tag.el-tag--warning .svg-inline--fa { color: var(--color-callout-warning-icon); } .el-tag.el-tag--warning .el-tag__close { color: var(--color-warning); } .el-tag.el-tag--warning .el-tag__close:hover { color: var(--color-foreground-xlight); background-color: var(--color-warning); } .el-tag.el-tag--danger { border-color: var(--color-callout-danger-border); background-color: var(--color-callout-danger-background); color: var(--color-callout-danger-font); border-width: 1px; border-style: solid; } .el-tag.el-tag--danger.is-hit { border-color: var(--color-danger); } .el-tag.el-tag--danger .svg-inline--fa { color: var(--color-callout-danger-icon); } .el-tag.el-tag--danger .el-tag__close { color: var(--color-danger); } .el-tag.el-tag--danger .el-tag__close:hover { color: var(--color-foreground-xlight); background-color: var(--color-danger); } .el-tag .el-icon.el-tag__close { border-radius: 50%; text-align: center; position: relative; cursor: pointer; font-size: 12px; height: 16px; width: 16px; line-height: 16px; margin-top: 0; margin-right: 0; } .el-tag .el-icon.el-tag__close::before { display: block; } .el-tag--dark { border-color: var(--color-callout-info-border); background-color: var(--color-callout-info-background); color: var(--color-callout-info-font); font-weight: var(--font-weight-regular); } .el-tag--dark.is-hit { border-color: var(--color-primary); } .el-tag--dark .el-tag__close { color: var(--color-primary); } .el-tag--dark .el-tag__close:hover { color: var(--color-foreground-xlight); background-color: var(--color-primary); } .el-tag--dark.el-tag--info { border-color: var(--color-callout-info-border); background-color: var(--color-callout-info-background); color: var(--color-callout-info-font); border-width: 1px; border-style: solid; } .el-tag--dark.el-tag--info.is-hit { border-color: var(--color-info); } .el-tag--dark.el-tag--info .svg-inline--fa { color: var(--color-callout-info-icon); } .el-tag--dark.el-tag--info .el-tag__close { color: var(-color-info); } .el-tag--dark.el-tag--info .el-tag__close:hover { color: var(--color-foreground-xlight); background-color: var(-color-info); } .el-tag--dark.el-tag--success { border-color: var(--color-callout-success-border); background-color: var(--color-callout-success-background); color: var(--color-callout-success-font); border-width: 1px; border-style: solid; } .el-tag--dark.el-tag--success .svg-inline--fa { color: var(--color-callout-success-icon); } .el-tag--dark.el-tag--success.is-hit { border-color: var(--color-success); } .el-tag--dark.el-tag--success .el-tag__close { color: var(--color-success); } .el-tag--dark.el-tag--success .el-tag__close:hover { color: var(--color-foreground-xlight); background-color: var(--color-success); } .el-tag--dark.el-tag--warning { border-color: var(--color-callout-warning-border); background-color: var(--color-callout-warning-background); color: var(--color-callout-warning-font); border-width: 1px; border-style: solid; } .el-tag--dark.el-tag--warning.is-hit { border-color: var(--color-warning); } .el-tag--dark.el-tag--warning .svg-inline--fa { color: var(--color-callout-warning-icon); } .el-tag--dark.el-tag--warning .el-tag__close { color: var(--color-warning); } .el-tag--dark.el-tag--warning .el-tag__close:hover { color: var(--color-foreground-xlight); background-color: var(--color-warning); } .el-tag--dark.el-tag--danger { border-color: var(--color-callout-danger-border); background-color: var(--color-callout-danger-background); color: var(--color-callout-danger-font); border-width: 1px; border-style: solid; } .el-tag--dark.el-tag--danger.is-hit { border-color: var(--color-danger); } .el-tag--dark.el-tag--danger .svg-inline--fa { color: var(--color-callout-danger-icon); } .el-tag--dark.el-tag--danger .el-tag__close { color: var(--color-danger); } .el-tag--dark.el-tag--danger .el-tag__close:hover { color: var(--color-foreground-xlight); background-color: var(--color-danger); } .el-tag--plain { border-color: var(--color-callout-info-border); background-color: var(--color-callout-info-background); color: var(--color-callout-info-font); font-weight: var(--font-weight-regular); } .el-tag--plain.is-hit { border-color: var(--color-primary); } .el-tag--plain .el-tag__close { color: var(--color-primary); } .el-tag--plain .el-tag__close:hover { color: var(--color-foreground-xlight); background-color: var(--color-primary); } .el-tag--plain.el-tag--info { border-color: var(--color-callout-info-border); background-color: var(--color-callout-info-background); color: var(--color-callout-info-font); border-width: 1px; border-style: solid; } .el-tag--plain.el-tag--info.is-hit { border-color: var(--color-info); } .el-tag--plain.el-tag--info .svg-inline--fa { color: var(--color-callout-info-icon); } .el-tag--plain.el-tag--info .el-tag__close { color: var(-color-info); } .el-tag--plain.el-tag--info .el-tag__close:hover { color: var(--color-foreground-xlight); background-color: var(-color-info); } .el-tag--plain.el-tag--success { border-color: var(--color-callout-success-border); background-color: var(--color-callout-success-background); color: var(--color-callout-success-font); border-width: 1px; border-style: solid; } .el-tag--plain.el-tag--success .svg-inline--fa { color: var(--color-callout-success-icon); } .el-tag--plain.el-tag--success.is-hit { border-color: var(--color-success); } .el-tag--plain.el-tag--success .el-tag__close { color: var(--color-success); } .el-tag--plain.el-tag--success .el-tag__close:hover { color: var(--color-foreground-xlight); background-color: var(--color-success); } .el-tag--plain.el-tag--warning { border-color: var(--color-callout-warning-border); background-color: var(--color-callout-warning-background); color: var(--color-callout-warning-font); border-width: 1px; border-style: solid; } .el-tag--plain.el-tag--warning.is-hit { border-color: var(--color-warning); } .el-tag--plain.el-tag--warning .svg-inline--fa { color: var(--color-callout-warning-icon); } .el-tag--plain.el-tag--warning .el-tag__close { color: var(--color-warning); } .el-tag--plain.el-tag--warning .el-tag__close:hover { color: var(--color-foreground-xlight); background-color: var(--color-warning); } .el-tag--plain.el-tag--danger { border-color: var(--color-callout-danger-border); background-color: var(--color-callout-danger-background); color: var(--color-callout-danger-font); border-width: 1px; border-style: solid; } .el-tag--plain.el-tag--danger.is-hit { border-color: var(--color-danger); } .el-tag--plain.el-tag--danger .svg-inline--fa { color: var(--color-callout-danger-icon); } .el-tag--plain.el-tag--danger .el-tag__close { color: var(--color-danger); } .el-tag--plain.el-tag--danger .el-tag__close:hover { color: var(--color-foreground-xlight); background-color: var(--color-danger); } .el-tag--medium { padding: 12px; } .el-tag--medium .el-icon.el-tag__close { -webkit-transform: scale(0.8); transform: scale(0.8); } .el-tag--small { height: 24px; padding: 0 8px; line-height: 22px; } .el-tag--small .el-icon.el-tag__close { -webkit-transform: scale(0.8); transform: scale(0.8); } .el-tag--mini { height: 20px; padding: 0 5px; line-height: 16px; } .el-tag--mini .el-icon.el-tag__close { margin-left: -3px; -webkit-transform: scale(0.7); transform: scale(0.7); } .el-select-dropdown__item { font-size: var(--font-size-s); padding: var(--select-option-padding, 0 20px); position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--color-text-dark); min-height: 34px; height: auto; line-height: var(--select-option-line-height, 34px); -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .el-select-dropdown__item.is-disabled { color: var(--color-text-lighter); cursor: not-allowed; } .el-select-dropdown__item.is-disabled:hover { background-color: var(--color-foreground-xlight); } .el-select-dropdown__item.hover, .el-select-dropdown__item:hover { background-color: var(--color-background-base); } .el-select-dropdown__item.selected { color: var(--color-primary); font-weight: var(--font-weight-bold); } .el-select-group { margin: 0; padding: 0; } .el-select-group__wrap { position: relative; list-style: none; margin: 0; padding: 0; } .el-select-group__wrap:not(:last-of-type) { padding-bottom: 24px; } .el-select-group__wrap:not(:last-of-type)::after { content: ""; position: absolute; display: block; left: 20px; right: 20px; bottom: 12px; height: 1px; background: var(--border-color-base); } .el-select-group__title { padding-left: 20px; font-size: 12px; color: var(--color-info); line-height: 30px; } .el-select-group .el-select-dropdown__item { padding-left: 20px; } .el-scrollbar { overflow: hidden; position: relative; } .el-scrollbar:hover > .el-scrollbar__bar, .el-scrollbar:active > .el-scrollbar__bar, .el-scrollbar:focus > .el-scrollbar__bar { opacity: 1; -webkit-transition: opacity 340ms ease-out; transition: opacity 340ms ease-out; } .el-scrollbar__wrap { overflow: auto; height: 100%; } .el-scrollbar__thumb { position: relative; display: block; width: 0; height: 0; cursor: pointer; border-radius: inherit; background-color: hsla(var(--color-text-light-h), var(--color-text-light-s), var(--color-text-light-l), 0.3); -webkit-transition: 0.3s background-color; transition: 0.3s background-color; } .el-scrollbar__thumb:hover { background-color: hsla(var(--color-text-light-h), var(--color-text-light-s), var(--color-text-light-l), 0.5); } .el-scrollbar__bar { position: absolute; right: 2px; bottom: 2px; z-index: 1; border-radius: 4px; opacity: 0; -webkit-transition: opacity 120ms ease-out; transition: opacity 120ms ease-out; } .el-scrollbar__bar.is-vertical { width: 6px; top: 2px; } .el-scrollbar__bar.is-vertical > div { width: 100%; } .el-scrollbar__bar.is-horizontal { height: 6px; left: 2px; } .el-scrollbar__bar.is-horizontal > div { height: 100%; } .el-select { display: inline-block; position: relative; width: 100%; } .el-select .el-select__tags { overflow-x: scroll; scrollbar-width: none; -ms-overflow-style: none; } .el-select .el-select__tags::-webkit-scrollbar { display: none; } .el-select .el-select__tags > span { display: contents; } .el-select .el-select__tags + .el-input input { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 0 0 var(--spacing-2xs); text-indent: 0; } .el-select .el-input__inner { cursor: pointer; padding-right: 35px; } .el-select .el-input__inner:focus { border-color: var(--color-secondary); } .el-select .el-input .el-select__caret { font-size: 14px; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; cursor: pointer; } .el-select .el-input .el-select__caret.is-reverse { -webkit-transform: rotateZ(180deg); transform: rotateZ(180deg); } .el-select .el-input .el-select__caret.is-show-close { font-size: var(--font-size-s); text-align: center; -webkit-transform: rotateZ(180deg); transform: rotateZ(180deg); border-radius: 100%; color: var(--color-text-lighter); -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); } .el-select .el-input .el-select__caret.is-show-close:hover { color: var(--color-text-light); } .el-select .el-input.is-disabled .el-input__inner { cursor: not-allowed; } .el-select .el-input.is-disabled .el-input__inner:hover { border-color: var(--disabled-border, var(--border-color-base)); } .el-select .el-input.is-focus .el-input__inner { border-color: var(--color-secondary); } .el-select .el-input__prefix { left: var(--spacing-2xs); } .el-select .el-input--prefix .el-input__inner { padding-left: 26px; } .el-select > .el-input { display: block; } .el-select__input { border: none; outline: none; padding: 0; margin-left: var(--spacing-2xs); color: var(--color-text-base); font-size: var(--font-size-s); -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 28px; background-color: transparent; } .el-select__input.is-mini { height: 14px; } .el-select__close { cursor: pointer; position: absolute; top: 8px; z-index: 1000; right: 25px; color: var(--color-text-lighter); line-height: 18px; font-size: 14px; } .el-select__close:hover { color: var(--color-text-light); } .el-select__tags { position: absolute; line-height: normal; white-space: normal; z-index: 1; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .el-select .el-tag__close { margin-top: -2px; } .el-select .el-tag { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 2px 0 2px 6px; border-color: var(--color-foreground-base); background-color: var(--color-foreground-base); color: var(--color-text-dark); border-radius: 20px; font-weight: var(--font-weight-regular); } .el-select .el-tag__close.el-icon-close { background-color: var(--color-text-light); right: -7px; top: 0; color: var(--color-foreground-xlight); margin-right: 6px; } .el-select .el-tag__close.el-icon-close:hover { background-color: var(--color-text-base); } .el-select .el-tag__close.el-icon-close::before { display: block; -webkit-transform: translate(0, 0.5px); transform: translate(0, 0.5px); } .el-select--large .el-input__inner { height: 42px; } .el-select--default .el-tag { padding: var(--spacing-5xs) var(--spacing-xs); } .el-pagination { white-space: nowrap; padding: 2px 5px; color: var(--color-text-dark); font-weight: var(--font-weight-bold); } .el-pagination::before, .el-pagination::after { display: table; content: ""; } .el-pagination::after { clear: both; } .el-pagination span:not([class*=suffix]), .el-pagination button { display: inline-block; font-size: var(--font-size-2xs); min-width: 35.5px; height: 28px; line-height: 28px; vertical-align: top; -webkit-box-sizing: border-box; box-sizing: border-box; } .el-pagination .el-input__inner { text-align: center; -moz-appearance: textfield; line-height: normal; } .el-pagination .el-input__suffix { right: 0; -webkit-transform: scale(0.8); transform: scale(0.8); } .el-pagination .el-select .el-input { width: 100px; margin: 0 5px; } .el-pagination .el-select .el-input .el-input__inner { padding-right: 25px; border-radius: 3px; } .el-pagination button { border: none; padding: 0 6px; background: transparent; } .el-pagination button:focus { outline: none; } .el-pagination button:hover { color: var(--color-primary); } .el-pagination button:disabled { color: var(--color-text-lighter); background-color: var(--color-foreground-xlight); cursor: not-allowed; } .el-pagination .btn-prev, .el-pagination .btn-next { background-position: center center; background-repeat: no-repeat; background-size: 16px; background-color: var(--color-foreground-xlight); cursor: pointer; margin: 0; color: var(--color-text-dark); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .el-pagination .btn-prev .el-icon, .el-pagination .btn-next .el-icon { font-size: 12px; width: 12px; height: 12px; font-weight: var(--font-weight-bold); } .el-pagination .btn-prev .el-icon svg, .el-pagination .btn-next .el-icon svg { width: 12px; height: 12px; display: block; pointer-events: none; } .el-pagination .btn-prev { padding-right: 12px; } .el-pagination .btn-next { padding-left: 12px; } .el-pagination .el-pager li.disabled { color: var(--color-text-lighter); cursor: not-allowed; } .el-pagination--small .btn-prev, .el-pagination--small .btn-next, .el-pagination--small .el-pager li, .el-pagination--small .el-pager li.btn-quicknext, .el-pagination--small .el-pager li.btn-quickprev, .el-pagination--small .el-pager li:last-child { border-color: transparent; font-size: 12px; line-height: 22px; height: 22px; min-width: 22px; } .el-pagination--small .arrow.disabled { visibility: hidden; } .el-pagination--small .more::before, .el-pagination--small li.more::before { line-height: 24px; } .el-pagination--small span:not([class*=suffix]), .el-pagination--small button { height: 22px; line-height: 22px; } .el-pagination--small .el-pagination__editor { height: 22px; } .el-pagination--small .el-pagination__editor.el-input .el-input__inner { height: 22px; } .el-pagination__sizes { margin: 0 10px 0 0; font-weight: var(--font-weight-regular); color: var(--color-text-dark); } .el-pagination__sizes .el-input .el-input__inner { font-size: var(--font-size-2xs); padding-left: 8px; } .el-pagination__sizes .el-input .el-input__inner:hover { border-color: var(--color-primary); } .el-pagination__total { margin-right: 10px; font-weight: var(--font-weight-regular); color: var(--color-text-dark); } .el-pagination__jump { margin-left: 24px; font-weight: var(--font-weight-regular); color: var(--color-text-dark); } .el-pagination__jump .el-input__inner { padding: 0 3px; } .el-pagination__rightwrapper { float: right; } .el-pagination__editor { line-height: 18px; padding: 0 2px; height: 28px; text-align: center; margin: 0 2px; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 3px; } .el-pagination__editor.el-input { width: 50px; } .el-pagination__editor.el-input .el-input__inner { height: 28px; } .el-pagination__editor .el-input__inner::-webkit-inner-spin-button, .el-pagination__editor .el-input__inner::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .el-pagination.is-background .btn-prev, .el-pagination.is-background .btn-next, .el-pagination.is-background .el-pager li { margin: 0 1px; color: var(--color-text-base); min-width: 30px; border-radius: var(--border-radius-base); border: 1px solid transparent; } .el-pagination.is-background .btn-prev.disabled, .el-pagination.is-background .btn-next.disabled, .el-pagination.is-background .el-pager li.disabled { color: var(--color-text-lighter); } .el-pagination.is-background .btn-prev, .el-pagination.is-background .btn-next { padding: 0; } .el-pagination.is-background .btn-prev:disabled, .el-pagination.is-background .btn-next:disabled { color: var(--color-text-lighter); } .el-pagination.is-background .el-pager li:not(.disabled):hover { color: var(--color-primary); background-color: var(--color-background-xlight); border: 1px solid var(--color-foreground-base); } .el-pagination.is-background .el-pager li:not(.disabled).is-active { border: 1px solid var(--color-primary); color: var(--color-primary); } .el-pagination.is-background.el-pagination--small .btn-prev, .el-pagination.is-background.el-pagination--small .btn-next, .el-pagination.is-background.el-pagination--small .el-pager li { margin: 0 3px; min-width: 22px; } .el-pager { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; list-style: none; vertical-align: top; font-size: 0; padding: 0; margin: 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .el-pager .more::before { line-height: 30px; } .el-pager li { padding: 0 4px; background: var(--color-foreground-xlight); vertical-align: top; font-size: var(--font-size-2xs); min-width: 35.5px; height: 28px; line-height: 28px; cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; margin: 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .el-pager li.btn-quicknext, .el-pager li.btn-quickprev { line-height: 28px; color: var(--color-text-dark); } .el-pager li.btn-quicknext.disabled, .el-pager li.btn-quickprev.disabled { color: var(--color-text-lighter); } .el-pager li.btn-quickprev:hover { cursor: pointer; } .el-pager li.btn-quicknext:hover { cursor: pointer; } .el-pager li.is-active + li { border-left: 0; } .el-pager li:hover { color: var(--color-primary); } .el-pager li.is-active { color: var(--color-primary); cursor: default; } .v-modal-enter-from { -webkit-animation: v-modal-in 0.2s ease; animation: v-modal-in 0.2s ease; } .v-modal-leave-to { -webkit-animation: v-modal-out 0.2s ease forwards; animation: v-modal-out 0.2s ease forwards; } @-webkit-keyframes v-modal-in { 0% { opacity: 0; } } @keyframes v-modal-in { 0% { opacity: 0; } } @-webkit-keyframes v-modal-out { 100% { opacity: 0; } } @keyframes v-modal-out { 100% { opacity: 0; } } .v-modal { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: var(--color-dialog-overlay-background); } .el-popup-parent--hidden { overflow: hidden; } .el-overlay { width: 100%; height: 100%; display: block; position: fixed; top: 0; left: 0; background-color: hsla(247, 14%, 30%, 0.75); } .el-overlay-dialog { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow-x: hidden; overflow-y: auto; } .el-overlay-message-box { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .el-dialog { position: relative; margin: 0 auto 50px; background: var(--color-dialog-background); border-radius: var(--border-radius-small); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); -webkit-box-sizing: border-box; box-sizing: border-box; width: var(--el-dialog-width, 50%); } .el-dialog.is-fullscreen { width: 100%; margin-top: 0; margin-bottom: 0; height: 100%; overflow: auto; } .el-dialog__wrapper { position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: auto; margin: 0; } .el-dialog__header { padding: var(--spacing-l); } .el-dialog__headerbtn { position: absolute; top: var(--dialog-close-top, var(--spacing-l)); right: var(--spacing-l); padding: 0; background: transparent; border: none; outline: none; cursor: pointer; font-size: 16px; } .el-dialog__headerbtn .el-dialog__close { color: var(--color-info); } .el-dialog__headerbtn:focus .el-dialog__close, .el-dialog__headerbtn:hover .el-dialog__close { color: var(--color-primary); } .el-dialog__title { line-height: var(--font-line-height-compact); font-size: var(--font-size-xl); color: var(--color-text-dark); font-weight: var(--font-weight-regular); } .el-dialog__body { padding: var(--spacing-l); padding-top: 0; color: var(--color-text-base); } .el-dialog__footer { padding: var(--spacing-l); padding-top: 10px; text-align: right; -webkit-box-sizing: border-box; box-sizing: border-box; } .el-dialog__footer .button + .button { margin-left: var(--spacing-2xs); } .dialog-fade-enter-active { -webkit-animation: dialog-fade-in 0.3s; animation: dialog-fade-in 0.3s; } .dialog-fade-leave-active { -webkit-animation: dialog-fade-out 0.3s; animation: dialog-fade-out 0.3s; } @-webkit-keyframes dialog-fade-in { 0% { -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); opacity: 0; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes dialog-fade-in { 0% { -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); opacity: 0; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @-webkit-keyframes dialog-fade-out { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } 100% { -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); opacity: 0; } } @keyframes dialog-fade-out { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } 100% { -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); opacity: 0; } } @media only screen and (max-width: 767px) { .hidden-xs-only { display: none !important; } } @media only screen and (min-width: 768px) { .hidden-sm-and-up { display: none !important; } } @media only screen and (max-width: 991px) { .hidden-sm-only { display: none !important; } } @media only screen and (max-width: 991px) { .hidden-sm-and-down { display: none !important; } } @media only screen and (min-width: 992px) { .hidden-md-and-up { display: none !important; } } @media only screen and (max-width: 1199px) { .hidden-md-only { display: none !important; } } @media only screen and (max-width: 1199px) { .hidden-md-and-down { display: none !important; } } @media only screen and (min-width: 1200px) { .hidden-lg-and-up { display: none !important; } } @media only screen and (max-width: 1919px) { .hidden-lg-only { display: none !important; } } @media only screen and (max-width: 1919px) { .hidden-lg-and-down { display: none !important; } } @media only screen and (min-width: 1920px) { .hidden-xl-only { display: none !important; } } .el-dropdown { position: relative; color: var(--color-text-dark); font-size: var(--font-size-s); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; line-height: 1; vertical-align: top; } .el-dropdown .el-button-group { display: block; } .el-dropdown .el-button-group .el-button { float: none; } .el-dropdown.is-disabled .el-tooltip__trigger { opacity: 0.25; cursor: not-allowed; background: unset; } .el-dropdown .el-dropdown__caret-button { padding-left: 5px; padding-right: 5px; position: relative; border-left: none; } .el-dropdown .el-dropdown__caret-button::before { content: ""; position: absolute; display: block; width: 1px; top: 5px; bottom: 5px; left: 0; background: rgba(var(--color-foreground-xlight), 0.5); } .el-dropdown .el-dropdown__caret-button.button::before { background: hsla(var(--button-default-border-color-h), var(--button-default-border-color-s), var(--button-default-border-color-l), 0.5); } .el-dropdown .el-dropdown__caret-button:hover::before { top: 0; bottom: 0; } .el-dropdown .el-dropdown__caret-button .el-dropdown__icon { padding-left: 0; } .el-dropdown__icon { font-size: 12px; margin: 0 3px; } .el-dropdown .el-dropdown-selfdefine:focus:active, .el-dropdown .el-dropdown-selfdefine:focus:not(.focusing) { outline-width: 0; } .el-dropdown-menu { top: 0; left: 0; z-index: 10; padding: 10px 0; margin: 5px 0; background-color: var(--color-foreground-xlight); border: 1px solid var(--border-color-light); border-radius: var(--border-radius-base); position: relative; list-style: none; } .el-dropdown-menu__item { list-style: none; line-height: 36px; padding: 0 16px; margin: 0; font-size: var(--font-size-s); font-weight: var(--font-weight-regular); color: var(--color-text-base); cursor: pointer; outline: none; white-space: nowrap; } .el-dropdown-menu__item:not(.is-disabled):hover, .el-dropdown-menu__item:focus { background-color: var(--color-action-dropdown-item-active-background); color: var(--color-text-dark); } .el-dropdown-menu__item i { margin-right: 5px; } .el-dropdown-menu__item--divided { position: relative; margin-top: 6px; border-top: 1px solid var(--border-color-light); } .el-dropdown-menu__item--divided:before { content: ""; height: 6px; display: block; background-color: var(--color-foreground-xlight); } .el-dropdown-menu__item.is-disabled { cursor: default; color: var(--color-text-lighter); pointer-events: none; } .el-dropdown-menu--medium { padding: 6px 0; } .el-dropdown-menu--medium .el-dropdown-menu__item { line-height: 30px; padding: 0 17px; font-size: 14px; } .el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided { margin-top: 6px; } .el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided:before { height: 6px; } .el-dropdown-menu--small { padding: 6px 0; } .el-dropdown-menu--small .el-dropdown-menu__item { line-height: 27px; padding: 0 15px; font-size: 13px; } .el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided { margin-top: 4px; } .el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided:before { height: 4px; } .el-dropdown-menu--mini { padding: 3px 0; } .el-dropdown-menu--mini .el-dropdown-menu__item { line-height: 24px; padding: 0 10px; font-size: 12px; } .el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided { margin-top: 3px; } .el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided:before { height: 3px; } .el-menu { list-style: none; position: relative; margin: 0; padding-left: 0; background-color: var(--menu-background-color, var(--color-background-xlight)); } .el-menu::before, .el-menu::after { display: table; content: ""; } .el-menu::after { clear: both; } .el-menu.el-menu--horizontal { border-bottom: solid 1px #e6e6e6; } .el-menu--horizontal { border-right: none; } .el-menu--horizontal > .el-menu-item { float: left; height: 60px; line-height: 60px; margin: 0; border-bottom: 2px solid transparent; color: var(--color-text-light); } .el-menu--horizontal > .el-menu-item a, .el-menu--horizontal > .el-menu-item a:hover { color: inherit; } .el-menu--horizontal > .el-menu-item:not(.is-disabled):hover, .el-menu--horizontal > .el-menu-item:not(.is-disabled):focus { background-color: var(--color-foreground-xlight); } .el-menu--horizontal > .el-sub-menu { float: left; } .el-menu--horizontal > .el-sub-menu:focus, .el-menu--horizontal > .el-sub-menu:hover { outline: none; } .el-menu--horizontal > .el-sub-menu:focus .el-sub-menu__title, .el-menu--horizontal > .el-sub-menu:hover .el-sub-menu__title { color: var(--color-text-dark); } .el-menu--horizontal > .el-sub-menu.is-active .el-sub-menu__title { border-bottom: 2px solid var(--color-primary); color: var(--color-text-dark); } .el-menu--horizontal > .el-sub-menu .el-sub-menu__title { height: 60px; line-height: 60px; border-bottom: 2px solid transparent; color: var(--color-text-light); } .el-menu--horizontal > .el-sub-menu .el-sub-menu__title:hover { background-color: var(--color-foreground-xlight); } .el-menu--horizontal > .el-sub-menu .el-sub-menu__icon-arrow { position: static; vertical-align: middle; margin-left: 8px; margin-top: -3px; } .el-menu--horizontal .el-menu .el-menu-item, .el-menu--horizontal .el-menu .el-sub-menu__title { background-color: var(--color-foreground-xlight); float: none; height: 36px; line-height: 36px; padding: 0 10px; color: var(--color-text-light); } .el-menu--horizontal .el-menu .el-menu-item.is-active, .el-menu--horizontal .el-menu .el-sub-menu.is-active > .el-sub-menu__title { color: var(--color-text-dark); } .el-menu--horizontal .el-menu-item:not(.is-disabled):hover, .el-menu--horizontal .el-menu-item:not(.is-disabled):focus { outline: none; color: var(--color-text-dark); } .el-menu--horizontal > .el-menu-item.is-active { border-bottom: 2px solid var(--color-primary); color: var(--color-text-dark); } .el-menu--collapse { width: 64px; } .el-menu--collapse > .el-menu-item [class^=el-icon-], .el-menu--collapse > .el-sub-menu > .el-sub-menu__title [class^=el-icon-] { margin: 0; vertical-align: middle; width: 24px; text-align: center; } .el-menu--collapse > .el-menu-item .el-sub-menu__icon-arrow, .el-menu--collapse > .el-sub-menu > .el-sub-menu__title .el-sub-menu__icon-arrow { display: none; } .el-menu--collapse > .el-menu-item span, .el-menu--collapse > .el-sub-menu > .el-sub-menu__title span { height: 0; width: 0; overflow: hidden; visibility: hidden; display: inline-block; } .el-menu--collapse > .el-menu-item.is-active i { color: inherit; } .el-menu--collapse .el-menu .el-sub-menu { min-width: 200px; } .el-menu--collapse .el-sub-menu { position: relative; } .el-menu--collapse .el-sub-menu .el-menu { position: absolute; margin-left: 5px; top: 0; left: 100%; z-index: 10; border: 1px solid var(--border-color-base); border-radius: var(--border-radius-small); -webkit-box-shadow: var(--box-shadow-light); box-shadow: var(--box-shadow-light); } .el-menu--collapse .el-sub-menu.is-opened > .el-sub-menu__title .el-sub-menu__icon-arrow { -webkit-transform: none; transform: none; } .el-menu--popup { z-index: 100; min-width: 200px; border: none; padding: 5px 0; border-radius: var(--border-radius-small); -webkit-box-shadow: var(--box-shadow-light); box-shadow: var(--box-shadow-light); } .el-menu--popup-bottom-start { margin-top: 5px; } .el-menu--popup-right-start { margin-left: 5px; margin-right: 5px; } .el-menu-item { height: var(--menu-item-height, 56px); line-height: var(--menu-item-height, 56px); font-size: var(--font-size-s); color: var(--menu-font-color, var(--color-text-dark)); font-weight: var(--menu-item-font-weight, var(--font-weight-regular)); padding: 0 20px; list-style: none; cursor: pointer; position: relative; -webkit-transition: border-color 0.3s, background-color 0.3s, color 0.3s; transition: border-color 0.3s, background-color 0.3s, color 0.3s; -webkit-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; border-radius: var(--menu-item-border-radius, 0); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .el-menu-item i { color: var(--menu-item-font-color, var(--color-text-light)); } .el-menu-item:hover, .el-menu-item:focus { outline: none; background-color: var(--menu-item-hover-fill, transparent); color: var(--menu-item-hover-font-color, var(--color-text-dark)); } .el-menu-item:hover i, .el-menu-item:focus i { color: var(--menu-item-hover-font-color, var(--color-text-dark)); } .el-menu-item.is-disabled { opacity: 0.25; cursor: not-allowed; background: none !important; } .el-menu-item [class^=el-icon-] { margin-right: 5px; width: 24px; text-align: center; font-size: 18px; vertical-align: middle; } .el-menu-item.is-active { color: var(--menu-item-active-font-color, var(--color-primary)); background-color: var(--menu-item-active-background-color, transparent); font-weight: var(--font-weight-regular); } .el-menu-item.is-active i { color: inherit; } .el-sub-menu { list-style: none; margin: 0; padding-left: 0; } .el-sub-menu__title { height: var(--menu-item-height, 56px); line-height: var(--menu-item-height, 56px); font-size: var(--font-size-s); color: var(--menu-font-color, var(--color-text-dark)); font-weight: var(--menu-item-font-weight, var(--font-weight-regular)); padding: 0 20px; list-style: none; cursor: pointer; position: relative; -webkit-transition: border-color 0.3s, background-color 0.3s, color 0.3s; transition: border-color 0.3s, background-color 0.3s, color 0.3s; -webkit-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; border-radius: var(--menu-item-border-radius, 0); } .el-sub-menu__title i { color: var(--menu-item-font-color, var(--color-text-light)); } .el-sub-menu__title:hover, .el-sub-menu__title:focus { outline: none; background-color: var(--menu-item-hover-fill, transparent); color: var(--menu-item-hover-font-color, var(--color-text-dark)); } .el-sub-menu__title:hover i, .el-sub-menu__title:focus i { color: var(--menu-item-hover-font-color, var(--color-text-dark)); } .el-sub-menu__title.is-disabled { opacity: 0.25; cursor: not-allowed; background: none !important; } .el-sub-menu__title:hover { background-color: var(--menu-item-hover-fill, transparent); } .el-sub-menu .el-menu { border: none; } .el-sub-menu .el-menu-item { height: 50px; line-height: 50px; padding: 0 45px; min-width: 200px; } .el-sub-menu__icon-arrow { right: 20px; position: absolute; top: 50%; margin-top: -6px; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; margin-right: 0; font-size: 12px; width: 12px; height: 12px; } .el-sub-menu__icon-arrow svg { width: 12px; height: 12px; position: relative; display: block; margin-top: -2px; } .el-sub-menu.is-active .el-sub-menu__title { border-bottom-color: var(--color-primary); } .el-sub-menu.is-opened > .el-sub-menu__title .el-sub-menu__icon-arrow { -webkit-transform: rotateZ(180deg); transform: rotateZ(180deg); } .el-sub-menu.is-disabled .el-sub-menu__title, .el-sub-menu.is-disabled .el-menu-item { opacity: 0.25; cursor: not-allowed; background: none !important; } .el-sub-menu [class^=el-icon-] { vertical-align: middle; margin-right: 5px; width: 24px; text-align: center; font-size: 18px; } .el-menu-item-group > ul { padding: 0; } .el-menu-item-group__title { padding: 7px 0 7px 20px; line-height: normal; font-size: 12px; color: var(--color-text-light); } .horizontal-collapse-transition .el-sub-menu__title .el-sub-menu__icon-arrow { -webkit-transition: 0.2s; transition: 0.2s; opacity: 0; } .el-input-number { position: relative; display: inline-block; line-height: 38px; width: 100%; /* Chrome, Safari, Edge, Opera */ /* Firefox */ } .el-input-number input::-webkit-outer-spin-button, .el-input-number input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .el-input-number input[type=number] { -moz-appearance: textfield !important; } .el-input-number .el-input { display: block; } .el-input-number .el-input__inner { -webkit-appearance: none; padding-left: 50px; padding-right: 50px; text-align: center; } .el-input-number__increase, .el-input-number__decrease { --disabled-color: var(--color-text-light); position: absolute; z-index: 1; top: 1px; bottom: 1px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 40px; height: auto; background: var(--color-background-base); color: var(--color-text-dark); cursor: pointer; font-size: 13px; } .el-input-number__increase:hover, .el-input-number__decrease:hover { color: var(--color-primary); } .el-input-number__increase:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled), .el-input-number__decrease:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled) { border-color: var(--input-focus-border-color, var(--color-secondary)); } .el-input-number__increase.is-disabled, .el-input-number__decrease.is-disabled { color: var(--disabled-color, var(--color-text-base)); cursor: not-allowed; } .el-input-number__increase { right: 1px; border-radius: 0 3px 3px 0; border-left: var(--border-base); } .el-input-number__decrease { left: 1px; border-radius: 3px 0 0 3px; border-right: var(--border-base); } .el-input-number.is-disabled .el-input-number__increase, .el-input-number.is-disabled .el-input-number__decrease { border-color: var(--disabled-border, var(--border-color-base)); color: var(--disabled-border, var(--border-color-base)); } .el-input-number.is-disabled .el-input-number__increase:hover, .el-input-number.is-disabled .el-input-number__decrease:hover { color: var(--disabled-border, var(--border-color-base)); cursor: not-allowed; } .el-input-number--medium { line-height: 32px; } .el-input-number--medium .el-input-number__increase, .el-input-number--medium .el-input-number__decrease { width: 36px; font-size: var(--input-font-size, 14px); } .el-input-number--medium .el-input__inner { padding-left: 43px; padding-right: 43px; } .el-input-number--small { line-height: 26px; } .el-input-number--small .el-input-number__increase, .el-input-number--small .el-input-number__decrease { width: 30px; font-size: 12px; } .el-input-number--small .el-input-number__increase [class*=el-icon], .el-input-number--small .el-input-number__decrease [class*=el-icon] { -webkit-transform: scale(0.9); transform: scale(0.9); } .el-input-number--small .el-input__inner { padding-left: 37px; padding-right: 37px; } .el-input-number--mini { line-height: 22px; } .el-input-number--mini .el-input-number__increase, .el-input-number--mini .el-input-number__decrease { width: 26px; font-size: 12px; } .el-input-number--mini .el-input-number__increase [class*=el-icon], .el-input-number--mini .el-input-number__decrease [class*=el-icon] { -webkit-transform: scale(0.8); transform: scale(0.8); } .el-input-number--mini .el-input__inner { padding-left: 33px; padding-right: 33px; } .el-input-number.is-without-controls .el-input__inner { text-align: left; padding-left: var(--spacing-2xs); padding-right: var(--spacing-2xs); } .el-input-number.is-controls-right .el-input__inner { padding-left: var(--spacing-2xs); padding-right: 44px; } .el-input-number.is-controls-right.el-input-number--medium .el-input__inner { padding-right: 40px; } .el-input-number.is-controls-right.el-input-number--small .el-input__inner { padding-right: 34px; } .el-input-number.is-controls-right.el-input-number--mini .el-input__inner { padding-left: var(--spacing-4xs); padding-right: 30px; } .el-input-number.is-controls-right .el-input-number__increase, .el-input-number.is-controls-right .el-input-number__decrease { height: calc((100% - 1px) / 2); bottom: auto; } .el-input-number.is-controls-right .el-input-number__increase [class*=el-icon], .el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon] { -webkit-transform: scale(0.8); transform: scale(0.8); } .el-input-number.is-controls-right .el-input-number__increase { border-radius: 0 3px 0 0; border-bottom: var(--border-base); } .el-input-number.is-controls-right .el-input-number__decrease { right: 1px; bottom: 1px; top: auto; left: auto; border-right: none; border-left: var(--border-base); border-radius: 0 0 3px 0; } .el-radio { color: var(--color-text-dark); font-weight: var(--font-weight-regular); line-height: 1; position: relative; cursor: pointer; display: inline-block; white-space: nowrap; outline: none; font-size: var(--font-size-s); margin-right: 30px; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; } .el-radio.is-bordered { padding: 12px 20px 0 10px; border-radius: var(--border-radius-base); border: var(--border-base); -webkit-box-sizing: border-box; box-sizing: border-box; height: 40px; } .el-radio.is-bordered.is-checked { border-color: var(--color-primary); } .el-radio.is-bordered.is-disabled { cursor: not-allowed; border-color: var(--border-color-light); } .el-radio.is-bordered + .el-radio.is-bordered { margin-left: 10px; } .el-radio--medium.is-bordered { padding: 10px 20px 0 10px; border-radius: var(--border-radius-base); height: 36px; } .el-radio--medium.is-bordered .el-radio__label { font-size: var(--font-size-s); } .el-radio--medium.is-bordered .el-radio__inner { height: 14px; width: 14px; } .el-radio--small.is-bordered { padding: 8px 15px 0 10px; border-radius: var(--border-radius-base)-1; height: 32px; } .el-radio--small.is-bordered .el-radio__label { font-size: 12px; } .el-radio--small.is-bordered .el-radio__inner { height: 12px; width: 12px; } .el-radio--mini.is-bordered { padding: 6px 15px 0 10px; border-radius: var(--border-radius-base)-1; height: 28px; } .el-radio--mini.is-bordered .el-radio__label { font-size: 12px; } .el-radio--mini.is-bordered .el-radio__inner { height: 12px; width: 12px; } .el-radio:last-child { margin-right: 0; } .el-radio__input { white-space: nowrap; cursor: pointer; outline: none; display: inline-block; line-height: 1; position: relative; vertical-align: middle; } .el-radio__input.is-disabled .el-radio__inner { background-color: var(--disabled-fill, var(--color-background-light)); border-color: var(--disabled-border, var(--border-color-base)); cursor: not-allowed; } .el-radio__input.is-disabled .el-radio__inner::after { cursor: not-allowed; background-color: var(--disabled-fill, var(--color-background-light)); } .el-radio__input.is-disabled .el-radio__inner + .el-radio__label { cursor: not-allowed; } .el-radio__input.is-disabled.is-checked .el-radio__inner { background-color: var(--disabled-fill, var(--color-background-light)); border-color: var(--disabled-border, var(--border-color-base)); } .el-radio__input.is-disabled.is-checked .el-radio__inner::after { background-color: var(--color-text-lighter); } .el-radio__input.is-disabled + span.el-radio__label { color: var(--color-text-lighter); cursor: not-allowed; } .el-radio__input.is-checked .el-radio__inner { border-color: var(--color-primary); background: var(--color-primary); } .el-radio__input.is-checked .el-radio__inner::after { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } .el-radio__input.is-checked + .el-radio__label { color: var(--color-primary); } .el-radio__input.is-focus .el-radio__inner { border-color: var(--color-primary); } .el-radio__inner { border: var(--border-base); border-radius: 100%; width: 14px; height: 14px; background-color: var(--color-background-xlight); position: relative; cursor: pointer; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; } .el-radio__inner:hover { border-color: var(--color-primary); } .el-radio__inner::after { width: 4px; height: 4px; border-radius: 100%; background-color: var(--color-foreground-xlight); content: ""; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); -webkit-transition: -webkit-transform 0.15s ease-in; transition: -webkit-transform 0.15s ease-in; transition: transform 0.15s ease-in; transition: transform 0.15s ease-in, -webkit-transform 0.15s ease-in; } .el-radio__original { opacity: 0; outline: none; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; margin: 0; } .el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) { /*获得焦点时 样式提醒*/ } .el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner { -webkit-box-shadow: 0 0 2px 2px var(--color-primary); box-shadow: 0 0 2px 2px var(--color-primary); } .el-radio__label { font-size: var(--font-size-s); padding-left: 10px; } .el-radio-group { display: inline-block; line-height: 1; vertical-align: middle; font-size: 0; } .el-radio-button { position: relative; display: inline-block; outline: none; } .el-radio-button__inner { display: inline-block; line-height: 1; white-space: nowrap; vertical-align: middle; background: var(--color-background-xlight); border: var(--border-base); font-weight: var(--font-weight-bold); border-left: 0; color: var(--color-text-dark); -webkit-appearance: none; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; outline: none; margin: 0; position: relative; cursor: pointer; -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); border-radius: 0; } .el-radio-button__inner.is-round { padding: var(--button-padding-vertical, var(--spacing-xs)) var(--button-padding-horizontal, var(--spacing-m)); } .el-radio-button__inner { padding: var(--button-padding-vertical, var(--spacing-xs)) var(--button-padding-horizontal, var(--spacing-m)); font-size: var(--button-font-size, var(--font-size-s)); } .el-radio-button__inner:hover { color: var(--color-primary); } .el-radio-button__inner [class*=el-icon-] { line-height: 0.9; } .el-radio-button__inner [class*=el-icon-] + span { margin-left: 5px; } .el-radio-button:first-child .el-radio-button__inner { border-left: var(--border-base); border-radius: var(--border-radius-base) 0 0 var(--border-radius-base); -webkit-box-shadow: none !important; box-shadow: none !important; } .el-radio-button__orig-radio { opacity: 0; outline: none; position: absolute; z-index: -1; } .el-radio-button__orig-radio:checked + .el-radio-button__inner { color: var(--color-background-xlight); background-color: var(--color-primary); border-color: var(--color-primary); -webkit-box-shadow: -1px 0 0 0 var(--color-primary); box-shadow: -1px 0 0 0 var(--color-primary); } .el-radio-button__orig-radio:disabled + .el-radio-button__inner { color: var(--button-disabled-font-color, var(--color-button-primary-disabled-font)); cursor: not-allowed; background-image: none; background-color: var(--button-disabled-background-color, var(--color-button-primary-disabled-background)); border-color: var(--button-disabled-border-color, var(--color-button-primary-disabled-border)); -webkit-box-shadow: none; box-shadow: none; } .el-radio-button__orig-radio:disabled:checked + .el-radio-button__inner { background-color: var(--border-color-light); } .el-radio-button:last-child .el-radio-button__inner { border-radius: 0 var(--border-radius-base) var(--border-radius-base) 0; } .el-radio-button:first-child:last-child .el-radio-button__inner { border-radius: var(--border-radius-base); } .el-radio-button--medium .el-radio-button__inner { border-radius: 0; } .el-radio-button--medium .el-radio-button__inner.is-round { padding: 10px 20px; } .el-radio-button--medium .el-radio-button__inner { padding: 10px 20px; font-size: var(--font-size-s); } .el-radio-button--small .el-radio-button__inner { border-radius: 0; } .el-radio-button--small .el-radio-button__inner.is-round { padding: 9px 15px; } .el-radio-button--small .el-radio-button__inner { padding: 9px 15px; font-size: 12px; } .el-radio-button--mini .el-radio-button__inner { border-radius: 0; } .el-radio-button--mini .el-radio-button__inner.is-round { padding: 7px 15px; } .el-radio-button--mini .el-radio-button__inner { padding: 7px 15px; font-size: 12px; } .el-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled) { /*获得焦点时 样式提醒*/ -webkit-box-shadow: 0 0 2px 2px var(--color-primary); box-shadow: 0 0 2px 2px var(--color-primary); } .el-checkbox { color: var(--color-text-base); font-size: var(--font-size-s); position: relative; cursor: pointer; display: inline-block; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-right: 30px; } .el-checkbox.is-bordered { padding: 9px 20px 9px 10px; border-radius: var(--border-radius-base); border: var(--border-base); -webkit-box-sizing: border-box; box-sizing: border-box; line-height: normal; height: 40px; } .el-checkbox.is-bordered.is-checked { border-color: var(--color-primary); } .el-checkbox.is-bordered.is-disabled { border-color: var(--border-color-light); cursor: not-allowed; } .el-checkbox.is-bordered + .el-checkbox.is-bordered { margin-left: 10px; } .el-checkbox.is-bordered.el-checkbox--medium { padding: 7px 20px 7px 10px; border-radius: var(--border-radius-base); height: 36px; } .el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label { line-height: 17px; font-size: var(--font-size-s); } .el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner { height: 14px; width: 14px; } .el-checkbox.is-bordered.el-checkbox--small { padding: 5px 15px 5px 10px; border-radius: var(--border-radius-base)-1; height: 32px; } .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label { line-height: 15px; font-size: 12px; } .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner { height: 12px; width: 12px; } .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after { height: 6px; width: 2px; } .el-checkbox.is-bordered.el-checkbox--mini { padding: 3px 15px 3px 10px; border-radius: var(--border-radius-base)-1; height: 28px; } .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label { line-height: 12px; font-size: 12px; } .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner { height: 12px; width: 12px; } .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after { height: 6px; width: 2px; } .el-checkbox__input { white-space: nowrap; cursor: pointer; outline: none; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; line-height: 1; position: relative; vertical-align: middle; } .el-checkbox__input.is-disabled .el-checkbox__inner { background-color: var(--color-background-base); border-color: var(--border-color-base); cursor: not-allowed; } .el-checkbox__input.is-disabled .el-checkbox__inner::after { cursor: not-allowed; border-color: var(--color-text-lighter); } .el-checkbox__input.is-disabled .el-checkbox__inner + .el-checkbox__label { cursor: not-allowed; } .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner { background-color: var(--border-color-light); border-color: var(--border-color-base); } .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after { border-color: var(--color-text-lighter); } .el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner { background-color: var(--border-color-light); border-color: var(--border-color-base); } .el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before { background-color: var(--color-text-lighter); border-color: var(--color-text-lighter); } .el-checkbox__input.is-disabled + span.el-checkbox__label { color: var(--disabled-color, var(--color-text-base)); cursor: not-allowed; } .el-checkbox__input.is-checked .el-checkbox__inner { background-color: var(--color-primary); border-color: var(--color-primary); } .el-checkbox__input.is-checked .el-checkbox__inner::after { -webkit-transform: rotate(45deg) scaleY(1); transform: rotate(45deg) scaleY(1); } .el-checkbox__input.is-focus { /*focus时 视觉上区分*/ } .el-checkbox__input.is-focus .el-checkbox__inner { border-color: var(--color-primary); } .el-checkbox__input.is-indeterminate .el-checkbox__inner { background-color: var(--color-primary); border-color: var(--color-primary); } .el-checkbox__input.is-indeterminate .el-checkbox__inner::before { content: ""; position: absolute; display: block; background-color: var(--color-foreground-xlight); height: 2px; -webkit-transform: scale(0.5); transform: scale(0.5); left: 0; right: 0; top: 5px; } .el-checkbox__input.is-indeterminate .el-checkbox__inner::after { display: none; } .el-checkbox__inner { display: inline-block; position: relative; border: var(--border-base); border-radius: var(--border-radius-small); margin-top: var(--spacing-5xs); -webkit-box-sizing: border-box; box-sizing: border-box; width: 14px; height: 14px; background-color: var(--color-background-xlight); z-index: 1; -webkit-transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46); transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46); } .el-checkbox__inner:hover { border-color: var(--color-primary); } .el-checkbox__inner::after { -webkit-box-sizing: content-box; box-sizing: content-box; content: ""; border: 1px solid var(--color-foreground-xlight); border-left: 0; border-top: 0; height: 7px; left: 4px; position: absolute; top: 1px; -webkit-transform: rotate(45deg) scaleY(0); transform: rotate(45deg) scaleY(0); width: 3px; -webkit-transition: -webkit-transform 0.15s ease-in 0.05s; transition: -webkit-transform 0.15s ease-in 0.05s; transition: transform 0.15s ease-in 0.05s; transition: transform 0.15s ease-in 0.05s, -webkit-transform 0.15s ease-in 0.05s; -webkit-transform-origin: center; transform-origin: center; } .el-checkbox__original { opacity: 0; outline: none; position: absolute; margin: 0; width: 0; height: 0; z-index: -1; } .el-checkbox__label { display: inline-block; padding-left: 10px; line-height: 19px; font-size: 14px; } .el-checkbox:last-of-type { margin-right: 0; } .el-checkbox-button { position: relative; display: inline-block; } .el-checkbox-button__inner { display: inline-block; line-height: 1; white-space: nowrap; vertical-align: middle; cursor: pointer; background: var(--color-foreground-xlight); border: var(--border-base); border-left: 0; color: var(--color-text-dark); -webkit-appearance: none; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; outline: none; margin: 0; position: relative; -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); border-radius: 0; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; } .el-checkbox-button__inner.is-round { padding: var(--button-padding-vertical, var(--spacing-xs)) var(--button-padding-horizontal, var(--spacing-m)); } .el-checkbox-button__inner { padding: var(--button-padding-vertical, var(--spacing-xs)) var(--button-padding-horizontal, var(--spacing-m)); font-size: var(--button-font-size, var(--font-size-s)); } .el-checkbox-button__inner:hover { color: var(--color-primary); } .el-checkbox-button__inner .el-icon { line-height: 0.9; } .el-checkbox-button__inner .el-icon + span { margin-left: 5px; } .el-checkbox-button__original { opacity: 0; outline: none; position: absolute; margin: 0; z-index: -1; } .el-checkbox-button.is-checked .el-checkbox-button__inner { color: var(--color-text-xlight); background-color: var(--color-primary); border-color: var(--color-primary); -webkit-box-shadow: -1px 0 0 0 var(--color-primary-tint-1); box-shadow: -1px 0 0 0 var(--color-primary-tint-1); } .el-checkbox-button.is-checked:first-child .el-checkbox-button__inner { border-left-color: var(--color-primary); } .el-checkbox-button.is-disabled .el-checkbox-button__inner { color: var(--button-disabled-font-color, var(--color-button-primary-disabled-font)); cursor: not-allowed; background-image: none; background-color: var(--button-disabled-background-color, var(--color-button-primary-disabled-background)); border-color: var(--button-disabled-border-color, var(--color-button-primary-disabled-border)); -webkit-box-shadow: none; box-shadow: none; } .el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner { border-left-color: var(--button-disabled-border-color, var(--color-button-primary-disabled-border)); } .el-checkbox-button:first-child .el-checkbox-button__inner { border-left: var(--border-base); border-radius: var(--border-radius-base) 0 0 var(--border-radius-base); -webkit-box-shadow: none !important; box-shadow: none !important; } .el-checkbox-button.is-focus .el-checkbox-button__inner { border-color: var(--color-primary); } .el-checkbox-button:last-child .el-checkbox-button__inner { border-radius: 0 var(--border-radius-base) var(--border-radius-base) 0; } .el-checkbox-button--medium .el-checkbox-button__inner { border-radius: 0; } .el-checkbox-button--medium .el-checkbox-button__inner.is-round { padding: 10px 20px; } .el-checkbox-button--medium .el-checkbox-button__inner { padding: 10px 20px; font-size: var(--font-size-s); } .el-checkbox-button--small .el-checkbox-button__inner { border-radius: 0; } .el-checkbox-button--small .el-checkbox-button__inner.is-round { padding: 9px 15px; } .el-checkbox-button--small .el-checkbox-button__inner { padding: 9px 15px; font-size: 12px; } .el-checkbox-button--mini .el-checkbox-button__inner { border-radius: 0; } .el-checkbox-button--mini .el-checkbox-button__inner.is-round { padding: 7px 15px; } .el-checkbox-button--mini .el-checkbox-button__inner { padding: 7px 15px; font-size: 12px; } .el-checkbox-group { font-size: 0; } .el-switch { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; font-size: var(--font-size-s); line-height: 20px; height: 20px; vertical-align: middle; } .el-switch .el-loading-mask { border-radius: 10px; } .el-switch.is-disabled .el-switch__core, .el-switch.is-disabled .el-switch__label { cursor: not-allowed; } .el-switch__label { -webkit-transition: 0.2s; transition: 0.2s; height: 20px; display: inline-block; font-size: var(--font-size-s); font-weight: var(--font-weight-medium); cursor: pointer; vertical-align: middle; color: var(--color-text-dark); } .el-switch__label.is-active { color: var(--color-primary); } .el-switch__label--left { margin-right: 10px; } .el-switch__label--right { margin-left: 10px; } .el-switch__label * { line-height: 1; font-size: var(--font-size-s); display: inline-block; } .el-switch__input { position: absolute; width: 0; height: 0; opacity: 0; margin: 0; } .el-switch__core { margin: 0; display: inline-block; position: relative; width: 40px; height: 20px; border: 1px solid var(--color-switch-background); outline: none; border-radius: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; background: var(--color-switch-background); border: 1px solid var(--color-switch-border-color); cursor: pointer; -webkit-transition: border-color 0.1s, background-color 0.1s; transition: border-color 0.1s, background-color 0.1s; vertical-align: middle; } .el-switch__core:after { content: ""; position: absolute; top: 1px; left: 1px; border-radius: 100%; -webkit-transition: all 0.1s; transition: all 0.1s; width: 16px; height: 16px; background-color: var(--color-switch-toggle); } .el-switch.is-checked .el-switch__core { border-color: var(--color-switch-active-background); background-color: var(--color-switch-active-background); } .el-switch.is-checked .el-switch__core::after { left: 100%; margin-left: -17px; } .el-switch.is-disabled { opacity: 0.6; } .el-switch--wide .el-switch__label.el-switch__label--left span { left: 10px; } .el-switch--wide .el-switch__label.el-switch__label--right span { right: 10px; } .el-switch .label-fade-enter-from, .el-switch .label-fade-leave-active { opacity: 0; } .el-skeleton { width: 100%; } .el-skeleton__item { width: 100%; height: 16px; border-radius: var(--border-radius-large); background: var(--color-background-base); display: inline-block; } .el-skeleton__button { width: 162px; height: 40px; border-radius: 20px; } .el-skeleton__p { width: 100%; height: 16px; margin-top: 16px; } .el-skeleton__h1 { height: 20px; margin-top: 14px; } .el-skeleton__image { width: unset; height: 500px !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 8px !important; color: var(--color-foreground-dark); } .el-skeleton__image svg { width: 22%; height: 22%; fill: var(--color-info-tint-1); } .el-skeleton__first-line, .el-skeleton__paragraph { background: var(--color-background-base); } .el-skeleton.is-animated .el-skeleton__item { background: -webkit-gradient(linear, left top, right top, color-stop(25%, var(--color-background-base)), color-stop(37%, var(--color-background-medium)), color-stop(63%, var(--color-background-base))); background: linear-gradient(90deg, var(--color-background-base) 25%, var(--color-background-medium) 37%, var(--color-background-base) 63%); background-size: 400% 100%; -webkit-animation: el-skeleton-loading 1.4s ease infinite; animation: el-skeleton-loading 1.4s ease infinite; } @-webkit-keyframes el-skeleton-loading { 0% { background-position: 100% 50%; } 100% { background-position: 0 50%; } } @keyframes el-skeleton-loading { 0% { background-position: 100% 50%; } 100% { background-position: 0 50%; } } .el-button-group { display: inline-block; vertical-align: middle; } .el-button-group::before, .el-button-group::after { display: table; content: ""; } .el-button-group::after { clear: both; } .el-button-group > .el-button { float: left; position: relative; } .el-button-group > .el-button + .el-button { margin-left: 0; } .el-button-group > .el-button.is-disabled { z-index: 1; } .el-button-group > .el-button:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } .el-button-group > .el-button:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .el-button-group > .el-button:first-child:last-child { border-top-right-radius: var(--border-radius-base); border-bottom-right-radius: var(--border-radius-base); border-top-left-radius: var(--border-radius-base); border-bottom-left-radius: var(--border-radius-base); } .el-button-group > .el-button:first-child:last-child.is-round { border-radius: 20px; } .el-button-group > .el-button:first-child:last-child.is-circle { border-radius: 50%; } .el-button-group > .el-button:not(:first-child):not(:last-child) { border-radius: 0; } .el-button-group > .el-button:not(:last-child) { margin-right: -1px; } .el-button-group > .el-button:hover, .el-button-group > .el-button:focus, .el-button-group > .el-button:active { z-index: 1; } .el-button-group > .el-button.is-active { z-index: 1; } .el-button-group > .el-dropdown > .el-button { border-top-left-radius: 0; border-bottom-left-radius: 0; border-left-color: rgba(var(--color-foreground-xlight), 0.5); } .el-button-group .el-button--primary:first-child { border-right-color: rgba(var(--color-foreground-xlight), 0.5); } .el-button-group .el-button--primary:last-child { border-left-color: rgba(var(--color-foreground-xlight), 0.5); } .el-button-group .el-button--primary:not(:first-child):not(:last-child) { border-left-color: rgba(var(--color-foreground-xlight), 0.5); border-right-color: rgba(var(--color-foreground-xlight), 0.5); } .el-button-group .el-button--success:first-child { border-right-color: rgba(var(--color-foreground-xlight), 0.5); } .el-button-group .el-button--success:last-child { border-left-color: rgba(var(--color-foreground-xlight), 0.5); } .el-button-group .el-button--success:not(:first-child):not(:last-child) { border-left-color: rgba(var(--color-foreground-xlight), 0.5); border-right-color: rgba(var(--color-foreground-xlight), 0.5); } .el-button-group .el-button--warning:first-child { border-right-color: rgba(var(--color-foreground-xlight), 0.5); } .el-button-group .el-button--warning:last-child { border-left-color: rgba(var(--color-foreground-xlight), 0.5); } .el-button-group .el-button--warning:not(:first-child):not(:last-child) { border-left-color: rgba(var(--color-foreground-xlight), 0.5); border-right-color: rgba(var(--color-foreground-xlight), 0.5); } .el-button-group .el-button--danger:first-child { border-right-color: rgba(var(--color-foreground-xlight), 0.5); } .el-button-group .el-button--danger:last-child { border-left-color: rgba(var(--color-foreground-xlight), 0.5); } .el-button-group .el-button--danger:not(:first-child):not(:last-child) { border-left-color: rgba(var(--color-foreground-xlight), 0.5); border-right-color: rgba(var(--color-foreground-xlight), 0.5); } .el-button-group .el-button--info:first-child { border-right-color: rgba(var(--color-foreground-xlight), 0.5); } .el-button-group .el-button--info:last-child { border-left-color: rgba(var(--color-foreground-xlight), 0.5); } .el-button-group .el-button--info:not(:first-child):not(:last-child) { border-left-color: rgba(var(--color-foreground-xlight), 0.5); border-right-color: rgba(var(--color-foreground-xlight), 0.5); } .el-tooltip { max-width: 200px; } .el-tooltip:focus:not(.focusing), .el-tooltip:focus:hover { outline-width: 0; } .el-tooltip__popper { position: absolute; border-radius: 4px; padding: 10px; z-index: 2000; font-size: 12px; line-height: 1.2; min-width: 10px; word-wrap: break-word; font-weight: var(--font-weight-regular); } .el-tooltip__popper a { color: var(--color-primary); font-weight: var(--font-weight-bold); } .el-tooltip__popper .el-popper__arrow, .el-tooltip__popper .el-popper__arrow::after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .el-tooltip__popper .el-popper__arrow { border-width: 6px; } .el-tooltip__popper .el-popper__arrow::after { content: " "; border-width: 5px; } .el-tooltip__popper[data-popper-placement^=top] .el-popper__arrow { bottom: -6px; border-top-color: var(--color-background-dark); border-bottom-width: 0; } .el-tooltip__popper[data-popper-placement^=top] .el-popper__arrow::after { bottom: 1px; margin-left: -5px; border-top-color: var(--color-background-dark); border-bottom-width: 0; } .el-tooltip__popper[data-popper-placement^=bottom] .el-popper__arrow { top: -6px; border-top-width: 0; border-bottom-color: var(--color-background-dark); } .el-tooltip__popper[data-popper-placement^=bottom] .el-popper__arrow::after { top: 1px; margin-left: -5px; border-top-width: 0; border-bottom-color: var(--color-background-dark); } .el-tooltip__popper[data-popper-placement^=right] .el-popper__arrow { left: -6px; border-right-color: var(--color-background-dark); border-left-width: 0; } .el-tooltip__popper[data-popper-placement^=right] .el-popper__arrow::after { bottom: -5px; left: 1px; border-right-color: var(--color-background-dark); border-left-width: 0; } .el-tooltip__popper[data-popper-placement^=left] .el-popper__arrow { right: -6px; border-right-width: 0; border-left-color: var(--color-background-dark); } .el-tooltip__popper[data-popper-placement^=left] .el-popper__arrow::after { right: 1px; bottom: -5px; margin-left: -5px; border-right-width: 0; border-left-color: var(--color-background-dark); } .el-tooltip__popper.is-is-dark { background: var(--color-background-dark); color: var(--color-foreground-xlight); } .el-tooltip__popper.is-is-light { background: var(--color-foreground-xlight); border: 1px solid var(--color-background-dark); } .el-tooltip__popper.is-is-light[data-popper-placement^=top] .el-popper__arrow { border-top-color: var(--color-background-dark); } .el-tooltip__popper.is-is-light[data-popper-placement^=top] .el-popper__arrow::after { border-top-color: var(--color-foreground-xlight); } .el-tooltip__popper.is-is-light[data-popper-placement^=bottom] .el-popper__arrow { border-bottom-color: var(--color-background-dark); } .el-tooltip__popper.is-is-light[data-popper-placement^=bottom] .el-popper__arrow::after { border-bottom-color: var(--color-foreground-xlight); } .el-tooltip__popper.is-is-light[data-popper-placement^=left] .el-popper__arrow { border-left-color: var(--color-background-dark); } .el-tooltip__popper.is-is-light[data-popper-placement^=left] .el-popper__arrow::after { border-left-color: var(--color-foreground-xlight); } .el-tooltip__popper.is-is-light[data-popper-placement^=right] .el-popper__arrow { border-right-color: var(--color-background-dark); } .el-tooltip__popper.is-is-light[data-popper-placement^=right] .el-popper__arrow::after { border-right-color: var(--color-foreground-xlight); } .el-table { position: relative; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 100%; max-width: 100%; background-color: var(--color-foreground-xlight); font-size: 14px; color: var(--color-text-dark); } .el-table__empty-block { min-height: 60px; text-align: center; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .el-table__empty-text { line-height: 60px; width: 50%; color: var(--color-text-light); } .el-table__expand-column .cell { padding: 0; text-align: center; } .el-table__expand-icon { position: relative; cursor: pointer; color: var(--color-text-base); font-size: 12px; -webkit-transition: -webkit-transform 0.2s ease-in-out; transition: -webkit-transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; height: 20px; } .el-table__expand-icon--expanded { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .el-table__expand-icon > .el-icon { position: absolute; left: 50%; top: 50%; margin-left: -5px; margin-top: -5px; } .el-table__expanded-cell { background-color: var(--color-foreground-xlight); } .el-table__expanded-cell[class*=cell] { padding: 20px 50px; } .el-table__expanded-cell:hover { background-color: transparent !important; } .el-table__placeholder { display: inline-block; width: 20px; } .el-table__append-wrapper { overflow: hidden; } .el-table--fit { border-right: 0; border-bottom: 0; } .el-table--fit th.gutter, .el-table--fit td.gutter { border-right-width: 1px; } .el-table--scrollable-x .el-table__body-wrapper { overflow-x: auto; } .el-table--scrollable-y .el-table__body-wrapper { overflow-y: auto; } .el-table thead { color: var(--color-text-light); font-weight: var(--font-weight-medium); } .el-table thead.is-group th { background: var(--color-background-base); } .el-table th, .el-table td { padding: 12px 0; min-width: 0; -webkit-box-sizing: border-box; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; text-align: left; } .el-table th.is-center, .el-table td.is-center { text-align: center; } .el-table th.is-right, .el-table td.is-right { text-align: right; } .el-table th.gutter, .el-table td.gutter { width: 15px; border-right-width: 0; border-bottom-width: 0; padding: 0; } .el-table th.is-hidden > *, .el-table td.is-hidden > * { visibility: hidden; } .el-table--medium th, .el-table--medium td { padding: 10px 0; } .el-table--small { font-size: 12px; } .el-table--small th, .el-table--small td { padding: 8px 0; } .el-table--mini { font-size: 12px; } .el-table--mini th, .el-table--mini td { padding: 6px 0; } .el-table tr { background-color: var(--color-foreground-xlight); } .el-table tr input[type=checkbox] { margin: 0; } .el-table th.is-leaf, .el-table td { border-bottom: 1px solid var(--border-color-light); } .el-table th.is-sortable { cursor: pointer; } .el-table th { overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: var(--color-foreground-xlight); } .el-table th > .cell { display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; vertical-align: middle; padding-left: 10px; padding-right: 10px; width: 100%; } .el-table th > .cell.highlight { color: var(--color-primary); } .el-table th.required > div::before { display: inline-block; content: ""; width: 8px; height: 8px; border-radius: 50%; background: #ff4d51; margin-right: 5px; vertical-align: middle; } .el-table td div { -webkit-box-sizing: border-box; box-sizing: border-box; } .el-table td.gutter { width: 0; } .el-table .cell { -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: break-all; line-height: 23px; padding-left: 10px; padding-right: 10px; } .el-table .cell.el-tooltip { white-space: nowrap; min-width: 50px; } .el-table--group, .el-table--border { border: 1px solid var(--border-color-light); } .el-table::before, .el-table--group::after, .el-table--border::after { content: ""; position: absolute; background-color: var(--border-color-light); z-index: 1; } .el-table--group::after, .el-table--border::after { top: 0; right: 0; width: 1px; height: 100%; } .el-table::before { left: 0; bottom: 0; width: 100%; height: 1px; } .el-table--border { border-right: none; border-bottom: none; } .el-table--border.el-loading-parent--relative { border-color: transparent; } .el-table--border th, .el-table--border td { border-right: 1px solid var(--border-color-light); } .el-table--border th:first-child .cell, .el-table--border td:first-child .cell { padding-left: 10px; } .el-table--border th.gutter:last-of-type { border-bottom: 1px solid var(--border-color-light); border-bottom-width: 1px; } .el-table--border th { border-bottom: 1px solid var(--border-color-light); } .el-table--hidden { visibility: hidden; } .el-table__fixed, .el-table__fixed-right { position: absolute; top: 0; left: 0; overflow-x: hidden; overflow-y: hidden; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.12); box-shadow: 0 0 10px rgba(0, 0, 0, 0.12); } .el-table__fixed::before, .el-table__fixed-right::before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: var(--border-color-light); z-index: 4; } .el-table__fixed-right-patch { position: absolute; top: -1px; right: 0; background-color: var(--color-foreground-xlight); border-bottom: 1px solid var(--border-color-light); } .el-table__fixed-right { top: 0; left: auto; right: 0; } .el-table__fixed-right .el-table__fixed-header-wrapper, .el-table__fixed-right .el-table__fixed-body-wrapper, .el-table__fixed-right .el-table__fixed-footer-wrapper { left: auto; right: 0; } .el-table__fixed-header-wrapper { position: absolute; left: 0; top: 0; z-index: 3; } .el-table__fixed-footer-wrapper { position: absolute; left: 0; bottom: 0; z-index: 3; } .el-table__fixed-footer-wrapper tbody td { border-top: 1px solid var(--border-color-light); background-color: var(--color-table-row-hover-background); color: var(--color-text-dark); } .el-table__fixed-body-wrapper { position: absolute; left: 0; top: 37px; overflow: hidden; z-index: 3; } .el-table__header-wrapper, .el-table__body-wrapper, .el-table__footer-wrapper { width: 100%; } .el-table__footer-wrapper { margin-top: -1px; } .el-table__footer-wrapper td { border-top: 1px solid var(--border-color-light); } .el-table__header, .el-table__body, .el-table__footer { table-layout: fixed; border-collapse: separate; } .el-table__header-wrapper, .el-table__footer-wrapper { overflow: hidden; } .el-table__header-wrapper tbody td, .el-table__footer-wrapper tbody td { background-color: var(--color-table-row-hover-background); color: var(--color-text-dark); } .el-table__body-wrapper { overflow: hidden; position: relative; } .el-table__body-wrapper.is-scrolling-none ~ .el-table__fixed, .el-table__body-wrapper.is-scrolling-none ~ .el-table__fixed-right { -webkit-box-shadow: none; box-shadow: none; } .el-table__body-wrapper.is-scrolling-left ~ .el-table__fixed { -webkit-box-shadow: none; box-shadow: none; } .el-table__body-wrapper.is-scrolling-right ~ .el-table__fixed-right { -webkit-box-shadow: none; box-shadow: none; } .el-table__body-wrapper .el-table--border.is-scrolling-right ~ .el-table__fixed-right { border-left: 1px solid var(--border-color-light); } .el-table__body-wrapper .el-table--border.is-scrolling-left ~ .el-table__fixed { border-right: 1px solid var(--border-color-light); } .el-table .caret-wrapper { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 34px; width: 24px; vertical-align: middle; cursor: pointer; overflow: initial; position: relative; } .el-table .sort-caret { width: 0; height: 0; border: solid 5px transparent; position: absolute; left: 7px; } .el-table .sort-caret.ascending { border-bottom-color: var(--color-text-light); top: 5px; } .el-table .sort-caret.descending { border-top-color: var(--color-text-light); bottom: 7px; } .el-table .ascending .sort-caret.ascending { border-bottom-color: var(--color-primary); } .el-table .descending .sort-caret.descending { border-top-color: var(--color-primary); } .el-table .hidden-columns { visibility: hidden; position: absolute; z-index: -1; } .el-table--striped .el-table__body tr.el-table__row--striped td { background: var(--color-table-row-even-background); } .el-table--striped .el-table__body tr.el-table__row--striped.current-row td { background-color: var(--color-primary-tint-3); } .el-table__body tr.hover-row > td, .el-table__body tr.hover-row.current-row > td, .el-table__body tr.hover-row.el-table__row--striped > td, .el-table__body tr.hover-row.el-table__row--striped.current-row > td { background-color: var(--color-table-row-hover-background); } .el-table__body tr.current-row > td { background-color: var(--color-primary-tint-3); } .el-table__column-resize-proxy { position: absolute; left: 200px; top: 0; bottom: 0; width: 0; border-left: 1px solid var(--border-color-light); z-index: 10; } .el-table__column-filter-trigger { display: inline-block; line-height: 34px; cursor: pointer; } .el-table__column-filter-trigger i { color: var(--color-info); font-size: 12px; -webkit-transform: scale(0.75); transform: scale(0.75); } .el-table--enable-row-transition .el-table__body td { -webkit-transition: background-color 0.25s ease; transition: background-color 0.25s ease; } .el-table--enable-row-hover .el-table__body tr:hover > td { background-color: var(--color-table-row-hover-background); } .el-table--fluid-height .el-table__fixed, .el-table--fluid-height .el-table__fixed-right { bottom: 0; overflow: hidden; } .el-table [class*=el-table__row--level] .el-table__expand-icon { display: inline-block; width: 20px; line-height: 20px; height: 20px; text-align: center; margin-right: 3px; } .el-table-column--selection .cell { padding-left: 14px; padding-right: 14px; } .el-table-filter { border: solid 1px var(--border-color-light); border-radius: 2px; background-color: var(--color-foreground-xlight); -webkit-box-shadow: var(--box-shadow-light); box-shadow: var(--box-shadow-light); -webkit-box-sizing: border-box; box-sizing: border-box; margin: 2px 0; /** used for dropdown mode */ } .el-table-filter__list { padding: 5px 0; margin: 0; list-style: none; min-width: 100px; } .el-table-filter__list-item { line-height: 36px; padding: 0 10px; cursor: pointer; font-size: var(--font-size-s); } .el-table-filter__list-item:hover { background-color: var(--color-action-dropdown-item-active-background); color: var(--color-text-dark); } .el-table-filter__list-item.is-active { background-color: var(--color-primary); color: var(--color-foreground-xlight); } .el-table-filter__content { min-width: 100px; } .el-table-filter__bottom { border-top: 1px solid var(--border-color-light); padding: 8px; } .el-table-filter__bottom button { background: transparent; border: none; color: var(--color-text-dark); cursor: pointer; font-size: var(--font-size-xs); padding: 0 3px; } .el-table-filter__bottom button:hover { color: var(--color-primary); } .el-table-filter__bottom button:focus { outline: none; } .el-table-filter__bottom button.is-disabled { color: var(--disabled-color, var(--color-text-base)); cursor: not-allowed; } .el-table-filter__wrap { max-height: 280px; } .el-table-filter__checkbox-group { padding: 10px; } .el-table-filter__checkbox-group label.el-checkbox { display: block; margin-right: 5px; margin-bottom: 8px; margin-left: 5px; } .el-table-filter__checkbox-group .el-checkbox:last-child { margin-bottom: 0; } .el-date-table { font-size: 12px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .el-date-table.is-week-mode .el-date-table__row:hover div { background-color: var(--border-color-light); } .el-date-table.is-week-mode .el-date-table__row:hover td.available:hover { color: var(--color-text-dark); } .el-date-table.is-week-mode .el-date-table__row:hover td:first-child div { margin-left: 5px; border-top-left-radius: 15px; border-bottom-left-radius: 15px; } .el-date-table.is-week-mode .el-date-table__row:hover td:last-child div { margin-right: 5px; border-top-right-radius: 15px; border-bottom-right-radius: 15px; } .el-date-table.is-week-mode .el-date-table__row.current div { background-color: var(--border-color-light); } .el-date-table td { width: 32px; height: 30px; padding: 4px 0; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; cursor: pointer; position: relative; } .el-date-table td div { height: 30px; padding: 3px 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .el-date-table td span { width: 24px; height: 24px; display: block; margin: 0 auto; line-height: 24px; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); border-radius: 50%; } .el-date-table td.next-month, .el-date-table td.prev-month { color: var(--color-text-lighter); } .el-date-table td.today { position: relative; } .el-date-table td.today span { color: var(--color-primary); font-weight: var(--font-weight-bold); } .el-date-table td.today.start-date span, .el-date-table td.today.end-date span { color: var(--color-foreground-xlight); } .el-date-table td.available:hover { color: var(--color-primary); } .el-date-table td.in-range div { background-color: var(--border-color-light); } .el-date-table td.in-range div:hover { background-color: var(--border-color-light); } .el-date-table td.current:not(.disabled) span { color: var(--color-foreground-xlight); background-color: var(--color-primary); } .el-date-table td.start-date div, .el-date-table td.end-date div { color: var(--color-foreground-xlight); } .el-date-table td.start-date span, .el-date-table td.end-date span { background-color: var(--color-primary); } .el-date-table td.start-date div { margin-left: 5px; border-top-left-radius: 15px; border-bottom-left-radius: 15px; } .el-date-table td.end-date div { margin-right: 5px; border-top-right-radius: 15px; border-bottom-right-radius: 15px; } .el-date-table td.disabled div { background-color: var(--color-background-base); opacity: 1; cursor: not-allowed; color: var(--color-text-lighter); } .el-date-table td.selected div { margin-left: 5px; margin-right: 5px; background-color: var(--border-color-light); border-radius: 15px; } .el-date-table td.selected div:hover { background-color: var(--border-color-light); } .el-date-table td.selected span { background-color: var(--color-primary); color: var(--color-foreground-xlight); border-radius: 15px; } .el-date-table td.week { font-size: 80%; color: var(--color-text-dark); } .el-date-table th { padding: 5px; color: var(--color-text-dark); font-weight: var(--font-weight-regular); border-bottom: solid 1px var(--border-color-light); } .el-month-table { font-size: 12px; margin: -1px; border-collapse: collapse; } .el-month-table td { text-align: center; padding: 8px 0; cursor: pointer; } .el-month-table td div { height: 48px; padding: 6px 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .el-month-table td.today .cell { color: var(--color-primary); font-weight: var(--font-weight-bold); } .el-month-table td.today.start-date .cell, .el-month-table td.today.end-date .cell { color: var(--color-foreground-xlight); } .el-month-table td.disabled .cell { background-color: var(--color-background-base); cursor: not-allowed; color: var(--color-text-lighter); } .el-month-table td.disabled .cell:hover { color: var(--color-text-lighter); } .el-month-table td .cell { width: 60px; height: 36px; display: block; line-height: 36px; color: var(--color-text-dark); margin: 0 auto; border-radius: 18px; } .el-month-table td .cell:hover { color: var(--color-primary); } .el-month-table td.in-range div { background-color: var(--border-color-light); } .el-month-table td.in-range div:hover { background-color: var(--border-color-light); } .el-month-table td.start-date div, .el-month-table td.end-date div { color: var(--color-foreground-xlight); } .el-month-table td.start-date .cell, .el-month-table td.end-date .cell { color: var(--color-foreground-xlight); background-color: var(--color-primary); } .el-month-table td.start-date div { border-top-left-radius: 24px; border-bottom-left-radius: 24px; } .el-month-table td.end-date div { border-top-right-radius: 24px; border-bottom-right-radius: 24px; } .el-month-table td.current:not(.disabled) .cell { color: var(--color-primary); } .el-year-table { font-size: 12px; margin: -1px; border-collapse: collapse; } .el-year-table .el-icon { color: var(--color-text-dark); } .el-year-table td { text-align: center; padding: 20px 3px; cursor: pointer; } .el-year-table td.today .cell { color: var(--color-primary); font-weight: var(--font-weight-bold); } .el-year-table td.disabled .cell { background-color: var(--color-background-base); cursor: not-allowed; color: var(--color-text-lighter); } .el-year-table td.disabled .cell:hover { color: var(--color-text-lighter); } .el-year-table td .cell { width: 48px; height: 32px; display: block; line-height: 32px; color: var(--color-text-dark); margin: 0 auto; } .el-year-table td .cell:hover { color: var(--color-primary); } .el-year-table td.current:not(.disabled) .cell { color: var(--color-primary); } .el-time-spinner.has-seconds .el-time-spinner__wrapper { width: 33.3%; } .el-time-spinner__wrapper { max-height: 190px; display: inline-block; width: 50%; vertical-align: top; position: relative; } .el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default) { padding-bottom: 15px; } .el-time-spinner__wrapper.is-arrow { -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; overflow: hidden; } .el-time-spinner__wrapper.is-arrow .el-time-spinner__list { -webkit-transform: translateY(-32px); transform: translateY(-32px); } .el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.disabled):not(.active) { background: var(--color-foreground-xlight); cursor: default; } .el-time-spinner__arrow { font-size: 12px; color: var(--color-text-light); position: absolute; left: 0; width: 100%; z-index: 1; text-align: center; height: 30px; line-height: 30px; cursor: pointer; } .el-time-spinner__arrow:hover { color: var(--color-primary); } .el-time-spinner__arrow.el-icon-arrow-up { top: 10px; } .el-time-spinner__arrow.el-icon-arrow-down { bottom: 10px; } .el-time-spinner__input.el-input { width: 70%; } .el-time-spinner__input.el-input .el-input__inner { padding: 0; text-align: center; } .el-time-spinner__list { padding: 0; margin: 0; list-style: none; text-align: center; } .el-time-spinner__list::after, .el-time-spinner__list::before { content: ""; display: block; width: 100%; height: 80px; } .el-time-spinner__item { height: 32px; line-height: 32px; font-size: 12px; color: var(--color-text-dark); } .el-time-spinner__item:hover:not(.disabled):not(.active) { background: var(--color-background-base); cursor: pointer; } .el-time-spinner__item.active:not(.disabled) { color: var(--color-text-dark); font-weight: var(--font-weight-bold); } .el-time-spinner__item.disabled { color: var(--color-text-lighter); cursor: not-allowed; } .el-date-editor { position: relative; display: inline-block; text-align: left; } .el-date-editor.el-input, .el-date-editor.el-input__inner { width: 100%; } .el-date-editor--monthrange.el-input, .el-date-editor--monthrange.el-input__inner { width: 300px; } .el-date-editor--daterange.el-input, .el-date-editor--daterange.el-input__inner, .el-date-editor--timerange.el-input, .el-date-editor--timerange.el-input__inner { width: 350px; } .el-date-editor--datetimerange.el-input, .el-date-editor--datetimerange.el-input__inner { width: 400px; } .el-date-editor--dates .el-input__inner { text-overflow: ellipsis; white-space: nowrap; } .el-date-editor .el-icon-circle-close { cursor: pointer; } .el-date-editor .el-range__icon { font-size: 14px; margin-left: -5px; color: var(--color-text-lighter); float: left; line-height: 32px; } .el-date-editor .el-range-input { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; outline: none; display: inline-block; height: 100%; margin: 0; padding: 0; width: 39%; text-align: center; font-size: var(--font-size-s); color: var(--color-text-dark); } .el-date-editor .el-range-input::-webkit-input-placeholder { color: var(--color-text-lighter); } .el-date-editor .el-range-input::-moz-placeholder { color: var(--color-text-lighter); } .el-date-editor .el-range-input:-ms-input-placeholder { color: var(--color-text-lighter); } .el-date-editor .el-range-input::-ms-input-placeholder { color: var(--color-text-lighter); } .el-date-editor .el-range-input::placeholder { color: var(--color-text-lighter); } .el-date-editor .el-range-separator { display: inline-block; height: 100%; padding: 0 5px; margin: 0; text-align: center; line-height: 32px; font-size: 14px; width: 5%; color: var(--color-text-dark); } .el-date-editor .el-range__close-icon { font-size: 14px; color: var(--color-text-lighter); width: 25px; display: inline-block; float: right; line-height: 32px; } .el-range-editor.el-input__inner { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 3px 10px; } .el-range-editor .el-range-input { line-height: 1; } .el-range-editor.is-active { border-color: var(--color-primary); } .el-range-editor.is-active:hover { border-color: var(--color-primary); } .el-range-editor--medium.el-input__inner { height: 36px; } .el-range-editor--medium .el-range-separator { line-height: 28px; font-size: var(--input-font-size, 14px); } .el-range-editor--medium .el-range-input { font-size: var(--input-font-size, 14px); } .el-range-editor--medium .el-range__icon, .el-range-editor--medium .el-range__close-icon { line-height: 28px; } .el-range-editor--small.el-input__inner { height: 30px; } .el-range-editor--small .el-range-separator { line-height: 24px; font-size: 12px; } .el-range-editor--small .el-range-input { font-size: 12px; } .el-range-editor--small .el-range__icon, .el-range-editor--small .el-range__close-icon { line-height: 24px; } .el-range-editor--mini.el-input__inner { height: 26px; } .el-range-editor--mini .el-range-separator { line-height: 20px; font-size: 12px; } .el-range-editor--mini .el-range-input { font-size: 12px; } .el-range-editor--mini .el-range__icon, .el-range-editor--mini .el-range__close-icon { line-height: 20px; } .el-range-editor.is-disabled { background-color: var(--disabled-fill, var(--color-background-light)); border-color: var(--disabled-border, var(--border-color-base)); color: var(--disabled-color, var(--color-text-base)); cursor: not-allowed; } .el-range-editor.is-disabled:hover, .el-range-editor.is-disabled:focus { border-color: var(--disabled-border, var(--border-color-base)); } .el-range-editor.is-disabled input { background-color: var(--disabled-fill, var(--color-background-light)); color: var(--disabled-color, var(--color-text-base)); cursor: not-allowed; } .el-range-editor.is-disabled input::-webkit-input-placeholder { color: var(--color-text-lighter); } .el-range-editor.is-disabled input::-moz-placeholder { color: var(--color-text-lighter); } .el-range-editor.is-disabled input:-ms-input-placeholder { color: var(--color-text-lighter); } .el-range-editor.is-disabled input::-ms-input-placeholder { color: var(--color-text-lighter); } .el-range-editor.is-disabled input::placeholder { color: var(--color-text-lighter); } .el-range-editor.is-disabled .el-range-separator { color: var(--disabled-color, var(--color-text-base)); } .el-picker-panel { color: var(--color-text-dark); border: 1px solid var(--disabled-border, var(--border-color-base)); -webkit-box-shadow: var(--box-shadow-light); box-shadow: var(--box-shadow-light); background: var(--color-foreground-xlight); border-radius: var(--border-radius-base); line-height: 30px; margin: 5px 0; } .el-picker-panel__body::after, .el-picker-panel__body-wrapper::after { content: ""; display: table; clear: both; } .el-picker-panel__content { position: relative; margin: 15px; } .el-picker-panel__footer { border-top: 1px solid var(--color-foreground-base); padding: 4px; text-align: right; background-color: var(--color-foreground-xlight); position: relative; font-size: 0; } .el-picker-panel__shortcut { display: block; width: 100%; border: 0; background-color: transparent; line-height: 28px; font-size: 14px; color: var(--color-text-dark); padding-left: 12px; text-align: left; outline: none; cursor: pointer; } .el-picker-panel__shortcut:hover { color: var(--color-primary); } .el-picker-panel__shortcut.active { background-color: #e6f1fe; color: var(--color-primary); } .el-picker-panel__btn { border: 1px solid #dcdcdc; color: #333; line-height: 24px; border-radius: 2px; padding: 0 20px; cursor: pointer; background-color: transparent; outline: none; font-size: 12px; } .el-picker-panel__btn[disabled] { color: var(--color-text-lighter); cursor: not-allowed; } .el-picker-panel__icon-btn { font-size: 12px; color: var(--color-text-dark); border: 0; background: transparent; cursor: pointer; outline: none; margin-top: 8px; } .el-picker-panel__icon-btn:hover { color: var(--color-primary); } .el-picker-panel__icon-btn.is-disabled { color: var(--color-text-light); } .el-picker-panel__icon-btn.is-disabled:hover { cursor: not-allowed; } .el-picker-panel__link-btn, .el-picker-panel__link-btn:focus, .el-picker-panel__link-btn:hover { color: hsl(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l)); background-color: var(--color-foreground-xlight); border-color: hsl(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l)); } .el-picker-panel__link-btn.is-loading { color: hsl(var(--color-primary-h), var(--color-primary-s), calc(var(--color-primary-l) + 10%)); background-color: var(--color-foreground-xlight); border-color: hsl(var(--color-primary-h), var(--color-primary-s), calc(var(--color-primary-l) + 10%)); } .el-picker-panel__link-btn:active { border-color: hsl(var(--color-primary-h), var(--color-primary-s), calc(var(--color-primary-l) + -10%)); background-color: var(--color-foreground-xlight); color: hsl(var(--color-primary-h), var(--color-primary-s), calc(var(--color-primary-l) + -10%)); outline: none; } .el-picker-panel__link-btn.is-disabled, .el-picker-panel__link-btn.is-disabled:hover, .el-picker-panel__link-btn.is-disabled:focus, .el-picker-panel__link-btn.is-disabled:active { color: var(--color-text-light); background-color: var(--color-foreground-xlight); border-color: var(--color-foreground-base); } .el-picker-panel__link-btn.is-round { padding: var(--spacing-3xs) var(--spacing-xs); } .el-picker-panel__link-btn { padding: var(--spacing-3xs) var(--spacing-xs); font-size: var(--font-size-2xs); } .el-picker-panel__link-btn { --button-border-radius: 20px; } .el-picker-panel__link-btn.is-plain { color: var(--button-font-color, var(--color-button-primary-font)); background-color: hsl(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l)); border-color: hsl(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l)); } .el-picker-panel__link-btn.is-plain:active { background: hsl(var(--color-primary-h), var(--color-primary-s), calc(var(--color-primary-l) + -10%)); border-color: hsl(var(--color-primary-h), var(--color-primary-s), calc(var(--color-primary-l) + -10%)); color: var(--button-font-color, var(--color-button-primary-font)); outline: none; } .el-picker-panel__link-btn.is-plain.is-active { background: hsl(var(--color-primary-h), var(--color-primary-s), calc(var(--color-primary-l) + -10%)); border-color: hsl(var(--color-primary-h), var(--color-primary-s), calc(var(--color-primary-l) + -10%)); color: var(--button-font-color, var(--color-button-primary-font)); } .el-picker-panel__link-btn.is-plain.is-light { color: hsl(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l)); background-color: hsl(var(--color-primary-h), var(--color-primary-s), var(--color-primary-tint-2-l)); border-color: hsl(var(--color-primary-h), var(--color-primary-s), var(--color-primary-tint-2-l)); } .el-picker-panel__link-btn.is-plain.is-disabled, .el-picker-panel__link-btn.is-plain.is-disabled:hover, .el-picker-panel__link-btn.is-plain.is-disabled:focus, .el-picker-panel__link-btn.is-plain.is-disabled:active { color: var(--color-text-light); background-color: var(--color-foreground-base); border-color: var(--color-foreground-base); } .el-picker-panel__link-btn { vertical-align: middle; margin-left: var(--spacing-2xs); } .el-picker-panel *[slot=sidebar], .el-picker-panel__sidebar { position: absolute; top: 0; bottom: 0; width: 110px; border-right: 1px solid var(--color-foreground-base); -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 6px; background-color: var(--color-foreground-xlight); overflow: auto; } .el-picker-panel *[slot=sidebar] + .el-picker-panel__body, .el-picker-panel__sidebar + .el-picker-panel__body { margin-left: 110px; } .el-date-picker { width: 322px; } .el-date-picker.has-sidebar.has-time { width: 434px; } .el-date-picker.has-sidebar { width: 438px; } .el-date-picker.has-time .el-picker-panel__body-wrapper { position: relative; } .el-date-picker .el-picker-panel__content { width: 292px; } .el-date-picker table { table-layout: fixed; width: 100%; } .el-date-picker__editor-wrap { position: relative; display: table-cell; padding: 0 5px; } .el-date-picker__time-header { position: relative; border-bottom: 1px solid var(--color-foreground-base); font-size: 12px; padding: 8px 5px 5px; display: table; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .el-date-picker__header { margin: 12px; text-align: center; } .el-date-picker__header--bordered { margin-bottom: 0; padding-bottom: 12px; border-bottom: solid 1px var(--border-color-light); } .el-date-picker__header--bordered + .el-picker-panel__content { margin-top: 0; } .el-date-picker__header-label { font-size: 16px; font-weight: var(--font-weight-medium); padding: 0 5px; line-height: 22px; text-align: center; cursor: pointer; color: var(--color-text-dark); } .el-date-picker__header-label:hover { color: var(--color-primary); } .el-date-picker__header-label.active { color: var(--color-primary); } .el-date-picker__prev-btn { float: left; } .el-date-picker__next-btn { float: right; } .el-date-picker__time-wrap { padding: 10px; text-align: center; } .el-date-picker__time-label { float: left; cursor: pointer; line-height: 30px; margin-left: 10px; } .el-date-range-picker { width: 646px; } .el-date-range-picker.has-sidebar { width: 756px; } .el-date-range-picker table { table-layout: fixed; width: 100%; } .el-date-range-picker .el-picker-panel__body { min-width: 513px; } .el-date-range-picker .el-picker-panel__content { margin: 0; } .el-date-range-picker__header { position: relative; text-align: center; height: 28px; } .el-date-range-picker__header [class*=arrow-left] { float: left; } .el-date-range-picker__header [class*=arrow-right] { float: right; } .el-date-range-picker__header div { font-size: 16px; font-weight: var(--font-weight-medium); margin-right: 50px; } .el-date-range-picker__content { float: left; width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 16px; } .el-date-range-picker__content.is-left { border-right: 1px solid var(--color-foreground-base); } .el-date-range-picker__content .el-date-range-picker__header div { margin-left: 50px; margin-right: 50px; } .el-date-range-picker__editors-wrap { -webkit-box-sizing: border-box; box-sizing: border-box; display: table-cell; } .el-date-range-picker__editors-wrap.is-right { text-align: right; } .el-date-range-picker__time-header { position: relative; border-bottom: 1px solid var(--color-foreground-base); font-size: 12px; padding: 8px 5px 5px; display: table; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .el-date-range-picker__time-header > .el-icon-arrow-right { font-size: 20px; vertical-align: middle; display: table-cell; color: var(--color-text-dark); } .el-date-range-picker__time-picker-wrap { position: relative; display: table-cell; padding: 0 5px; } .el-date-range-picker__time-picker-wrap .el-picker-panel { position: absolute; top: 13px; right: 0; z-index: 1; background: var(--color-foreground-xlight); } .el-time-range-picker { width: 354px; overflow: visible; } .el-time-range-picker__content { position: relative; text-align: center; padding: 10px; } .el-time-range-picker__cell { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 4px 7px 7px; width: 50%; display: inline-block; } .el-time-range-picker__header { margin-bottom: 5px; text-align: center; font-size: 14px; } .el-time-range-picker__body { border-radius: 2px; border: 1px solid var(--disabled-border, var(--border-color-base)); } .el-time-panel { margin: 5px 0; border: solid 1px var(--disabled-border, var(--border-color-base)); background-color: var(--color-foreground-xlight); -webkit-box-shadow: var(--box-shadow-light); box-shadow: var(--box-shadow-light); border-radius: 2px; position: absolute; width: 180px; left: 0; z-index: 1000; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-box-sizing: content-box; box-sizing: content-box; } .el-time-panel__content { font-size: 0; position: relative; overflow: hidden; } .el-time-panel__content::after, .el-time-panel__content::before { content: ""; top: 50%; position: absolute; margin-top: -15px; height: 32px; z-index: -1; left: 0; right: 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 6px; text-align: left; border-top: 1px solid var(--border-color-base); border-bottom: 1px solid var(--border-color-base); } .el-time-panel__content::after { left: 50%; margin-left: 12%; margin-right: 12%; } .el-time-panel__content::before { padding-left: 50%; margin-right: 12%; margin-left: 12%; } .el-time-panel__content.has-seconds::after { left: 66.6666666667%; } .el-time-panel__content.has-seconds::before { padding-left: 33.3333333333%; } .el-time-panel__footer { border-top: 1px solid var(--color-foreground-base); padding: 4px; height: 36px; line-height: 25px; text-align: right; -webkit-box-sizing: border-box; box-sizing: border-box; } .el-time-panel__btn { border: none; line-height: 28px; padding: 0 5px; margin: 0 5px; cursor: pointer; background-color: transparent; outline: none; font-size: 12px; color: var(--color-text-dark); } .el-time-panel__btn.confirm { font-weight: var(--font-weight-bold); color: var(--color-primary); } .el-picker-panel__footer .el-picker-panel__link-btn:last-child { background: var(--color-primary); color: var(--color-foreground-xlight); } .el-popover { position: absolute; background: var(--color-foreground-xlight); min-width: 150px; border-radius: 4px; border: 1px solid var(--border-color-light); padding: var(--spacing-s); z-index: 2000; color: var(--color-text-dark); line-height: 1.4; text-align: justify; font-size: var(--font-size-s); -webkit-box-shadow: var(--box-shadow-light); box-shadow: var(--box-shadow-light); word-break: break-all; } .el-popover--plain { padding: 18px 20px; } .el-popover__title { color: var(--color-text-dark); font-size: 16px; line-height: 1; margin-bottom: 12px; } .el-popover__reference:focus:not(.focusing), .el-popover__reference:focus:hover { outline-width: 0; } .el-popover:focus:active, .el-popover:focus { outline-width: 0; } .el-message-box { display: inline-block; width: 420px; padding-bottom: var(--spacing-s); vertical-align: middle; background-color: var(--color-foreground-xlight); border-radius: 4px; border: 1px solid var(--border-color-light); font-size: var(--font-size-l); -webkit-box-shadow: var(--box-shadow-light); box-shadow: var(--box-shadow-light); text-align: left; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .el-message-box__wrapper { position: fixed; top: 0; bottom: 0; left: 0; right: 0; text-align: center; } .el-message-box__wrapper::after { content: ""; display: inline-block; height: 100%; width: 0; vertical-align: middle; } .el-message-box__header { position: relative; padding: var(--spacing-s); padding-bottom: var(--spacing-2xs); } .el-message-box__title { padding-left: 0; margin-bottom: 0; font-size: var(--font-size-l); line-height: 1; color: var(--color-text-dark); } .el-message-box__headerbtn { position: absolute; top: var(--spacing-s); right: var(--spacing-s); padding: 0; border: none; outline: none; background: transparent; font-size: 16px; cursor: pointer; } .el-message-box__headerbtn .el-message-box__close { color: var(--color-info); } .el-message-box__headerbtn:focus .el-message-box__close, .el-message-box__headerbtn:hover .el-message-box__close { color: var(--color-primary); } .el-message-box__content { padding: var(--spacing-2xs) var(--spacing-s) var(--spacing-s); color: var(--color-text-dark); font-size: var(--font-size-s); } .el-message-box__container { position: relative; } .el-message-box__input { padding-top: 15px; } .el-message-box__input input.invalid { border-color: var(--color-danger); } .el-message-box__input input.invalid:focus { border-color: var(--color-danger); } .el-message-box__status { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 24px !important; } .el-message-box__status::before { padding-left: 1px; } .el-message-box__status + .el-message-box__message { padding-left: 36px; padding-right: 12px; } .el-message-box__status.el-icon-success { color: var(--color-success); } .el-message-box__status.el-icon-info { color: var(--color-info); } .el-message-box__status.el-icon-warning { color: var(--color-warning); } .el-message-box__status.el-icon-error { color: var(--color-danger); } .el-message-box__message { margin: 0; } .el-message-box__message p { margin: 0; line-height: var(--font-line-height-loose); } .el-message-box__errormsg { color: var(--color-danger); font-size: 12px; min-height: 18px; margin-top: 2px; } .el-message-box__btns { padding: var(--spacing-s) var(--spacing-s) 0; text-align: right; } .el-message-box__btns button { margin-left: 10px; } .el-message-box__btns .btn--confirm { color: var(--button-font-color, var(--color-button-primary-font)); background-color: hsl(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l)); border-color: hsl(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l)); } .el-message-box__btns .btn--confirm:active { background: hsl(var(--color-primary-h), var(--color-primary-s), calc(var(--color-primary-l) + -10%)); border-color: hsl(var(--color-primary-h), var(--color-primary-s), calc(var(--color-primary-l) + -10%)); color: var(--button-font-color, var(--color-button-primary-font)); outline: none; } .el-message-box__btns .btn--confirm.is-active { background: hsl(var(--color-primary-h), var(--color-primary-s), calc(var(--color-primary-l) + -10%)); border-color: hsl(var(--color-primary-h), var(--color-primary-s), calc(var(--color-primary-l) + -10%)); color: var(--button-font-color, var(--color-button-primary-font)); } .el-message-box__btns .btn--confirm.is-light { color: hsl(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l)); background-color: hsl(var(--color-primary-h), var(--color-primary-s), var(--color-primary-tint-2-l)); border-color: hsl(var(--color-primary-h), var(--color-primary-s), var(--color-primary-tint-2-l)); } .el-message-box__btns .btn--confirm.is-disabled, .el-message-box__btns .btn--confirm.is-disabled:hover, .el-message-box__btns .btn--confirm.is-disabled:focus, .el-message-box__btns .btn--confirm.is-disabled:active { color: var(--color-text-light); background-color: var(--color-foreground-base); border-color: var(--color-foreground-base); } .el-message-box__btns .btn--confirm.is-round { padding: var(--spacing-3xs) var(--spacing-xs); } .el-message-box__btns .btn--confirm { padding: var(--spacing-3xs) var(--spacing-xs); font-size: var(--font-size-2xs); } .el-message-box__btns .btn--cancel { --button-active-background-color: var(--color-primary-tint-2); --button-active-color: var(--color-primary); --button-active-border-color: var(--color-primary); --button-hover-background-color: var(--color-primary-tint-3); --button-hover-color: var(--color-primary); --button-hover-border-color: var(--color-primary); --button-focus-outline-color: var(--color-primary-tint-1); } .el-message-box__btns .btn--cancel.is-round { padding: var(--spacing-3xs) var(--spacing-xs); } .el-message-box__btns .btn--cancel { padding: var(--spacing-3xs) var(--spacing-xs); font-size: var(--font-size-2xs); } .el-message-box__btns .btn--cancel, .el-message-box__btns .btn--cancel:focus, .el-message-box__btns .btn--cancel:hover { color: hsl(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l)); background-color: var(--color-foreground-xlight); border-color: hsl(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l)); } .el-message-box__btns .btn--cancel.is-loading { color: hsl(var(--color-primary-h), var(--color-primary-s), calc(var(--color-primary-l) + 10%)); background-color: var(--color-foreground-xlight); border-color: hsl(var(--color-primary-h), var(--color-primary-s), calc(var(--color-primary-l) + 10%)); } .el-message-box__btns .btn--cancel:active { border-color: hsl(var(--color-primary-h), var(--color-primary-s), calc(var(--color-primary-l) + -10%)); background-color: var(--color-foreground-xlight); color: hsl(var(--color-primary-h), var(--color-primary-s), calc(var(--color-primary-l) + -10%)); outline: none; } .el-message-box__btns .btn--cancel.is-disabled, .el-message-box__btns .btn--cancel.is-disabled:hover, .el-message-box__btns .btn--cancel.is-disabled:focus, .el-message-box__btns .btn--cancel.is-disabled:active { color: var(--color-text-light); background-color: var(--color-foreground-xlight); border-color: var(--color-foreground-base); } .el-message-box__btns-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .el-message-box--center { padding-bottom: 30px; } .el-message-box--center .el-message-box__header { padding-top: 30px; } .el-message-box--center .el-message-box__title { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .el-message-box--center .el-message-box__status { position: relative; top: auto; padding-right: 5px; text-align: center; -webkit-transform: translateY(-1px); transform: translateY(-1px); } .el-message-box--center .el-message-box__message { margin-left: 0; } .el-message-box--center .el-message-box__btns, .el-message-box--center .el-message-box__content { text-align: center; } .el-message-box--center .el-message-box__content { padding-left: var(--spacing-s)12px; padding-right: var(--spacing-s)12px; } .msgbox-fade-enter-active { -webkit-animation: msgbox-fade-in 0.3s; animation: msgbox-fade-in 0.3s; } .msgbox-fade-leave-active { -webkit-animation: msgbox-fade-out 0.3s; animation: msgbox-fade-out 0.3s; } @-webkit-keyframes msgbox-fade-in { 0% { -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); opacity: 0; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes msgbox-fade-in { 0% { -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); opacity: 0; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @-webkit-keyframes msgbox-fade-out { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } 100% { -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); opacity: 0; } } @keyframes msgbox-fade-out { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } 100% { -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); opacity: 0; } } .el-form--label-left .el-form-item__label { text-align: left; } .el-form--label-top .el-form-item__label { float: none; display: inline-block; text-align: left; padding: 0 0 10px; } .el-form--inline .el-form-item { display: inline-block; margin-right: 10px; vertical-align: top; } .el-form--inline .el-form-item__label { float: none; display: inline-block; } .el-form--inline .el-form-item__content { display: inline-block; vertical-align: top; } .el-form--inline.el-form--label-top .el-form-item__content { display: block; } .el-form-item { margin-bottom: 22px; } .el-form-item::before, .el-form-item::after { display: table; content: ""; } .el-form-item::after { clear: both; } .el-form-item .el-form-item { margin-bottom: 0; } .el-form-item .el-input__validateIcon { display: none; } .el-form-item--medium .el-form-item__label { line-height: 36px; } .el-form-item--medium .el-form-item__content { line-height: 36px; } .el-form-item--small .el-form-item__label { line-height: 32px; } .el-form-item--small .el-form-item__content { line-height: 32px; } .el-form-item--small.el-form-item { margin-bottom: 18px; } .el-form-item--small .el-form-item__error { padding-top: 2px; } .el-form-item--mini .el-form-item__label { line-height: 28px; } .el-form-item--mini .el-form-item__content { line-height: 28px; } .el-form-item--mini.el-form-item { margin-bottom: 18px; } .el-form-item--mini .el-form-item__error { padding-top: 1px; } .el-form-item__label-wrap { float: left; } .el-form-item__label-wrap .el-form-item__label { display: inline-block; float: none; } .el-form-item__label { text-align: right; vertical-align: middle; float: left; font-size: var(--font-size-s); color: var(--color-text-dark); line-height: 40px; padding: 0 12px 0 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .el-form-item__content { line-height: 40px; position: relative; font-size: 14px; } .el-form-item__content::before, .el-form-item__content::after { display: table; content: ""; } .el-form-item__content::after { clear: both; } .el-form-item__content .el-input-group { vertical-align: top; } .el-form-item__error { color: var(--color-danger); font-size: 12px; line-height: 1; padding-top: 4px; position: absolute; top: 100%; left: 0; } .el-form-item__error--inline { position: relative; top: auto; left: auto; display: inline-block; margin-left: 10px; } .el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label:before, .el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap > .el-form-item__label:before { content: "*"; color: var(--color-danger); margin-right: 4px; } .el-form-item.is-error .el-input__inner, .el-form-item.is-error .el-input__inner:focus, .el-form-item.is-error .el-textarea__inner, .el-form-item.is-error .el-textarea__inner:focus { border-color: var(--color-danger); } .el-form-item.is-error .el-input-group__append .el-input__inner, .el-form-item.is-error .el-input-group__prepend .el-input__inner { border-color: transparent; } .el-form-item.is-error .el-input__validateIcon { color: var(--color-danger); } .el-form-item--feedback .el-input__validateIcon { display: inline-block; } .el-tabs__header { padding: 0; position: relative; margin: 0; } .el-tabs__active-bar { position: absolute; bottom: 0; left: 0; height: 2px; background-color: var(--color-primary); z-index: 1; -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); list-style: none; } .el-tabs__new-tab { float: right; border: 1px solid #d3dce6; height: 18px; width: 18px; line-height: 18px; margin: 12px 0 9px 10px; border-radius: 3px; text-align: center; font-size: 12px; color: #d3dce6; cursor: pointer; -webkit-transition: all 0.15s; transition: all 0.15s; } .el-tabs__new-tab .el-icon-plus { -webkit-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8); } .el-tabs__new-tab:hover { color: var(--color-primary); } .el-tabs__nav-wrap { overflow: hidden; margin-bottom: -1px; position: relative; } .el-tabs__nav-wrap::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background-color: var(--border-color-base); z-index: 1; } .el-tabs__nav-wrap.is-scrollable { padding: 0 20px; -webkit-box-sizing: border-box; box-sizing: border-box; } .el-tabs__nav-scroll { overflow: hidden; } .el-tabs__nav-next, .el-tabs__nav-prev { position: absolute; cursor: pointer; line-height: 44px; font-size: 12px; color: var(--color-text-light); } .el-tabs__nav-next { right: 0; } .el-tabs__nav-prev { left: 0; } .el-tabs__nav { white-space: nowrap; position: relative; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; float: left; z-index: 2; } .el-tabs__nav.is-stretch { min-width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .el-tabs__nav.is-stretch > * { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; } .el-tabs__item { padding: 0 20px; height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 40px; display: inline-block; list-style: none; font-size: 14px; font-weight: var(--font-weight-medium); color: var(--color-text-dark); position: relative; } .el-tabs__item:focus, .el-tabs__item:focus:active { outline: none; } .el-tabs__item:focus.is-active.is-focus:not(:active) { -webkit-box-shadow: 0 0 2px 2px var(--color-primary) inset; box-shadow: 0 0 2px 2px var(--color-primary) inset; border-radius: 3px; } .el-tabs__item .el-icon-close { border-radius: 50%; text-align: center; -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); margin-left: 5px; } .el-tabs__item .el-icon-close:before { -webkit-transform: scale(0.9); transform: scale(0.9); display: inline-block; } .el-tabs__item .el-icon-close:hover { background-color: var(--color-text-lighter); color: var(--color-foreground-xlight); } .el-tabs__item.is-active { color: var(--color-primary); } .el-tabs__item:hover { color: var(--color-primary); cursor: pointer; } .el-tabs__item.is-disabled { color: var(--disabled-color, var(--color-text-base)); cursor: default; } .el-tabs__content { overflow: hidden; position: relative; } .el-tabs--card > .el-tabs__header { border-bottom: 1px solid var(--border-color-base); } .el-tabs--card > .el-tabs__header .el-tabs__nav-wrap::after { content: none; } .el-tabs--card > .el-tabs__header .el-tabs__nav { border: 1px solid var(--border-color-base); border-bottom: none; border-radius: 4px 4px 0 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .el-tabs--card > .el-tabs__header .el-tabs__active-bar { display: none; } .el-tabs--card > .el-tabs__header .el-tabs__item .el-icon-close { position: relative; font-size: 12px; width: 0; height: 14px; vertical-align: middle; line-height: 15px; overflow: hidden; top: -1px; right: -2px; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } .el-tabs--card > .el-tabs__header .el-tabs__item { border-bottom: 1px solid transparent; border-left: 1px solid var(--border-color-base); -webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .el-tabs--card > .el-tabs__header .el-tabs__item:first-child { border-left: none; } .el-tabs--card > .el-tabs__header .el-tabs__item.is-closable:hover { padding-left: 13px; padding-right: 13px; } .el-tabs--card > .el-tabs__header .el-tabs__item.is-closable:hover .el-icon-close { width: 14px; } .el-tabs--card > .el-tabs__header .el-tabs__item.is-active { border-bottom-color: var(--color-foreground-xlight); } .el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable { padding-left: 20px; padding-right: 20px; } .el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable .el-icon-close { width: 14px; } .el-tabs--border-card { background: var(--color-foreground-xlight); border: 1px solid var(--border-color-base); -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04); } .el-tabs--border-card > .el-tabs__content { padding: 15px; } .el-tabs--border-card > .el-tabs__header { background-color: var(--color-background-base); border-bottom: 1px solid var(--border-color-base); margin: 0; } .el-tabs--border-card > .el-tabs__header .el-tabs__nav-wrap::after { content: none; } .el-tabs--border-card > .el-tabs__header .el-tabs__item { -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); border: 1px solid transparent; margin-top: -1px; color: var(--color-text-light); } .el-tabs--border-card > .el-tabs__header .el-tabs__item:first-child { margin-left: -1px; } .el-tabs--border-card > .el-tabs__header .el-tabs__item + .el-tabs__item { margin-left: -1px; } .el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active { color: var(--color-primary); background-color: var(--color-foreground-xlight); border-right-color: var(--border-color-base); border-left-color: var(--border-color-base); } .el-tabs--border-card > .el-tabs__header .el-tabs__item:not(.is-disabled):hover { color: var(--color-primary); } .el-tabs--border-card > .el-tabs__header .el-tabs__item.is-disabled { color: var(--disabled-color, var(--color-text-base)); } .el-tabs--border-card > .el-tabs__header .is-scrollable .el-tabs__item:first-child { margin-left: 0; } .el-tabs--top .el-tabs__item.is-top:nth-child(2), .el-tabs--top .el-tabs__item.is-bottom:nth-child(2), .el-tabs--bottom .el-tabs__item.is-top:nth-child(2), .el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2) { padding-left: 0; } .el-tabs--top .el-tabs__item.is-top:last-child, .el-tabs--top .el-tabs__item.is-bottom:last-child, .el-tabs--bottom .el-tabs__item.is-top:last-child, .el-tabs--bottom .el-tabs__item.is-bottom:last-child { padding-right: 0; } .el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2) { padding-left: 20px; } .el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child, .el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:last-child, .el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:last-child, .el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:last-child { padding-right: 20px; } .el-tabs--bottom .el-tabs__header.is-bottom { margin-bottom: 0; margin-top: 10px; } .el-tabs--bottom.el-tabs--border-card .el-tabs__header.is-bottom { border-bottom: 0; border-top: 1px solid var(--border-color-base); } .el-tabs--bottom.el-tabs--border-card .el-tabs__nav-wrap.is-bottom { margin-top: -1px; margin-bottom: 0; } .el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom:not(.is-active) { border: 1px solid transparent; } .el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom { margin: 0 -1px -1px; } .el-tabs--left, .el-tabs--right { overflow: hidden; } .el-tabs--left .el-tabs__header.is-left, .el-tabs--left .el-tabs__header.is-right, .el-tabs--left .el-tabs__nav-wrap.is-left, .el-tabs--left .el-tabs__nav-wrap.is-right, .el-tabs--left .el-tabs__nav-scroll, .el-tabs--right .el-tabs__header.is-left, .el-tabs--right .el-tabs__header.is-right, .el-tabs--right .el-tabs__nav-wrap.is-left, .el-tabs--right .el-tabs__nav-wrap.is-right, .el-tabs--right .el-tabs__nav-scroll { height: 100%; } .el-tabs--left .el-tabs__active-bar.is-left, .el-tabs--left .el-tabs__active-bar.is-right, .el-tabs--right .el-tabs__active-bar.is-left, .el-tabs--right .el-tabs__active-bar.is-right { top: 0; bottom: auto; width: 2px; height: auto; } .el-tabs--left .el-tabs__nav-wrap.is-left, .el-tabs--left .el-tabs__nav-wrap.is-right, .el-tabs--right .el-tabs__nav-wrap.is-left, .el-tabs--right .el-tabs__nav-wrap.is-right { margin-bottom: 0; } .el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev, .el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next, .el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev, .el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next, .el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev, .el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next { height: 30px; line-height: 30px; width: 100%; text-align: center; cursor: pointer; } .el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev i, .el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next i, .el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev i, .el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next i, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev i, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next i, .el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev i, .el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next i { -webkit-transform: rotateZ(90deg); transform: rotateZ(90deg); } .el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev, .el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev, .el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev { left: auto; top: 0; } .el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next, .el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next, .el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next { right: auto; bottom: 0; } .el-tabs--left .el-tabs__nav-wrap.is-left.is-scrollable, .el-tabs--left .el-tabs__nav-wrap.is-right.is-scrollable, .el-tabs--right .el-tabs__nav-wrap.is-left.is-scrollable, .el-tabs--right .el-tabs__nav-wrap.is-right.is-scrollable { padding: 30px 0; } .el-tabs--left .el-tabs__nav-wrap.is-left::after, .el-tabs--left .el-tabs__nav-wrap.is-right::after, .el-tabs--right .el-tabs__nav-wrap.is-left::after, .el-tabs--right .el-tabs__nav-wrap.is-right::after { height: 100%; width: 2px; bottom: auto; top: 0; } .el-tabs--left .el-tabs__nav.is-left, .el-tabs--left .el-tabs__nav.is-right, .el-tabs--right .el-tabs__nav.is-left, .el-tabs--right .el-tabs__nav.is-right { float: none; } .el-tabs--left .el-tabs__item.is-left, .el-tabs--left .el-tabs__item.is-right, .el-tabs--right .el-tabs__item.is-left, .el-tabs--right .el-tabs__item.is-right { display: block; } .el-tabs--left .el-tabs__header.is-left { float: left; margin-bottom: 0; margin-right: 10px; } .el-tabs--left .el-tabs__nav-wrap.is-left { margin-right: -1px; } .el-tabs--left .el-tabs__nav-wrap.is-left::after { left: auto; right: 0; } .el-tabs--left .el-tabs__active-bar.is-left { right: 0; left: auto; } .el-tabs--left .el-tabs__item.is-left { text-align: right; } .el-tabs--left.el-tabs--card .el-tabs__active-bar.is-left { display: none; } .el-tabs--left.el-tabs--card .el-tabs__item.is-left { border-left: none; border-right: 1px solid var(--border-color-base); border-bottom: none; border-top: 1px solid var(--border-color-base); text-align: left; } .el-tabs--left.el-tabs--card .el-tabs__item.is-left:first-child { border-right: 1px solid var(--border-color-base); border-top: none; } .el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active { border: 1px solid var(--border-color-base); border-right-color: var(--color-foreground-xlight); border-left: none; border-bottom: none; } .el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:first-child { border-top: none; } .el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:last-child { border-bottom: none; } .el-tabs--left.el-tabs--card .el-tabs__nav { border-radius: 4px 0 0 4px; border-bottom: 1px solid var(--border-color-base); border-right: none; } .el-tabs--left.el-tabs--card .el-tabs__new-tab { float: none; } .el-tabs--left.el-tabs--border-card .el-tabs__header.is-left { border-right: 1px solid #dfe4ed; } .el-tabs--left.el-tabs--border-card .el-tabs__item.is-left { border: 1px solid transparent; margin: -1px 0 -1px -1px; } .el-tabs--left.el-tabs--border-card .el-tabs__item.is-left.is-active { border-color: transparent; border-top-color: rgb(209, 219, 229); border-bottom-color: rgb(209, 219, 229); } .el-tabs--right .el-tabs__header.is-right { float: right; margin-bottom: 0; margin-left: 10px; } .el-tabs--right .el-tabs__nav-wrap.is-right { margin-left: -1px; } .el-tabs--right .el-tabs__nav-wrap.is-right::after { left: 0; right: auto; } .el-tabs--right .el-tabs__active-bar.is-right { left: 0; } .el-tabs--right.el-tabs--card .el-tabs__active-bar.is-right { display: none; } .el-tabs--right.el-tabs--card .el-tabs__item.is-right { border-bottom: none; border-top: 1px solid var(--border-color-base); } .el-tabs--right.el-tabs--card .el-tabs__item.is-right:first-child { border-left: 1px solid var(--border-color-base); border-top: none; } .el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active { border: 1px solid var(--border-color-base); border-left-color: var(--color-foreground-xlight); border-right: none; border-bottom: none; } .el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:first-child { border-top: none; } .el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:last-child { border-bottom: none; } .el-tabs--right.el-tabs--card .el-tabs__nav { border-radius: 0 4px 4px 0; border-bottom: 1px solid var(--border-color-base); border-left: none; } .el-tabs--right.el-tabs--border-card .el-tabs__header.is-right { border-left: 1px solid #dfe4ed; } .el-tabs--right.el-tabs--border-card .el-tabs__item.is-right { border: 1px solid transparent; margin: -1px -1px -1px 0; } .el-tabs--right.el-tabs--border-card .el-tabs__item.is-right.is-active { border-color: transparent; border-top-color: rgb(209, 219, 229); border-bottom-color: rgb(209, 219, 229); } .slideInRight-transition, .slideInLeft-transition { display: inline-block; } .slideInRight-enter-from { -webkit-animation: slideInRight-enter 0.3s; animation: slideInRight-enter 0.3s; } .slideInRight-leave-to { position: absolute; left: 0; right: 0; -webkit-animation: slideInRight-leave 0.3s; animation: slideInRight-leave 0.3s; } .slideInLeft-enter-from { -webkit-animation: slideInLeft-enter 0.3s; animation: slideInLeft-enter 0.3s; } .slideInLeft-leave-to { position: absolute; left: 0; right: 0; -webkit-animation: slideInLeft-leave 0.3s; animation: slideInLeft-leave 0.3s; } @-webkit-keyframes slideInRight-enter { 0% { opacity: 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(100%); transform: translateX(100%); } to { opacity: 1; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInRight-enter { 0% { opacity: 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(100%); transform: translateX(100%); } to { opacity: 1; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes slideInRight-leave { 0% { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(100%); transform: translateX(100%); opacity: 0; } } @keyframes slideInRight-leave { 0% { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(100%); transform: translateX(100%); opacity: 0; } } @-webkit-keyframes slideInLeft-enter { 0% { opacity: 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); } to { opacity: 1; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInLeft-enter { 0% { opacity: 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); } to { opacity: 1; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes slideInLeft-leave { 0% { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; } } @keyframes slideInLeft-leave { 0% { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; } } .el-tree { position: relative; cursor: default; background: var(--color-foreground-xlight); color: var(--color-text-dark); } .el-tree__empty-block { position: relative; min-height: 60px; text-align: center; width: 100%; height: 100%; } .el-tree__empty-text { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: var(--color-text-light); font-size: var(--font-size-s); } .el-tree__drop-indicator { position: absolute; left: 0; right: 0; height: 1px; background-color: var(--color-primary); } .el-tree-node { white-space: nowrap; outline: none; } .el-tree-node:focus { /* focus */ } .el-tree-node:focus > .el-tree-node__content { background-color: var(--color-background-base); } .el-tree-node.is-drop-inner > .el-tree-node__content .el-tree-node__label { background-color: var(--color-primary); color: var(--color-foreground-xlight); } .el-tree-node__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 26px; cursor: pointer; } .el-tree-node__content > .el-tree-node__expand-icon { padding: 6px; } .el-tree-node__content > label.el-checkbox { margin-right: 8px; } .el-tree-node__content:hover { background-color: var(--color-background-base); } .el-tree.is-dragging .el-tree-node__content { cursor: move; } .el-tree.is-dragging .el-tree-node__content * { pointer-events: none; } .el-tree.is-dragging.is-drop-not-allow .el-tree-node__content { cursor: not-allowed; } .el-tree-node__expand-icon { cursor: pointer; color: var(--color-text-lighter); font-size: 12px; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; } .el-tree-node__expand-icon.expanded { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .el-tree-node__expand-icon.is-leaf { color: transparent; cursor: default; } .el-tree-node__label { font-size: var(--font-size-s); } .el-tree-node__loading-icon { margin-right: 8px; font-size: var(--font-size-s); color: var(--color-text-lighter); } .el-tree-node > .el-tree-node__children { overflow: hidden; background-color: transparent; } .el-tree-node.is-expanded > .el-tree-node__children { display: block; } .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content { background-color: var(--color-primary-tint-3); } .el-alert { width: 100%; padding: 8px 16px; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: var(--border-radius-base); position: relative; background-color: var(--color-foreground-xlight); overflow: hidden; opacity: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; } .el-alert.is-light .el-alert__closebtn { color: var(--color-text-lighter); } .el-alert.is-dark .el-alert__closebtn { color: var(--color-foreground-xlight); } .el-alert.is-dark .el-alert__description { color: var(--color-foreground-xlight); } .el-alert.is-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .el-alert--success.is-light { background-color: var(--color-success-tint-1); color: var(--color-success); } .el-alert--success.is-light .el-alert__description { color: var(--color-success); } .el-alert--success.is-dark { background-color: var(--color-success); color: var(--color-foreground-xlight); } .el-alert--info.is-light { background-color: var(--color-info-tint-2); color: var(--color-info); } .el-alert--info.is-dark { background-color: var(--color-info); color: var(--color-foreground-xlight); } .el-alert--info .el-alert__description { color: var(--color-info); } .el-alert--warning.is-light { background-color: var(--color-warning-tint-2); color: var(--color-warning); } .el-alert--warning.is-light .el-alert__description { color: var(--color-warning); } .el-alert--warning.is-dark { background-color: var(--color-warning); color: var(--color-foreground-xlight); } .el-alert--error.is-light { background-color: var(--color-danger-tint-2); color: var(--color-danger); } .el-alert--error.is-light .el-alert__description { color: var(--color-danger); } .el-alert--error.is-dark { background-color: var(--color-danger); color: var(--color-foreground-xlight); } .el-alert__content { display: table-cell; padding: 0 8px; } .el-alert__icon { font-size: 16px; width: 16px; } .el-alert__icon.is-big { font-size: 28px; width: 28px; } .el-alert__title { font-size: 13px; line-height: 18px; } .el-alert__title.is-bold { font-weight: var(--font-weight-bold); } .el-alert .el-alert__description { font-size: 12px; margin: 5px 0 0; } .el-alert__closebtn { font-size: 12px; opacity: 1; position: absolute; top: 12px; right: 15px; cursor: pointer; } .el-alert__closebtn.is-customed { font-style: normal; font-size: 13px; top: 9px; } .el-alert-fade-enter-from, .el-alert-fade-leave-active { opacity: 0; } .el-notification { display: -webkit-box; display: -ms-flexbox; display: flex; width: 330px; padding: 14px 26px 14px 13px; border-radius: 8px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid var(--border-color-light); position: fixed; background-color: var(--color-notification-background); -webkit-box-shadow: var(--box-shadow-light); box-shadow: var(--box-shadow-light); -webkit-transition: opacity 0.3s, left 0.3s, right 0.3s, top 0.4s, bottom 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, left 0.3s, right 0.3s, top 0.4s, bottom 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s, left 0.3s, right 0.3s, top 0.4s, bottom 0.3s; transition: opacity 0.3s, transform 0.3s, left 0.3s, right 0.3s, top 0.4s, bottom 0.3s, -webkit-transform 0.3s; overflow: hidden; } .el-notification.right { right: 16px; } .el-notification.left { left: 16px; } .el-notification.content-toast { position: absolute; } .el-notification__group { margin-left: 13px; margin-right: 8px; } .el-notification__title { line-height: normal; font-weight: var(--font-weight-bold); font-size: 16px; color: var(--color-text-dark); margin: 0; } .el-notification__title:first-letter { text-transform: uppercase; } .el-notification__content { font-size: var(--font-size-s); line-height: 1.5; margin: 6px 0 0; color: var(--color-text-dark); text-align: justify; } .el-notification__content p { margin: 0; line-height: 1.5; } .el-notification__icon { height: 24px; width: 24px; font-size: 24px; } .el-notification__closeBtn { position: absolute; top: 18px; right: 15px; cursor: pointer; color: var(--color-text-light); font-size: 16px; } .el-notification__closeBtn:hover { color: var(--color-text-dark); } .el-notification .el-icon.el-notification--success { color: var(--color-success); } .el-notification .el-icon.el-notification--error { color: var(--color-danger); } .el-notification .el-icon.el-notification--info { color: var(--color-info); } .el-notification .el-icon.el-notification--warning { color: var(--color-warning); } .el-notification-fade-enter-from.right { right: 0; -webkit-transform: translateX(100%); transform: translateX(100%); } .el-notification-fade-enter-from.left { left: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); } .el-notification-fade-leave-active { opacity: 0; } .el-loading-parent--relative { position: relative !important; } .el-loading-parent--hidden { overflow: hidden !important; } .el-loading-mask { position: absolute; z-index: 2000; background-color: rgba(255, 255, 255, 0.9); margin: 0; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .el-loading-mask.is-fullscreen { position: fixed; } .el-loading-mask.is-fullscreen .el-loading-spinner { -webkit-transform: translateY(-50%); transform: translateY(-50%); display: block; } .el-loading-mask.is-fullscreen .el-loading-spinner .circular { height: 50px; width: 50px; } .el-loading-spinner { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; text-align: center; position: absolute; max-height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .el-loading-spinner .el-loading-text { color: var(--color-primary); margin: 3px 0; font-size: 14px; } .el-loading-spinner .circular { max-height: 100%; height: 24px; width: 24px; -webkit-animation: loading-rotate 2s linear infinite; animation: loading-rotate 2s linear infinite; } .el-loading-spinner .path { -webkit-animation: loading-dash 1.5s ease-in-out infinite; animation: loading-dash 1.5s ease-in-out infinite; stroke-dasharray: 90, 150; stroke-dashoffset: 0; stroke-width: 2; stroke: var(--color-primary); stroke-linecap: round; } .el-loading-spinner i { color: var(--color-primary); } .el-loading-fade-enter-from, .el-loading-fade-leave-active { opacity: 0; } @-webkit-keyframes loading-rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes loading-rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes loading-dash { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 90, 150; stroke-dashoffset: -40px; } 100% { stroke-dasharray: 90, 150; stroke-dashoffset: -120px; } } @keyframes loading-dash { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 90, 150; stroke-dashoffset: -40px; } 100% { stroke-dasharray: 90, 150; stroke-dashoffset: -120px; } } .el-row { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; } .el-row::before, .el-row::after { display: table; content: ""; } .el-row::after { clear: both; } .el-row--flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .el-row--flex:before, .el-row--flex:after { display: none; } .el-row--flex.is-justify-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .el-row--flex.is-justify-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .el-row--flex.is-justify-space-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .el-row--flex.is-justify-space-around { -ms-flex-pack: distribute; justify-content: space-around; } .el-row--flex.is-align-middle { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .el-row--flex.is-align-bottom { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } [class*=el-col-] { float: left; -webkit-box-sizing: border-box; box-sizing: border-box; } .el-col-0 { display: none; } .el-col-0 { width: 0%; } .el-col-offset-0 { margin-left: 0%; } .el-col-pull-0 { position: relative; right: 0%; } .el-col-push-0 { position: relative; left: 0%; } .el-col-1 { width: 4.1666666667%; } .el-col-offset-1 { margin-left: 4.1666666667%; } .el-col-pull-1 { position: relative; right: 4.1666666667%; } .el-col-push-1 { position: relative; left: 4.1666666667%; } .el-col-2 { width: 8.3333333333%; } .el-col-offset-2 { margin-left: 8.3333333333%; } .el-col-pull-2 { position: relative; right: 8.3333333333%; } .el-col-push-2 { position: relative; left: 8.3333333333%; } .el-col-3 { width: 12.5%; } .el-col-offset-3 { margin-left: 12.5%; } .el-col-pull-3 { position: relative; right: 12.5%; } .el-col-push-3 { position: relative; left: 12.5%; } .el-col-4 { width: 16.6666666667%; } .el-col-offset-4 { margin-left: 16.6666666667%; } .el-col-pull-4 { position: relative; right: 16.6666666667%; } .el-col-push-4 { position: relative; left: 16.6666666667%; } .el-col-5 { width: 20.8333333333%; } .el-col-offset-5 { margin-left: 20.8333333333%; } .el-col-pull-5 { position: relative; right: 20.8333333333%; } .el-col-push-5 { position: relative; left: 20.8333333333%; } .el-col-6 { width: 25%; } .el-col-offset-6 { margin-left: 25%; } .el-col-pull-6 { position: relative; right: 25%; } .el-col-push-6 { position: relative; left: 25%; } .el-col-7 { width: 29.1666666667%; } .el-col-offset-7 { margin-left: 29.1666666667%; } .el-col-pull-7 { position: relative; right: 29.1666666667%; } .el-col-push-7 { position: relative; left: 29.1666666667%; } .el-col-8 { width: 33.3333333333%; } .el-col-offset-8 { margin-left: 33.3333333333%; } .el-col-pull-8 { position: relative; right: 33.3333333333%; } .el-col-push-8 { position: relative; left: 33.3333333333%; } .el-col-9 { width: 37.5%; } .el-col-offset-9 { margin-left: 37.5%; } .el-col-pull-9 { position: relative; right: 37.5%; } .el-col-push-9 { position: relative; left: 37.5%; } .el-col-10 { width: 41.6666666667%; } .el-col-offset-10 { margin-left: 41.6666666667%; } .el-col-pull-10 { position: relative; right: 41.6666666667%; } .el-col-push-10 { position: relative; left: 41.6666666667%; } .el-col-11 { width: 45.8333333333%; } .el-col-offset-11 { margin-left: 45.8333333333%; } .el-col-pull-11 { position: relative; right: 45.8333333333%; } .el-col-push-11 { position: relative; left: 45.8333333333%; } .el-col-12 { width: 50%; } .el-col-offset-12 { margin-left: 50%; } .el-col-pull-12 { position: relative; right: 50%; } .el-col-push-12 { position: relative; left: 50%; } .el-col-13 { width: 54.1666666667%; } .el-col-offset-13 { margin-left: 54.1666666667%; } .el-col-pull-13 { position: relative; right: 54.1666666667%; } .el-col-push-13 { position: relative; left: 54.1666666667%; } .el-col-14 { width: 58.3333333333%; } .el-col-offset-14 { margin-left: 58.3333333333%; } .el-col-pull-14 { position: relative; right: 58.3333333333%; } .el-col-push-14 { position: relative; left: 58.3333333333%; } .el-col-15 { width: 62.5%; } .el-col-offset-15 { margin-left: 62.5%; } .el-col-pull-15 { position: relative; right: 62.5%; } .el-col-push-15 { position: relative; left: 62.5%; } .el-col-16 { width: 66.6666666667%; } .el-col-offset-16 { margin-left: 66.6666666667%; } .el-col-pull-16 { position: relative; right: 66.6666666667%; } .el-col-push-16 { position: relative; left: 66.6666666667%; } .el-col-17 { width: 70.8333333333%; } .el-col-offset-17 { margin-left: 70.8333333333%; } .el-col-pull-17 { position: relative; right: 70.8333333333%; } .el-col-push-17 { position: relative; left: 70.8333333333%; } .el-col-18 { width: 75%; } .el-col-offset-18 { margin-left: 75%; } .el-col-pull-18 { position: relative; right: 75%; } .el-col-push-18 { position: relative; left: 75%; } .el-col-19 { width: 79.1666666667%; } .el-col-offset-19 { margin-left: 79.1666666667%; } .el-col-pull-19 { position: relative; right: 79.1666666667%; } .el-col-push-19 { position: relative; left: 79.1666666667%; } .el-col-20 { width: 83.3333333333%; } .el-col-offset-20 { margin-left: 83.3333333333%; } .el-col-pull-20 { position: relative; right: 83.3333333333%; } .el-col-push-20 { position: relative; left: 83.3333333333%; } .el-col-21 { width: 87.5%; } .el-col-offset-21 { margin-left: 87.5%; } .el-col-pull-21 { position: relative; right: 87.5%; } .el-col-push-21 { position: relative; left: 87.5%; } .el-col-22 { width: 91.6666666667%; } .el-col-offset-22 { margin-left: 91.6666666667%; } .el-col-pull-22 { position: relative; right: 91.6666666667%; } .el-col-push-22 { position: relative; left: 91.6666666667%; } .el-col-23 { width: 95.8333333333%; } .el-col-offset-23 { margin-left: 95.8333333333%; } .el-col-pull-23 { position: relative; right: 95.8333333333%; } .el-col-push-23 { position: relative; left: 95.8333333333%; } .el-col-24 { width: 100%; } .el-col-offset-24 { margin-left: 100%; } .el-col-pull-24 { position: relative; right: 100%; } .el-col-push-24 { position: relative; left: 100%; } @media only screen and (max-width: 767px) { .el-col-xs-0 { display: none; } .el-col-xs-0 { width: 0%; } .el-col-xs-offset-0 { margin-left: 0%; } .el-col-xs-pull-0 { position: relative; right: 0%; } .el-col-xs-push-0 { position: relative; left: 0%; } .el-col-xs-1 { width: 4.1666666667%; } .el-col-xs-offset-1 { margin-left: 4.1666666667%; } .el-col-xs-pull-1 { position: relative; right: 4.1666666667%; } .el-col-xs-push-1 { position: relative; left: 4.1666666667%; } .el-col-xs-2 { width: 8.3333333333%; } .el-col-xs-offset-2 { margin-left: 8.3333333333%; } .el-col-xs-pull-2 { position: relative; right: 8.3333333333%; } .el-col-xs-push-2 { position: relative; left: 8.3333333333%; } .el-col-xs-3 { width: 12.5%; } .el-col-xs-offset-3 { margin-left: 12.5%; } .el-col-xs-pull-3 { position: relative; right: 12.5%; } .el-col-xs-push-3 { position: relative; left: 12.5%; } .el-col-xs-4 { width: 16.6666666667%; } .el-col-xs-offset-4 { margin-left: 16.6666666667%; } .el-col-xs-pull-4 { position: relative; right: 16.6666666667%; } .el-col-xs-push-4 { position: relative; left: 16.6666666667%; } .el-col-xs-5 { width: 20.8333333333%; } .el-col-xs-offset-5 { margin-left: 20.8333333333%; } .el-col-xs-pull-5 { position: relative; right: 20.8333333333%; } .el-col-xs-push-5 { position: relative; left: 20.8333333333%; } .el-col-xs-6 { width: 25%; } .el-col-xs-offset-6 { margin-left: 25%; } .el-col-xs-pull-6 { position: relative; right: 25%; } .el-col-xs-push-6 { position: relative; left: 25%; } .el-col-xs-7 { width: 29.1666666667%; } .el-col-xs-offset-7 { margin-left: 29.1666666667%; } .el-col-xs-pull-7 { position: relative; right: 29.1666666667%; } .el-col-xs-push-7 { position: relative; left: 29.1666666667%; } .el-col-xs-8 { width: 33.3333333333%; } .el-col-xs-offset-8 { margin-left: 33.3333333333%; } .el-col-xs-pull-8 { position: relative; right: 33.3333333333%; } .el-col-xs-push-8 { position: relative; left: 33.3333333333%; } .el-col-xs-9 { width: 37.5%; } .el-col-xs-offset-9 { margin-left: 37.5%; } .el-col-xs-pull-9 { position: relative; right: 37.5%; } .el-col-xs-push-9 { position: relative; left: 37.5%; } .el-col-xs-10 { width: 41.6666666667%; } .el-col-xs-offset-10 { margin-left: 41.6666666667%; } .el-col-xs-pull-10 { position: relative; right: 41.6666666667%; } .el-col-xs-push-10 { position: relative; left: 41.6666666667%; } .el-col-xs-11 { width: 45.8333333333%; } .el-col-xs-offset-11 { margin-left: 45.8333333333%; } .el-col-xs-pull-11 { position: relative; right: 45.8333333333%; } .el-col-xs-push-11 { position: relative; left: 45.8333333333%; } .el-col-xs-12 { width: 50%; } .el-col-xs-offset-12 { margin-left: 50%; } .el-col-xs-pull-12 { position: relative; right: 50%; } .el-col-xs-push-12 { position: relative; left: 50%; } .el-col-xs-13 { width: 54.1666666667%; } .el-col-xs-offset-13 { margin-left: 54.1666666667%; } .el-col-xs-pull-13 { position: relative; right: 54.1666666667%; } .el-col-xs-push-13 { position: relative; left: 54.1666666667%; } .el-col-xs-14 { width: 58.3333333333%; } .el-col-xs-offset-14 { margin-left: 58.3333333333%; } .el-col-xs-pull-14 { position: relative; right: 58.3333333333%; } .el-col-xs-push-14 { position: relative; left: 58.3333333333%; } .el-col-xs-15 { width: 62.5%; } .el-col-xs-offset-15 { margin-left: 62.5%; } .el-col-xs-pull-15 { position: relative; right: 62.5%; } .el-col-xs-push-15 { position: relative; left: 62.5%; } .el-col-xs-16 { width: 66.6666666667%; } .el-col-xs-offset-16 { margin-left: 66.6666666667%; } .el-col-xs-pull-16 { position: relative; right: 66.6666666667%; } .el-col-xs-push-16 { position: relative; left: 66.6666666667%; } .el-col-xs-17 { width: 70.8333333333%; } .el-col-xs-offset-17 { margin-left: 70.8333333333%; } .el-col-xs-pull-17 { position: relative; right: 70.8333333333%; } .el-col-xs-push-17 { position: relative; left: 70.8333333333%; } .el-col-xs-18 { width: 75%; } .el-col-xs-offset-18 { margin-left: 75%; } .el-col-xs-pull-18 { position: relative; right: 75%; } .el-col-xs-push-18 { position: relative; left: 75%; } .el-col-xs-19 { width: 79.1666666667%; } .el-col-xs-offset-19 { margin-left: 79.1666666667%; } .el-col-xs-pull-19 { position: relative; right: 79.1666666667%; } .el-col-xs-push-19 { position: relative; left: 79.1666666667%; } .el-col-xs-20 { width: 83.3333333333%; } .el-col-xs-offset-20 { margin-left: 83.3333333333%; } .el-col-xs-pull-20 { position: relative; right: 83.3333333333%; } .el-col-xs-push-20 { position: relative; left: 83.3333333333%; } .el-col-xs-21 { width: 87.5%; } .el-col-xs-offset-21 { margin-left: 87.5%; } .el-col-xs-pull-21 { position: relative; right: 87.5%; } .el-col-xs-push-21 { position: relative; left: 87.5%; } .el-col-xs-22 { width: 91.6666666667%; } .el-col-xs-offset-22 { margin-left: 91.6666666667%; } .el-col-xs-pull-22 { position: relative; right: 91.6666666667%; } .el-col-xs-push-22 { position: relative; left: 91.6666666667%; } .el-col-xs-23 { width: 95.8333333333%; } .el-col-xs-offset-23 { margin-left: 95.8333333333%; } .el-col-xs-pull-23 { position: relative; right: 95.8333333333%; } .el-col-xs-push-23 { position: relative; left: 95.8333333333%; } .el-col-xs-24 { width: 100%; } .el-col-xs-offset-24 { margin-left: 100%; } .el-col-xs-pull-24 { position: relative; right: 100%; } .el-col-xs-push-24 { position: relative; left: 100%; } } @media only screen and (min-width: 768px) { .el-col-sm-0 { display: none; } .el-col-sm-0 { width: 0%; } .el-col-sm-offset-0 { margin-left: 0%; } .el-col-sm-pull-0 { position: relative; right: 0%; } .el-col-sm-push-0 { position: relative; left: 0%; } .el-col-sm-1 { width: 4.1666666667%; } .el-col-sm-offset-1 { margin-left: 4.1666666667%; } .el-col-sm-pull-1 { position: relative; right: 4.1666666667%; } .el-col-sm-push-1 { position: relative; left: 4.1666666667%; } .el-col-sm-2 { width: 8.3333333333%; } .el-col-sm-offset-2 { margin-left: 8.3333333333%; } .el-col-sm-pull-2 { position: relative; right: 8.3333333333%; } .el-col-sm-push-2 { position: relative; left: 8.3333333333%; } .el-col-sm-3 { width: 12.5%; } .el-col-sm-offset-3 { margin-left: 12.5%; } .el-col-sm-pull-3 { position: relative; right: 12.5%; } .el-col-sm-push-3 { position: relative; left: 12.5%; } .el-col-sm-4 { width: 16.6666666667%; } .el-col-sm-offset-4 { margin-left: 16.6666666667%; } .el-col-sm-pull-4 { position: relative; right: 16.6666666667%; } .el-col-sm-push-4 { position: relative; left: 16.6666666667%; } .el-col-sm-5 { width: 20.8333333333%; } .el-col-sm-offset-5 { margin-left: 20.8333333333%; } .el-col-sm-pull-5 { position: relative; right: 20.8333333333%; } .el-col-sm-push-5 { position: relative; left: 20.8333333333%; } .el-col-sm-6 { width: 25%; } .el-col-sm-offset-6 { margin-left: 25%; } .el-col-sm-pull-6 { position: relative; right: 25%; } .el-col-sm-push-6 { position: relative; left: 25%; } .el-col-sm-7 { width: 29.1666666667%; } .el-col-sm-offset-7 { margin-left: 29.1666666667%; } .el-col-sm-pull-7 { position: relative; right: 29.1666666667%; } .el-col-sm-push-7 { position: relative; left: 29.1666666667%; } .el-col-sm-8 { width: 33.3333333333%; } .el-col-sm-offset-8 { margin-left: 33.3333333333%; } .el-col-sm-pull-8 { position: relative; right: 33.3333333333%; } .el-col-sm-push-8 { position: relative; left: 33.3333333333%; } .el-col-sm-9 { width: 37.5%; } .el-col-sm-offset-9 { margin-left: 37.5%; } .el-col-sm-pull-9 { position: relative; right: 37.5%; } .el-col-sm-push-9 { position: relative; left: 37.5%; } .el-col-sm-10 { width: 41.6666666667%; } .el-col-sm-offset-10 { margin-left: 41.6666666667%; } .el-col-sm-pull-10 { position: relative; right: 41.6666666667%; } .el-col-sm-push-10 { position: relative; left: 41.6666666667%; } .el-col-sm-11 { width: 45.8333333333%; } .el-col-sm-offset-11 { margin-left: 45.8333333333%; } .el-col-sm-pull-11 { position: relative; right: 45.8333333333%; } .el-col-sm-push-11 { position: relative; left: 45.8333333333%; } .el-col-sm-12 { width: 50%; } .el-col-sm-offset-12 { margin-left: 50%; } .el-col-sm-pull-12 { position: relative; right: 50%; } .el-col-sm-push-12 { position: relative; left: 50%; } .el-col-sm-13 { width: 54.1666666667%; } .el-col-sm-offset-13 { margin-left: 54.1666666667%; } .el-col-sm-pull-13 { position: relative; right: 54.1666666667%; } .el-col-sm-push-13 { position: relative; left: 54.1666666667%; } .el-col-sm-14 { width: 58.3333333333%; } .el-col-sm-offset-14 { margin-left: 58.3333333333%; } .el-col-sm-pull-14 { position: relative; right: 58.3333333333%; } .el-col-sm-push-14 { position: relative; left: 58.3333333333%; } .el-col-sm-15 { width: 62.5%; } .el-col-sm-offset-15 { margin-left: 62.5%; } .el-col-sm-pull-15 { position: relative; right: 62.5%; } .el-col-sm-push-15 { position: relative; left: 62.5%; } .el-col-sm-16 { width: 66.6666666667%; } .el-col-sm-offset-16 { margin-left: 66.6666666667%; } .el-col-sm-pull-16 { position: relative; right: 66.6666666667%; } .el-col-sm-push-16 { position: relative; left: 66.6666666667%; } .el-col-sm-17 { width: 70.8333333333%; } .el-col-sm-offset-17 { margin-left: 70.8333333333%; } .el-col-sm-pull-17 { position: relative; right: 70.8333333333%; } .el-col-sm-push-17 { position: relative; left: 70.8333333333%; } .el-col-sm-18 { width: 75%; } .el-col-sm-offset-18 { margin-left: 75%; } .el-col-sm-pull-18 { position: relative; right: 75%; } .el-col-sm-push-18 { position: relative; left: 75%; } .el-col-sm-19 { width: 79.1666666667%; } .el-col-sm-offset-19 { margin-left: 79.1666666667%; } .el-col-sm-pull-19 { position: relative; right: 79.1666666667%; } .el-col-sm-push-19 { position: relative; left: 79.1666666667%; } .el-col-sm-20 { width: 83.3333333333%; } .el-col-sm-offset-20 { margin-left: 83.3333333333%; } .el-col-sm-pull-20 { position: relative; right: 83.3333333333%; } .el-col-sm-push-20 { position: relative; left: 83.3333333333%; } .el-col-sm-21 { width: 87.5%; } .el-col-sm-offset-21 { margin-left: 87.5%; } .el-col-sm-pull-21 { position: relative; right: 87.5%; } .el-col-sm-push-21 { position: relative; left: 87.5%; } .el-col-sm-22 { width: 91.6666666667%; } .el-col-sm-offset-22 { margin-left: 91.6666666667%; } .el-col-sm-pull-22 { position: relative; right: 91.6666666667%; } .el-col-sm-push-22 { position: relative; left: 91.6666666667%; } .el-col-sm-23 { width: 95.8333333333%; } .el-col-sm-offset-23 { margin-left: 95.8333333333%; } .el-col-sm-pull-23 { position: relative; right: 95.8333333333%; } .el-col-sm-push-23 { position: relative; left: 95.8333333333%; } .el-col-sm-24 { width: 100%; } .el-col-sm-offset-24 { margin-left: 100%; } .el-col-sm-pull-24 { position: relative; right: 100%; } .el-col-sm-push-24 { position: relative; left: 100%; } } @media only screen and (min-width: 992px) { .el-col-md-0 { display: none; } .el-col-md-0 { width: 0%; } .el-col-md-offset-0 { margin-left: 0%; } .el-col-md-pull-0 { position: relative; right: 0%; } .el-col-md-push-0 { position: relative; left: 0%; } .el-col-md-1 { width: 4.1666666667%; } .el-col-md-offset-1 { margin-left: 4.1666666667%; } .el-col-md-pull-1 { position: relative; right: 4.1666666667%; } .el-col-md-push-1 { position: relative; left: 4.1666666667%; } .el-col-md-2 { width: 8.3333333333%; } .el-col-md-offset-2 { margin-left: 8.3333333333%; } .el-col-md-pull-2 { position: relative; right: 8.3333333333%; } .el-col-md-push-2 { position: relative; left: 8.3333333333%; } .el-col-md-3 { width: 12.5%; } .el-col-md-offset-3 { margin-left: 12.5%; } .el-col-md-pull-3 { position: relative; right: 12.5%; } .el-col-md-push-3 { position: relative; left: 12.5%; } .el-col-md-4 { width: 16.6666666667%; } .el-col-md-offset-4 { margin-left: 16.6666666667%; } .el-col-md-pull-4 { position: relative; right: 16.6666666667%; } .el-col-md-push-4 { position: relative; left: 16.6666666667%; } .el-col-md-5 { width: 20.8333333333%; } .el-col-md-offset-5 { margin-left: 20.8333333333%; } .el-col-md-pull-5 { position: relative; right: 20.8333333333%; } .el-col-md-push-5 { position: relative; left: 20.8333333333%; } .el-col-md-6 { width: 25%; } .el-col-md-offset-6 { margin-left: 25%; } .el-col-md-pull-6 { position: relative; right: 25%; } .el-col-md-push-6 { position: relative; left: 25%; } .el-col-md-7 { width: 29.1666666667%; } .el-col-md-offset-7 { margin-left: 29.1666666667%; } .el-col-md-pull-7 { position: relative; right: 29.1666666667%; } .el-col-md-push-7 { position: relative; left: 29.1666666667%; } .el-col-md-8 { width: 33.3333333333%; } .el-col-md-offset-8 { margin-left: 33.3333333333%; } .el-col-md-pull-8 { position: relative; right: 33.3333333333%; } .el-col-md-push-8 { position: relative; left: 33.3333333333%; } .el-col-md-9 { width: 37.5%; } .el-col-md-offset-9 { margin-left: 37.5%; } .el-col-md-pull-9 { position: relative; right: 37.5%; } .el-col-md-push-9 { position: relative; left: 37.5%; } .el-col-md-10 { width: 41.6666666667%; } .el-col-md-offset-10 { margin-left: 41.6666666667%; } .el-col-md-pull-10 { position: relative; right: 41.6666666667%; } .el-col-md-push-10 { position: relative; left: 41.6666666667%; } .el-col-md-11 { width: 45.8333333333%; } .el-col-md-offset-11 { margin-left: 45.8333333333%; } .el-col-md-pull-11 { position: relative; right: 45.8333333333%; } .el-col-md-push-11 { position: relative; left: 45.8333333333%; } .el-col-md-12 { width: 50%; } .el-col-md-offset-12 { margin-left: 50%; } .el-col-md-pull-12 { position: relative; right: 50%; } .el-col-md-push-12 { position: relative; left: 50%; } .el-col-md-13 { width: 54.1666666667%; } .el-col-md-offset-13 { margin-left: 54.1666666667%; } .el-col-md-pull-13 { position: relative; right: 54.1666666667%; } .el-col-md-push-13 { position: relative; left: 54.1666666667%; } .el-col-md-14 { width: 58.3333333333%; } .el-col-md-offset-14 { margin-left: 58.3333333333%; } .el-col-md-pull-14 { position: relative; right: 58.3333333333%; } .el-col-md-push-14 { position: relative; left: 58.3333333333%; } .el-col-md-15 { width: 62.5%; } .el-col-md-offset-15 { margin-left: 62.5%; } .el-col-md-pull-15 { position: relative; right: 62.5%; } .el-col-md-push-15 { position: relative; left: 62.5%; } .el-col-md-16 { width: 66.6666666667%; } .el-col-md-offset-16 { margin-left: 66.6666666667%; } .el-col-md-pull-16 { position: relative; right: 66.6666666667%; } .el-col-md-push-16 { position: relative; left: 66.6666666667%; } .el-col-md-17 { width: 70.8333333333%; } .el-col-md-offset-17 { margin-left: 70.8333333333%; } .el-col-md-pull-17 { position: relative; right: 70.8333333333%; } .el-col-md-push-17 { position: relative; left: 70.8333333333%; } .el-col-md-18 { width: 75%; } .el-col-md-offset-18 { margin-left: 75%; } .el-col-md-pull-18 { position: relative; right: 75%; } .el-col-md-push-18 { position: relative; left: 75%; } .el-col-md-19 { width: 79.1666666667%; } .el-col-md-offset-19 { margin-left: 79.1666666667%; } .el-col-md-pull-19 { position: relative; right: 79.1666666667%; } .el-col-md-push-19 { position: relative; left: 79.1666666667%; } .el-col-md-20 { width: 83.3333333333%; } .el-col-md-offset-20 { margin-left: 83.3333333333%; } .el-col-md-pull-20 { position: relative; right: 83.3333333333%; } .el-col-md-push-20 { position: relative; left: 83.3333333333%; } .el-col-md-21 { width: 87.5%; } .el-col-md-offset-21 { margin-left: 87.5%; } .el-col-md-pull-21 { position: relative; right: 87.5%; } .el-col-md-push-21 { position: relative; left: 87.5%; } .el-col-md-22 { width: 91.6666666667%; } .el-col-md-offset-22 { margin-left: 91.6666666667%; } .el-col-md-pull-22 { position: relative; right: 91.6666666667%; } .el-col-md-push-22 { position: relative; left: 91.6666666667%; } .el-col-md-23 { width: 95.8333333333%; } .el-col-md-offset-23 { margin-left: 95.8333333333%; } .el-col-md-pull-23 { position: relative; right: 95.8333333333%; } .el-col-md-push-23 { position: relative; left: 95.8333333333%; } .el-col-md-24 { width: 100%; } .el-col-md-offset-24 { margin-left: 100%; } .el-col-md-pull-24 { position: relative; right: 100%; } .el-col-md-push-24 { position: relative; left: 100%; } } @media only screen and (min-width: 1200px) { .el-col-lg-0 { display: none; } .el-col-lg-0 { width: 0%; } .el-col-lg-offset-0 { margin-left: 0%; } .el-col-lg-pull-0 { position: relative; right: 0%; } .el-col-lg-push-0 { position: relative; left: 0%; } .el-col-lg-1 { width: 4.1666666667%; } .el-col-lg-offset-1 { margin-left: 4.1666666667%; } .el-col-lg-pull-1 { position: relative; right: 4.1666666667%; } .el-col-lg-push-1 { position: relative; left: 4.1666666667%; } .el-col-lg-2 { width: 8.3333333333%; } .el-col-lg-offset-2 { margin-left: 8.3333333333%; } .el-col-lg-pull-2 { position: relative; right: 8.3333333333%; } .el-col-lg-push-2 { position: relative; left: 8.3333333333%; } .el-col-lg-3 { width: 12.5%; } .el-col-lg-offset-3 { margin-left: 12.5%; } .el-col-lg-pull-3 { position: relative; right: 12.5%; } .el-col-lg-push-3 { position: relative; left: 12.5%; } .el-col-lg-4 { width: 16.6666666667%; } .el-col-lg-offset-4 { margin-left: 16.6666666667%; } .el-col-lg-pull-4 { position: relative; right: 16.6666666667%; } .el-col-lg-push-4 { position: relative; left: 16.6666666667%; } .el-col-lg-5 { width: 20.8333333333%; } .el-col-lg-offset-5 { margin-left: 20.8333333333%; } .el-col-lg-pull-5 { position: relative; right: 20.8333333333%; } .el-col-lg-push-5 { position: relative; left: 20.8333333333%; } .el-col-lg-6 { width: 25%; } .el-col-lg-offset-6 { margin-left: 25%; } .el-col-lg-pull-6 { position: relative; right: 25%; } .el-col-lg-push-6 { position: relative; left: 25%; } .el-col-lg-7 { width: 29.1666666667%; } .el-col-lg-offset-7 { margin-left: 29.1666666667%; } .el-col-lg-pull-7 { position: relative; right: 29.1666666667%; } .el-col-lg-push-7 { position: relative; left: 29.1666666667%; } .el-col-lg-8 { width: 33.3333333333%; } .el-col-lg-offset-8 { margin-left: 33.3333333333%; } .el-col-lg-pull-8 { position: relative; right: 33.3333333333%; } .el-col-lg-push-8 { position: relative; left: 33.3333333333%; } .el-col-lg-9 { width: 37.5%; } .el-col-lg-offset-9 { margin-left: 37.5%; } .el-col-lg-pull-9 { position: relative; right: 37.5%; } .el-col-lg-push-9 { position: relative; left: 37.5%; } .el-col-lg-10 { width: 41.6666666667%; } .el-col-lg-offset-10 { margin-left: 41.6666666667%; } .el-col-lg-pull-10 { position: relative; right: 41.6666666667%; } .el-col-lg-push-10 { position: relative; left: 41.6666666667%; } .el-col-lg-11 { width: 45.8333333333%; } .el-col-lg-offset-11 { margin-left: 45.8333333333%; } .el-col-lg-pull-11 { position: relative; right: 45.8333333333%; } .el-col-lg-push-11 { position: relative; left: 45.8333333333%; } .el-col-lg-12 { width: 50%; } .el-col-lg-offset-12 { margin-left: 50%; } .el-col-lg-pull-12 { position: relative; right: 50%; } .el-col-lg-push-12 { position: relative; left: 50%; } .el-col-lg-13 { width: 54.1666666667%; } .el-col-lg-offset-13 { margin-left: 54.1666666667%; } .el-col-lg-pull-13 { position: relative; right: 54.1666666667%; } .el-col-lg-push-13 { position: relative; left: 54.1666666667%; } .el-col-lg-14 { width: 58.3333333333%; } .el-col-lg-offset-14 { margin-left: 58.3333333333%; } .el-col-lg-pull-14 { position: relative; right: 58.3333333333%; } .el-col-lg-push-14 { position: relative; left: 58.3333333333%; } .el-col-lg-15 { width: 62.5%; } .el-col-lg-offset-15 { margin-left: 62.5%; } .el-col-lg-pull-15 { position: relative; right: 62.5%; } .el-col-lg-push-15 { position: relative; left: 62.5%; } .el-col-lg-16 { width: 66.6666666667%; } .el-col-lg-offset-16 { margin-left: 66.6666666667%; } .el-col-lg-pull-16 { position: relative; right: 66.6666666667%; } .el-col-lg-push-16 { position: relative; left: 66.6666666667%; } .el-col-lg-17 { width: 70.8333333333%; } .el-col-lg-offset-17 { margin-left: 70.8333333333%; } .el-col-lg-pull-17 { position: relative; right: 70.8333333333%; } .el-col-lg-push-17 { position: relative; left: 70.8333333333%; } .el-col-lg-18 { width: 75%; } .el-col-lg-offset-18 { margin-left: 75%; } .el-col-lg-pull-18 { position: relative; right: 75%; } .el-col-lg-push-18 { position: relative; left: 75%; } .el-col-lg-19 { width: 79.1666666667%; } .el-col-lg-offset-19 { margin-left: 79.1666666667%; } .el-col-lg-pull-19 { position: relative; right: 79.1666666667%; } .el-col-lg-push-19 { position: relative; left: 79.1666666667%; } .el-col-lg-20 { width: 83.3333333333%; } .el-col-lg-offset-20 { margin-left: 83.3333333333%; } .el-col-lg-pull-20 { position: relative; right: 83.3333333333%; } .el-col-lg-push-20 { position: relative; left: 83.3333333333%; } .el-col-lg-21 { width: 87.5%; } .el-col-lg-offset-21 { margin-left: 87.5%; } .el-col-lg-pull-21 { position: relative; right: 87.5%; } .el-col-lg-push-21 { position: relative; left: 87.5%; } .el-col-lg-22 { width: 91.6666666667%; } .el-col-lg-offset-22 { margin-left: 91.6666666667%; } .el-col-lg-pull-22 { position: relative; right: 91.6666666667%; } .el-col-lg-push-22 { position: relative; left: 91.6666666667%; } .el-col-lg-23 { width: 95.8333333333%; } .el-col-lg-offset-23 { margin-left: 95.8333333333%; } .el-col-lg-pull-23 { position: relative; right: 95.8333333333%; } .el-col-lg-push-23 { position: relative; left: 95.8333333333%; } .el-col-lg-24 { width: 100%; } .el-col-lg-offset-24 { margin-left: 100%; } .el-col-lg-pull-24 { position: relative; right: 100%; } .el-col-lg-push-24 { position: relative; left: 100%; } } @media only screen and (min-width: 1920px) { .el-col-xl-0 { display: none; } .el-col-xl-0 { width: 0%; } .el-col-xl-offset-0 { margin-left: 0%; } .el-col-xl-pull-0 { position: relative; right: 0%; } .el-col-xl-push-0 { position: relative; left: 0%; } .el-col-xl-1 { width: 4.1666666667%; } .el-col-xl-offset-1 { margin-left: 4.1666666667%; } .el-col-xl-pull-1 { position: relative; right: 4.1666666667%; } .el-col-xl-push-1 { position: relative; left: 4.1666666667%; } .el-col-xl-2 { width: 8.3333333333%; } .el-col-xl-offset-2 { margin-left: 8.3333333333%; } .el-col-xl-pull-2 { position: relative; right: 8.3333333333%; } .el-col-xl-push-2 { position: relative; left: 8.3333333333%; } .el-col-xl-3 { width: 12.5%; } .el-col-xl-offset-3 { margin-left: 12.5%; } .el-col-xl-pull-3 { position: relative; right: 12.5%; } .el-col-xl-push-3 { position: relative; left: 12.5%; } .el-col-xl-4 { width: 16.6666666667%; } .el-col-xl-offset-4 { margin-left: 16.6666666667%; } .el-col-xl-pull-4 { position: relative; right: 16.6666666667%; } .el-col-xl-push-4 { position: relative; left: 16.6666666667%; } .el-col-xl-5 { width: 20.8333333333%; } .el-col-xl-offset-5 { margin-left: 20.8333333333%; } .el-col-xl-pull-5 { position: relative; right: 20.8333333333%; } .el-col-xl-push-5 { position: relative; left: 20.8333333333%; } .el-col-xl-6 { width: 25%; } .el-col-xl-offset-6 { margin-left: 25%; } .el-col-xl-pull-6 { position: relative; right: 25%; } .el-col-xl-push-6 { position: relative; left: 25%; } .el-col-xl-7 { width: 29.1666666667%; } .el-col-xl-offset-7 { margin-left: 29.1666666667%; } .el-col-xl-pull-7 { position: relative; right: 29.1666666667%; } .el-col-xl-push-7 { position: relative; left: 29.1666666667%; } .el-col-xl-8 { width: 33.3333333333%; } .el-col-xl-offset-8 { margin-left: 33.3333333333%; } .el-col-xl-pull-8 { position: relative; right: 33.3333333333%; } .el-col-xl-push-8 { position: relative; left: 33.3333333333%; } .el-col-xl-9 { width: 37.5%; } .el-col-xl-offset-9 { margin-left: 37.5%; } .el-col-xl-pull-9 { position: relative; right: 37.5%; } .el-col-xl-push-9 { position: relative; left: 37.5%; } .el-col-xl-10 { width: 41.6666666667%; } .el-col-xl-offset-10 { margin-left: 41.6666666667%; } .el-col-xl-pull-10 { position: relative; right: 41.6666666667%; } .el-col-xl-push-10 { position: relative; left: 41.6666666667%; } .el-col-xl-11 { width: 45.8333333333%; } .el-col-xl-offset-11 { margin-left: 45.8333333333%; } .el-col-xl-pull-11 { position: relative; right: 45.8333333333%; } .el-col-xl-push-11 { position: relative; left: 45.8333333333%; } .el-col-xl-12 { width: 50%; } .el-col-xl-offset-12 { margin-left: 50%; } .el-col-xl-pull-12 { position: relative; right: 50%; } .el-col-xl-push-12 { position: relative; left: 50%; } .el-col-xl-13 { width: 54.1666666667%; } .el-col-xl-offset-13 { margin-left: 54.1666666667%; } .el-col-xl-pull-13 { position: relative; right: 54.1666666667%; } .el-col-xl-push-13 { position: relative; left: 54.1666666667%; } .el-col-xl-14 { width: 58.3333333333%; } .el-col-xl-offset-14 { margin-left: 58.3333333333%; } .el-col-xl-pull-14 { position: relative; right: 58.3333333333%; } .el-col-xl-push-14 { position: relative; left: 58.3333333333%; } .el-col-xl-15 { width: 62.5%; } .el-col-xl-offset-15 { margin-left: 62.5%; } .el-col-xl-pull-15 { position: relative; right: 62.5%; } .el-col-xl-push-15 { position: relative; left: 62.5%; } .el-col-xl-16 { width: 66.6666666667%; } .el-col-xl-offset-16 { margin-left: 66.6666666667%; } .el-col-xl-pull-16 { position: relative; right: 66.6666666667%; } .el-col-xl-push-16 { position: relative; left: 66.6666666667%; } .el-col-xl-17 { width: 70.8333333333%; } .el-col-xl-offset-17 { margin-left: 70.8333333333%; } .el-col-xl-pull-17 { position: relative; right: 70.8333333333%; } .el-col-xl-push-17 { position: relative; left: 70.8333333333%; } .el-col-xl-18 { width: 75%; } .el-col-xl-offset-18 { margin-left: 75%; } .el-col-xl-pull-18 { position: relative; right: 75%; } .el-col-xl-push-18 { position: relative; left: 75%; } .el-col-xl-19 { width: 79.1666666667%; } .el-col-xl-offset-19 { margin-left: 79.1666666667%; } .el-col-xl-pull-19 { position: relative; right: 79.1666666667%; } .el-col-xl-push-19 { position: relative; left: 79.1666666667%; } .el-col-xl-20 { width: 83.3333333333%; } .el-col-xl-offset-20 { margin-left: 83.3333333333%; } .el-col-xl-pull-20 { position: relative; right: 83.3333333333%; } .el-col-xl-push-20 { position: relative; left: 83.3333333333%; } .el-col-xl-21 { width: 87.5%; } .el-col-xl-offset-21 { margin-left: 87.5%; } .el-col-xl-pull-21 { position: relative; right: 87.5%; } .el-col-xl-push-21 { position: relative; left: 87.5%; } .el-col-xl-22 { width: 91.6666666667%; } .el-col-xl-offset-22 { margin-left: 91.6666666667%; } .el-col-xl-pull-22 { position: relative; right: 91.6666666667%; } .el-col-xl-push-22 { position: relative; left: 91.6666666667%; } .el-col-xl-23 { width: 95.8333333333%; } .el-col-xl-offset-23 { margin-left: 95.8333333333%; } .el-col-xl-pull-23 { position: relative; right: 95.8333333333%; } .el-col-xl-push-23 { position: relative; left: 95.8333333333%; } .el-col-xl-24 { width: 100%; } .el-col-xl-offset-24 { margin-left: 100%; } .el-col-xl-pull-24 { position: relative; right: 100%; } .el-col-xl-push-24 { position: relative; left: 100%; } } .el-progress { position: relative; line-height: 1; } .el-progress__text { font-size: 14px; color: var(--color-text-dark); display: inline-block; vertical-align: middle; margin-left: 10px; line-height: 1; } .el-progress__text i { vertical-align: middle; display: block; } .el-progress--circle, .el-progress--dashboard { display: inline-block; } .el-progress--circle .el-progress__text, .el-progress--dashboard .el-progress__text { position: absolute; top: 50%; left: 0; width: 100%; text-align: center; margin: 0; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .el-progress--circle .el-progress__text i, .el-progress--dashboard .el-progress__text i { vertical-align: middle; display: inline-block; } .el-progress--without-text .el-progress__text { display: none; } .el-progress--without-text .el-progress-bar { padding-right: 0; margin-right: 0; display: block; } .el-progress--text-inside .el-progress-bar { padding-right: 0; margin-right: 0; } .el-progress.is-success .el-progress-bar__inner { background-color: var(--color-success); } .el-progress.is-success .el-progress__text { color: var(--color-success); } .el-progress.is-warning .el-progress-bar__inner { background-color: var(--color-warning); } .el-progress.is-warning .el-progress__text { color: var(--color-warning); } .el-progress.is-exception .el-progress-bar__inner { background-color: var(--color-danger); } .el-progress.is-exception .el-progress__text { color: var(--color-danger); } .el-progress-bar { padding-right: 50px; display: inline-block; vertical-align: middle; width: 100%; margin-right: -55px; -webkit-box-sizing: border-box; box-sizing: border-box; } .el-progress-bar__outer { height: 6px; border-radius: 100px; background-color: var(--border-color-light); overflow: hidden; position: relative; vertical-align: middle; } .el-progress-bar__inner { position: absolute; left: 0; top: 0; height: 100%; background-color: var(--color-primary); text-align: right; border-radius: 100px; line-height: 1; white-space: nowrap; -webkit-transition: width 0.6s ease; transition: width 0.6s ease; } .el-progress-bar__inner::after { display: inline-block; content: ""; height: 100%; vertical-align: middle; } .el-progress-bar__innerText { display: inline-block; vertical-align: middle; color: var(--color-foreground-xlight); font-size: 12px; margin: 0 5px; } @-webkit-keyframes progress { 0% { background-position: 0 0; } 100% { background-position: 32px 0; } } @keyframes progress { 0% { background-position: 0 0; } 100% { background-position: 32px 0; } } .el-message { min-width: 380px; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: var(--border-radius-base); border-width: var(--border-width-base); border-style: var(--border-style-base); border-color: var(--border-color-light); position: fixed; left: 50%; top: 20px; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: var(--color-background-base); -webkit-transition: opacity 0.3s, top 0.4s, -webkit-transform 0.4s; transition: opacity 0.3s, top 0.4s, -webkit-transform 0.4s; transition: opacity 0.3s, transform 0.4s, top 0.4s; transition: opacity 0.3s, transform 0.4s, top 0.4s, -webkit-transform 0.4s; overflow: hidden; padding: 16px 16px 16px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .el-message.is-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .el-message.is-closable .el-message__content { padding-right: 16px; } .el-message p { margin: 0; } .el-message--info .el-message__content { color: var(--color-info); } .el-message--success { background-color: var(--color-success-tint-1); border-color: var(--color-success-light); } .el-message--success .el-message__content { color: var(--color-success); } .el-message--warning { background-color: var(--color-warning-tint-2); border-color: var(--color-warning-tint-2); } .el-message--warning .el-message__content { color: var(--color-warning); } .el-message--warning .el-message__closeBtn { color: var(--color-warning); } .el-message--error { background-color: var(--color-danger-tint-2); border-color: var(--color-danger-tint-1); } .el-message--error .el-message__content { color: var(--color-danger); } .el-message__icon { margin-right: 10px; } .el-message__content { padding: 0; font-size: 14px; line-height: 1; } .el-message__content:focus { outline-width: 0; } .el-message__closeBtn { position: absolute; top: 50%; right: 15px; -webkit-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; color: var(--color-text-lighter); font-size: 16px; } .el-message__closeBtn:focus { outline-width: 0; } .el-message__closeBtn:hover { color: var(--color-text-light); } .el-message .el-icon-success { color: var(--color-success); } .el-message .el-icon-error { color: var(--color-danger); } .el-message .el-icon-info { color: var(--color-info); } .el-message .el-icon-warning { color: var(--color-warning); } .el-message-fade-enter-from, .el-message-fade-leave-active { opacity: 0; -webkit-transform: translate(-50%, -100%); transform: translate(-50%, -100%); } .el-badge { position: relative; vertical-align: middle; display: inline-block; } .el-badge__content { background-color: var(--color-danger); border-radius: 10px; color: var(--color-foreground-xlight); display: inline-block; font-size: 12px; height: 18px; line-height: 18px; padding: 0 6px; text-align: center; white-space: nowrap; border: 1px solid var(--color-foreground-xlight); -webkit-box-sizing: content-box; box-sizing: content-box; } .el-badge__content.is-fixed { position: absolute; top: 0; right: 10px; -webkit-transform: translateY(-50%) translateX(100%); transform: translateY(-50%) translateX(100%); } .el-badge__content.is-fixed.is-dot { right: 5px; } .el-badge__content.is-dot { height: 8px; width: 8px; padding: 0; right: 0; border-radius: 50%; } .el-badge__content--primary { background-color: var(--color-primary); } .el-badge__content--success { background-color: var(--color-success); } .el-badge__content--warning { background-color: var(--color-warning); } .el-badge__content--info { background-color: var(--color-info); } .el-badge__content--danger { background-color: var(--color-danger); } .el-card { border-radius: 4px; border: 1px solid var(--border-color-light); background-color: var(--color-foreground-xlight); overflow: hidden; color: var(--color-text-dark); -webkit-transition: 0.3s; transition: 0.3s; } .el-card.is-always-shadow { -webkit-box-shadow: var(--box-shadow-light); box-shadow: var(--box-shadow-light); } .el-card.is-hover-shadow:hover, .el-card.is-hover-shadow:focus { -webkit-box-shadow: var(--box-shadow-light); box-shadow: var(--box-shadow-light); } .el-card__header { padding: 18px 20px; border-bottom: 1px solid var(--border-color-light); -webkit-box-sizing: border-box; box-sizing: border-box; } .el-card__body { padding: 20px; } .el-collapse { border-top: 1px solid var(--border-color-light); border-bottom: 1px solid var(--border-color-light); } .el-collapse-item.is-disabled .el-collapse-item__header { color: var(--color-text-light); cursor: not-allowed; } .el-collapse-item__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 48px; line-height: 48px; background-color: var(--color-foreground-xlight); color: var(--color-text-dark); cursor: pointer; border-bottom: 1px solid var(--border-color-light); font-size: 13px; font-weight: var(--font-weight-medium); -webkit-transition: border-bottom-color 0.3s; transition: border-bottom-color 0.3s; outline: none; } .el-collapse-item__arrow { margin: 0 8px 0 auto; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; font-weight: var(--font-weight-regular); } .el-collapse-item__arrow.is-active { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .el-collapse-item__header.focusing:focus:not(:hover) { color: var(--color-primary); } .el-collapse-item__header.is-active { border-bottom-color: transparent; } .el-collapse-item__wrap { will-change: height; background-color: var(--color-foreground-xlight); overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid var(--border-color-light); } .el-collapse-item__content { padding-bottom: 25px; font-size: 13px; color: var(--color-text-dark); line-height: 1.7692307692; } .el-collapse-item:last-child { margin-bottom: -1px; } .el-color-predefine { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 12px; margin-top: 8px; width: 280px; } .el-color-predefine__colors { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -ms-flex-wrap: wrap; flex-wrap: wrap; } .el-color-predefine__color-selector { margin: 0 0 8px 8px; width: 20px; height: 20px; border-radius: 4px; cursor: pointer; } .el-color-predefine__color-selector:nth-child(10n+1) { margin-left: 0; } .el-color-predefine__color-selector.selected { -webkit-box-shadow: 0 0 3px 2px var(--color-primary); box-shadow: 0 0 3px 2px var(--color-primary); } .el-color-predefine__color-selector > div { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; border-radius: 3px; } .el-color-predefine__color-selector.is-alpha { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); } .el-color-hue-slider { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; width: 280px; height: 12px; background-color: #f00; padding: 0 2px; } .el-color-hue-slider__bar { position: relative; background: -webkit-gradient(linear, left top, right top, from(#f00), color-stop(17%, #ff0), color-stop(33%, #0f0), color-stop(50%, #0ff), color-stop(67%, #00f), color-stop(83%, #f0f), to(#f00)); background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%); height: 100%; } .el-color-hue-slider__thumb { position: absolute; cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box; left: 0; top: 0; width: 4px; height: 100%; border-radius: 1px; background: #fff; border: 1px solid #f0f0f0; -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); z-index: 1; } .el-color-hue-slider.is-vertical { width: 12px; height: 180px; padding: 2px 0; } .el-color-hue-slider.is-vertical .el-color-hue-slider__bar { background: -webkit-gradient(linear, left top, left bottom, from(#f00), color-stop(17%, #ff0), color-stop(33%, #0f0), color-stop(50%, #0ff), color-stop(67%, #00f), color-stop(83%, #f0f), to(#f00)); background: linear-gradient(to bottom, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%); } .el-color-hue-slider.is-vertical .el-color-hue-slider__thumb { left: 0; top: 0; width: 100%; height: 4px; } .el-color-svpanel { position: relative; width: 280px; height: 180px; } .el-color-svpanel__white, .el-color-svpanel__black { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .el-color-svpanel__white { background: -webkit-gradient(linear, left top, right top, from(#fff), to(rgba(255, 255, 255, 0))); background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0)); } .el-color-svpanel__black { background: -webkit-gradient(linear, left bottom, left top, from(#000), to(rgba(0, 0, 0, 0))); background: linear-gradient(to top, #000, rgba(0, 0, 0, 0)); } .el-color-svpanel__cursor { position: absolute; } .el-color-svpanel__cursor > div { cursor: head; width: 4px; height: 4px; -webkit-box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px 2px rgba(0, 0, 0, 0.4); box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px 2px rgba(0, 0, 0, 0.4); border-radius: 50%; -webkit-transform: translate(-2px, -2px); transform: translate(-2px, -2px); } .el-color-alpha-slider { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; width: 280px; height: 12px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); } .el-color-alpha-slider__bar { position: relative; background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgb(255, 255, 255))); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%); height: 100%; } .el-color-alpha-slider__thumb { position: absolute; cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box; left: 0; top: 0; width: 4px; height: 100%; border-radius: 1px; background: #fff; border: 1px solid #f0f0f0; -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); z-index: 1; } .el-color-alpha-slider.is-vertical { width: 20px; height: 180px; } .el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar { background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgb(255, 255, 255))); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%); } .el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb { left: 0; top: 0; width: 100%; height: 4px; } .el-color-dropdown { width: 300px; } .el-color-dropdown__main-wrapper { margin-bottom: 6px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .el-color-dropdown__btns { margin-top: 6px; text-align: right; } .el-color-dropdown__value { float: left; line-height: 26px; font-size: 12px; color: var(--color-foreground-dark); width: 160px; } .el-color-dropdown__btn.is-round { padding: var(--spacing-3xs) var(--spacing-xs); } .el-color-dropdown__btn { padding: var(--spacing-3xs) var(--spacing-xs); font-size: var(--font-size-2xs); } .el-color-dropdown__btn { color: var(--button-font-color, var(--color-button-primary-font)); background-color: hsl(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l)); border-color: hsl(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l)); } .el-color-dropdown__btn:active { background: hsl(var(--color-primary-h), var(--color-primary-s), calc(var(--color-primary-l) + -10%)); border-color: hsl(var(--color-primary-h), var(--color-primary-s), calc(var(--color-primary-l) + -10%)); color: var(--button-font-color, var(--color-button-primary-font)); outline: none; } .el-color-dropdown__btn.is-active { background: hsl(var(--color-primary-h), var(--color-primary-s), calc(var(--color-primary-l) + -10%)); border-color: hsl(var(--color-primary-h), var(--color-primary-s), calc(var(--color-primary-l) + -10%)); color: var(--button-font-color, var(--color-button-primary-font)); } .el-color-dropdown__btn.is-light { color: hsl(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l)); background-color: hsl(var(--color-primary-h), var(--color-primary-s), var(--color-primary-tint-2-l)); border-color: hsl(var(--color-primary-h), var(--color-primary-s), var(--color-primary-tint-2-l)); } .el-color-dropdown__btn.is-disabled, .el-color-dropdown__btn.is-disabled:hover, .el-color-dropdown__btn.is-disabled:focus, .el-color-dropdown__btn.is-disabled:active { color: var(--color-text-light); background-color: var(--color-foreground-base); border-color: var(--color-foreground-base); } .el-color-dropdown__link-btn.is-round { padding: var(--spacing-3xs) var(--spacing-xs); } .el-color-dropdown__link-btn { padding: var(--spacing-3xs) var(--spacing-xs); font-size: var(--font-size-2xs); } .el-color-dropdown__link-btn { margin-right: var(--spacing-2xs); } .el-color-picker { display: inline-block; position: relative; line-height: normal; height: 40px; } .el-color-picker.is-disabled .el-color-picker__trigger { cursor: not-allowed; } .el-color-picker--medium { height: 36px; } .el-color-picker--medium .el-color-picker__trigger { height: 36px; width: 36px; } .el-color-picker--medium .el-color-picker__mask { height: 34px; width: 34px; } .el-color-picker--small { height: 32px; } .el-color-picker--small .el-color-picker__trigger { height: 32px; width: 32px; } .el-color-picker--small .el-color-picker__mask { height: 30px; width: 30px; } .el-color-picker--small .el-color-picker__icon, .el-color-picker--small .el-color-picker__empty { -webkit-transform: translate3d(-50%, -50%, 0) scale(0.8); transform: translate3d(-50%, -50%, 0) scale(0.8); } .el-color-picker--mini { height: 28px; } .el-color-picker--mini .el-color-picker__trigger { height: 28px; width: 28px; } .el-color-picker--mini .el-color-picker__mask { height: 26px; width: 26px; } .el-color-picker--mini .el-color-picker__icon, .el-color-picker--mini .el-color-picker__empty { -webkit-transform: translate3d(-50%, -50%, 0) scale(0.8); transform: translate3d(-50%, -50%, 0) scale(0.8); } .el-color-picker__mask { height: 38px; width: 38px; border-radius: 4px; position: absolute; top: 1px; left: 1px; z-index: 1; cursor: not-allowed; background-color: rgba(255, 255, 255, 0.7); } .el-color-picker__trigger { display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; height: 40px; width: 40px; padding: 4px; border: 1px solid #e6e6e6; border-radius: 4px; font-size: 0; position: relative; cursor: pointer; } .el-color-picker__color { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #999; border-radius: var(--border-radius-small); width: 100%; height: 100%; text-align: center; } .el-color-picker__color.is-alpha { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); } .el-color-picker__color-inner { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .el-color-picker__empty { font-size: 12px; color: #999; position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .el-color-picker__icon { display: inline-block; position: absolute; width: 100%; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); color: var(--color-foreground-xlight); text-align: center; font-size: 12px; } .el-color-picker__panel { position: absolute; z-index: 10; padding: 6px; -webkit-box-sizing: content-box; box-sizing: content-box; background-color: var(--color-foreground-xlight); border: 1px solid var(--border-color-light); border-radius: var(--border-radius-base); -webkit-box-shadow: var(--box-shadow-light); box-shadow: var(--box-shadow-light); } .el-transfer { font-size: var(--font-size-s); } .el-transfer__buttons { display: inline-block; vertical-align: middle; padding: 0 30px; } .el-transfer .button { display: block; margin: 0 auto; padding: 10px; border-radius: 50%; color: var(--color-foreground-xlight); background-color: var(--color-primary); font-size: 0; } .el-transfer .button.is-with-texts { border-radius: var(--border-radius-base); } .el-transfer .button.is-disabled { border: var(--border-base); background-color: var(--color-background-base); color: var(--color-text-lighter); } .el-transfer .button.is-disabled:hover { border: var(--border-base); background-color: var(--color-background-base); color: var(--color-text-lighter); } .el-transfer .button:first-child { margin-bottom: 10px; } .el-transfer .button:nth-child(2) { margin: 0; } .el-transfer .button i, .el-transfer .button span { font-size: 14px; } .el-transfer .button [class*=el-icon-] + span { margin-left: 0; } .el-transfer-panel { border: 1px solid var(--border-color-light); border-radius: var(--border-radius-base); overflow: hidden; background: var(--color-foreground-xlight); display: inline-block; vertical-align: middle; width: 200px; max-height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } .el-transfer-panel__body { height: 246px; } .el-transfer-panel__body.is-with-footer { padding-bottom: 40px; } .el-transfer-panel__list { margin: 0; padding: 6px 0; list-style: none; height: 246px; overflow: auto; -webkit-box-sizing: border-box; box-sizing: border-box; } .el-transfer-panel__list.is-filterable { height: 194px; padding-top: 0; } .el-transfer-panel__item { height: 30px; line-height: 30px; padding-left: 15px; display: block !important; } .el-transfer-panel__item + .el-transfer-panel__item { margin-left: 0; } .el-transfer-panel__item.el-checkbox { color: var(--color-text-dark); } .el-transfer-panel__item:hover { color: var(--color-primary); } .el-transfer-panel__item.el-checkbox .el-checkbox__label { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 24px; line-height: 30px; } .el-transfer-panel__item .el-checkbox__input { position: absolute; top: 8px; } .el-transfer-panel__filter { text-align: center; margin: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; width: auto; } .el-transfer-panel__filter .el-input__inner { height: 32px; width: 100%; font-size: 12px; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 16px; padding-right: 10px; padding-left: 30px; } .el-transfer-panel__filter .el-input__icon { margin-left: 5px; } .el-transfer-panel__filter .el-icon-circle-close { cursor: pointer; } .el-transfer-panel .el-transfer-panel__header { height: 40px; line-height: 40px; background: var(--color-background-base); margin: 0; padding-left: 15px; border-bottom: 1px solid var(--border-color-light); -webkit-box-sizing: border-box; box-sizing: border-box; color: var(--color-foreground-dark); } .el-transfer-panel .el-transfer-panel__header .el-checkbox { display: block; line-height: 40px; } .el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label { font-size: 16px; color: var(--color-text-dark); font-weight: var(--font-weight-regular); } .el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label span { position: absolute; right: 15px; color: var(--color-text-light); font-size: 12px; font-weight: var(--font-weight-regular); } .el-transfer-panel .el-transfer-panel__footer { height: 40px; background: var(--color-foreground-xlight); margin: 0; padding: 0; border-top: 1px solid var(--border-color-light); position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1; } .el-transfer-panel .el-transfer-panel__footer::after { display: inline-block; content: ""; height: 100%; vertical-align: middle; } .el-transfer-panel .el-transfer-panel__footer .el-checkbox { padding-left: 20px; color: var(--color-text-dark); } .el-transfer-panel .el-transfer-panel__empty { margin: 0; height: 30px; line-height: 30px; padding: 6px 15px 0; color: var(--color-text-light); text-align: center; } .el-transfer-panel .el-checkbox__label { padding-left: 8px; } .el-transfer-panel .el-checkbox__inner { height: 14px; width: 14px; border-radius: 3px; } .el-transfer-panel .el-checkbox__inner::after { height: 6px; width: 3px; left: 4px; } .el-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -ms-flex-preferred-size: auto; flex-basis: auto; -webkit-box-sizing: border-box; box-sizing: border-box; min-width: 0; } .el-container.is-vertical { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .el-drawer { position: absolute; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: var(--color-dialog-background); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-shadow: 0 6px 16px rgba(68, 28, 23, 0.06); box-shadow: 0 6px 16px rgba(68, 28, 23, 0.06); overflow: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; } .el-drawer .rtl { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .el-drawer .ltr { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .el-drawer .ttb { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .el-drawer .btt { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .el-drawer__sr-focus:focus { outline: none !important; } .el-drawer__header { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: rgb(114, 118, 123); display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 32px; padding: var(--spacing-l); padding-bottom: 0; } .el-drawer__header > :first-child { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .el-drawer__title { margin: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; line-height: inherit; font-size: 1rem; } .el-drawer__footer { padding: var(--spacing-l); padding-top: 10px; text-align: right; } .el-drawer__close-btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; border: none; cursor: pointer; font-size: getCssVar("font-size-extra-large"); color: inherit; background-color: transparent; outline: none; } .el-drawer__close-btn:focus i, .el-drawer__close-btn:hover i { color: getCssVar("color-primary"); } .el-drawer__body { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0; overflow: auto; } .el-drawer__body > * { -webkit-box-sizing: border-box; box-sizing: border-box; } .el-drawer.ltr, .el-drawer.rtl { height: 100%; top: 0; bottom: 0; } .el-drawer.ttb, .el-drawer.btt { width: 100%; left: 0; right: 0; } .el-drawer.ltr { left: 0; } .el-drawer.rtl { right: 0; } .el-drawer.ttb { top: 0; } .el-drawer.btt { bottom: 0; } .el-drawer-fade-enter-active, .el-drawer-fade-leave-active { -webkit-transition: all 0.3s; transition: all 0.3s; } .el-drawer-fade-enter-from, .el-drawer-fade-enter-active, .el-drawer-fade-enter-to, .el-drawer-fade-leave-from, .el-drawer-fade-leave-active, .el-drawer-fade-leave-to { overflow: hidden !important; } .el-drawer-fade-enter-from, .el-drawer-fade-leave-to { opacity: 0; } .el-drawer-fade-enter-from .rtl, .el-drawer-fade-leave-to .rtl { -webkit-transform: translateX(100%); transform: translateX(100%); } .el-drawer-fade-enter-from .ltr, .el-drawer-fade-leave-to .ltr { -webkit-transform: translateX(-100%); transform: translateX(-100%); } .el-drawer-fade-enter-from .ttb, .el-drawer-fade-leave-to .ttb { -webkit-transform: translateY(-100%); transform: translateY(-100%); } .el-drawer-fade-enter-from .btt, .el-drawer-fade-leave-to .btt { -webkit-transform: translateY(100%); transform: translateY(100%); } .el-drawer-fade-enter-to, .el-drawer-fade-leave-from { opacity: 1; } .float-left { float: left !important; } .float-right { float: right !important; } .overlay-link::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; } .list-style-none { list-style: none; padding-left: 0; } .list-inline { list-style: none; padding-left: 0; } .list-inline li { display: inline-block; margin-right: var(--spacing-2xs); } .mt-5xs { margin-top: var(--spacing-5xs) !important; } .mr-5xs { margin-right: var(--spacing-5xs) !important; } .mb-5xs { margin-bottom: var(--spacing-5xs) !important; } .ml-5xs { margin-left: var(--spacing-5xs) !important; } .m-5xs { margin: var(--spacing-5xs) !important; } .pt-5xs { padding-top: var(--spacing-5xs) !important; } .pr-5xs { padding-right: var(--spacing-5xs) !important; } .pb-5xs { padding-bottom: var(--spacing-5xs) !important; } .pl-5xs { padding-left: var(--spacing-5xs) !important; } .p-5xs { padding: var(--spacing-5xs) !important; } .mt-4xs { margin-top: var(--spacing-4xs) !important; } .mr-4xs { margin-right: var(--spacing-4xs) !important; } .mb-4xs { margin-bottom: var(--spacing-4xs) !important; } .ml-4xs { margin-left: var(--spacing-4xs) !important; } .m-4xs { margin: var(--spacing-4xs) !important; } .pt-4xs { padding-top: var(--spacing-4xs) !important; } .pr-4xs { padding-right: var(--spacing-4xs) !important; } .pb-4xs { padding-bottom: var(--spacing-4xs) !important; } .pl-4xs { padding-left: var(--spacing-4xs) !important; } .p-4xs { padding: var(--spacing-4xs) !important; } .mt-3xs { margin-top: var(--spacing-3xs) !important; } .mr-3xs { margin-right: var(--spacing-3xs) !important; } .mb-3xs { margin-bottom: var(--spacing-3xs) !important; } .ml-3xs { margin-left: var(--spacing-3xs) !important; } .m-3xs { margin: var(--spacing-3xs) !important; } .pt-3xs { padding-top: var(--spacing-3xs) !important; } .pr-3xs { padding-right: var(--spacing-3xs) !important; } .pb-3xs { padding-bottom: var(--spacing-3xs) !important; } .pl-3xs { padding-left: var(--spacing-3xs) !important; } .p-3xs { padding: var(--spacing-3xs) !important; } .mt-2xs { margin-top: var(--spacing-2xs) !important; } .mr-2xs { margin-right: var(--spacing-2xs) !important; } .mb-2xs { margin-bottom: var(--spacing-2xs) !important; } .ml-2xs { margin-left: var(--spacing-2xs) !important; } .m-2xs { margin: var(--spacing-2xs) !important; } .pt-2xs { padding-top: var(--spacing-2xs) !important; } .pr-2xs { padding-right: var(--spacing-2xs) !important; } .pb-2xs { padding-bottom: var(--spacing-2xs) !important; } .pl-2xs { padding-left: var(--spacing-2xs) !important; } .p-2xs { padding: var(--spacing-2xs) !important; } .mt-xs { margin-top: var(--spacing-xs) !important; } .mr-xs { margin-right: var(--spacing-xs) !important; } .mb-xs { margin-bottom: var(--spacing-xs) !important; } .ml-xs { margin-left: var(--spacing-xs) !important; } .m-xs { margin: var(--spacing-xs) !important; } .pt-xs { padding-top: var(--spacing-xs) !important; } .pr-xs { padding-right: var(--spacing-xs) !important; } .pb-xs { padding-bottom: var(--spacing-xs) !important; } .pl-xs { padding-left: var(--spacing-xs) !important; } .p-xs { padding: var(--spacing-xs) !important; } .mt-s { margin-top: var(--spacing-s) !important; } .mr-s { margin-right: var(--spacing-s) !important; } .mb-s { margin-bottom: var(--spacing-s) !important; } .ml-s { margin-left: var(--spacing-s) !important; } .m-s { margin: var(--spacing-s) !important; } .pt-s { padding-top: var(--spacing-s) !important; } .pr-s { padding-right: var(--spacing-s) !important; } .pb-s { padding-bottom: var(--spacing-s) !important; } .pl-s { padding-left: var(--spacing-s) !important; } .p-s { padding: var(--spacing-s) !important; } .mt-m { margin-top: var(--spacing-m) !important; } .mr-m { margin-right: var(--spacing-m) !important; } .mb-m { margin-bottom: var(--spacing-m) !important; } .ml-m { margin-left: var(--spacing-m) !important; } .m-m { margin: var(--spacing-m) !important; } .pt-m { padding-top: var(--spacing-m) !important; } .pr-m { padding-right: var(--spacing-m) !important; } .pb-m { padding-bottom: var(--spacing-m) !important; } .pl-m { padding-left: var(--spacing-m) !important; } .p-m { padding: var(--spacing-m) !important; } .mt-l { margin-top: var(--spacing-l) !important; } .mr-l { margin-right: var(--spacing-l) !important; } .mb-l { margin-bottom: var(--spacing-l) !important; } .ml-l { margin-left: var(--spacing-l) !important; } .m-l { margin: var(--spacing-l) !important; } .pt-l { padding-top: var(--spacing-l) !important; } .pr-l { padding-right: var(--spacing-l) !important; } .pb-l { padding-bottom: var(--spacing-l) !important; } .pl-l { padding-left: var(--spacing-l) !important; } .p-l { padding: var(--spacing-l) !important; } .mt-xl { margin-top: var(--spacing-xl) !important; } .mr-xl { margin-right: var(--spacing-xl) !important; } .mb-xl { margin-bottom: var(--spacing-xl) !important; } .ml-xl { margin-left: var(--spacing-xl) !important; } .m-xl { margin: var(--spacing-xl) !important; } .pt-xl { padding-top: var(--spacing-xl) !important; } .pr-xl { padding-right: var(--spacing-xl) !important; } .pb-xl { padding-bottom: var(--spacing-xl) !important; } .pl-xl { padding-left: var(--spacing-xl) !important; } .p-xl { padding: var(--spacing-xl) !important; } .mt-2xl { margin-top: var(--spacing-2xl) !important; } .mr-2xl { margin-right: var(--spacing-2xl) !important; } .mb-2xl { margin-bottom: var(--spacing-2xl) !important; } .ml-2xl { margin-left: var(--spacing-2xl) !important; } .m-2xl { margin: var(--spacing-2xl) !important; } .pt-2xl { padding-top: var(--spacing-2xl) !important; } .pr-2xl { padding-right: var(--spacing-2xl) !important; } .pb-2xl { padding-bottom: var(--spacing-2xl) !important; } .pl-2xl { padding-left: var(--spacing-2xl) !important; } .p-2xl { padding: var(--spacing-2xl) !important; } .mt-3xl { margin-top: var(--spacing-3xl) !important; } .mr-3xl { margin-right: var(--spacing-3xl) !important; } .mb-3xl { margin-bottom: var(--spacing-3xl) !important; } .ml-3xl { margin-left: var(--spacing-3xl) !important; } .m-3xl { margin: var(--spacing-3xl) !important; } .pt-3xl { padding-top: var(--spacing-3xl) !important; } .pr-3xl { padding-right: var(--spacing-3xl) !important; } .pb-3xl { padding-bottom: var(--spacing-3xl) !important; } .pl-3xl { padding-left: var(--spacing-3xl) !important; } .p-3xl { padding: var(--spacing-3xl) !important; } .mt-4xl { margin-top: var(--spacing-4xl) !important; } .mr-4xl { margin-right: var(--spacing-4xl) !important; } .mb-4xl { margin-bottom: var(--spacing-4xl) !important; } .ml-4xl { margin-left: var(--spacing-4xl) !important; } .m-4xl { margin: var(--spacing-4xl) !important; } .pt-4xl { padding-top: var(--spacing-4xl) !important; } .pr-4xl { padding-right: var(--spacing-4xl) !important; } .pb-4xl { padding-bottom: var(--spacing-4xl) !important; } .pl-4xl { padding-left: var(--spacing-4xl) !important; } .p-4xl { padding: var(--spacing-4xl) !important; } .mt-5xl { margin-top: var(--spacing-5xl) !important; } .mr-5xl { margin-right: var(--spacing-5xl) !important; } .mb-5xl { margin-bottom: var(--spacing-5xl) !important; } .ml-5xl { margin-left: var(--spacing-5xl) !important; } .m-5xl { margin: var(--spacing-5xl) !important; } .pt-5xl { padding-top: var(--spacing-5xl) !important; } .pr-5xl { padding-right: var(--spacing-5xl) !important; } .pb-5xl { padding-bottom: var(--spacing-5xl) !important; } .pl-5xl { padding-left: var(--spacing-5xl) !important; } .p-5xl { padding: var(--spacing-5xl) !important; } .mt-auto { margin-top: auto !important; } .mt-0 { margin-top: 0 !important; } .mr-auto { margin-right: auto !important; } .mr-0 { margin-right: 0 !important; } .mb-auto { margin-bottom: auto !important; } .mb-0 { margin-bottom: 0 !important; } .ml-auto { margin-left: auto !important; } .ml-0 { margin-left: 0 !important; } .pt-0 { padding-top: 0 !important; } .pr-0 { padding-right: 0 !important; } .pb-0 { padding-bottom: 0 !important; } .pl-0 { padding-left: 0 !important; } .text-left { text-align: left !important; } .text-center { text-align: center !important; } .text-right { text-align: right !important; } .text-justify { text-align: justify !important; } /* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ :root { /* Colors */ --chat--color-primary: #e74266; --chat--color-primary-shade-50: #db4061; --chat--color-primary-shade-100: #cf3c5c; --chat--color-secondary: #20b69e; --chat--color-secondary-shade-50: #1ca08a; --chat--color-white: #fff; --chat--color-light: #f2f4f8; --chat--color-light-shade-50: #e6e9f1; --chat--color-light-shade-100: #c2c5cc; --chat--color-medium: #d2d4d9; --chat--color-dark: #101330; --chat--color-disabled: #777980; --chat--color-typing: #404040; /* Base Layout */ --chat--spacing: 1rem; --chat--border-radius: 0.25rem; --chat--transition-duration: 0.15s; --chat--font-family: ( -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif ); /* Window Dimensions */ --chat--window--width: 400px; --chat--window--height: 600px; --chat--window--bottom: var(--chat--spacing); --chat--window--right: var(--chat--spacing); --chat--window--z-index: 9999; --chat--window--border: 1px solid var(--chat--color-light-shade-50); --chat--window--border-radius: var(--chat--border-radius); --chat--window--margin-bottom: var(--chat--spacing); /* Header Styles */ --chat--header-height: auto; --chat--header--padding: var(--chat--spacing); --chat--header--background: var(--chat--color-dark); --chat--header--color: var(--chat--color-light); --chat--header--border-top: none; --chat--header--border-bottom: none; --chat--header--border-left: none; --chat--header--border-right: none; --chat--heading--font-size: 2em; --chat--subtitle--font-size: inherit; --chat--subtitle--line-height: 1.8; /* Message Styles */ --chat--message--font-size: 1rem; --chat--message--padding: var(--chat--spacing); --chat--message--border-radius: var(--chat--border-radius); --chat--message-line-height: 1.5; --chat--message--margin-bottom: calc(var(--chat--spacing) * 1); --chat--message--bot--background: var(--chat--color-white); --chat--message--bot--color: var(--chat--color-dark); --chat--message--bot--border: none; --chat--message--user--background: var(--chat--color-secondary); --chat--message--user--color: var(--chat--color-white); --chat--message--user--border: none; --chat--message--pre--background: rgba(0, 0, 0, 0.05); --chat--messages-list--padding: var(--chat--spacing); /* Toggle Button */ --chat--toggle--size: 64px; --chat--toggle--width: var(--chat--toggle--size); --chat--toggle--height: var(--chat--toggle--size); --chat--toggle--border-radius: 50%; --chat--toggle--background: var(--chat--color-primary); --chat--toggle--hover--background: var(--chat--color-primary-shade-50); --chat--toggle--active--background: var(--chat--color-primary-shade-100); --chat--toggle--color: var(--chat--color-white); /* Input Area */ --chat--textarea--height: 50px; --chat--textarea--max-height: 30rem; --chat--input--font-size: inherit; --chat--input--border: 0; --chat--input--border-radius: 0; --chat--input--padding: 0.8rem; --chat--input--background: var(--chat--color-white); --chat--input--text-color: initial; --chat--input--line-height: 1.5; --chat--input--placeholder--font-size: var(--chat--input--font-size); --chat--input--border-active: 0; --chat--input--left--panel--width: 2rem; /* Button Styles */ --chat--button--color: var(--chat--color-light); --chat--button--background: var(--chat--color-primary); --chat--button--padding: calc(var(--chat--spacing) * 1 / 2) var(--chat--spacing); --chat--button--border-radius: var(--chat--border-radius); --chat--button--hover--color: var(--chat--color-light); --chat--button--hover--background: var(--chat--color-primary-shade-50); --chat--close--button--color-hover: var(--chat--color-primary); /* Send and File Buttons */ --chat--input--send--button--background: var(--chat--color-white); --chat--input--send--button--color: var(--chat--color-light); --chat--input--send--button--background-hover: var(--chat--color-primary-shade-50); --chat--input--send--button--color-hover: var(--chat--color-secondary-shade-50); --chat--input--file--button--background: var(--chat--color-white); --chat--input--file--button--color: var(--chat--color-secondary); --chat--input--file--button--background-hover: var(--chat--input--file--button--background); --chat--input--file--button--color-hover: var(--chat--color-secondary-shade-50); --chat--files-spacing: 0.25rem; /* Body and Footer */ --chat--body--background: var(--chat--color-light); --chat--footer--background: var(--chat--color-light); --chat--footer--color: var(--chat--color-dark); } pre code.hljs { display: block; overflow-x: auto; padding: 1em; } code.hljs { padding: 3px 5px; } /*! Theme: GitHub Description: Light theme as seen on github.com Author: github.com Maintainer: @Hirse Updated: 2021-05-15 Outdated base version: https://github.com/primer/github-syntax-light Current colors taken from GitHub's CSS */ .hljs { color: #24292e; background: #ffffff; } .hljs-doctag, .hljs-keyword, .hljs-meta .hljs-keyword, .hljs-template-tag, .hljs-template-variable, .hljs-type, .hljs-variable.language_ { /* prettylights-syntax-keyword */ color: #d73a49; } .hljs-title, .hljs-title.class_, .hljs-title.class_.inherited__, .hljs-title.function_ { /* prettylights-syntax-entity */ color: #6f42c1; } .hljs-attr, .hljs-attribute, .hljs-literal, .hljs-meta, .hljs-number, .hljs-operator, .hljs-variable, .hljs-selector-attr, .hljs-selector-class, .hljs-selector-id { /* prettylights-syntax-constant */ color: #005cc5; } .hljs-regexp, .hljs-string, .hljs-meta .hljs-string { /* prettylights-syntax-string */ color: #032f62; } .hljs-built_in, .hljs-symbol { /* prettylights-syntax-variable */ color: #e36209; } .hljs-comment, .hljs-code, .hljs-formula { /* prettylights-syntax-comment */ color: #6a737d; } .hljs-name, .hljs-quote, .hljs-selector-tag, .hljs-selector-pseudo { /* prettylights-syntax-entity-tag */ color: #22863a; } .hljs-subst { /* prettylights-syntax-storage-modifier-import */ color: #24292e; } .hljs-section { /* prettylights-syntax-markup-heading */ color: #005cc5; font-weight: bold; } .hljs-bullet { /* prettylights-syntax-markup-list */ color: #735c0f; } .hljs-emphasis { /* prettylights-syntax-markup-italic */ color: #24292e; font-style: italic; } .hljs-strong { /* prettylights-syntax-markup-bold */ color: #24292e; font-weight: bold; } .hljs-addition { /* prettylights-syntax-markup-inserted */ color: #22863a; background-color: #f0fff4; } .hljs-deletion { /* prettylights-syntax-markup-deleted */ color: #b31d28; background-color: #ffeef0; } .hljs-char.escape_, .hljs-link, .hljs-params, .hljs-property, .hljs-punctuation, .hljs-tag { /* purposely ignored */ } body[data-theme=dark] { /*! Theme: GitHub Dark Dimmed Description: Dark dimmed theme as seen on github.com Author: github.com Maintainer: @Hirse Updated: 2021-05-15 Colors taken from GitHub's CSS */ } body[data-theme=dark] pre code.hljs { display: block; overflow-x: auto; padding: 1em; } body[data-theme=dark] code.hljs { padding: 3px 5px; } body[data-theme=dark] .hljs { color: #adbac7; background: #22272e; } body[data-theme=dark] .hljs-doctag, body[data-theme=dark] .hljs-keyword, body[data-theme=dark] .hljs-meta .hljs-keyword, body[data-theme=dark] .hljs-template-tag, body[data-theme=dark] .hljs-template-variable, body[data-theme=dark] .hljs-type, body[data-theme=dark] .hljs-variable.language_ { /* prettylights-syntax-keyword */ color: #f47067; } body[data-theme=dark] .hljs-title, body[data-theme=dark] .hljs-title.class_, body[data-theme=dark] .hljs-title.class_.inherited__, body[data-theme=dark] .hljs-title.function_ { /* prettylights-syntax-entity */ color: #dcbdfb; } body[data-theme=dark] .hljs-attr, body[data-theme=dark] .hljs-attribute, body[data-theme=dark] .hljs-literal, body[data-theme=dark] .hljs-meta, body[data-theme=dark] .hljs-number, body[data-theme=dark] .hljs-operator, body[data-theme=dark] .hljs-variable, body[data-theme=dark] .hljs-selector-attr, body[data-theme=dark] .hljs-selector-class, body[data-theme=dark] .hljs-selector-id { /* prettylights-syntax-constant */ color: #6cb6ff; } body[data-theme=dark] .hljs-regexp, body[data-theme=dark] .hljs-string, body[data-theme=dark] .hljs-meta .hljs-string { /* prettylights-syntax-string */ color: #96d0ff; } body[data-theme=dark] .hljs-built_in, body[data-theme=dark] .hljs-symbol { /* prettylights-syntax-variable */ color: #f69d50; } body[data-theme=dark] .hljs-comment, body[data-theme=dark] .hljs-code, body[data-theme=dark] .hljs-formula { /* prettylights-syntax-comment */ color: #768390; } body[data-theme=dark] .hljs-name, body[data-theme=dark] .hljs-quote, body[data-theme=dark] .hljs-selector-tag, body[data-theme=dark] .hljs-selector-pseudo { /* prettylights-syntax-entity-tag */ color: #8ddb8c; } body[data-theme=dark] .hljs-subst { /* prettylights-syntax-storage-modifier-import */ color: #adbac7; } body[data-theme=dark] .hljs-section { /* prettylights-syntax-markup-heading */ color: #316dca; font-weight: bold; } body[data-theme=dark] .hljs-bullet { /* prettylights-syntax-markup-list */ color: #eac55f; } body[data-theme=dark] .hljs-emphasis { /* prettylights-syntax-markup-italic */ color: #adbac7; font-style: italic; } body[data-theme=dark] .hljs-strong { /* prettylights-syntax-markup-bold */ color: #adbac7; font-weight: bold; } body[data-theme=dark] .hljs-addition { /* prettylights-syntax-markup-inserted */ color: #b4f1b4; background-color: #1b4721; } body[data-theme=dark] .hljs-deletion { /* prettylights-syntax-markup-deleted */ color: #ffd8d3; background-color: #78191b; } body[data-theme=dark] .hljs-char.escape_, body[data-theme=dark] .hljs-link, body[data-theme=dark] .hljs-params, body[data-theme=dark] .hljs-property, body[data-theme=dark] .hljs-punctuation, body[data-theme=dark] .hljs-tag { /* purposely ignored */ } @media (prefers-color-scheme: dark) { body { /*! Theme: GitHub Dark Dimmed Description: Dark dimmed theme as seen on github.com Author: github.com Maintainer: @Hirse Updated: 2021-05-15 Colors taken from GitHub's CSS */ } body pre code.hljs { display: block; overflow-x: auto; padding: 1em; } body code.hljs { padding: 3px 5px; } body .hljs { color: #adbac7; background: #22272e; } body .hljs-doctag, body .hljs-keyword, body .hljs-meta .hljs-keyword, body .hljs-template-tag, body .hljs-template-variable, body .hljs-type, body .hljs-variable.language_ { /* prettylights-syntax-keyword */ color: #f47067; } body .hljs-title, body .hljs-title.class_, body .hljs-title.class_.inherited__, body .hljs-title.function_ { /* prettylights-syntax-entity */ color: #dcbdfb; } body .hljs-attr, body .hljs-attribute, body .hljs-literal, body .hljs-meta, body .hljs-number, body .hljs-operator, body .hljs-variable, body .hljs-selector-attr, body .hljs-selector-class, body .hljs-selector-id { /* prettylights-syntax-constant */ color: #6cb6ff; } body .hljs-regexp, body .hljs-string, body .hljs-meta .hljs-string { /* prettylights-syntax-string */ color: #96d0ff; } body .hljs-built_in, body .hljs-symbol { /* prettylights-syntax-variable */ color: #f69d50; } body .hljs-comment, body .hljs-code, body .hljs-formula { /* prettylights-syntax-comment */ color: #768390; } body .hljs-name, body .hljs-quote, body .hljs-selector-tag, body .hljs-selector-pseudo { /* prettylights-syntax-entity-tag */ color: #8ddb8c; } body .hljs-subst { /* prettylights-syntax-storage-modifier-import */ color: #adbac7; } body .hljs-section { /* prettylights-syntax-markup-heading */ color: #316dca; font-weight: bold; } body .hljs-bullet { /* prettylights-syntax-markup-list */ color: #eac55f; } body .hljs-emphasis { /* prettylights-syntax-markup-italic */ color: #adbac7; font-style: italic; } body .hljs-strong { /* prettylights-syntax-markup-bold */ color: #adbac7; font-weight: bold; } body .hljs-addition { /* prettylights-syntax-markup-inserted */ color: #b4f1b4; background-color: #1b4721; } body .hljs-deletion { /* prettylights-syntax-markup-deleted */ color: #ffd8d3; background-color: #78191b; } body .hljs-char.escape_, body .hljs-link, body .hljs-params, body .hljs-property, body .hljs-punctuation, body .hljs-tag { /* purposely ignored */ } } .chat-message-markdown { /* universalize.css (v1.0.2) — by Alexander Sandberg (https://alexandersandberg.com) ------------------------------------------------------------------------------ Based on Sanitize.css (https://github.com/csstools/sanitize.css). (all) = Used for all browsers. x lines = Applies to x lines down, including current line. ------------------------------------------------------------------------------ */ /* 1. Use default UI font (all) 2. Make font size more accessible to everyone (all) 3. Make line height consistent (all) 4. Prevent font size adjustment after orientation changes (IE, iOS) 5. Prevent overflow from long words (all) */ line-height: 1.4; /* 3 */ -webkit-text-size-adjust: 100%; /* 4 */ word-break: break-word; /* 5 */ /* Prevent padding and border from affecting width (all) */ /* 1. Inherit text decoration (all) 2. Inherit vertical alignment (all) */ /* Remove inconsistent and unnecessary margins */ /* 1. Show overflow (IE18-, IE) 2. Correct sizing (Firefox) */ /* Add correct display */ /* Remove style on navigation lists (all) */ /* 1. Use default monospace UI font (all) 2. Correct font sizing (all) */ /* 1. Change cursor for elements (all) 2. Add correct text decoration (Edge 18-, IE, Safari) */ /* Add correct font weight (Chrome, Edge, Safari) */ /* Add correct font size (all) */ /* Change alignment on media elements (all) */ /* Remove border on iframes (all) */ /* Change fill color to match text (all) */ /* Hide overflow (IE11) */ /* Show overflow (Edge 18-, IE) */ /* Remove inheritance of text transform (Edge 18-, Firefox, IE) */ /* Correct inability to style buttons (iOS, Safari) */ /* 1. Fix inconsistent appearance (all) 2. Correct padding (Firefox) */ /* 1. Correct color inheritance from
(IE) 2. Correct text wrapping (Edge 18-, IE) */ /* 1. Add correct display (Edge 18-, IE) 2. Add correct vertical alignment (Chrome, Edge, Firefox) */ /* 1. Remove default vertical scrollbar (IE) 2. Change resize direction (all) */ /* 1. Correct outline style (Safari) 2. Correct odd appearance (Chrome, Edge, Safari) */ /* Correct cursor style of increment and decrement buttons (Safari) */ /* Correct text style (Chrome, Edge, Safari) */ /* Remove inner padding (Chrome, Edge, Safari on macOS) */ /* 1. Inherit font properties (Safari) 2. Correct inability to style upload buttons (iOS, Safari) */ /* Remove inner border and padding of focus outlines (Firefox) */ /* Restore focus outline style (Firefox) */ /* Remove :invalid styles (Firefox) */ /* Change cursor on busy elements (all) */ /* Change cursor on control elements (all) */ /* Change cursor on disabled, non-editable, or inoperable elements (all) */ /* Change display on visually hidden accessible elements (all) */ /* Print out URLs after links (all) */ /* ----- Variables ----- */ /* Light mode default, dark mode if recognized as preferred */ /* @media (prefers-color-scheme: dark) { :root { --background-main: #282a36; --text-main: #fefefe; } } */ /* ----- Base ----- */ /* ----- Typography ----- */ /* Heading sizes based on a modular scale of 1.25 (all) */ /* Subtitles - Change to header h* + span instead? - Add support for taglines (small title above main) as well? Needs
: header > span:first-child */ /* Define a custom tab-size in browsers that support it. */ /* Long underlined text can be hard to read for dyslexics. Replace with bold. */ /* ----- Layout ----- */ /* ----- Forms ----- */ /* ----- Misc ----- */ /* Style anchor links only */ /* Skip link */ } .chat-message-markdown *, .chat-message-markdown ::before, .chat-message-markdown ::after { box-sizing: border-box; } .chat-message-markdown ::before, .chat-message-markdown ::after { text-decoration: inherit; /* 1 */ vertical-align: inherit; /* 2 */ } .chat-message-markdown body, .chat-message-markdown dl dl, .chat-message-markdown dl ol, .chat-message-markdown dl ul, .chat-message-markdown ol dl, .chat-message-markdown ul dl, .chat-message-markdown ol ol, .chat-message-markdown ol ul, .chat-message-markdown ul ol, .chat-message-markdown ul ul, .chat-message-markdown button, .chat-message-markdown input, .chat-message-markdown select, .chat-message-markdown textarea { /* (Firefox, Safari) */ margin: 0; } .chat-message-markdown hr { overflow: visible; height: 0; } .chat-message-markdown main, .chat-message-markdown details { /* (Edge 18-, IE) */ display: block; } .chat-message-markdown summary { /* (all) */ display: list-item; } .chat-message-markdown nav ol, .chat-message-markdown nav ul { list-style: none; padding: 0; } .chat-message-markdown pre, .chat-message-markdown code, .chat-message-markdown kbd, .chat-message-markdown samp { font-family: var(--font-family-monospace), "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 1 */ font-size: 1em; /* 2 */ } .chat-message-markdown abbr[title] { cursor: help; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } .chat-message-markdown b, .chat-message-markdown strong { font-weight: var(--font-weight-bold); } .chat-message-markdown small { font-size: 80%; opacity: 0.8; /* or some other way of differentiating it from body text */ } .chat-message-markdown audio, .chat-message-markdown canvas, .chat-message-markdown iframe, .chat-message-markdown img, .chat-message-markdown svg, .chat-message-markdown video { vertical-align: middle; } .chat-message-markdown iframe { border-style: none; } .chat-message-markdown svg:not([fill]) { fill: currentColor; } .chat-message-markdown svg:not(:root) { overflow: hidden; } .chat-message-markdown button, .chat-message-markdown input { overflow: visible; } .chat-message-markdown button, .chat-message-markdown select { text-transform: none; } .chat-message-markdown button, .chat-message-markdown [type=button], .chat-message-markdown [type=reset], .chat-message-markdown [type=submit] { -webkit-appearance: button; } .chat-message-markdown fieldset { border: 1px solid #666; /* 1 */ padding: 0.35em 0.75em 0.625em; /* 2 */ } .chat-message-markdown legend { color: inherit; /* 1 */ display: table; /* 2 */ max-width: 100%; /* 2 */ white-space: normal; /* 2 */ } .chat-message-markdown progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } .chat-message-markdown textarea { overflow: auto; /* 1 */ resize: vertical; /* 2 */ } .chat-message-markdown [type=search] { outline-offset: -2px; /* 1 */ -webkit-appearance: textfield; /* 2 */ } .chat-message-markdown ::-webkit-inner-spin-button, .chat-message-markdown ::-webkit-outer-spin-button { height: auto; } .chat-message-markdown ::-webkit-input-placeholder { color: inherit; opacity: 0.54; } .chat-message-markdown ::-webkit-search-decoration { -webkit-appearance: none; } .chat-message-markdown ::-webkit-file-upload-button { font: inherit; /* 1 */ -webkit-appearance: button; /* 2 */ } .chat-message-markdown ::-moz-focus-inner { border-style: none; padding: 0; } .chat-message-markdown :-moz-focusring { outline: 1px dotted ButtonText; } .chat-message-markdown :-moz-ui-invalid { box-shadow: none; } .chat-message-markdown [aria-busy=true] { cursor: progress; } .chat-message-markdown [aria-controls] { cursor: pointer; } .chat-message-markdown [aria-disabled=true], .chat-message-markdown [disabled] { cursor: not-allowed; } .chat-message-markdown [aria-hidden=false][hidden] { display: inline; display: initial; } .chat-message-markdown [aria-hidden=false][hidden]:not(:focus) { clip: rect(0, 0, 0, 0); position: absolute; } @media print { .chat-message-markdown a[href^=http]::after { content: " (" attr(href) ")"; } } .chat-message-markdown :root { --background-main: #fefefe; --background-element: #eee; --background-inverted: #282a36; --text-main: #1f1f1f; --text-alt: #333; --text-inverted: #fefefe; --border-element: #282a36; --theme: #7a283a; --theme-light: hsl(0, 25%, 65%); --theme-dark: hsl(0, 25%, 45%); } .chat-message-markdown body { margin: auto; max-width: 36rem; min-height: 100%; overflow-x: hidden; background: var(--background-main); color: var(--text-main); } .chat-message-markdown h1, .chat-message-markdown h2, .chat-message-markdown h3, .chat-message-markdown h4, .chat-message-markdown h5, .chat-message-markdown h6 { margin: 2rem 0 0.8em; } .chat-message-markdown h1 { font-size: 2.441rem; line-height: 1.1; } .chat-message-markdown h2 { font-size: 1.953rem; line-height: 1.15; } .chat-message-markdown h3 { font-size: 1.563rem; line-height: 1.2; } .chat-message-markdown h4 { font-size: 1.25rem; line-height: 1.3; } .chat-message-markdown h5 { font-size: 1rem; line-height: 1.4; } .chat-message-markdown h6 { font-size: 1rem; line-height: 1.4; /* differentiate from h5, somehow. color or style? */ } .chat-message-markdown p, .chat-message-markdown ul, .chat-message-markdown ol, .chat-message-markdown figure { margin: 0.6rem 0 1.2rem; } .chat-message-markdown h1 span, .chat-message-markdown h2 span, .chat-message-markdown h3 span, .chat-message-markdown h4 span, .chat-message-markdown h5 span, .chat-message-markdown h6 span { display: block; font-size: 1em; font-style: italic; font-weight: var(--font-weight-regular); line-height: 1.3; margin-top: 0.3em; } .chat-message-markdown h1 span { font-size: 0.6em; } .chat-message-markdown h2 span { font-size: 0.7em; } .chat-message-markdown h3 span { font-size: 0.8em; } .chat-message-markdown h4 span { font-size: 0.9em; } .chat-message-markdown mark { background: pink; /* change to proper color, based on theme */ padding: 0.1em 0.15em; } .chat-message-markdown pre { tab-size: 4; } .chat-message-markdown ins { text-decoration: none; font-weight: var(--font-weight-bold); } .chat-message-markdown blockquote { border-left: 0.3rem solid #7a283a; border-left: 0.3rem solid var(--theme); margin: 0.6rem 0 1.2rem; padding-left: 2rem; } .chat-message-markdown blockquote p { font-size: 1.2em; font-style: italic; } .chat-message-markdown figure { margin: 0; } .chat-message-markdown a { color: #7a283a; color: var(--theme); text-decoration: underline; } .chat-message-markdown a:hover { color: hsl(0, 25%, 65%); color: var(--theme-light); } .chat-message-markdown a:active { color: hsl(0, 25%, 45%); color: var(--theme-dark); } .chat-message-markdown :focus { outline: 3px solid hsl(0, 25%, 65%); outline: 3px solid var(--theme-light); outline-offset: 3px; } .chat-message-markdown input { background: #eee; background: var(--background-element); padding: 0.5rem 0.65rem; border-radius: 0.5rem; border: 2px solid #282a36; border: 2px solid var(--border-element); font-size: 1rem; } .chat-message-markdown kbd, .chat-message-markdown code { padding: 0.1em 0.25em; border-radius: 0.2rem; -webkit-box-decoration-break: clone; box-decoration-break: clone; } .chat-message-markdown kbd > kbd { padding-left: 0; padding-right: 0; } .chat-message-markdown pre code { display: block; padding: 0 0 0.5rem 0.5rem; word-break: normal; overflow-x: auto; } .chat-message-markdown [tabindex="-1"]:focus { outline: none; } .chat-message-markdown [hidden] { display: none; } .chat-message-markdown [aria-disabled], .chat-message-markdown [disabled] { cursor: not-allowed !important; pointer-events: none !important; } .chat-message-markdown a[href^="#"]::after { content: ""; } .chat-message-markdown body > a:first-child { background: #7a283a; background: var(--theme); border-radius: 0.2rem; color: #fefefe; color: var(--text-inverted); padding: 0.3em 0.5em; position: absolute; top: -10rem; } .chat-message-markdown body > a:first-child:focus { top: 1rem; } .chat-message-markdown ul, .chat-message-markdown ol { padding-left: 1.5rem; margin-bottom: 1rem; } .chat-message-markdown ul li, .chat-message-markdown ol li { margin-bottom: 0.5rem; } #cm-tooltip-container { position: relative; z-index: var(--z-index-codemirror-tooltip); max-width: 0; max-height: 0; } .code-node-editor .cm-editor .cm-tooltip-autocomplete > ul[role=listbox] { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } #cm-tooltip-container .cm-tooltip-autocomplete { background-color: var(--color-background-xlight) !important; box-shadow: var(--box-shadow-light); border: none; border-radius: var(--border-radius-base); } #cm-tooltip-container .cm-tooltip-autocomplete .cm-tooltip { overflow: hidden; text-overflow: ellipsis; } #cm-tooltip-container .cm-tooltip-autocomplete > ul[role=listbox] { font-family: var(--font-family-monospace); max-height: min(220px, 20vh); max-width: 240px; min-width: 200px; border: var(--border-base); border-top-left-radius: var(--border-radius-base); border-bottom-left-radius: var(--border-radius-base); border-top-right-radius: 0; border-bottom-right-radius: 0; } #cm-tooltip-container .cm-tooltip-autocomplete > ul[role=listbox]:has(+ .cm-completionInfo-left) { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: var(--border-radius-base); border-bottom-right-radius: var(--border-radius-base); } #cm-tooltip-container .cm-tooltip-autocomplete > ul[role=listbox]:has(+ .cm-completionInfo) { height: min(220px, 20vh); } #cm-tooltip-container .cm-tooltip-autocomplete > ul[role=listbox] li[role=option] { color: var(--color-text-base); display: flex; line-height: var(--font-line-height-xloose); justify-content: space-between; align-items: center; padding: var(--spacing-5xs) var(--spacing-2xs); gap: var(--spacing-2xs); scroll-padding: 40px; scroll-margin: 40px; } #cm-tooltip-container .cm-tooltip-autocomplete > ul[role=listbox] li .cm-completionLabel { font-size: var(--font-size-2xs); overflow: hidden; text-overflow: ellipsis; } #cm-tooltip-container .cm-tooltip-autocomplete > ul[role=listbox] li .cm-completionDetail { color: var(--color-text-light); font-size: var(--font-size-3xs); margin-left: 0; font-style: normal; } #cm-tooltip-container .cm-tooltip-autocomplete > ul[role=listbox] li[aria-selected] { background-color: var(--color-background-base); color: var(--color-autocomplete-item-selected); } #cm-tooltip-container .cm-tooltip-autocomplete > ul[role=listbox] > .cm-section-header { padding: var(--spacing-4xs) var(--spacing-3xs); border-bottom: 1px solid var(--color-autocomplete-section-header-border); background-color: var(--color-background-xlight); position: sticky; top: 0; } #cm-tooltip-container .cm-tooltip-autocomplete > ul[role=listbox] > .cm-section-header:not(:first-child) { margin-top: var(--spacing-2xs); } #cm-tooltip-container .cm-tooltip-autocomplete > ul[role=listbox] .cm-section-title { color: var(--color-text-dark); font-family: var(--font-family); font-weight: var(--font-weight-bold); font-size: var(--font-size-3xs); text-transform: uppercase; padding: var(--spacing-5xs) var(--spacing-4xs); } #cm-tooltip-container .cm-tooltip.cm-completionInfo:not(:has(div)), #cm-tooltip-container .cm-tooltip.cm-cursorInfo:not(:has(div)), #cm-tooltip-container .cm-tooltip-hover:not(:has(div)) { padding: var(--spacing-xs); } #cm-tooltip-container .cm-tooltip.cm-completionInfo:has(.cm-tooltip-lint), #cm-tooltip-container .cm-tooltip.cm-cursorInfo:has(.cm-tooltip-lint), #cm-tooltip-container .cm-tooltip-hover:has(.cm-tooltip-lint) { padding: 0; overflow: hidden; } #cm-tooltip-container .cm-tooltip.cm-completionInfo:has(.cm-tooltip-lint) .cm-diagnostic, #cm-tooltip-container .cm-tooltip.cm-cursorInfo:has(.cm-tooltip-lint) .cm-diagnostic, #cm-tooltip-container .cm-tooltip-hover:has(.cm-tooltip-lint) .cm-diagnostic { border-left: none; } #cm-tooltip-container .cm-tooltip.cm-completionInfo .autocomplete-info-container, #cm-tooltip-container .cm-tooltip.cm-cursorInfo .autocomplete-info-container, #cm-tooltip-container .cm-tooltip-hover .autocomplete-info-container { display: flex; flex-direction: column; gap: var(--spacing-xs); padding: var(--spacing-xs) 0; height: 100%; overflow-y: auto; } #cm-tooltip-container .cm-tooltip.cm-completionInfo strong.autocomplete-info-arg, #cm-tooltip-container .cm-tooltip.cm-completionInfo strong.autocomplete-info-arg-name, #cm-tooltip-container .cm-tooltip.cm-cursorInfo strong.autocomplete-info-arg, #cm-tooltip-container .cm-tooltip.cm-cursorInfo strong.autocomplete-info-arg-name, #cm-tooltip-container .cm-tooltip-hover strong.autocomplete-info-arg, #cm-tooltip-container .cm-tooltip-hover strong.autocomplete-info-arg-name { font-weight: var(--font-weight-regular); text-decoration: underline; color: var(--color-text-dark); } #cm-tooltip-container .cm-tooltip.cm-completionInfo .autocomplete-info-description, #cm-tooltip-container .cm-tooltip.cm-cursorInfo .autocomplete-info-description, #cm-tooltip-container .cm-tooltip-hover .autocomplete-info-description { padding: 0 var(--spacing-xs); color: var(--color-text-base); font-size: var(--font-size-2xs); } #cm-tooltip-container .cm-tooltip.cm-completionInfo .autocomplete-info-description .autocomplete-info-example, #cm-tooltip-container .cm-tooltip.cm-cursorInfo .autocomplete-info-description .autocomplete-info-example, #cm-tooltip-container .cm-tooltip-hover .autocomplete-info-description .autocomplete-info-example { border-radius: var(--border-radius-base); border: 1px solid var(--color-infobox-examples-border-color); color: var(--color-text-base); margin-top: var(--spacing-xs); } #cm-tooltip-container .cm-tooltip.cm-completionInfo .autocomplete-info-description code, #cm-tooltip-container .cm-tooltip.cm-cursorInfo .autocomplete-info-description code, #cm-tooltip-container .cm-tooltip-hover .autocomplete-info-description code { padding: 0; color: var(--color-text-base); font-size: var(--font-size-2xs); font-family: var(--font-family); background-color: transparent; } #cm-tooltip-container .cm-tooltip.cm-completionInfo .autocomplete-info-description p, #cm-tooltip-container .cm-tooltip.cm-cursorInfo .autocomplete-info-description p, #cm-tooltip-container .cm-tooltip-hover .autocomplete-info-description p { line-height: var(--font-line-height-loose); } #cm-tooltip-container .cm-tooltip.cm-completionInfo a, #cm-tooltip-container .cm-tooltip.cm-cursorInfo a, #cm-tooltip-container .cm-tooltip-hover a { color: var(--color-text-dark); } #cm-tooltip-container .cm-tooltip.cm-completionInfo a:hover, #cm-tooltip-container .cm-tooltip.cm-completionInfo a:active, #cm-tooltip-container .cm-tooltip.cm-cursorInfo a:hover, #cm-tooltip-container .cm-tooltip.cm-cursorInfo a:active, #cm-tooltip-container .cm-tooltip-hover a:hover, #cm-tooltip-container .cm-tooltip-hover a:active { text-decoration: underline; } #cm-tooltip-container .cm-tooltip.cm-completionInfo .autocomplete-info-header, #cm-tooltip-container .cm-tooltip.cm-cursorInfo .autocomplete-info-header, #cm-tooltip-container .cm-tooltip-hover .autocomplete-info-header { padding: 0 var(--spacing-xs); color: var(--color-text-base); font-size: var(--font-size-2xs); font-family: var(--font-family-monospace); line-height: var(--font-line-height-compact); } #cm-tooltip-container .cm-tooltip.cm-completionInfo .autocomplete-info-name, #cm-tooltip-container .cm-tooltip.cm-cursorInfo .autocomplete-info-name, #cm-tooltip-container .cm-tooltip-hover .autocomplete-info-name { color: var(--color-autocomplete-item-selected); } #cm-tooltip-container .cm-tooltip.cm-completionInfo .autocomplete-info-arg, #cm-tooltip-container .cm-tooltip.cm-cursorInfo .autocomplete-info-arg, #cm-tooltip-container .cm-tooltip-hover .autocomplete-info-arg { color: var(--color-text-base); font-weight: var(--font-weight-regular); padding: 0; display: inline-block; } #cm-tooltip-container .cm-tooltip.cm-completionInfo .autocomplete-info-return, #cm-tooltip-container .cm-tooltip.cm-cursorInfo .autocomplete-info-return, #cm-tooltip-container .cm-tooltip-hover .autocomplete-info-return { display: inline-block; } #cm-tooltip-container .cm-tooltip.cm-completionInfo .autocomplete-info-args, #cm-tooltip-container .cm-tooltip.cm-cursorInfo .autocomplete-info-args, #cm-tooltip-container .cm-tooltip-hover .autocomplete-info-args { padding: 0 var(--spacing-xs); list-style: none; } #cm-tooltip-container .cm-tooltip.cm-completionInfo .autocomplete-info-args li, #cm-tooltip-container .cm-tooltip.cm-cursorInfo .autocomplete-info-args li, #cm-tooltip-container .cm-tooltip-hover .autocomplete-info-args li { text-indent: calc(var(--spacing-2xs) * -1); margin-left: var(--spacing-2xs); } #cm-tooltip-container .cm-tooltip.cm-completionInfo .autocomplete-info-args li + li, #cm-tooltip-container .cm-tooltip.cm-cursorInfo .autocomplete-info-args li + li, #cm-tooltip-container .cm-tooltip-hover .autocomplete-info-args li + li { margin-top: var(--spacing-4xs); } #cm-tooltip-container .cm-tooltip.cm-completionInfo .autocomplete-info-args .autocomplete-info-args, #cm-tooltip-container .cm-tooltip.cm-cursorInfo .autocomplete-info-args .autocomplete-info-args, #cm-tooltip-container .cm-tooltip-hover .autocomplete-info-args .autocomplete-info-args { margin-top: var(--spacing-4xs); padding-left: var(--spacing-s); } #cm-tooltip-container .cm-tooltip.cm-completionInfo .autocomplete-info-arg-name, #cm-tooltip-container .cm-tooltip.cm-cursorInfo .autocomplete-info-arg-name, #cm-tooltip-container .cm-tooltip-hover .autocomplete-info-arg-name { font-size: var(--font-size-2xs); color: var(--color-text-base); } #cm-tooltip-container .cm-tooltip.cm-completionInfo .autocomplete-info-arg-description, #cm-tooltip-container .cm-tooltip.cm-cursorInfo .autocomplete-info-arg-description, #cm-tooltip-container .cm-tooltip-hover .autocomplete-info-arg-description { color: var(--color-text-base); margin-left: var(--spacing-4xs); font-size: var(--font-size-2xs); } #cm-tooltip-container .cm-tooltip.cm-completionInfo .autocomplete-info-arg-description code, #cm-tooltip-container .cm-tooltip.cm-cursorInfo .autocomplete-info-arg-description code, #cm-tooltip-container .cm-tooltip-hover .autocomplete-info-arg-description code { padding: 0; color: var(--color-text-base); font-size: var(--font-size-2xs); font-family: var(--font-family); background-color: transparent; } #cm-tooltip-container .cm-tooltip.cm-completionInfo .autocomplete-info-examples pre, #cm-tooltip-container .cm-tooltip.cm-cursorInfo .autocomplete-info-examples pre, #cm-tooltip-container .cm-tooltip-hover .autocomplete-info-examples pre { line-height: 1; } #cm-tooltip-container .cm-tooltip.cm-completionInfo .autocomplete-info-examples code, #cm-tooltip-container .cm-tooltip.cm-cursorInfo .autocomplete-info-examples code, #cm-tooltip-container .cm-tooltip-hover .autocomplete-info-examples code { background: inherit; } #cm-tooltip-container .cm-tooltip.cm-completionInfo .autocomplete-info-examples-list, #cm-tooltip-container .cm-tooltip.cm-cursorInfo .autocomplete-info-examples-list, #cm-tooltip-container .cm-tooltip-hover .autocomplete-info-examples-list { margin: var(--spacing-xs) var(--spacing-xs) 0 var(--spacing-xs); border-radius: var(--border-radius-base); border: 1px solid var(--color-infobox-examples-border-color); } #cm-tooltip-container .cm-tooltip.cm-completionInfo .autocomplete-info-example, #cm-tooltip-container .cm-tooltip.cm-cursorInfo .autocomplete-info-example, #cm-tooltip-container .cm-tooltip-hover .autocomplete-info-example { color: var(--color-text-base); } #cm-tooltip-container .cm-tooltip.cm-completionInfo .autocomplete-info-example code, #cm-tooltip-container .cm-tooltip.cm-cursorInfo .autocomplete-info-example code, #cm-tooltip-container .cm-tooltip-hover .autocomplete-info-example code { color: var(--color-text-base); display: block; padding: var(--spacing-3xs) var(--spacing-2xs); font-size: 0.688rem; font-family: var(--font-family-monospace); line-height: var(--font-line-height-compact); word-break: break-all; white-space: pre-wrap; } #cm-tooltip-container .cm-tooltip.cm-completionInfo .autocomplete-info-example-comment, #cm-tooltip-container .cm-tooltip.cm-cursorInfo .autocomplete-info-example-comment, #cm-tooltip-container .cm-tooltip-hover .autocomplete-info-example-comment { color: var(--color-text-light); } #cm-tooltip-container .cm-tooltip.cm-completionInfo .autocomplete-info-example + .autocomplete-info-example, #cm-tooltip-container .cm-tooltip.cm-cursorInfo .autocomplete-info-example + .autocomplete-info-example, #cm-tooltip-container .cm-tooltip-hover .autocomplete-info-example + .autocomplete-info-example { margin-top: var(--spacing-4xs); } #cm-tooltip-container .cm-tooltip.cm-completionInfo .autocomplete-info-section-title, #cm-tooltip-container .cm-tooltip.cm-cursorInfo .autocomplete-info-section-title, #cm-tooltip-container .cm-tooltip-hover .autocomplete-info-section-title { margin: var(--spacing-3xs) 0; padding: 0 var(--spacing-xs) var(--spacing-3xs) var(--spacing-xs); border-bottom: 1px solid var(--color-autocomplete-section-header-border); text-transform: uppercase; color: var(--color-text-dark); font-size: var(--font-size-3xs); font-weight: var(--font-weight-bold); } #cm-tooltip-container .cm-tooltip.cm-completionInfo .ts-keyword, #cm-tooltip-container .cm-tooltip.cm-completionInfo .ts-punctuation, #cm-tooltip-container .cm-tooltip.cm-cursorInfo .ts-keyword, #cm-tooltip-container .cm-tooltip.cm-cursorInfo .ts-punctuation, #cm-tooltip-container .cm-tooltip-hover .ts-keyword, #cm-tooltip-container .cm-tooltip-hover .ts-punctuation { color: var(--color-code-tags-keyword); } #cm-tooltip-container .cm-tooltip.cm-completionInfo .ts-stringLiteral, #cm-tooltip-container .cm-tooltip.cm-completionInfo .ts-primitive, #cm-tooltip-container .cm-tooltip.cm-cursorInfo .ts-stringLiteral, #cm-tooltip-container .cm-tooltip.cm-cursorInfo .ts-primitive, #cm-tooltip-container .cm-tooltip-hover .ts-stringLiteral, #cm-tooltip-container .cm-tooltip-hover .ts-primitive { color: var(--color-code-tags-primitive); } #cm-tooltip-container .cm-tooltip.cm-completionInfo .ts-localName, #cm-tooltip-container .cm-tooltip.cm-completionInfo .ts-parameterName, #cm-tooltip-container .cm-tooltip.cm-completionInfo .ts-methodName, #cm-tooltip-container .cm-tooltip.cm-cursorInfo .ts-localName, #cm-tooltip-container .cm-tooltip.cm-cursorInfo .ts-parameterName, #cm-tooltip-container .cm-tooltip.cm-cursorInfo .ts-methodName, #cm-tooltip-container .cm-tooltip-hover .ts-localName, #cm-tooltip-container .cm-tooltip-hover .ts-parameterName, #cm-tooltip-container .cm-tooltip-hover .ts-methodName { color: var(--color-code-tags-variable); } #cm-tooltip-container .cm-tooltip.cm-completionInfo .ts-typeName, #cm-tooltip-container .cm-tooltip.cm-completionInfo .ts-interfaceName, #cm-tooltip-container .cm-tooltip.cm-completionInfo .ts-className, #cm-tooltip-container .cm-tooltip.cm-completionInfo .ts-aliasName, #cm-tooltip-container .cm-tooltip.cm-cursorInfo .ts-typeName, #cm-tooltip-container .cm-tooltip.cm-cursorInfo .ts-interfaceName, #cm-tooltip-container .cm-tooltip.cm-cursorInfo .ts-className, #cm-tooltip-container .cm-tooltip.cm-cursorInfo .ts-aliasName, #cm-tooltip-container .cm-tooltip-hover .ts-typeName, #cm-tooltip-container .cm-tooltip-hover .ts-interfaceName, #cm-tooltip-container .cm-tooltip-hover .ts-className, #cm-tooltip-container .cm-tooltip-hover .ts-aliasName { color: var(--color-code-tags-class); } #cm-tooltip-container .cm-tooltip.cm-completionInfo { background-color: var(--color-background-xlight); border: var(--border-base); box-shadow: var(--box-shadow-light); clip-path: inset(-12px -12px -12px 0); border-left: none; border-bottom-right-radius: var(--border-radius-base); border-top-right-radius: var(--border-radius-base); border-top-left-radius: 0; border-bottom-left-radius: 0; line-height: var(--font-line-height-loose); padding: 0; top: 0 !important; left: 100% !important; right: auto !important; max-width: 280px !important; height: 100%; } #cm-tooltip-container .cm-tooltip.cm-completionInfo.cm-completionInfo-left-narrow, #cm-tooltip-container .cm-tooltip.cm-completionInfo.cm-completionInfo-right-narrow { display: none; } #cm-tooltip-container .cm-tooltip.cm-completionInfo.cm-completionInfo-left { left: auto !important; right: 100% !important; border-bottom-right-radius: 0; border-top-right-radius: 0; border-top-left-radius: var(--border-radius-base); border-bottom-left-radius: var(--border-radius-base); border-left: var(--border-base); border-right: none; } #cm-tooltip-container .cm-tooltip.cm-completionInfo.cm-completionInfo-right { background-color: var(--color-infobox-background); min-width: 200px; } #cm-tooltip-container .cm-tooltip.cm-cursorInfo, #cm-tooltip-container .cm-tooltip-hover { background-color: var(--color-infobox-background); border: var(--border-base); box-shadow: var(--box-shadow-light); border-radius: var(--border-radius-base); line-height: var(--font-line-height-loose); padding: 0; max-width: 280px; } #cm-tooltip-container .cm-tooltip.cm-cursorInfo .cm-tooltip-section:not(:first-child), #cm-tooltip-container .cm-tooltip-hover .cm-tooltip-section:not(:first-child) { border-top: var(--border-base); } #cm-tooltip-container .cm-tooltip.cm-cursorInfo .autocomplete-info-container, #cm-tooltip-container .cm-tooltip-hover .autocomplete-info-container { height: auto; max-height: min(220px, 20vh); } /** * Resizer */ .vue-flow__resize-control.line { border-color: transparent; z-index: 1; } .vue-flow__resize-control.line.top { height: var(--spacing-s); border-top-width: var(--spacing-s); } .vue-flow__resize-control.line.right { width: var(--spacing-s); border-right-width: var(--spacing-s); } .vue-flow__resize-control.line.bottom { height: var(--spacing-s); border-bottom-width: var(--spacing-s); } .vue-flow__resize-control.line.left { width: var(--spacing-s); border-left-width: var(--spacing-s); } .vue-flow__resize-control.handle { background-color: transparent; width: var(--spacing-s); height: var(--spacing-s); border: 0; border-radius: 0; z-index: 1; } /** * Minimap */ .vue-flow__minimap { height: 120px; overflow: hidden; margin-bottom: calc(48px + 2 * var(--spacing-xs)); border: var(--border-base); border-radius: var(--border-radius-base); background: var(--color-background-light); } .vue-flow__minimap .minimap-node-default { fill: var(--color-foreground-dark); } .vue-flow__minimap .minimap-node-n8n-nodes-base-stickyNote { fill: var(--color-foreground-dark); opacity: 0.2; } @media screen and (max-width: 767px) { .vue-flow__minimap { display: none; } } /** * Nodes */ .vue-flow__node, .vue-flow__node.draggable { cursor: pointer; } .vue-flow__node.dragging { cursor: grabbing; } .vue-flow__node:has(.sticky--active) { z-index: 1 !important; } .vue-flow__node:has(.canvas-handle-plus-wrapper):hover { z-index: 2 !important; } .vue-flow__nodes:has(.bring-to-front) { z-index: 2 !important; } /** * Selection */ .vue-flow__nodesselection-rect { box-sizing: content-box; margin-top: calc(-1 * var(--spacing-2xs)); margin-left: calc(-1 * var(--spacing-2xs)); padding: var(--spacing-2xs); } /** * Edges */ .vue-flow__edges:has(.bring-to-front), .vue-flow__edge-label.selected { z-index: 1 !important; } /** * Controls */ .vue-flow__controls { margin: var(--spacing-s); } @media screen and (max-width: 767px) { .vue-flow__controls { max-width: calc(100% - 3 * var(--spacing-s) - var(--spacing-2xs)); overflow: auto; margin-left: 0; margin-right: 0; padding-left: var(--spacing-s); padding-right: var(--spacing-s); } } :root { --navbar--height: 64px; } .executions-list-move, .executions-list-enter-active { transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1); } .executions-list-leave-active { transition: none; position: absolute; } .executions-list-enter-from { opacity: 0; transform: translateX(-100px); } .executions-list-leave-to { opacity: 0; } :root { --header-height: 65; --content-container-width: 1280px; } .clickable { cursor: pointer !important; } .primary-color { color: var(--color-primary); } .text-light { color: var(--color-text-lighter); font-weight: var(--font-weight-regular); } .el-overlay { background-color: var(--color-dialog-overlay-background-dark); } #app-modals .el-overlay { position: absolute; } .el-dialog { border: var(--border-base); box-shadow: 0 6px 16px rgba(68, 28, 23, 0.06); border-radius: 8px; } .el-dialog.classic .el-dialog__header { padding: 15px 20px; } .el-dialog.classic .el-dialog__headerbtn { position: absolute; top: 0; right: -50px; color: var(--color-foreground-xlight); background-color: var(--color-background-dark); border-radius: 0 18px 18px 0; z-index: 110; font-size: 1.7em; text-align: center; line-height: 30px; height: 50px; width: 50px; } .el-dialog.classic .el-dialog__headerbtn .el-dialog__close { color: var(--color-foreground-xlight); font-weight: var(--font-weight-regular); } .el-dialog.classic .el-dialog__headerbtn .el-dialog__close:hover { transform: scale(1.2); } .el-dialog.classic .el-dialog__body { color: var(--color-text-dark); padding: 0 20px 20px; } .el-dialog.classic .el-dialog__title { color: var(--color-text-dark); } .el-message-box { background-color: var(--color-background-light); border: none; } .el-message-box .el-message-box__headerbtn .el-message-box__close { color: var(--color-text-dark); } .el-message-box .el-message-box__content, .el-message-box .el-message-box__title { color: var(--color-text-dark); } .el-message-box .el-message-box-icon { width: var(--spacing-l); height: var(--spacing-l); } .el-message-box .el-message-box-icon--warning { color: var(--color-warning); } .el-message p { line-height: 1.5em; } .el-table thead th { color: var(--color-text-base); background-color: var(--color-background-base); } .el-table tr { color: var(--color-text-dark); } .el-table tr td { border: none; } .el-table .tr { color: var(--color-text-dark); } .type-selector:focus, .el-tabs__header:focus, .el-tabs__nav-wrap:focus, .el-tabs__nav-scroll:focus, .el-tabs__nav:focus { outline: none; } .el-tabs__item.is-active { font-weight: var(--font-weight-bold); } .el-tabs__content { border: 1px solid var(--color-foreground-base); border-radius: 0 var(--border-radius-base) var(--border-radius-base); } .el-tabs__header { border-bottom: 0 !important; } .el-tabs__nav { padding: 0; overflow: hidden; } .el-tabs__item { padding: var(--spacing-5xs) var(--spacing-2xs) !important; height: auto; line-height: var(--font-line-height-xloose); font-weight: var(--font-weight-regular); font-size: var(--font-size-2xs); } .el-tabs__item:not([aria-selected=true]) { background-color: var(--color-background-base); border-bottom: 1px solid var(--color-foreground-base) !important; } .el-loading-mask { background-color: var(--color-foreground-xlight); opacity: 0.8; } .el-pager li, .el-pagination .btn-prev, .el-pagination .btn-next { background: none; color: var(--color-text-dark); } .el-pagination button:disabled { background: none; color: var(--color-text-lighter); } .el-pager li.btn-quicknext, .el-pager li.btn-quickprev { color: var(--color-text-dark); } .el-notification { border-radius: 4px; border: none; } .el-notification.whats-new-notification { bottom: var(--spacing-xs) !important; left: var(--spacing-s) !important; width: 300px; padding: var(--spacing-xs); border: var(--border-base); } .el-notification.whats-new-notification .el-notification__group { margin-left: 0; margin-right: var(--spacing-l); } .el-notification.whats-new-notification .el-notification__title { color: var(--color-callout-info-font); font-family: var(--font-family); font-size: var(--font-size-s); font-style: normal; font-weight: var(--font-weight-bold); line-height: 1.4; } .el-notification.whats-new-notification .el-notification__content { color: var(--color-callout-info-font); font-family: var(--font-family); font-size: var(--font-size-s); font-style: normal; font-weight: var(--font-weight-regular); line-height: 1.4; margin-top: 0; } .el-notification.whats-new-notification .el-notification__closeBtn { height: 100%; top: 0; right: var(--spacing-xs); } .el-notification__content { text-align: left; word-break: break-word; max-height: 30vh; overflow-y: auto; } .tags-container .el-select-tags-wrapper .el-tag { font-size: 12px; font-weight: var(--font-weight-regular); display: flex; align-items: center; } .tags-container .el-select-tags-wrapper .el-tag.is-closable { overflow-y: hidden; } .tags-container .el-select-tags-wrapper .el-tag .el-tag__close { max-height: 15px; max-width: 15px; margin-left: var(--spacing-4xs); } .tags-container .el-select-tags-wrapper .el-tag .el-tag__close:hover { background-color: var(--color-background-light) !important; } .add-option > * { border: none; } .add-option .el-select .el-input.is-disabled .el-input__icon { opacity: 1 !important; cursor: not-allowed; color: var(--color-foreground-dark); } .add-option .el-select .el-input.is-disabled .el-input__inner, .add-option .el-select .el-input.is-disabled .el-input__inner::placeholder { opacity: 1; color: var(--color-foreground-dark); } .add-option .el-select .el-input:not(.is-disabled) .el-input__icon { color: var(--color-text-dark); } .add-option .el-input .el-input__inner { text-align: center; } .add-option .el-input:not(.is-disabled) .el-input__inner, .add-option .el-input:not(.is-disabled) .el-input__inner:hover, .add-option .el-input:not(.is-disabled) .el-input__inner:focus { padding-left: 35px; border-radius: var(--border-radius-base); color: var(--color-text-dark); background-color: var(--color-background-base); border-color: var(--color-foreground-base); text-align: center; } .add-option .el-input:not(.is-disabled) .el-input__inner::placeholder { color: var(--color-text-dark); opacity: 1; /** Firefox */ }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._strokeWidth_1hmtr_123 rect, ._strokeWidth_1hmtr_123 path { stroke-width: var(--n8n-icon-stroke-width); } ._spin_1hmtr_128 { -webkit-animation: _spin_1hmtr_128 1s linear infinite; animation: _spin_1hmtr_128 1s linear infinite; } @-webkit-keyframes _spin_1hmtr_128 { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes _spin_1hmtr_128 { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ .lds-ring { display: inline-block; position: relative; width: 48px; height: 48px; } .lds-ring div { -webkit-box-sizing: border-box; box-sizing: border-box; display: block; position: absolute; width: 48px; height: 48px; border: 4px solid var(--color-foreground-xlight); border-radius: 50%; -webkit-animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: var(--color-primary) transparent transparent transparent; } .lds-ring div:nth-child(1) { -webkit-animation-delay: -0.45s; animation-delay: -0.45s; } .lds-ring div:nth-child(2) { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } .lds-ring div:nth-child(3) { -webkit-animation-delay: -0.15s; animation-delay: -0.15s; } @-webkit-keyframes lds-ring { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes lds-ring { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ .el-button { display: inline-block; line-height: 1; white-space: nowrap; cursor: pointer; border: var(--border-width-base) var(--button-border-color, var(--color-button-primary-border)) var(--border-style-base) !important; color: var(--button-font-color, var(--color-button-primary-font)) !important; background-color: var(--button-background-color, var(--color-button-primary-background)) !important; font-weight: var(--font-weight-medium) !important; border-radius: var(--button-border-radius, 4px) !important; padding: var(--button-padding-vertical, var(--spacing-xs)) var(--button-padding-horizontal, var(--spacing-m)) !important; font-size: var(--button-font-size, var(--font-size-s)) !important; -webkit-appearance: none; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; outline: none; margin: 0; -webkit-transition: all 0.3s, padding 0s, width 0s, height 0s; transition: all 0.3s, padding 0s, width 0s, height 0s; gap: var(--spacing-3xs); -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; --button-padding-vertical: var(--spacing-2xs); --button-padding-horizontal: var(--spacing-xs); --button-font-size: var(--font-size-2xs); } .el-button a { color: var(--button-font-color, var(--color-button-primary-font)) !important; } .el-button:hover { color: var(--button-hover-font-color, var(--color-button-primary-font)) !important; border-color: var(--button-hover-border-color, var(--color-button-primary-hover-active-border)) !important; background-color: var(--button-hover-background-color, var(--color-button-primary-hover-active-focus-background)) !important; } .el-button:hover a { color: var(--button-hover-font-color, var(--color-button-primary-font)) !important; } .el-button:active, .el-button.active { color: var(--button-active-font-color, var(--color-button-primary-font)) !important; border-color: var(--button-active-border-color, var(--color-button-primary-hover-active-border)) !important; background-color: var(--button-active-background-color, var(--color-button-primary-hover-active-focus-background)) !important; outline: none; } .el-button:active a, .el-button.active a { color: var(--button-active-font-color, var(--color-button-primary-font)) !important; } .el-button:focus-visible:not(:active, .active) { color: var(--button-focus-font-color, var(--color-button-primary-font)) !important; border-color: var(--button-focus-border-color, var(--color-button-primary-border)) !important; background-color: var(--button-focus-background-color, var(--color-button-primary-hover-active-focus-background)) !important; outline: 3px solid var(--button-focus-outline-color, var(--color-button-primary-focus-outline)) !important; } .el-button:focus-visible:not(:active, .active) a { color: var(--button-focus-font-color, var(--color-button-primary-font)) !important; } .el-button.disabled, .el-button.disabled:hover, .el-button.disabled:active, .el-button.disabled:focus-visible { color: var(--button-disabled-font-color, var(--color-button-primary-disabled-font)); border-color: var(--button-disabled-border-color, var(--color-button-primary-disabled-border)); background-color: var(--button-disabled-background-color, var(--color-button-primary-disabled-background)); } .el-button.disabled a, .el-button.disabled:hover a, .el-button.disabled:active a, .el-button.disabled:focus-visible a { color: var(--button-disabled-font-color, var(--color-button-primary-disabled-font)); } .el-button .loading, .el-button .loading:hover, .el-button .loading:active, .el-button .loading:focus-visible { color: var(--button-loading-font-color, var(--color-button-primary-font)); border-color: var(--button-loading-border-color, var(--color-button-primary-border)); background-color: var(--button-loading-background-color, var(--color-button-primary-background)); } .el-button .loading a, .el-button .loading:hover a, .el-button .loading:active a, .el-button .loading:focus-visible a { color: var(--button-loading-font-color, var(--color-button-primary-font)); } .el-button::-moz-focus-inner { border: 0; } .el-button > i { display: none; } .el-button > span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .el-button + .el-button { margin-left: var(--spacing-2xs); } .el-button.btn--cancel, .el-button.el-color-dropdown__link-btn { --button-font-color: var(--color-button-secondary-font); --button-border-color: var(--color-button-secondary-border); --button-background-color: var(--color-button-secondary-background); --button-hover-font-color: var(--color-button-secondary-hover-active-focus-font); --button-hover-border-color: var(--color-button-secondary-hover-active-focus-border); --button-hover-background-color: var(--color-button-secondary-hover-background); --button-active-font-color: var(--color-button-secondary-hover-active-focus-font); --button-active-border-color: var(--color-button-secondary-hover-active-focus-border); --button-active-background-color: var(--color-button-secondary-active-focus-background); --button-focus-font-color: var(--color-button-secondary-hover-active-focus-font); --button-focus-border-color: var(--color-button-secondary-hover-active-focus-border); --button-focus-background-color: var(--color-button-secondary-active-focus-background); --button-focus-outline-color: var(--color-button-secondary-focus-outline); --button-disabled-font-color: var(--color-button-secondary-disabled-font); --button-disabled-border-color: var(--color-button-secondary-disabled-border); --button-disabled-background-color: var(--color-button-secondary-background); --button-loading-font-color: var(--color-button-secondary-loading-font); --button-loading-border-color: var(--color-button-secondary-loading-border); --button-loading-background-color: var(--color-button-secondary-loading-background); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._button_3iv81_123 { display: inline-block; line-height: 1; white-space: nowrap; cursor: pointer; border: var(--border-width-base) var(--button-border-color, var(--color-button-primary-border)) var(--border-style-base); color: var(--button-font-color, var(--color-button-primary-font)); background-color: var(--button-background-color, var(--color-button-primary-background)); font-weight: var(--font-weight-medium); border-radius: var(--button-border-radius, 4px); padding: var(--button-padding-vertical, var(--spacing-xs)) var(--button-padding-horizontal, var(--spacing-m)); font-size: var(--button-font-size, var(--font-size-s)); -webkit-appearance: none; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; outline: none; margin: 0; -webkit-transition: all 0.3s, padding 0s, width 0s, height 0s; transition: all 0.3s, padding 0s, width 0s, height 0s; gap: var(--spacing-3xs); -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; } ._button_3iv81_123 a { color: var(--button-font-color, var(--color-button-primary-font)); } ._button_3iv81_123:hover { color: var(--button-hover-font-color, var(--color-button-primary-font)); border-color: var(--button-hover-border-color, var(--color-button-primary-hover-active-border)); background-color: var(--button-hover-background-color, var(--color-button-primary-hover-active-focus-background)); } ._button_3iv81_123:hover a { color: var(--button-hover-font-color, var(--color-button-primary-font)); } ._button_3iv81_123:active, ._button_3iv81_123._active_3iv81_157 { color: var(--button-active-font-color, var(--color-button-primary-font)); border-color: var(--button-active-border-color, var(--color-button-primary-hover-active-border)); background-color: var(--button-active-background-color, var(--color-button-primary-hover-active-focus-background)); outline: none; } ._button_3iv81_123:active a, ._button_3iv81_123._active_3iv81_157 a { color: var(--button-active-font-color, var(--color-button-primary-font)); } ._button_3iv81_123:focus-visible:not(:active, ._active_3iv81_157) { color: var(--button-focus-font-color, var(--color-button-primary-font)); border-color: var(--button-focus-border-color, var(--color-button-primary-border)); background-color: var(--button-focus-background-color, var(--color-button-primary-hover-active-focus-background)); outline: 3px solid var(--button-focus-outline-color, var(--color-button-primary-focus-outline)); } ._button_3iv81_123:focus-visible:not(:active, ._active_3iv81_157) a { color: var(--button-focus-font-color, var(--color-button-primary-font)); } ._button_3iv81_123._disabled_3iv81_175, ._button_3iv81_123._disabled_3iv81_175:hover, ._button_3iv81_123._disabled_3iv81_175:active, ._button_3iv81_123._disabled_3iv81_175:focus-visible { color: var(--button-disabled-font-color, var(--color-button-primary-disabled-font)); border-color: var(--button-disabled-border-color, var(--color-button-primary-disabled-border)); background-color: var(--button-disabled-background-color, var(--color-button-primary-disabled-background)); } ._button_3iv81_123._disabled_3iv81_175 a, ._button_3iv81_123._disabled_3iv81_175:hover a, ._button_3iv81_123._disabled_3iv81_175:active a, ._button_3iv81_123._disabled_3iv81_175:focus-visible a { color: var(--button-disabled-font-color, var(--color-button-primary-disabled-font)); } ._button_3iv81_123 ._loading_3iv81_183, ._button_3iv81_123 ._loading_3iv81_183:hover, ._button_3iv81_123 ._loading_3iv81_183:active, ._button_3iv81_123 ._loading_3iv81_183:focus-visible { color: var(--button-loading-font-color, var(--color-button-primary-font)); border-color: var(--button-loading-border-color, var(--color-button-primary-border)); background-color: var(--button-loading-background-color, var(--color-button-primary-background)); } ._button_3iv81_123 ._loading_3iv81_183 a, ._button_3iv81_123 ._loading_3iv81_183:hover a, ._button_3iv81_123 ._loading_3iv81_183:active a, ._button_3iv81_123 ._loading_3iv81_183:focus-visible a { color: var(--button-loading-font-color, var(--color-button-primary-font)); } ._button_3iv81_123::-moz-focus-inner { border: 0; } ._button_3iv81_123 > i { display: none; } ._button_3iv81_123 > span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /** * Colors */ ._secondary_3iv81_206 { --button-font-color: var(--color-button-secondary-font); --button-border-color: var(--color-button-secondary-border); --button-background-color: var(--color-button-secondary-background); --button-hover-font-color: var(--color-button-secondary-hover-active-focus-font); --button-hover-border-color: var(--color-button-secondary-hover-active-focus-border); --button-hover-background-color: var(--color-button-secondary-hover-background); --button-active-font-color: var(--color-button-secondary-hover-active-focus-font); --button-active-border-color: var(--color-button-secondary-hover-active-focus-border); --button-active-background-color: var(--color-button-secondary-active-focus-background); --button-focus-font-color: var(--color-button-secondary-hover-active-focus-font); --button-focus-border-color: var(--color-button-secondary-hover-active-focus-border); --button-focus-background-color: var(--color-button-secondary-active-focus-background); --button-focus-outline-color: var(--color-button-secondary-focus-outline); --button-disabled-font-color: var(--color-button-secondary-disabled-font); --button-disabled-border-color: var(--color-button-secondary-disabled-border); --button-disabled-background-color: var(--color-button-secondary-background); --button-loading-font-color: var(--color-button-secondary-loading-font); --button-loading-border-color: var(--color-button-secondary-loading-border); --button-loading-background-color: var(--color-button-secondary-loading-background); } ._highlight_3iv81_228 { --button-font-color: var(--color-button-highlight-font); --button-border-color: var(--color-button-highlight-border); --button-background-color: var(--color-button-highlight-background); --button-hover-font-color: var(--color-button-highlight-hover-active-focus-font); --button-hover-border-color: var(--color-button-highlight-hover-active-focus-border); --button-hover-background-color: var(--color-button-highlight-hover-background); --button-active-font-color: var(--color-button-highlight-hover-active-focus-font); --button-active-border-color: var(--color-button-highlight-hover-active-focus-border); --button-active-background-color: var(--color-button-highlight-active-focus-background); --button-focus-font-color: var(--color-button-highlight-hover-active-focus-font); --button-focus-border-color: var(--color-button-highlight-hover-active-focus-border); --button-focus-background-color: var(--color-button-highlight-active-focus-background); --button-focus-outline-color: var(--color-button-highlight-focus-outline); --button-disabled-font-color: var(--color-button-highlight-disabled-font); --button-disabled-border-color: var(--color-button-highlight-disabled-border); --button-disabled-background-color: var(--color-button-highlight-disabled-background); --button-loading-font-color: var(--color-button-highlight-loading-font); --button-loading-border-color: var(--color-button-highlight-loading-border); --button-loading-background-color: var(--color-button-highlight-loading-background); } ._tertiary_3iv81_250 { --button-font-color: var(--color-button-secondary-font); --button-border-color: var(--color-button-secondary-border); --button-background-color: var(--color-button-secondary-background); --button-hover-font-color: var(--color-button-secondary-hover-active-focus-font); --button-hover-border-color: var(--color-button-secondary-hover-active-focus-border); --button-hover-background-color: var(--color-button-secondary-hover-background); --button-active-font-color: var(--color-button-secondary-hover-active-focus-font); --button-active-border-color: var(--color-button-secondary-hover-active-focus-border); --button-active-background-color: var(--color-button-secondary-active-focus-background); --button-focus-font-color: var(--color-button-secondary-hover-active-focus-font); --button-focus-border-color: var(--color-button-secondary-hover-active-focus-border); --button-focus-background-color: var(--color-button-secondary-active-focus-background); --button-focus-outline-color: var(--color-button-secondary-focus-outline); --button-disabled-font-color: var(--color-button-secondary-disabled-font); --button-disabled-border-color: var(--color-button-secondary-disabled-border); --button-disabled-background-color: var(--color-button-secondary-background); --button-loading-font-color: var(--color-button-secondary-loading-font); --button-loading-border-color: var(--color-button-secondary-loading-border); --button-loading-background-color: var(--color-button-secondary-loading-background); } ._success_3iv81_272 { --button-font-color: var(--color-button-success-font); --button-border-color: var(--color-success); --button-background-color: var(--color-success); --button-hover-font-color: var(--color-button-success-font); --button-hover-border-color: var(--color-success-shade-1); --button-hover-background-color: var(--color-success-shade-1); --button-active-font-color: var(--color-button-success-font); --button-active-border-color: var(--color-success-shade-1); --button-active-background-color: var(--color-success-shade-1); --button-focus-font-color: var(--color-button-success-font); --button-focus-border-color: var(--color-success); --button-focus-background-color: var(--color-success); --button-focus-outline-color: var(--color-success-light); --button-disabled-font-color: var(--color-button-success-disabled-font); --button-disabled-border-color: var(--color-success-tint-1); --button-disabled-background-color: var(--color-success-tint-1); --button-loading-font-color: var(--color-button-success-font); --button-loading-border-color: var(--color-success); --button-loading-background-color: var(--color-success); } ._warning_3iv81_294 { --button-font-color: var(--color-button-warning-font); --button-border-color: var(--color-warning); --button-background-color: var(--color-warning); --button-hover-font-color: var(--color-button-warning-font); --button-hover-border-color: var(--color-warning-shade-1); --button-hover-background-color: var(--color-warning-shade-1); --button-active-font-color: var(--color-button-warning-font); --button-active-border-color: var(--color-warning-shade-1); --button-active-background-color: var(--color-warning-shade-1); --button-focus-font-color: var(--color-button-warning-font); --button-focus-border-color: var(--color-warning); --button-focus-background-color: var(--color-warning); --button-focus-outline-color: var(--color-warning-tint-1); --button-disabled-font-color: var(--color-button-warning-disabled-font); --button-disabled-border-color: var(--color-warning-tint-1); --button-disabled-background-color: var(--color-warning-tint-1); --button-loading-font-color: var(--color-button-warning-font); --button-loading-border-color: var(--color-warning); --button-loading-background-color: var(--color-warning); } ._danger_3iv81_316 { --button-font-color: var(--color-button-danger-font); --button-border-color: var(--color-button-danger-border); --button-background-color: var(--color-danger); --button-hover-font-color: var(--color-button-danger-font); --button-hover-border-color: var(--color-danger-shade-1); --button-hover-background-color: var(--color-danger-shade-1); --button-active-font-color: var(--color-button-danger-font); --button-active-border-color: var(--color-danger-shade-1); --button-active-background-color: var(--color-danger-shade-1); --button-focus-font-color: var(--color-button-danger-font); --button-focus-border-color: var(--color-danger); --button-focus-background-color: var(--color-danger); --button-focus-outline-color: var(--color-button-danger-focus-outline); --button-disabled-font-color: var(--color-button-danger-disabled-font); --button-disabled-border-color: var(--color-button-danger-disabled-border); --button-disabled-background-color: var(--color-button-danger-disabled-background); --button-loading-font-color: var(--color-button-danger-font); --button-loading-border-color: var(--color-danger); --button-loading-background-color: var(--color-danger); } /** * Sizes */ ._xmini_3iv81_341 { --button-padding-vertical: var(--spacing-4xs); --button-padding-horizontal: var(--spacing-3xs); --button-font-size: var(--font-size-3xs); } ._xmini_3iv81_341._square_3iv81_346 { height: 22px; width: 22px; } ._mini_3iv81_351 { --button-padding-vertical: var(--spacing-4xs); --button-padding-horizontal: var(--spacing-2xs); --button-font-size: var(--font-size-2xs); } ._mini_3iv81_351._square_3iv81_346 { height: 22px; width: 22px; } ._small_3iv81_361 { --button-padding-vertical: var(--spacing-3xs); --button-padding-horizontal: var(--spacing-xs); --button-font-size: var(--font-size-2xs); } ._small_3iv81_361._square_3iv81_346 { height: 26px; width: 26px; } ._medium_3iv81_371 { --button-padding-vertical: var(--spacing-2xs); --button-padding-horizontal: var(--spacing-xs); --button-font-size: var(--font-size-2xs); } ._medium_3iv81_371._square_3iv81_346 { height: 30px; width: 30px; } ._large_3iv81_381._square_3iv81_346 { height: 42px; width: 42px; } ._xlarge_3iv81_386 { --button-padding-vertical: var(--spacing-xs); --button-padding-horizontal: var(--spacing-s); --button-font-size: var(--font-size-m); } ._xlarge_3iv81_386._square_3iv81_346 { height: 46px; width: 46px; } /** * Modifiers */ ._outline_3iv81_399 { --button-background-color: transparent; --button-disabled-background-color: transparent; } ._outline_3iv81_399._primary_3iv81_403 { --button-font-color: var(--color-primary); --button-disabled-font-color: var(--color-primary-tint-1); --button-disabled-border-color: var(--color-primary-tint-1); --button-disabled-background-color: transparent; } ._outline_3iv81_399._success_3iv81_272 { --button-font-color: var(--color-success); --button-border-color: var(--color-success); --button-hover-border-color: var(--color-success); --button-hover-background-color: var(--color-success); --button-active-background-color: var(--color-success); --button-disabled-font-color: var(--color-success-light); --button-disabled-border-color: var(--color-success-light); --button-disabled-background-color: transparent; } ._outline_3iv81_399._warning_3iv81_294 { --button-font-color: var(--color-warning); --button-border-color: var(--color-warning); --button-hover-border-color: var(--color-warning); --button-hover-background-color: var(--color-warning); --button-active-background-color: var(--color-warning); --button-disabled-font-color: var(--color-warning-tint-1); --button-disabled-border-color: var(--color-warning-tint-1); --button-disabled-background-color: transparent; } ._outline_3iv81_399._danger_3iv81_316 { --button-font-color: var(--color-danger); --button-border-color: var(--color-danger); --button-hover-border-color: var(--color-danger); --button-hover-background-color: var(--color-danger); --button-active-background-color: var(--color-danger); --button-disabled-font-color: var(--color-danger-tint-1); --button-disabled-border-color: var(--color-danger-tint-1); --button-disabled-background-color: transparent; } ._text_3iv81_440 { --button-font-color: var(--color-text-button-secondary-font); --button-border-color: transparent; --button-background-color: transparent; --button-hover-border-color: transparent; --button-hover-background-color: transparent; --button-active-border-color: transparent; --button-active-background-color: transparent; --button-focus-border-color: transparent; --button-focus-background-color: transparent; --button-disabled-border-color: transparent; --button-disabled-background-color: transparent; } ._text_3iv81_440:focus { outline: 0; } ._text_3iv81_440._primary_3iv81_403 { --button-font-color: var(--color-primary); --button-hover-font-color: var(--color-primary-shade-1); --button-active-font-color: var(--color-primary-shade-1); --button-focus-font-color: var(--color-primary); --button-disabled-font-color: var(--color-primary-tint-1); } ._text_3iv81_440._success_3iv81_272 { --button-font-color: var(--color-success); --button-hover-font-color: var(--color-success-shade-1); --button-active-font-color: var(--color-success-shade-1); --button-focus-font-color: var(--color-success); --button-disabled-font-color: var(--color-success-light); } ._text_3iv81_440._warning_3iv81_294 { --button-font-color: var(--color-warning); --button-hover-font-color: var(--color-warning-shade-1); --button-active-font-color: var(--color-warning-shade-1); --button-focus-font-color: var(--color-warning); --button-disabled-font-color: var(--color-warning-tint-1); } ._text_3iv81_440._danger_3iv81_316 { --button-font-color: var(--color-danger); --button-hover-font-color: var(--color-danger-shade-1); --button-active-font-color: var(--color-danger-shade-1); --button-focus-font-color: var(--color-danger); --button-disabled-font-color: var(--color-danger-tint-1); } ._text_3iv81_440:hover { text-decoration: underline; } ._loading_3iv81_183 { position: relative; pointer-events: none; } ._loading_3iv81_183:before { pointer-events: none; content: ""; position: absolute; left: -1px; top: -1px; right: -1px; bottom: -1px; border-radius: inherit; } ._disabled_3iv81_175, ._disabled_3iv81_175:hover, ._disabled_3iv81_175:active, ._disabled_3iv81_175:focus { cursor: not-allowed; background-image: none; } ._transparent_3iv81_508 { --button-background-color: transparent; --button-active-background-color: transparent; } ._withIcon_3iv81_513 { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } ._icon_3iv81_519 { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } ._icon_3iv81_519 svg { display: block; } ._block_3iv81_528 { width: 100%; } ._float-left_3iv81_532 { float: left; } ._float-right_3iv81_536 { float: right; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._buttons_5t6sd_123 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: var(--spacing-s); gap: var(--spacing-2xs); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._bold_ihh15_123 { font-weight: var(--font-weight-medium); } ._regular_ihh15_127 { font-weight: var(--font-weight-regular); } ._size-xlarge_ihh15_131 { font-size: var(--font-size-xl); line-height: var(--font-line-height-xloose); } ._size-large_ihh15_136 { font-size: var(--font-size-m); line-height: var(--font-line-height-xloose); } ._size-medium_ihh15_141 { font-size: var(--font-size-s); line-height: var(--font-line-height-loose); } ._size-small_ihh15_146 { font-size: var(--font-size-2xs); line-height: var(--font-line-height-loose); } ._size-xsmall_ihh15_151 { font-size: var(--font-size-3xs); line-height: var(--font-line-height-compact); } ._compact_ihh15_156 { line-height: 1; } ._primary_ihh15_160 { color: var(--color-primary); } ._secondary_ihh15_164 { color: var(--color-secondary); } ._text-dark_ihh15_168 { color: var(--color-text-dark); } ._text-base_ihh15_172 { color: var(--color-text-base); } ._text-light_ihh15_176 { color: var(--color-text-light); } ._text-xlight_ihh15_180 { color: var(--color-text-xlight); } ._danger_ihh15_184 { color: var(--color-text-danger); } ._success_ihh15_188 { color: var(--color-success); } ._warning_ihh15_192 { color: var(--color-warning); } ._foreground-dark_ihh15_196 { color: var(--color-foreground-dark); } ._foreground-xdark_ihh15_200 { color: var(--color-foreground-xdark); } ._align-left_ihh15_204 { text-align: left; } ._align-right_ihh15_208 { text-align: right; } ._align-center_ihh15_212 { text-align: center; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._callout_3856x_123 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: var(--font-size-2xs); padding: var(--spacing-xs); border: var(--border-width-base) var(--border-style-base); -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: var(--font-line-height-xloose); border-color: var(--color-callout-info-border); background-color: var(--color-callout-info-background); color: var(--color-callout-info-font); } ._callout_3856x_123._slim_3856x_135 { line-height: var(--font-line-height-xloose); padding: var(--spacing-3xs) var(--spacing-2xs); } ._callout_3856x_123 a { color: var(--color-secondary-link); font-weight: var(--font-weight-medium); text-decoration-line: underline; text-decoration-style: solid; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; } ._round_3856x_150 { border-radius: var(--border-radius-base); } ._onlyBottomBorder_3856x_154 { border-top: 0; border-left: 0; border-right: 0; } ._messageSection_3856x_160 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } ._info_3856x_165, ._custom_3856x_166 { border-color: var(--color-callout-info-border); background-color: var(--color-callout-info-background); color: var(--color-callout-info-font); } ._info_3856x_165 ._icon_3856x_171, ._custom_3856x_166 ._icon_3856x_171 { color: var(--color-callout-info-icon); } ._success_3856x_176 { border-color: var(--color-callout-success-border); background-color: var(--color-callout-success-background); color: var(--color-callout-success-font); } ._success_3856x_176 ._icon_3856x_171 { color: var(--color-callout-success-icon); } ._warning_3856x_185 { border-color: var(--color-callout-warning-border); background-color: var(--color-callout-warning-background); color: var(--color-callout-warning-font); } ._warning_3856x_185 ._icon_3856x_171 { color: var(--color-callout-warning-icon); } ._danger_3856x_194 { border-color: var(--color-callout-danger-border); background-color: var(--color-callout-danger-background); color: var(--color-callout-danger-font); } ._danger_3856x_194 ._icon_3856x_171 { color: var(--color-callout-danger-icon); } ._icon_3856x_171 { line-height: 1; margin-right: var(--spacing-xs); } ._secondary_3856x_208 { font-size: var(--font-size-2xs); font-weight: var(--font-weight-bold); border-color: var(--color-callout-secondary-border); background-color: var(--color-callout-secondary-background); color: var(--color-callout-secondary-font); } ._secondary_3856x_208 ._icon_3856x_171 { color: var(--color-callout-secondary-icon); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._bold_ephjb_123 { font-weight: var(--font-weight-bold); } ._regular_ephjb_127 { font-weight: var(--font-weight-regular); } ._size-2xlarge_ephjb_131 { font-size: var(--font-size-2xl); line-height: var(--font-line-height-compact); } ._size-xlarge_ephjb_136 { font-size: var(--font-size-xl); line-height: var(--font-line-height-compact); } ._size-large_ephjb_141 { font-size: var(--font-size-l); line-height: var(--font-line-height-loose); } ._size-medium_ephjb_146 { font-size: var(--font-size-m); line-height: var(--font-line-height-loose); } ._size-small_ephjb_151 { font-size: var(--font-size-s); line-height: var(--font-line-height-regular); } ._primary_ephjb_156 { color: var(--color-primary); } ._text-dark_ephjb_160 { color: var(--color-text-dark); } ._text-base_ephjb_164 { color: var(--color-text-base); } ._text-light_ephjb_168 { color: var(--color-text-light); } ._text-xlight_ephjb_172 { color: var(--color-text-xlight); } ._danger_ephjb_176 { color: var(--color-danger); } ._align-left_ephjb_180 { text-align: left; } ._align-right_ephjb_184 { text-align: right; } ._align-center_ephjb_188 { text-align: center; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._container_12zp7_123 { border: 2px dashed var(--color-foreground-base); border-radius: var(--border-radius-large); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: var(--spacing-3xl); } ._container_12zp7_123 > * { margin-bottom: var(--spacing-l); } ._container_12zp7_123 > *:last-child { margin-bottom: 0; } ._emoji_12zp7_138 { font-size: 40px; } ._heading_12zp7_142 { margin-bottom: var(--spacing-l); text-align: center; } ._description_12zp7_147 { color: var(--color-text-base); margin-bottom: var(--spacing-xl); text-align: center; } ._callout_12zp7_153 { width: 100%; text-align: left; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._badge_1yc0p_123 { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: var(--spacing-5xs) var(--spacing-4xs); white-space: nowrap; } ._badge_1yc0p_123._border_1yc0p_129 { border: var(--border-base); } ._default_1yc0p_133 { border-radius: var(--border-radius-base); color: var(--color-text-light); border-color: var(--color-text-light); } ._success_1yc0p_140 { border-radius: var(--border-radius-base); color: var(--color-success); border-color: var(--color-success); } ._warning_1yc0p_147 { border-radius: var(--border-radius-base); color: var(--color-warning); border-color: var(--color-warning); } ._danger_1yc0p_154 { border-radius: var(--border-radius-base); color: var(--color-danger); border-color: var(--color-danger); } ._primary_1yc0p_161 { padding: var(--spacing-5xs) var(--spacing-3xs); border-radius: var(--border-radius-xlarge); color: var(--color-foreground-xlight); background-color: var(--color-primary); border-color: var(--color-primary); } ._secondary_1yc0p_170 { border-radius: var(--border-radius-xlarge); color: var(--color-secondary); background-color: var(--color-secondary-tint-1); } ._tertiary_1yc0p_177 { border-radius: var(--border-radius-base); color: var(--color-text-light); border-color: var(--color-text-light); padding: 1px var(--spacing-5xs); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._shortcut_105up_123 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: var(--spacing-4xs); } ._keyWrapper_105up_129 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: var(--border-radius-small); height: 18px; min-width: 18px; padding: 0 var(--spacing-4xs); border: solid 1px var(--color-foreground-base); background: var(--color-background-base); } ._key_105up_129 { color: var(--color-text-base); font-size: var(--font-size-3xs); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ .el-dropdown__list ._userActionsMenu_1pnvt_123 { min-width: 160px; padding: var(--spacing-4xs) 0; } .el-dropdown__list ._elementItem_1pnvt_127 { padding: 0; } .el-popper._hideArrow_1pnvt_131 .el-popper__arrow { display: none; } ._shadow_1pnvt_135 { -webkit-box-shadow: var(--box-shadow-light); box-shadow: var(--box-shadow-light); } ._activator_1pnvt_139:hover { background-color: var(--color-background-base); } ._itemContainer_1pnvt_143 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: var(--spacing-s); -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: var(--font-size-2xs); line-height: 18px; padding: var(--spacing-3xs) var(--spacing-2xs); } ._itemContainer_1pnvt_143._disabled_1pnvt_152 ._shortcut_1pnvt_152 { opacity: 0.3; } ._icon_1pnvt_156 { display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; margin-right: var(--spacing-2xs); } ._icon_1pnvt_156 svg { width: 1.2em !important; } ._checkIcon_1pnvt_165 { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; } ._shortcut_1pnvt_152 { display: -webkit-box; display: -ms-flexbox; display: flex; } li.is-disabled ._hasCustomStyling_1pnvt_174 { color: inherit !important; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._h1Last_zujtd_123 { width: 40%; } ._pLast_zujtd_127 { width: 61%; } ._custom_zujtd_131 { width: 100%; height: 100%; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ .n8n-loading-custom.el-skeleton, .n8n-loading-custom.el-skeleton .el-skeleton__item { width: 100%; height: 100%; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._container_1u6p2_123 > * { line-height: 1; } ._button_1u6p2_127 { cursor: pointer; padding: var(--spacing-4xs); border-radius: var(--border-radius-base); } ._button_1u6p2_127:hover { color: var(--color-primary); cursor: pointer; } ._button_1u6p2_127:focus { color: var(--color-primary); } ._dark_1u6p2_140 { color: var(--color-text-dark); } ._dark_1u6p2_140:focus { background-color: var(--color-background-xlight); } ._iconContainer_1u6p2_147 { display: inline; } li:hover ._iconContainer_1u6p2_147 svg { color: var(--color-primary-tint-1); } ._loading-dropdown_1u6p2_155 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: var(--spacing-xs) 0; gap: var(--spacing-2xs); } ._loading_1u6p2_155 { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; min-width: var(--spacing-3xl); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._container_1fyl5_123 { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } ._container_1fyl5_123 svg { border-radius: 50%; } ._empty_1fyl5_133 { display: block; border-radius: 50%; background-color: var(--color-foreground-dark); opacity: 0.3; } ._initials_1fyl5_140 { position: absolute; font-size: var(--font-size-2xs); font-weight: var(--font-weight-bold); color: var(--color-avatar-font); text-shadow: 0 1px 6px rgba(25, 11, 9, 0.3); text-transform: uppercase; } ._text-xsmall_1fyl5_149 { font-size: 6px; } ._xsmall_1fyl5_153 { height: var(--spacing-m); width: var(--spacing-m); } ._small_1fyl5_158 { height: 28px; width: 28px; } ._medium_1fyl5_163 { height: 40px; width: 40px; } ._large_1fyl5_168 { height: 48px; width: 48px; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._uiBlocker_j0zl4_123 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--color-block-ui-overlay); z-index: 10; opacity: 0.6; border-radius: var(--border-radius-large); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ .fade-enter-active[data-v-76a59b58], .fade-leave-active[data-v-76a59b58] { -webkit-transition: opacity 200ms; transition: opacity 200ms; } .fade-enter-from[data-v-76a59b58], .fade-leave-to[data-v-76a59b58] { opacity: 0; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._card_1vkmg_123 { border-radius: var(--border-radius-large); border: var(--border-base); background-color: var(--color-background-xlight); padding: var(--card--padding, var(--spacing-s)); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } ._header_1vkmg_134, ._footer_1vkmg_135 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } ._content_1vkmg_142 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 100%; } ._body_1vkmg_150 { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } ._icon_1vkmg_158 { width: 24px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: var(--spacing-s); } ._hoverable_1vkmg_166 { cursor: pointer; -webkit-transition-property: border, color; transition-property: border, color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } ._hoverable_1vkmg_166:hover, ._hoverable_1vkmg_166:focus { color: var(--color-primary); border-color: var(--color-primary); } ._append_1vkmg_177 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: default; width: var(--card--append--width, unset); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._container_1kmmk_123 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } ._container_1kmmk_123 label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } ._labelRow_1kmmk_132 { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; display: -webkit-box; display: -ms-flexbox; display: flex; } ._main-content_1kmmk_137 { display: -webkit-box; display: -ms-flexbox; display: flex; } ._main-content_1kmmk_137:hover ._infoIcon_1kmmk_140 { opacity: 1; } ._main-content_1kmmk_137:hover ._infoIcon_1kmmk_140:hover { color: var(--color-text-base); } ._infoIcon_1kmmk_140:has(._icon_1kmmk_147[aria-describedby]) { opacity: 1; } ._trailing-content_1kmmk_151 { display: -webkit-box; display: -ms-flexbox; display: flex; gap: var(--spacing-3xs); } ._trailing-content_1kmmk_151 * { -ms-flex-item-align: center; align-self: center; } ._inputLabel_1kmmk_159 { display: block; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } ._container_1kmmk_123:hover ._options_1kmmk_164, ._inputLabel_1kmmk_159:hover ._options_1kmmk_164 { opacity: 1; -webkit-transition: opacity 100ms ease-in; transition: opacity 100ms ease-in; } ._container_1kmmk_123:hover ._overlay_1kmmk_169, ._inputLabel_1kmmk_159:hover ._overlay_1kmmk_169 { opacity: 1; -webkit-transition: opacity 100ms ease-in; transition: opacity 100ms ease-in; } ._withOptions_1kmmk_175:hover ._title_1kmmk_175 > span { text-overflow: ellipsis; overflow: hidden; } ._title_1kmmk_175 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-width: 0; } ._title_1kmmk_175 > * { white-space: nowrap; } ._infoIcon_1kmmk_140 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: var(--color-text-light); margin-left: var(--spacing-4xs); z-index: 1; } ._options_1kmmk_164 { opacity: 0; -webkit-transition: opacity 250ms cubic-bezier(0.98, -0.06, 0.49, -0.2); transition: opacity 250ms cubic-bezier(0.98, -0.06, 0.49, -0.2); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: center; align-self: center; } ._issues_1kmmk_204 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: center; align-self: center; } ._overlay_1kmmk_169 { position: relative; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; opacity: 0; -webkit-transition: opacity 250ms cubic-bezier(0.98, -0.06, 0.49, -0.2); transition: opacity 250ms cubic-bezier(0.98, -0.06, 0.49, -0.2); } ._overlay_1kmmk_169 > div { position: absolute; width: 60px; height: 19px; top: 0; right: 0; z-index: 0; background: -webkit-gradient(linear, right top, left top, color-stop(72.19%, var(--color-foreground-xlight)), color-stop(107.45%, rgba(255, 255, 255, 0))); background: linear-gradient(270deg, var(--color-foreground-xlight) 72.19%, rgba(255, 255, 255, 0) 107.45%); } ._hidden_1kmmk_225 { opacity: 0; } ._visible_1kmmk_229 { opacity: 1; } ._overflow_1kmmk_233 { overflow-x: hidden; overflow-y: clip; } ._textEllipses_1kmmk_238 { text-overflow: ellipsis; overflow: hidden; } ._heading_1kmmk_243 { display: -webkit-box; display: -ms-flexbox; display: flex; } ._heading_1kmmk_243._small_1kmmk_246 { padding-bottom: var(--spacing-5xs); } ._heading_1kmmk_243._medium_1kmmk_249 { padding-bottom: var(--spacing-2xs); } ._underline_1kmmk_253 { border-bottom: var(--border-base); } :root ._tooltipPopper_1kmmk_257 { line-height: var(--font-line-height-compact); max-width: 400px; } :root ._tooltipPopper_1kmmk_257 li { margin-left: var(--spacing-s); } :root ._tooltipPopper_1kmmk_257 code { color: var(--color-text-dark); font-size: var(--font-size-3xs); background: var(--color-background-medium); padding: var(--spacing-5xs); border-radius: var(--border-radius-base); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._n8nCheckbox_1gzh3_123 { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; white-space: normal !important; margin-bottom: var(--spacing-2xs); } ._n8nCheckbox_1gzh3_123 span { white-space: normal; } ._n8nCheckbox_1gzh3_123 label { cursor: pointer; margin-bottom: 0; } ._progressRingCircle_15w7u_2 { -webkit-transition: stroke-dashoffset 0.35s linear; transition: stroke-dashoffset 0.35s linear; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } /* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._xlarge_wxipy_123 { --input-font-size: var(--font-size-m); } ._xlarge_wxipy_123 input { height: 48px; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ [data-v-74f39017] .el-color-picker .el-color-picker__empty,[data-v-74f39017] .el-color-picker .el-color-picker__icon { display: none; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._xlarge_1mdea_123 { --input-font-size: var(--font-size-m); } ._xlarge_1mdea_123 input { height: 48px; } ._container_1mdea_130 { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 100%; } ._withPrepend_1mdea_135 input { border-top-left-radius: 0; border-bottom-left-radius: 0; } @-moz-document url-prefix() { ._withPrepend_1mdea_135 input { padding: 0 var(--spacing-3xs); } } ._prepend_1mdea_145 { font-size: var(--font-size-2xs); border: var(--border-base); border-right: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 var(--spacing-3xs); background-color: var(--color-background-light); border-bottom-left-radius: var(--input-border-radius, var(--border-radius-base)); border-top-left-radius: var(--input-border-radius, var(--border-radius-base)); color: var(--color-text-base); white-space: nowrap; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ .datatableWrapper[data-v-eeb5972f] { display: block; width: 100%; } .pagination[data-v-eeb5972f] { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; bottom: 0; overflow: visible; margin-top: var(--spacing-s); } .pageSizeSelector[data-v-eeb5972f] { text-transform: capitalize; max-width: 150px; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._link_a4y08_123 { color: var(--color-text-base); text-decoration: none; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: var(--spacing-4xs); background: none; border: none; padding: var(--spacing-4xs) var(--spacing-2xs); cursor: pointer; border-radius: var(--border-radius-base); font-weight: var(--font-weight-regular); } ._link_a4y08_123 svg { color: var(--color-text-light); } ._link_a4y08_123:hover { color: var(--color-primary); background: var(--color-foreground-light); } ._link_a4y08_123:hover svg { color: var(--color-primary); } ._link_a4y08_123:active { color: var(--color-primary-shade-1); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._primary_pvg51_123 { color: var(--color-primary); } ._primary_pvg51_123:active { color: var(--color-primary-shade-1); } ._text_pvg51_130 { color: var(--color-text-base); } ._text_pvg51_130:hover { color: var(--color-primary); } ._text_pvg51_130:active { color: var(--color-primary-shade-1); } ._danger_pvg51_140 { color: var(--color-danger); } ._danger_pvg51_140:active { color: var(--color-danger-shade-1); } ._secondary_pvg51_147 { color: var(--color-secondary-link); } ._secondary_pvg51_147:active { color: var(--color-secondary-link-hover); } ._primary-underline_pvg51_154 { text-decoration: underline; } ._text-underline_pvg51_159 { text-decoration: underline; } ._danger-underline_pvg51_164 { text-decoration: underline; } ._secondary-underline_pvg51_169 { text-decoration: underline; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._infoText_19yzx_123 { margin-top: var(--spacing-2xs); font-size: var(--font-size-2xs); font-weight: var(--font-weight-regular); color: var(--color-text-base); } ._errors_19yzx_130 { color: var(--color-danger); } ._errorInput_19yzx_135 { --input-border-color: var(--color-danger); } ._multiSelectSmallTags_19yzx_139 .el-tag { height: 24px; padding: 0 8px; line-height: 22px; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._grid_wyofj_123 { display: grid; grid-row-gap: var(--spacing-s); grid-column-gap: var(--spacing-2xs); } ._gridMulti_wyofj_129 { grid-template-columns: repeat(2, 1fr); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._infoTip_5bf48_123 { display: -webkit-box; display: -ms-flexbox; display: flex; } ._base_5bf48_127 { font-size: var(--font-size-2xs); line-height: var(--font-size-s); word-break: normal; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } ._base_5bf48_127 svg { font-size: var(--font-size-s); } ._bold_5bf48_138 { font-weight: var(--font-weight-medium); } ._note_5bf48_142 { } ._note_5bf48_142 svg { margin-right: var(--spacing-4xs); } ._tooltipPopper_5bf48_149 { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } ._iconText_5bf48_154 { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._markdown_tcjiv_123 { color: var(--color-text-base); } ._markdown_tcjiv_123 * { font-size: var(--font-size-m); line-height: var(--font-line-height-xloose); } ._markdown_tcjiv_123 h1, ._markdown_tcjiv_123 h2, ._markdown_tcjiv_123 h3, ._markdown_tcjiv_123 h4 { margin-bottom: var(--spacing-s); font-size: var(--font-size-m); font-weight: var(--font-weight-bold); } ._markdown_tcjiv_123 h3, ._markdown_tcjiv_123 h4 { font-weight: var(--font-weight-bold); } ._markdown_tcjiv_123 p, ._markdown_tcjiv_123 span { margin-bottom: var(--spacing-s); } ._markdown_tcjiv_123 ul, ._markdown_tcjiv_123 ol { margin-bottom: var(--spacing-s); padding-left: var(--spacing-m); } ._markdown_tcjiv_123 ul li, ._markdown_tcjiv_123 ol li { margin-top: 0.25em; } ._markdown_tcjiv_123 pre > code { background-color: var(--color-background-base); color: var(--color-text-dark); } ._markdown_tcjiv_123 li > code, ._markdown_tcjiv_123 p > code { padding: 0 var(--spacing-4xs); color: var(--color-text-dark); background-color: var(--color-background-base); } ._markdown_tcjiv_123 ._label_tcjiv_165 { color: var(--color-text-base); } ._markdown_tcjiv_123 img { max-width: 100%; border-radius: var(--border-radius-large); } ._markdown_tcjiv_123 blockquote { padding-left: 10px; font-style: italic; border-left: var(--border-color-base) 2px solid; } input[type=checkbox] { accent-color: var(--color-primary); } input[type=checkbox] + label { cursor: pointer; } ._sticky_tcjiv_186 { color: var(--color-sticky-font); overflow-wrap: break-word; } ._sticky_tcjiv_186 h1, ._sticky_tcjiv_186 h2, ._sticky_tcjiv_186 h3, ._sticky_tcjiv_186 h4, ._sticky_tcjiv_186 h5, ._sticky_tcjiv_186 h6 { color: var(--color-sticky-font); } ._sticky_tcjiv_186 h1, ._sticky_tcjiv_186 h2, ._sticky_tcjiv_186 h3, ._sticky_tcjiv_186 h4 { margin-bottom: var(--spacing-2xs); font-weight: var(--font-weight-bold); line-height: var(--font-line-height-loose); } ._sticky_tcjiv_186 h1 { font-size: 36px; } ._sticky_tcjiv_186 h2 { font-size: 24px; } ._sticky_tcjiv_186 h3, ._sticky_tcjiv_186 h4, ._sticky_tcjiv_186 h5, ._sticky_tcjiv_186 h6 { font-size: var(--font-size-m); } ._sticky_tcjiv_186 p { margin-bottom: var(--spacing-2xs); font-size: var(--font-size-s); font-weight: var(--font-weight-regular); line-height: var(--font-line-height-loose); } ._sticky_tcjiv_186 ul, ._sticky_tcjiv_186 ol { margin-bottom: var(--spacing-2xs); padding-left: var(--spacing-m); } ._sticky_tcjiv_186 ul li, ._sticky_tcjiv_186 ol li { margin-top: 0.25em; font-size: var(--font-size-s); font-weight: var(--font-weight-regular); line-height: var(--font-line-height-regular); } ._sticky_tcjiv_186 ul:has(input[type=checkbox]), ._sticky_tcjiv_186 ol:has(input[type=checkbox]) { list-style-type: none; padding-left: var(--spacing-5xs); } ._sticky_tcjiv_186 pre > code { background-color: var(--color-sticky-code-background); color: var(--color-sticky-code-font); } ._sticky_tcjiv_186 pre > code, ._sticky_tcjiv_186 li > code, ._sticky_tcjiv_186 p > code { color: var(--color-sticky-code-font); } ._sticky_tcjiv_186 a:hover { text-decoration: underline; } ._sticky_tcjiv_186 img { -o-object-fit: contain; object-fit: contain; margin-top: var(--spacing-xs); margin-bottom: var(--spacing-2xs); } ._sticky_tcjiv_186 img[src*="#full-width"] { width: 100%; } ._sticky_tcjiv_186 pre, ._markdown_tcjiv_123 pre { margin-bottom: var(--spacing-s); display: grid; } ._sticky_tcjiv_186 pre > code, ._markdown_tcjiv_123 pre > code { display: block; padding: var(--spacing-s); overflow-x: auto; } ._sticky_tcjiv_186 iframe, ._markdown_tcjiv_123 iframe { aspect-ratio: 16/9 auto; } ._sticky_tcjiv_186 summary, ._markdown_tcjiv_123 summary { cursor: pointer; } ._spacer_tcjiv_282 { margin: var(--spacing-2xl); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ .el-menu-item, .el-sub-menu__title { --menu-font-color: var(--color-text-base); --menu-item-active-background-color: var(--color-foreground-base); --menu-item-active-font-color: var(--color-text-dark); --menu-item-hover-fill: var(--color-foreground-base); --menu-item-hover-font-color: var(--color-text-dark); --menu-item-height: 35px; --sub-menu-item-height: 27px; } ._submenu_1qudn_134 { background: none !important; } ._submenu_1qudn_134._compact_1qudn_137 .el-sub-menu__title i { display: none; } ._submenu_1qudn_134 .el-sub-menu__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: var(--border-radius-base) !important; padding: var(--spacing-2xs) var(--spacing-xs) !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } ._submenu_1qudn_134 .el-sub-menu__title i { padding-top: 2px; } ._submenu_1qudn_134 .el-sub-menu__title i:hover { color: var(--color-primary); } ._submenu_1qudn_134 .el-sub-menu__title:hover ._icon_1qudn_153 { color: var(--color-text-dark); } ._submenu_1qudn_134 ._menuItem_1qudn_156 { height: var(--sub-menu-item-height) !important; min-width: auto !important; margin: var(--spacing-2xs) 0 !important; padding-left: var(--spacing-l) !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } ._submenu_1qudn_134 ._menuItem_1qudn_156:hover ._icon_1qudn_153 { color: var(--color-text-dark); } ._disableActiveStyle_1qudn_167 { background-color: initial !important; color: var(--color-text-base) !important; } ._disableActiveStyle_1qudn_167 svg { color: var(--color-text-base) !important; } ._disableActiveStyle_1qudn_167:hover { background-color: var(--color-foreground-base) !important; } ._disableActiveStyle_1qudn_167:hover svg { color: var(--color-text-dark) !important; } ._disableActiveStyle_1qudn_167:hover.el-sub-menu { background-color: unset !important; } ._active_1qudn_184, ._active_1qudn_184 .el-sub-menu__title { background-color: var(--color-foreground-base); border-radius: var(--border-radius-base); } ._active_1qudn_184 ._icon_1qudn_153, ._active_1qudn_184 .el-sub-menu__title ._icon_1qudn_153 { color: var(--color-text-dark); } ._menuItem_1qudn_156 { display: -webkit-box; display: -ms-flexbox; display: flex; padding: var(--spacing-2xs) var(--spacing-xs) !important; margin: 0 !important; border-radius: var(--border-radius-base) !important; overflow: hidden; } ._menuItem_1qudn_156._compact_1qudn_137 { padding: var(--spacing-2xs) 0 !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } ._menuItem_1qudn_156._small_1qudn_203 { font-size: var(--font-size-2xs) !important; padding-top: var(--spacing-3xs) !important; padding-bottom: var(--spacing-3xs) !important; padding-left: var(--spacing-s) !important; padding-right: var(--spacing-xs) !important; } ._menuItem_1qudn_156._small_1qudn_203 ._icon_1qudn_153 { margin-right: var(--spacing-3xs); } ._icon_1qudn_153 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; line-height: 1; min-width: var(--spacing-s); margin-right: var(--spacing-xs); } ._icon_1qudn_153 svg { margin-right: 0 !important; } ._notificationContainer_1qudn_227 { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } ._notification_1qudn_227 { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: -0.15em; right: -0.3em; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } ._notification_1qudn_227 div { height: 0.36em; width: 0.36em; background-color: var(--color-primary); border-radius: 50%; } ._loading_1qudn_247 { margin-left: var(--spacing-xs); } ._secondaryIcon_1qudn_251 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-left: 20px; } ._label_1qudn_259 { overflow: hidden; text-overflow: ellipsis; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } ._compactLabel_1qudn_265 { text-overflow: unset; } ._item_1qudn_269 + ._item_1qudn_269 { margin-top: 8px !important; } ._compact_1qudn_137 ._icon_1qudn_153 { margin: 0; overflow: visible !important; visibility: visible !important; width: initial !important; height: initial !important; } ._compact_1qudn_137 ._secondaryIcon_1qudn_251 { display: none; } ._submenuPopper_1qudn_284 { display: block; } ._submenuPopper_1qudn_284 ul { padding: var(--spacing-3xs) var(--spacing-2xs) !important; } ._submenuPopper_1qudn_284 ._menuItem_1qudn_156 { display: -webkit-box; display: -ms-flexbox; display: flex; padding: var(--spacing-2xs) !important; margin: var(--spacing-2xs) 0 !important; } ._submenuPopper_1qudn_284 ._icon_1qudn_153 { margin-right: var(--spacing-xs); } ._submenuPopper_1qudn_284._compact_1qudn_137 ._label_1qudn_259 { display: inline-block; } ._submenuPopper_1qudn_284 ._custom_1qudn_301 { margin-left: 0 !important; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._container_9evuk_123 { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: var(--menu-background, var(--color-background-xlight)); overflow: hidden; } ._menuHeader_9evuk_131 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; overflow-y: auto; } ._menuContent_9evuk_138 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } ._menuContent_9evuk_138 > div > .el-menu { background: none; padding: var(--menu-padding, 12px); } ._upperContent_9evuk_149 ul { padding-top: 0 !important; } ._lowerContent_9evuk_153 ul { padding-bottom: 0 !important; } ._menuCollapsed_9evuk_157 { -webkit-transition: width 150ms ease-in-out; transition: width 150ms ease-in-out; } ._menuCollapsed_9evuk_157 .hideme { display: none !important; } ._transparentBackground_9evuk_164 { background-color: transparent; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._creatorNode_190ig_123 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; z-index: 1; padding: var(--spacing-xs) var(--spacing-2xs) var(--spacing-xs) 0; } ._creatorNode_190ig_123._hasAction_190ig_130 { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } ._creatorNode_190ig_123:hover ._panelIcon_190ig_134 { color: var(--action-arrow-color-hover, var(--color-text-light)); } :root ._tag_190ig_138 { margin-left: var(--spacing-2xs); line-height: var(--font-size-3xs); font-size: var(--font-size-3xs); padding: 0.1875rem var(--spacing-3xs) var(--spacing-4xs) var(--spacing-3xs); height: auto; } :root ._tag_190ig_138 span { font-size: var(--font-size-2xs) !important; } ._panelIcon_190ig_134 { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: var(--spacing-2xs); color: var(--action-arrow-color, var(--color-text-lighter)); cursor: pointer; background: transparent; border: none; } ._tooltipIcon_190ig_161 { margin-left: var(--spacing-3xs); color: var(--color-text-base); font-size: var(--font-size-2xs); } ._details_190ig_167 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: var(--spacing-3xs); } ._nodeIcon_190ig_173 { display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: var(--node-icon-margin-right, var(--spacing-s)); } ._name_190ig_178 { font-weight: var(--node-creator-name-weight, var(--font-weight-medium)); font-size: var(--node-creator-name-size, var(--font-size-s)); line-height: 1.115rem; } ._description_190ig_184 { margin-top: var(--spacing-5xs); font-size: var(--font-size-2xs); line-height: 1rem; font-weight: var(--font-weight-regular); color: var(--node-creator-description-colos, var(--color-text-base)); } ._aiIcon_190ig_192 { color: var(--color-secondary); } ._triggerIcon_190ig_196 { color: var(--color-primary); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ .el-tooltip svg[data-v-aeea4da2] { color: var(--color-foreground-xdark); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._nodeIconWrapper_5jwz1_123 { width: var(--node-icon-size, 26px); height: var(--node-icon-size, 26px); border-radius: var(--border-radius-small); color: var(--node-icon-color, #444); line-height: var(--node-icon-size, 26px); font-size: 1.1em; text-align: center; font-weight: var(--font-weight-bold); font-size: 20px; } ._icon_5jwz1_135 { height: 100%; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } ._icon_5jwz1_135 svg { max-width: 100%; max-height: 100%; } ._icon_5jwz1_135 img, ._icon_5jwz1_135 svg { pointer-events: none; } ._nodeIconPlaceholder_5jwz1_152 { text-align: center; } ._nodeIconImage_5jwz1_156 { max-width: 100%; max-height: 100%; width: auto; height: auto; } ._badge_5jwz1_163 { position: absolute; background: var(--color-background-node-icon-badge, var(--color-background-base)); border-radius: 50%; } ._circle_5jwz1_169 { border-radius: 50%; } ._disabled_5jwz1_173 { color: "#ccc"; -webkit-filter: contrast(40%) brightness(1.5) grayscale(100%); filter: contrast(40%) brightness(1.5) grayscale(100%); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._notice_uhogr_123 { font-size: var(--font-size-2xs); display: -webkit-box; display: -ms-flexbox; display: flex; color: var(--color-notice-font); margin: var(--notice-margin, var(--spacing-s) 0); padding: var(--spacing-2xs); background-color: var(--background-color); border-width: 1px 1px 1px 7px; border-style: solid; border-color: var(--border-color); border-radius: var(--border-radius-small); line-height: var(--font-line-height-compact); } ._notice_uhogr_123 a { font-weight: var(--font-weight-bold); } ._warning_uhogr_140 { --border-color: var(--color-notice-warning-border); --background-color: var(--color-notice-warning-background); } ._danger_uhogr_145 { --border-color: var(--color-danger-tint-1); --background-color: var(--color-danger-tint-2); } ._success_uhogr_150 { --border-color: var(--color-success-tint-1); --background-color: var(--color-success-tint-2); } ._info_uhogr_155 { --border-color: var(--color-info-tint-1); --background-color: var(--color-info-tint-2); } ._expanded_uhogr_160 + span { margin-top: var(--spacing-4xs); display: block; } ._truncated_uhogr_165 { display: inline; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._slotComboContainer_1p8dt_123 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; gap: var(--spacing-2xs); } ._slotContainer_1p8dt_130 { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } ._selectableContainer_1p8dt_134 { width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -ms-flexbox; display: flex; } ._selectableCell_1p8dt_140 { display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: var(--spacing-3xs); min-width: -webkit-max-content; min-width: -moz-max-content; min-width: max-content; border-radius: var(--border-radius-base); font-size: small; background-color: var(--color-ndv-background); color: var(--text-color-dark); cursor: pointer; } ._selectableCell_1p8dt_140 :hover { color: var(--text-color-dark); } ._selectableTextSize_1p8dt_154 { font-size: var(--font-size-2xs); line-height: var(--font-line-height-loose); } ._slotRemoveIcon_1p8dt_159 { color: var(--color-text-light); height: 10px; width: 10px; margin-top: 3px; } ._slotRemoveIcon_1p8dt_159 :hover { cursor: pointer; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._scrollAreaRoot_1td1c_123 { position: relative; overflow: hidden; width: 100%; height: 100%; --scrollbar-size: 10px; } ._viewport_1td1c_131 { width: 100%; height: 100%; border-radius: inherit; } ._scrollbar_1td1c_137 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; padding: var(--spacing-5xs); background: transparent; -webkit-transition: background 160ms ease-out; transition: background 160ms ease-out; pointer-events: none; } ._scrollbar_1td1c_137:hover { background: var(--color-foreground-light); } ._scrollbar_1td1c_137[data-orientation=vertical] { width: var(--spacing-xs); } ._scrollbar_1td1c_137[data-orientation=horizontal] { height: var(--spacing-xs); -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } ._thumb_1td1c_157 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; background: var(--color-foreground-base); border-radius: 4px; position: relative; pointer-events: auto; } ._thumb_1td1c_157:hover { background: var(--color-foreground-dark); } ._thumb_1td1c_157:active { background: var(--color-foreground-xdark); } ._scrollAreaRoot_1td1c_123[data-type=always] ._scrollbar_1td1c_137 { background: var(--color-foreground-xlight); } ._scrollAreaRoot_1td1c_123[data-type=always] ._scrollbar_1td1c_137:hover { background: var(--color-foreground-light); } ._scrollAreaRoot_1td1c_123[data-type=always] ._thumb_1td1c_157 { background: var(--color-foreground-light); } ._scrollAreaRoot_1td1c_123[data-type=always] ._thumb_1td1c_157:hover { background: var(--color-foreground-base); } ._scrollAreaRoot_1td1c_123[data-type=hover] ._scrollbar_1td1c_137 { opacity: 0; -webkit-transition: opacity 160ms ease-out; transition: opacity 160ms ease-out; } ._scrollAreaRoot_1td1c_123[data-type=hover]:hover ._scrollbar_1td1c_137 { opacity: 1; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._popoverContent_1l5p8_123 { border-radius: var(--border-radius-base); background-color: var(--color-foreground-xlight); border: var(--border-base); -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 10px 15px -3px, rgba(0, 0, 0, 0.05) 0 4px 6px -2px; box-shadow: rgba(0, 0, 0, 0.1) 0 10px 15px -3px, rgba(0, 0, 0, 0.05) 0 4px 6px -2px; -webkit-animation-duration: 400ms; animation-duration: 400ms; -webkit-animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1); animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1); will-change: transform, opacity; z-index: 999; } ._popoverContent_1l5p8_123[data-state=open][data-side=top] { -webkit-animation-name: _slideDownAndFade_1l5p8_1; animation-name: _slideDownAndFade_1l5p8_1; } ._popoverContent_1l5p8_123[data-state=open][data-side=right] { -webkit-animation-name: _slideLeftAndFade_1l5p8_1; animation-name: _slideLeftAndFade_1l5p8_1; } ._popoverContent_1l5p8_123[data-state=open][data-side=bottom] { -webkit-animation-name: _slideUpAndFade_1l5p8_1; animation-name: _slideUpAndFade_1l5p8_1; } ._popoverContent_1l5p8_123[data-state=open][data-side=left] { -webkit-animation-name: _slideRightAndFade_1l5p8_1; animation-name: _slideRightAndFade_1l5p8_1; } @-webkit-keyframes _slideUpAndFade_1l5p8_1 { from { opacity: 0; -webkit-transform: translateY(2px); transform: translateY(2px); } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes _slideUpAndFade_1l5p8_1 { from { opacity: 0; -webkit-transform: translateY(2px); transform: translateY(2px); } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes _slideRightAndFade_1l5p8_1 { from { opacity: 0; -webkit-transform: translateX(-2px); transform: translateX(-2px); } to { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes _slideRightAndFade_1l5p8_1 { from { opacity: 0; -webkit-transform: translateX(-2px); transform: translateX(-2px); } to { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes _slideDownAndFade_1l5p8_1 { from { opacity: 0; -webkit-transform: translateY(-2px); transform: translateY(-2px); } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes _slideDownAndFade_1l5p8_1 { from { opacity: 0; -webkit-transform: translateY(-2px); transform: translateY(-2px); } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes _slideLeftAndFade_1l5p8_1 { from { opacity: 0; -webkit-transform: translateX(2px); transform: translateX(2px); } to { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes _slideLeftAndFade_1l5p8_1 { from { opacity: 0; -webkit-transform: translateX(2px); transform: translateX(2px); } to { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._container_1e96h_123 { display: inline-block; outline: 0; position: relative; } ._hoverable_1e96h_129:hover ._button_1e96h_129:not(._active_1e96h_129) { color: var(--color-primary); } ._input_1e96h_133 { opacity: 0; outline: 0; z-index: -1; position: absolute; } ._button_1e96h_129 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: var(--border-radius-base); font-weight: var(--font-weight-medium); color: var(--color-text-base); -webkit-transition: background-color 0.2s ease; transition: background-color 0.2s ease; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } ._square_1e96h_150 ._button_1e96h_129 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } ._disabled_1e96h_156 { cursor: not-allowed; } ._medium_1e96h_160 { height: 26px; font-size: var(--font-size-2xs); padding: 0 var(--spacing-xs); } ._square_1e96h_150 ._medium_1e96h_160 { width: 26px; padding: 0; } ._small-medium_1e96h_170 { height: 22px; font-size: var(--font-size-3xs); padding: 0 var(--spacing-2xs); } ._square_1e96h_150 ._small-medium_1e96h_170 { width: 22px; padding: 0; } ._small_1e96h_170 { font-size: var(--font-size-3xs); height: 15px; padding: 0 var(--spacing-4xs); } ._square_1e96h_150 ._small_1e96h_170 { width: 15px; padding: 0; } ._active_1e96h_129 { background-color: var(--color-foreground-xlight); color: var(--color-text-dark); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._radioGroup_1636j_123 { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; line-height: 1; vertical-align: middle; font-size: 0; background-color: var(--color-foreground-base); padding: var(--spacing-5xs); border-radius: var(--border-radius-base); } ._disabled_1636j_133 { cursor: not-allowed; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ .recycle-scroller-wrapper { height: 100%; width: 100%; overflow: auto; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .recycle-scroller { width: 100%; display: block; position: relative; } .recycle-scroller-items-wrapper { position: absolute; width: 100%; } .recycle-scroller-item { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; width: 100%; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._resize_1p19c_123 { --resizer--size: 4px; --resizer--side-offset: -2px; --resizer--corner-offset: -3px; position: relative; width: 100%; height: 100%; z-index: 2; } ._resizer_1p19c_133 { position: absolute; z-index: 3; } ._right_1p19c_138 { width: var(--resizer--size); height: 100%; top: var(--resizer--side-offset); right: var(--resizer--side-offset); cursor: ew-resize; } ._top_1p19c_146 { width: 100%; height: var(--resizer--size); top: var(--resizer--side-offset); left: var(--resizer--side-offset); cursor: ns-resize; } ._bottom_1p19c_154 { width: 100%; height: var(--resizer--size); bottom: var(--resizer--side-offset); left: var(--resizer--side-offset); cursor: ns-resize; } ._left_1p19c_162 { width: var(--resizer--size); height: 100%; top: var(--resizer--side-offset); left: var(--resizer--side-offset); cursor: ew-resize; } ._topLeft_1p19c_170 { width: var(--resizer--size); height: var(--resizer--size); top: var(--resizer--corner-offset); left: var(--resizer--corner-offset); cursor: nw-resize; } ._topRight_1p19c_178 { width: var(--resizer--size); height: var(--resizer--size); top: var(--resizer--corner-offset); right: var(--resizer--corner-offset); cursor: ne-resize; } ._bottomLeft_1p19c_186 { width: var(--resizer--size); height: var(--resizer--size); bottom: var(--resizer--corner-offset); left: var(--resizer--corner-offset); cursor: sw-resize; } ._bottomRight_1p19c_194 { width: var(--resizer--size); height: var(--resizer--size); bottom: var(--resizer--corner-offset); right: var(--resizer--corner-offset); cursor: se-resize; } ._outset_1p19c_202 { --resizer--side-offset: calc(-1 * var(--resizer--size) + 2px); --resizer--corner-offset: calc(-1 * var(--resizer--size) + 3px); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._sticky_8r9jy_123 { position: absolute; border-radius: var(--border-radius-base); background-color: var(--color-sticky-background); border: 1px solid var(--color-sticky-border); } ._sticky_8r9jy_123 ._wrapper_8r9jy_129::after { opacity: 0.15; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.01%, var(--color-sticky-background)), to(var(--color-sticky-border))); background: linear-gradient(180deg, var(--color-sticky-background) 0.01%, var(--color-sticky-border)); } ._clickable_8r9jy_134 { cursor: pointer; } ._wrapper_8r9jy_129 { width: 100%; height: 100%; position: absolute; padding: var(--spacing-2xs) var(--spacing-xs) 0; overflow: hidden; } ._wrapper_8r9jy_129::after { content: ""; width: 100%; height: 24px; left: 0; bottom: 0; position: absolute; border-radius: var(--border-radius-base); } ._footer_8r9jy_155 { padding: var(--spacing-5xs) var(--spacing-2xs) 0 var(--spacing-2xs); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } ._color-2_8r9jy_161 { --color-sticky-background: var(--color-sticky-background-2); --color-sticky-border: var(--color-sticky-border-2); } ._color-3_8r9jy_166 { --color-sticky-background: var(--color-sticky-background-3); --color-sticky-border: var(--color-sticky-border-3); } ._color-4_8r9jy_171 { --color-sticky-background: var(--color-sticky-background-4); --color-sticky-border: var(--color-sticky-border-4); } ._color-5_8r9jy_176 { --color-sticky-background: var(--color-sticky-background-5); --color-sticky-border: var(--color-sticky-border-5); } ._color-6_8r9jy_181 { --color-sticky-background: var(--color-sticky-background-6); --color-sticky-border: var(--color-sticky-border-6); } ._color-7_8r9jy_186 { --color-sticky-background: var(--color-sticky-background-7); --color-sticky-border: var(--color-sticky-border-7); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ .sticky-textarea { height: calc(100% - var(--spacing-l)); padding: var(--spacing-2xs) var(--spacing-2xs) 0 var(--spacing-2xs); cursor: default; } .sticky-textarea .el-textarea { height: 100%; } .sticky-textarea .el-textarea .el-textarea__inner { height: 100%; resize: unset; } .full-height { height: calc(100% - var(--spacing-2xs)); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._container_1bl8u_123 { position: relative; height: 24px; min-height: 24px; width: 100%; } ._container_1bl8u_123._modern_1bl8u_129 { height: 26px; min-height: 26px; } ._tabs_1bl8u_134 { color: var(--color-text-base); font-weight: var(--font-weight-medium); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; position: absolute; overflow-x: scroll; /* Hide scrollbar for Chrome, Safari and Opera */ /* Hide scrollbar for IE, Edge and Firefox */ -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } ._tabs_1bl8u_134::-webkit-scrollbar { display: none; } ._small_1bl8u_150._modern_1bl8u_129 ._tabs_1bl8u_134 { gap: var(--spacing-xs); } ._tab_1bl8u_134 { --active-tab-border-width: 2px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: var(--spacing-4xs); padding: 0 var(--spacing-s); padding-bottom: calc(var(--spacing-2xs) + var(--active-tab-border-width)); font-size: var(--font-size-s); cursor: pointer; white-space: nowrap; color: var(--color-text-base); } ._tab_1bl8u_134:hover { color: var(--color-primary); } ._tab_1bl8u_134 span + span { margin-left: var(--spacing-4xs); } ._modern_1bl8u_129 ._tab_1bl8u_134 { padding-bottom: calc(var(--spacing-xs) + var(--active-tab-border-width)); font-size: var(--font-size-2xs); font-weight: var(--font-weight-bold); } ._small_1bl8u_150 ._tab_1bl8u_134 { font-size: var(--font-size-2xs); } ._small_1bl8u_150._modern_1bl8u_129 ._tab_1bl8u_134 { padding-inline: 0; } ._activeTab_1bl8u_184 { color: var(--color-primary); padding-bottom: var(--spacing-2xs); border-bottom: var(--color-primary) var(--active-tab-border-width) solid; } ._modern_1bl8u_129 ._activeTab_1bl8u_184 { padding-bottom: var(--spacing-xs); } ._alignRight_1bl8u_193:not(._alignRight_1bl8u_193 + ._alignRight_1bl8u_193) { margin-left: auto; } ._link_1bl8u_197 { cursor: pointer; color: var(--color-text-base); } ._link_1bl8u_197:hover { color: var(--color-primary); } ._external_1bl8u_205 { display: inline-block; margin-left: var(--spacing-5xs); } ._noText_1bl8u_209 ._external_1bl8u_205 { display: block; margin-left: 0; } ._noText_1bl8u_209 ._icon_1bl8u_214 { display: block; } ._dangerTab_1bl8u_218 { color: var(--color-danger); } ._dangerTab_1bl8u_218:hover { color: var(--color-danger); } ._button_1bl8u_225 { position: absolute; background-color: var(--color-tabs-arrow-buttons, var(--color-background-base)); z-index: 1; height: 24px; width: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: var(--font-weight-bold); } ._notificationContainer_1bl8u_236 { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } ._notification_1bl8u_236 { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; right: -0.5em; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } ._notification_1bl8u_236:after { content: ""; display: block; height: 0.3em; width: 0.3em; background-color: var(--color-primary); border-radius: 50%; } ._back_1bl8u_257 { left: 0; } ._next_1bl8u_263 { right: 0; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._container_1kqu4_123 { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; overflow: hidden; } ._avatarContainer_1kqu4_128 { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: var(--color-text-light); } ._infoContainer_1kqu4_135 { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-left: var(--spacing-xs); } ._pendingUser_1kqu4_143 { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-left: var(--spacing-xs); } ._pendingBadge_1kqu4_150 { margin-left: var(--spacing-xs); } ._disabled_1kqu4_154 { opacity: 0.5; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ul.user-stack-list { border: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: var(--spacing-s); padding-bottom: var(--spacing-2xs); } ul.user-stack-list .el-dropdown-menu__item { line-height: var(--font-line-height-regular); } ul.user-stack-list li:hover { color: currentColor !important; } .user-stack-popper { border: 1px solid var(--border-color-light); border-radius: var(--border-radius-base); padding: var(--spacing-5xs) 0; -webkit-box-shadow: 0 2px 8px 0 rgba(68, 28, 23, 0.1019607843); box-shadow: 0 2px 8px 0 rgba(68, 28, 23, 0.1019607843); background-color: var(--color-background-xlight); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._itemContainer_arqpq_123 { display: -webkit-box; display: -ms-flexbox; display: flex; padding: var(--spacing-2xs) 0 vaR(--spacing-2xs) 0; } ._itemContainer_arqpq_123 > *:first-child { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } ._itemWithBorder_arqpq_131 { border-bottom: var(--border-base); } ._badgeContainer_arqpq_136 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } ._badgeContainer_arqpq_136 > * { margin-left: var(--spacing-2xs); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ .n8n-data-table-server[data-v-89a3157d] { height: 100%; font-size: var(--font-size-s); } .n8n-data-table-server table[data-v-89a3157d] { width: 100%; border-collapse: separate; border-spacing: 0; white-space: nowrap; } .n8n-data-table-server table > thead[data-v-89a3157d] { position: sticky; top: 0; z-index: 2; } .n8n-data-table-server th[data-v-89a3157d] { position: relative; text-align: left; color: var(--color-text-base); font-weight: 600; font-size: 12px; padding: 0 8px; text-transform: capitalize; height: 36px; white-space: nowrap; } .n8n-data-table-server th[data-v-89a3157d]:first-child { padding-left: 16px; } .n8n-data-table-server th[data-v-89a3157d]:last-child { padding-right: 16px; } .n8n-data-table-server thead[data-v-89a3157d] { background-color: var(--color-background-light-base); border-bottom: 1px solid var(--color-foreground-base); } .n8n-data-table-server tbody > tr[data-v-89a3157d]:hover { background-color: var(--color-background-light); } .n8n-data-table-server tbody > tr:last-child > td[data-v-89a3157d] { border-bottom: 0; } .n8n-data-table-server tbody tr[data-v-89a3157d] { background-color: var(--color-background-xlight); border-bottom: 1px solid var(--color-foreground-base); } .n8n-data-table-server td[data-v-89a3157d] { color: var(--color-text-dark); padding: 0 8px; height: 48px; } .n8n-data-table-server td[data-v-89a3157d]:first-child { padding-left: 16px; } .n8n-data-table-server td[data-v-89a3157d]:last-child { padding-right: 16px; } .n8n-data-table-server td.cover[data-v-89a3157d] { width: 0; height: 0; padding: 0; border: 0; overflow: visible; } .n8n-data-table-server-wrapper[data-v-89a3157d] { border-radius: 8px; border: 1px solid var(--color-foreground-base); overflow: hidden; } .table-scroll[data-v-89a3157d] { max-height: 100%; overflow: auto; position: relative; } th.loading-row[data-v-89a3157d] { background-color: transparent; padding: 0 !important; border: 0 !important; height: 0; position: relative; } .progress-bar[data-v-89a3157d] { position: absolute; height: 2px; width: 100%; overflow: hidden; } .progress-bar-value[data-v-89a3157d] { width: 100%; height: 100%; background-color: var(--color-primary); -webkit-animation: indeterminateAnimation-89a3157d 1s infinite linear; animation: indeterminateAnimation-89a3157d 1s infinite linear; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; position: absolute; } @-webkit-keyframes indeterminateAnimation-89a3157d { 0% { -webkit-transform: translateX(0) scaleX(0); transform: translateX(0) scaleX(0); } 40% { -webkit-transform: translateX(0) scaleX(0.4); transform: translateX(0) scaleX(0.4); } 100% { -webkit-transform: translateX(100%) scaleX(0.5); transform: translateX(100%) scaleX(0.5); } } @keyframes indeterminateAnimation-89a3157d { 0% { -webkit-transform: translateX(0) scaleX(0); transform: translateX(0) scaleX(0); } 40% { -webkit-transform: translateX(0) scaleX(0.4); transform: translateX(0) scaleX(0.4); } 100% { -webkit-transform: translateX(100%) scaleX(0.5); transform: translateX(100%) scaleX(0.5); } } .table--loading td[data-v-89a3157d] { opacity: 0.38; } .table-pagination[data-v-89a3157d] { margin-top: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .table-pagination__sizes[data-v-89a3157d] { display: -webkit-box; display: -ms-flexbox; display: flex; } .table-pagination__sizes__label[data-v-89a3157d] { color: var(--color-text-base); background-color: var(--color-background-light); border: 1px solid var(--color-foreground-base); border-right: 0; font-size: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 8px; border-top-left-radius: var(--border-radius-base); border-bottom-left-radius: var(--border-radius-base); } .table-pagination__sizes__select[data-v-89a3157d] { --input-border-top-left-radius: 0; --input-border-bottom-left-radius: 0; width: 70px; } .resizer[data-v-89a3157d] { position: absolute; top: 0; height: 100%; width: 3px; background: var(--color-primary); cursor: col-resize; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; right: -2px; display: none; z-index: 1; } .resizer[data-v-89a3157d]:hover { display: block; } .resizer.is-resizing[data-v-89a3157d] { display: block; } th:hover:not(:last-child) > .resizer[data-v-89a3157d] { display: block; } .cell-align--end[data-v-89a3157d] { text-align: end; } .cell-align--center[data-v-89a3157d] { text-align: center; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._header_1a3om_123 { font-size: var(--font-size-xs); font-weight: var(--font-weight-bold); margin-bottom: var(--spacing-xs); } ._grip_1a3om_129 { color: var(--color-text-light); cursor: move; } ._grip_1a3om_129._hidden_1a3om_133 { cursor: default; } ._contentContainer_1a3om_137 { padding: var(--spacing-s); } ._column_1a3om_141 { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 12px; color: var(--color-text-dark); padding: 6px 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } ._column_1a3om_141 label { font-size: var(--font-size-xs); -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } ._draggable_1a3om_153 { cursor: -webkit-grab; cursor: grab; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } ._draggable_1a3om_153:active { cursor: -webkit-grabbing; cursor: grabbing; } ._dragging_1a3om_161 { opacity: 0.5; -webkit-transform: scale(0.95); transform: scale(0.95); } ._columnWrapper_1a3om_166 { position: relative; } ._dropIndicator_1a3om_170 { position: absolute; top: -2px; left: 0; right: 0; height: 3px; background-color: var(--prim-color-secondary); border-radius: 2px; z-index: 10; } ._endDropZone_1a3om_181 { position: relative; height: 8px; width: 100%; } ._hidden_1a3om_133 { color: var(--color-text-lighter); } ._hidden_1a3om_133 label { color: var(--color-text-light); } ._visibilityToggle_1a3om_194 { cursor: pointer; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._inlineRenameArea_zg7pe_123 { cursor: pointer; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; position: relative; } ._inlineRenameArea_zg7pe_123::after { content: ""; position: absolute; top: calc(var(--spacing-4xs) * -1); left: calc(var(--spacing-3xs) * -1); width: calc(100% + var(--spacing-xs)); height: calc(100% + var(--spacing-2xs)); border-radius: var(--border-radius-base); background-color: var(--color-foreground-xlight); opacity: 0; z-index: 0; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } ._inlineRenameArea_zg7pe_123[data-focused]::after, ._inlineRenameArea_zg7pe_123:hover::after { border: 1px solid var(--color-foreground-base); opacity: 1; } ._inlineRenameArea_zg7pe_123[data-focused] { cursor: text; } ._inlineRenameArea_zg7pe_123[data-focused]::after { border: 1px solid var(--color-secondary); } ._inlineRenameArea_zg7pe_123[data-readonly] { pointer-events: none; } ._inlineRenameArea_zg7pe_123[data-readonly]::after { content: none; } ._inlineRenamePreview_zg7pe_159 { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -webkit-transform: translateY(1.5px); transform: translateY(1.5px); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; position: relative; } ._measureSpan_zg7pe_168 { position: absolute; top: 0; visibility: hidden; white-space: pre; font-family: inherit; font-size: inherit; font-weight: inherit; letter-spacing: inherit; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._wrapper_g46rl_123 { width: 100%; height: 100%; position: absolute; background-color: var(--color-background-light); } ._spinner_g46rl_130 { margin-bottom: var(--spacing-l); position: absolute; left: 50%; top: 30%; } ._spinner_g46rl_130 * { color: var(--color-primary); min-height: 40px; min-width: 40px; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._callout_hlu4y_123 { height: calc(var(--header-height) * 1px); } ._mainContent_hlu4y_127 { display: flex; gap: var(--spacing-4xs); } ._keepSpace_hlu4y_132 { padding: 5px 0; } ._trailingContent_hlu4y_136 { display: flex; align-items: center; gap: var(--spacing-l); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._content_186tz_123 { display: flex; align-items: center; gap: var(--spacing-3xs); } ._pipe_186tz_129 { display: inline-block; font-size: var(--font-size-m); padding: 0 0 2px; } ._progressBarDiv_186tz_135 { display: flex; align-items: center; } ._progressBar_186tz_135 { width: 62.4px; border: 0; height: 5px; border-radius: 20px; background-color: var(--color-foreground-base); } ._progressBar_186tz_135::-webkit-progress-bar { width: 62.4px; border: 0; height: 5px; border-radius: 20px; background-color: var(--color-foreground-base); } ._progressBar_186tz_135::-moz-progress-bar { width: 62.4px; border: 0; height: 5px; border-radius: 20px; background-color: var(--color-foreground-base); } ._progressBarSuccess_186tz_164::-moz-progress-bar { background: var(--color-foreground-xdark); border-radius: 20px; } ._progressBarSuccess_186tz_164::-webkit-progress-value { background: var(--color-foreground-xdark); border-radius: 20px; } ._progressBarDanger_186tz_174::-webkit-progress-value { background: var(--color-danger); border-radius: 20px; } ._progressBarDanger_186tz_174::-moz-progress-bar { background: var(--color-danger); } ._usageText_186tz_183 { margin-left: var(--spacing-s); margin-right: var(--spacing-s); margin-top: var(--spacing-xs); line-height: var(--spacing-xs); } ._usageCounter_186tz_190 { display: flex; flex-direction: row; align-items: center; justify-content: center; font-size: var(--font-size-3xs); } ._danger_186tz_198 { color: var(--color-danger); } ._executionsCountSection_186tz_202 { margin-left: var(--spacing-xs); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._v1container_s0s6c_123 a, ._v1container_s0s6c_123 ._link_s0s6c_124 { font-weight: var(--font-weight-bold); text-decoration: underline; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ .dialog-wrapper.el-dialog { display: flex; flex-direction: column; max-width: var(--dialog-max-width, 80%); min-width: var(--dialog-min-width, 420px); height: var(--dialog-height); min-height: var(--dialog-min-height); max-height: var(--dialog-max-height); } .dialog-wrapper .el-dialog__body { overflow: hidden; display: flex; flex-direction: column; flex-grow: 1; } .dialog-wrapper .modal-content { overflow: hidden; overflow-y: auto; flex-grow: 1; } .dialog-wrapper.scrollable .modal-content { overflow-y: auto; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._center_1mrnt_123 > div { justify-content: center; } ._loader_1mrnt_127 { display: flex; align-items: center; justify-content: center; color: var(--color-primary-tint-1); font-size: 30px; height: 80%; } ._centerTitle_1mrnt_136 { text-align: center; } ._subtitle_1mrnt_140 { margin-top: var(--spacing-2xs); } ._footer_1mrnt_144 { margin-top: var(--spacing-l); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._nodeIcon_1xbal_123 { --node-icon-color: var(--canvas-node-icon-color, var(--f57317e2)); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._nodeItem_b8za2_123 { --trigger-icon-background-color: var(--color-background-xlight); --trigger-icon-border-color: var(--color-text-lighter); margin-left: 15px; margin-right: 12px; -webkit-user-select: none; user-select: none; } ._nodeIcon_b8za2_131 { z-index: 2; } ._subNodeBackground_b8za2_135 { background-color: var(--node-type-supplemental-background); border-radius: 50%; height: 40px; position: absolute; transform: translate(-7px, -7px); width: 40px; z-index: 1; } ._communityNodeIcon_b8za2_145 { vertical-align: top; } ._draggable_b8za2_149 { width: 100px; height: 100px; position: fixed; z-index: 1; opacity: 0.66; border: 2px solid var(--color-foreground-xdark); border-radius: var(--border-radius-large); background-color: var(--color-background-xlight); display: flex; justify-content: center; align-items: center; } ._draggableDataTransfer_b8za2_163 { width: 1px; height: 1px; } ._icon_b8za2_168 { display: inline-flex; color: var(--color-text-base); width: 12px; } ._icon_b8za2_168._official_b8za2_173 { width: 14px; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._subCategory_1x5a1_123 { --action-arrow-color: var(--color-text-light); margin-left: 15px; margin-right: 12px; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._label_p81gr_123 { margin-left: var(--spacing-s); margin-right: var(--spacing-s); margin-bottom: var(--spacing-4xs); letter-spacing: 1px; padding-top: var(--spacing-s); font-style: normal; font-weight: var(--font-weight-bold); font-size: 10px; line-height: 12px; text-transform: uppercase; color: var(--color-text-base); cursor: default; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._action_1owvg_123 { --node-creator-name-size: var(--font-size-2xs); --node-creator-name-weight: var(--font-weight-normal); --trigger-icon-background-color: var(--color-background-xlight); --trigger-icon-border-color: var(--color-text-lighter); --node-icon-size: 20px; --node-icon-margin-right: var(--spacing-xs); margin-left: var(--spacing-s); margin-right: var(--spacing-s); padding: var(--spacing-2xs) 0; } ._nodeIcon_1owvg_135 { margin-right: var(--spacing-xs); } ._draggable_1owvg_139 { width: 100px; height: 100px; position: fixed; z-index: 1; opacity: 0.66; border: 2px solid var(--color-foreground-xdark); border-radius: var(--border-radius-large); background-color: var(--color-background-xlight); display: flex; justify-content: center; align-items: center; } ._draggableDataTransfer_1owvg_153 { width: 1px; height: 1px; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._view_17lj9_123 { --action-arrow-color: var(--color-text-light); margin-left: var(--spacing-s); margin-right: var(--spacing-xs); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._creatorLink_cptk0_123 { --action-arrow-color: var(--color-text-light); margin-left: var(--spacing-s); margin-right: var(--spacing-xs); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._container_1dwo3_123 { display: flex; align-items: center; gap: var(--spacing-s); margin: var(--spacing-xs); margin-top: 0; padding: var(--spacing-xs); border: var(--border-width-base) solid var(--color-foreground-base); border-radius: 0.25em; pointer-events: none; cursor: default; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._marginLeft_1vvtt_123 { margin-left: var(--spacing-xs); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._triggerIcon_1kyg0_123 { color: var(--color-primary); margin-left: var(--spacing-3xs); } ._category_1kyg0_128 { font-size: var(--font-size-s); font-weight: var(--font-weight-bold); line-height: var(--font-line-height-compact); padding: var(--spacing-2xs) var(--spacing-s); border-bottom: 1px solid var(--color-foreground-base); display: flex; cursor: pointer; position: relative; } ._category_1kyg0_128::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; border-left: 2px solid transparent; } ._category_1kyg0_128:hover::before { border-color: var(--color-text-light); } ._category_1kyg0_128._active_1kyg0_149::before { border-color: var(--color-primary); } ._name_1kyg0_153 { flex-grow: 1; color: var(--color-text-dark); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._mouseOverTooltip_wk4vn_123 { opacity: 0; margin-left: var(--spacing-3xs); color: var(--color-foreground-xdark); } ._mouseOverTooltip_wk4vn_123:hover { color: var(--color-primary); } ._categorizedItemsRenderer_wk4vn_131:hover ._mouseOverTooltip_wk4vn_123 { opacity: 1; } ._tooltipPopper_wk4vn_135 { max-width: 260px; } ._contentSlot_wk4vn_139 { padding: 0 var(--spacing-s) var(--spacing-3xs); margin-top: var(--spacing-xs); } ._categorizedItemsRenderer_wk4vn_131 { padding-bottom: var(--spacing-s); } ._preview_wk4vn_148 { opacity: 0.7; pointer-events: none; cursor: default; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._creatorOpenTemplate_1lmxs_123 { --action-arrow-color: var(--color-text-light); margin-left: var(--spacing-s); margin-right: var(--spacing-xs); padding-bottom: var(--spacing-xs); margin-bottom: var(--spacing-xs); } ._compact_1lmxs_131 { margin-left: 0; padding-right: 0; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._itemSkeleton_1y85u_123 { height: 50px; } ._iteratorItem_1y85u_127 { margin-left: 1px; position: relative; } ._iteratorItem_1y85u_127::before { content: ""; position: absolute; left: -1px; top: 0; bottom: 0; border-left: 2px solid transparent; } ._iteratorItem_1y85u_127:not(._label_1y85u_139):not(._category_1y85u_139):hover::before { border-color: var(--color-text-light); } ._iteratorItem_1y85u_127._active_1y85u_142:not(._category_1y85u_139)::before { border-color: var(--color-primary); } ._empty_1y85u_146 [role="alert"] { margin: var(--spacing-xs) var(--spacing-s); } ._itemsRenderer_1y85u_150 { display: flex; flex-direction: column; scrollbar-width: none; /* Firefox 64 */ } ._itemsRenderer_1y85u_150 > *::-webkit-scrollbar { display: none; } ._view_1y85u_159 { position: relative; } ._view_1y85u_159:last-child { margin-top: var(--spacing-s); padding-top: var(--spacing-xs); } ._view_1y85u_159:last-child:after { content: ""; position: absolute; left: var(--spacing-s); right: var(--spacing-s); top: 0; margin: auto; bottom: 0; border-top: 1px solid var(--color-foreground-base); } ._link_1y85u_177 { position: relative; } ._link_1y85u_177:last-child { margin-bottom: var(--spacing-s); padding-bottom: var(--spacing-xs); } ._link_1y85u_177:last-child:after { content: ""; position: absolute; left: var(--spacing-s); right: var(--spacing-s); top: 0; margin: auto; bottom: 0; border-bottom: 1px solid var(--color-foreground-base); } ._borderless_1y85u_195:last-child { margin-top: 0; padding-top: 0; margin-bottom: 0; padding-bottom: 0; } ._borderless_1y85u_195:last-child:after { content: none; } ._preview_1y85u_205 { pointer-events: none; cursor: default; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._modal_15dhe_123 .el-dialog__body { padding: 0; padding-bottom: var(--spacing-s); } ._header_15dhe_128 { display: flex; justify-content: space-between; align-items: center; padding-bottom: var(--spacing-s); } ._container_15dhe_135 { display: flex; flex-direction: column; min-height: 100%; } ._item_15dhe_141 { margin-left: 0; margin-right: 0; padding-right: 0; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._header_qf4l5_123 { display: flex; justify-content: space-between; align-items: center; border-bottom: var(--border-base); padding-bottom: var(--spacing-s); } .el-dialog__header { padding-bottom: var(--spacing-s); } ._column_qf4l5_135 { display: flex; flex-direction: column; gap: var(--spacing-2xs); } ._row_qf4l5_141 { display: flex; flex-direction: row; align-items: center; gap: var(--spacing-2xs); } ._container_qf4l5_148 { margin-bottom: var(--spacing-l); } ._article_qf4l5_152 { padding: var(--spacing-s) 0; } ._markdown_qf4l5_156 { margin: var(--spacing-s) 0; } ._markdown_qf4l5_156 p, ._markdown_qf4l5_156 strong, ._markdown_qf4l5_156 em, ._markdown_qf4l5_156 s, ._markdown_qf4l5_156 code, ._markdown_qf4l5_156 a, ._markdown_qf4l5_156 li { font-size: var(--font-size-s); } ._markdown_qf4l5_156 hr { margin-bottom: var(--spacing-s); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._row_cnka4_123 { margin-bottom: 10px; } ._container_cnka4_127 h1 { max-width: 90%; } ._description_cnka4_131 { font-size: var(--font-size-s); margin: var(--spacing-s) 0; } ._footer_cnka4_136 { display: flex; gap: var(--spacing-2xs); justify-content: flex-end; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._credentialsList_vyqo9_123 { list-style-type: none; padding: 0; margin: 0; } ._credentialsList_vyqo9_123 li { padding: 0 0 var(--spacing-3xs); } ._credentialsList_vyqo9_123 li:last-child { padding-bottom: 0; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._container_ru269_123 { display: flex; align-items: center; justify-content: center; border: var(--border-width-base) var(--border-style-base) var(--color-foreground-light); border-radius: var(--border-radius-base); } ._container_ru269_123._round_ru269_130 { border-radius: 50%; } ._container_ru269_123._borderless_ru269_133 { border: none; } ._mini_ru269_137 { width: var(--spacing-xs); height: var(--spacing-xs); } ._mini_ru269_137 ._icon_ru269_141 { font-size: var(--font-size-2xs); } ._mini_ru269_137 ._emoji_ru269_144 { font-size: var(--font-size-3xs); } ._small_ru269_148 { min-width: var(--spacing-l); height: var(--spacing-l); } ._small_ru269_148 ._emoji_ru269_144 { font-size: var(--font-size-2xs); } ._medium_ru269_156 { min-width: var(--spacing-xl); height: var(--spacing-xl); } ._medium_ru269_156 ._emoji_ru269_144 { font-size: var(--font-size-xs); } ._large_ru269_164 { min-width: 40px; height: 40px; } ._large_ru269_164 ._emoji_ru269_144 { font-size: var(--font-size-s); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._projectInfo_4ez9w_123 { display: flex; align-items: center; width: 100%; padding: var(--spacing-2xs) 0; gap: 8px; justify-content: space-between; } ._projectInfo_4ez9w_123 > div { display: flex; align-items: center; gap: 8px; } ._projectInfo_4ez9w_123 p { font-size: var(--font-size-s); color: var(--color-text-dark); font-weight: var(--font-weight-medium); line-height: var(--font-line-height-loose); } ._projectInfo_4ez9w_123 small { font-size: var(--font-size-xs); color: var(--color-text-light); line-height: var(--font-line-height-loose); } ._text_4ez9w_148 { display: flex; flex-direction: column; } ._text_4ez9w_148 p { margin: 0; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._project_3ln3u_123 { display: flex; width: 100%; align-items: center; padding: var(--spacing-2xs) 0; gap: var(--spacing-2xs); } ._selectedProjects_3ln3u_131 li { padding: 0; border-bottom: var(--border-base); } ._selectedProjects_3ln3u_131 li:first-child { padding-top: var(--spacing-m); } ._selectedProjects_3ln3u_131 li:last-child { border-bottom: none; } ._projectRoleSelect_3ln3u_142 { width: auto; } ._emoji_3ln3u_146 { font-size: var(--font-size-s); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._move-folder-dropdown_167hg_123 { display: flex; padding-top: var(--spacing-2xs); } ._folder-select-item_167hg_128 { display: flex; gap: var(--spacing-2xs); align-items: center; max-width: 90%; overflow: hidden; white-space: nowrap; } ._folder-select-item_167hg_128 li { padding: var(--spacing-4xs) var(--spacing-5xs) var(--spacing-5xs); } ._list_167hg_140 { display: flex; list-style: none; align-items: center; } ._item_167hg_146, ._item_167hg_146 * { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--color-text-light); font-size: var(--font-size-s); line-height: var(--font-line-height-xsmall); } ._item_167hg_146 { max-width: var(--spacing-4xl); } ._item_167hg_146._current_167hg_161 span { color: var(--color-text-dark); } ._separator_167hg_165 { font-size: var(--font-size-s); color: var(--color-text-light); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._container_ny4sd_123 h1 { max-width: 90%; } ._description_ny4sd_127 { font-size: var(--font-size-s); margin: var(--spacing-s) 0; } ._block_ny4sd_132 { margin-bottom: var(--spacing-s); } ._footer_ny4sd_136 { display: flex; gap: var(--spacing-2xs); justify-content: flex-end; } ._tooltipText_ny4sd_142 { text-decoration: underline; } ._credentialsCallout_ny4sd_146 { margin-top: var(--spacing-s); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._content_cxr8w_123 { padding-bottom: var(--spacing-2xs); } ._content_cxr8w_123 > * { margin-bottom: var(--spacing-s); } ._innerContent_cxr8w_130 > * { margin-bottom: var(--spacing-2xs); } ._optionInput_cxr8w_134 { padding-left: var(--spacing-l); } ._folder-select-item_cxr8w_138 { display: flex; gap: var(--spacing-2xs); align-items: center; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._container_1ybx8_123 > * { margin-bottom: var(--spacing-s); overflow-wrap: break-word; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._spaced_xrv7g_123 { margin-top: var(--spacing-2xs); } ._footer_xrv7g_127 { text-align: right; } ._footer_xrv7g_127 > * { margin-left: var(--spacing-s); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._copyText_1t3jx_123 { padding: var(--spacing-xs); background-color: var(--color-background-light); border: var(--border-base); border-radius: var(--border-radius-base); cursor: pointer; position: relative; font-weight: var(--font-weight-regular); } ._copyText_1t3jx_123 span { font-family: Monaco, Consolas; color: var(--color-text-base); overflow-wrap: break-word; } ._copyText_1t3jx_123:hover { --display-copy-button: flex; width: 100%; } ._noHover_1t3jx_142 { cursor: default; } ._large_1t3jx_146 span { font-size: var(--font-size-s); line-height: 1.5; } ._medium_1t3jx_151 span { font-size: var(--font-size-xs); line-height: 1; } ._collapsed_1t3jx_156 { white-space: nowrap; overflow: hidden; } ._copyButton_1t3jx_161 { display: var(--display-copy-button, none); position: absolute; top: 0; right: 0; padding: var(--spacing-xs); background-color: var(--color-background-light); height: 100%; align-items: center; border-radius: var(--border-radius-base); } ._copyButton_1t3jx_161 span { font-family: unset; } ._hint_1t3jx_176 { margin-top: var(--spacing-2xs); font-size: var(--font-size-2xs); line-height: var(--font-line-height-loose); font-weight: var(--font-weight-regular); word-break: normal; } ._api-key-scopes_1g2cz_2 .el-tag { padding: var(--spacing-3xs); } ._api-key-scopes_1g2cz_2 .el-tag__close { color: white; margin-left: var(--spacing-3xs); background-color: var(--color-text-base); } ._api-key-scopes_1g2cz_2 .el-checkbox { margin-left: var(--spacing-xs); } ._scopes-dropdown-container_1g2cz_16 .el-select-group__title { font-size: var(--font-size-2xs); color: var(--color-text-dark); font-weight: var(--font-weight-bold); border-bottom: var(--spacing-5xs) solid var(--color-text-lighter); padding-left: var(--spacing-xs); } ._scopes-dropdown-container_1g2cz_16 .el-select-dropdown__item { color: var(--color-text-base); font-weight: var(--font-weight-regular); padding-left: var(--spacing-xs); } ._scopes-dropdown-container_1g2cz_16 .el-select-dropdown.is-multiple .el-select-dropdown__item.selected { font-weight: var(--font-weight-bold); } ._scopes-dropdown-container_1g2cz_16 .el-select-group__wrap:not(:last-of-type) { padding: 0; margin-bottom: var(--spacing-xs); } ._scopes-dropdown-container_1g2cz_16 .el-checkbox { margin-left: var(--spacing-2xs); } ._scopes-dropdown-container_1g2cz_16 .el-select-dropdown__header { margin-top: var(--spacing-xs); padding-bottom: var(--spacing-xs); border-bottom: var(--spacing-5xs) solid var(--color-text-lighter); } ._scopes-checkbox_1g2cz_50 { display: flex; } ._scopes-dropdown-container_1g2cz_16 .el-select-group__wrap::after { display: none; } /* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._notice_jrpub_123 { margin: 0; } ._form_jrpub_127 { display: flex; flex-direction: column; gap: var(--spacing-xs); } ._expirationSection_jrpub_133 { display: flex; flex-direction: row; align-items: flex-end; gap: var(--spacing-xs); } ._footer_jrpub_140 { display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: center; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._text_q04c1_123 { background: var(--color-assistant-highlight-gradient); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; font-weight: var(--font-weight-bold); } ._small_q04c1_131 { font-size: 9px; line-height: var(--spacing-xs); } ._medium_q04c1_136 { font-size: var(--spacing-xs); line-height: var(--spacing-s); } ._large_q04c1_141 { font-size: 14px; line-height: 18px; } ._xlarge_q04c1_146 { font-size: var(--spacing-s); line-height: var(--spacing-s); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._container_i3n6e_123 p { line-height: normal; } ._container_i3n6e_123 p + p { margin-top: 10px; } ._assistantIcon_i3n6e_130 { margin-right: var(--spacing-4xs); } ._footer_i3n6e_134 { display: flex; gap: 10px; justify-content: flex-end; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._editor_1eb80_123 { height: 100%; } ._editor_1eb80_123 > div { height: 100%; } ._fillHeight_1eb80_130 { height: 100%; } ._droppable_1eb80_134 .cm-editor { border-color: var(--color-ndv-droppable-parameter); border-style: dashed; border-width: 1.5px; } ._activeDrop_1eb80_140 .cm-editor { border-color: var(--color-success); border-style: solid; cursor: grabbing; border-width: 1px; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._editor_ilraf_123 { height: 100%; } ._editor_ilraf_123 > div { height: 100%; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._container_1ybx8_123 > * { margin-bottom: var(--spacing-s); overflow-wrap: break-word; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._descriptionContainer_it7w8_123 { display: flex; justify-content: space-between; align-items: center; border: var(--border-width-base) var(--border-style-base) var(--color-info-tint-1); border-radius: var(--border-radius-base); background-color: var(--color-background-light); } ._descriptionContainer_it7w8_123 button > span { flex-direction: row-reverse; } ._descriptionContainer_it7w8_123 button > span > span { margin-left: var(--spacing-3xs); } ._formContainer_it7w8_138 { font-size: var(--font-size-2xs); font-weight: var(--font-weight-regular); color: var(--color-text-base); } ._checkbox_it7w8_144 span:nth-child(2) { vertical-align: text-top; } ._error_it7w8_148 { color: var(--color-danger); } ._error_it7w8_148 span { border-color: var(--color-danger); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ .el-tooltip__popper { max-width: 240px; } .el-tooltip__popper img { width: 100%; } .el-tooltip__popper p { line-height: 1.2; } .el-tooltip__popper p + p { margin-top: var(--spacing-2xs); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._wrapper_qx760_123 { display: flex; align-items: center; border: var(--border-base); border-radius: var(--border-radius-base); } ._wrapper_qx760_123._no-border_qx760_129 { border: none; } ._badge_qx760_133 { padding: var(--spacing-4xs) var(--spacing-2xs); background-color: var(--color-background-xlight); border-color: var(--color-foreground-base); z-index: 1; position: relative; height: 23px; } ._badge_qx760_133 .n8n-text, ._badge_qx760_133 a { color: var(--color-text-base); } ._projectBadge_qx760_146 > span { display: flex; gap: var(--spacing-3xs); } ._count-badge_qx760_151 { font-size: var(--font-size-2xs); padding: var(--spacing-4xs) var(--spacing-3xs); color: var(--color-text-base); border-left: var(--border-base); line-height: var(--font-line-height-regular); } ._nowrap_qx760_159 { white-space: nowrap !important; } /* Use deep selector to access internal scroll container in N8nDataTableServer */ [data-v-3f276e6f] .n8n-data-table-server-wrapper .table-scroll { max-height: 275px; overflow-y: auto; overflow-x: hidden; } .status[data-v-3f276e6f] { border-style: solid; border-width: var(--border-width-base); padding: var(--spacing-4xs); border-radius: var(--border-radius-base); } .active[data-v-3f276e6f] { color: var(--color-primary); } .inactive[data-v-3f276e6f] { color: var(--color-text-light); } .ellipsis[data-v-3f276e6f] { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.2; width: -moz-fit-content; width: fit-content; max-width: 100%; } .cardBadge[data-v-3f276e6f] { margin-right: auto; width: -moz-fit-content; width: fit-content; } /* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._descriptionContainer_1oh1r_123 { display: flex; margin: var(--spacing-s) 0; flex-direction: column; } ._descriptionIcon_1oh1r_129 { align-self: center; color: var(--color-text-lighter); } ._descriptionText_1oh1r_134 { padding: 0 var(--spacing-xs); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._notice_hpe1d_123 { margin-bottom: var(--spacing-l); } ._features_hpe1d_127 { padding: var(--spacing-s) var(--spacing-l) 0; list-style: none; } ._features_hpe1d_127 li { display: flex; padding: 0 var(--spacing-s) var(--spacing-m) 0; } ._features_hpe1d_127 li i { display: inline-block; margin: var(--spacing-5xs) var(--spacing-xs) 0 0; font-style: normal; font-size: var(--font-size-s); } ._features_hpe1d_127 li strong { display: block; margin-bottom: var(--spacing-4xs); } ._buttons_hpe1d_146 { display: flex; justify-content: space-between; align-items: center; } ._skip_hpe1d_152 { padding: 0; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._description_19xek_123 { margin-bottom: var(--spacing-s); } ._disclaimer_19xek_127 { margin-top: var(--spacing-4xs); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ .dialog-wrapper .contact-prompt-modal .el-dialog__body { padding: 16px 24px 24px; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._icon_1fzod_123 { --node-icon-color: var(--color-foreground-dark); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._tip_1qxh0_123 { display: flex; align-items: center; gap: var(--spacing-4xs); line-height: var(--font-line-height-regular); color: var(--color-text-base); font-size: var(--font-size-2xs); padding: var(--spacing-2xs); } ._tip_1qxh0_123 code { font-size: var(--font-size-3xs); background: var(--color-background-base); padding: var(--spacing-5xs); border-radius: var(--border-radius-base); } ._content_1qxh0_139 { display: inline-block; } ._tipText_1qxh0_143 { color: var(--color-text-dark); font-weight: var(--font-weight-bold); white-space: nowrap; align-self: flex-start; } ._drag_1qxh0_150 ._tipText_1qxh0_143 { line-height: 21px; } ._text_1qxh0_154 { display: inline; } ._pill_1qxh0_158 { display: inline-flex; align-items: center; color: var(--color-text-dark); border: var(--border-base); border-color: var(--color-foreground-light); background-color: var(--color-background-xlight); padding: var(--spacing-5xs) var(--spacing-3xs); margin: 0 var(--spacing-4xs); border-radius: var(--border-radius-base); } ._highlight_1qxh0_170 { color: var(--color-primary); background-color: var(--color-primary-tint-3); border-color: var(--color-primary-tint-1); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ [data-v-03c698a0] .cm-editor { padding-left: 0; } [data-v-03c698a0] .cm-content { padding-left: var(--spacing-2xs); } [data-v-03c698a0] .cm-content[aria-readonly=true] { background-color: var(--disabled-fill, var(--color-background-light)); border-color: var(--disabled-border, var(--border-color-base)); color: var(--disabled-color, var(--color-text-base)); cursor: not-allowed; border-top-left-radius: 0; border-bottom-left-radius: 0; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._item_1wbyy_123 { display: flex; align-items: center; gap: var(--spacing-4xs); } ._controls_1wbyy_129 { display: flex; align-items: center; } ._controls_1wbyy_129 ._input_1wbyy_134 { --input-height: 22px; --input-border-top-left-radius: var(--border-radius-base); --input-border-bottom-left-radius: var(--border-radius-base); --input-border-top-right-radius: var(--border-radius-base); --input-border-bottom-right-radius: var(--border-radius-base); line-height: calc(var(--input-height) - var(--spacing-4xs)); } ._controls_1wbyy_129 ._input_1wbyy_134._hovering_1wbyy_142 { --input-font-color: var(--color-secondary); } ._controls_1wbyy_129 ._input_1wbyy_134 .el-input__inner { height: var(--input-height); min-height: var(--input-height); line-height: var(--input-height); text-align: center; padding: 0 var(--spacing-4xs); max-width: var(--input-width); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._popper_1030v_123 { background-color: transparent !important; padding: 0 !important; border: none !important; } ._dropdown_1030v_129 { display: flex; flex-direction: column; background: var(--color-code-background); border: var(--border-base); border-top: none; width: 100%; box-shadow: 0 2px 6px 0 rgba(68, 28, 23, 0.1); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } ._dropdown_1030v_129 .cm-editor { background-color: var(--color-code-background); } ._dropdown_1030v_129 ._body_1030v_143 { padding: var(--spacing-3xs); padding-top: 0; padding-left: var(--spacing-2xs); color: var(--color-text-dark); } ._dropdown_1030v_129 ._body_1030v_143:first-child { padding-top: var(--spacing-2xs); } ._dropdown_1030v_129 ._footer_1030v_152 { border-top: var(--border-base); } ._dropdown_1030v_129 ._header_1030v_155 { display: flex; justify-content: space-between; align-items: center; gap: var(--spacing-2xs); color: var(--color-text-dark); font-weight: var(--font-weight-bold); padding: 0 var(--spacing-2xs); padding-top: var(--spacing-2xs); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._expression-parameter-input_t1hht_123 { position: relative; flex-grow: 1; } ._expression-parameter-input_t1hht_123 .cm-editor { background-color: var(--color-code-background); } ._expression-parameter-input_t1hht_123 ._all-sections_t1hht_130 { height: 30px; display: inline-table; width: 100%; } ._expression-parameter-input_t1hht_123 ._prepend-section_t1hht_135 { padding: 0; padding-top: 2px; width: 22px; text-align: center; } ._assignment_t1hht_142 ._prepend-section_t1hht_135 { vertical-align: top; padding-top: 4px; } ._expression-editor-modal-opener_t1hht_147 { position: absolute; right: 0; bottom: 0; background-color: var(--color-code-background); padding: 3px; line-height: 9px; border: var(--input-border-color, var(--border-color-base)) var(--input-border-style, var(--border-style-base)) var(--input-border-width, var(--border-width-base)); cursor: pointer; border-radius: 0; border-top-left-radius: var(--border-radius-base); } ._expression-editor-modal-opener_t1hht_147:hover { border: var(--input-border-color, var(--border-color-base)) var(--input-border-style, var(--border-style-base)) var(--input-border-width, var(--border-width-base)); } ._expression-editor-modal-opener_t1hht_147 svg { width: 9px !important; height: 9px; transform: rotate(270deg); } ._focused_t1hht_168 > ._prepend-section_t1hht_135 { border-color: var(--color-secondary); border-bottom-left-radius: 0; } ._focused_t1hht_168 .cm-editor { border-color: var(--color-secondary); } ._focused_t1hht_168 > ._expression-editor-modal-opener_t1hht_147 { border-color: var(--color-secondary); border-bottom-right-radius: 0; background-color: var(--color-code-background); } ._droppable_t1hht_183 { --input-border-color: var(--color-ndv-droppable-parameter); --input-border-right-color: var(--color-ndv-droppable-parameter); --input-border-style: dashed; } ._droppable_t1hht_183 .cm-editor { border-width: 1.5px; } ._activeDrop_t1hht_192 { --input-border-color: var(--color-success); --input-border-right-color: var(--color-success); --input-background-color: var(--color-foreground-xlight); --input-border-style: solid; } ._activeDrop_t1hht_192 .cm-editor { cursor: grabbing !important; border-width: 1px; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ :root ._popover_o34i8_123 { --content-height: 236px; padding: 0 !important; border: var(--border-base); display: flex; max-height: calc(var(--content-height) + var(--spacing-xl)); flex-direction: column; } :root ._popover_o34i8_123 ::-webkit-scrollbar { width: 12px; } :root ._popover_o34i8_123 ::-webkit-scrollbar-thumb { border-radius: 12px; background: var(--color-foreground-dark); border: 3px solid white; } :root ._popover_o34i8_123 ::-webkit-scrollbar-thumb:hover { background: var(--color-foreground-xdark); } ._container_o34i8_143 { position: relative; overflow: auto; } ._messageContainer_o34i8_148 { height: 236px; display: flex; align-items: center; justify-content: center; } ._searchInput_o34i8_155 { border-bottom: var(--border-base); --input-border-color: none; --input-font-size: var(--font-size-2xs); width: 100%; z-index: 1; } ._selected_o34i8_163 { color: var(--color-primary); } ._resourceItem_o34i8_167 { display: flex; padding: 0 var(--spacing-xs); white-space: nowrap; height: 32px; cursor: pointer; } ._resourceItem_o34i8_167:hover { background-color: var(--color-background-base); } ._loadingItem_o34i8_178 { padding: 10px var(--spacing-xs); } ._loader_o34i8_182 { max-width: 120px; } ._loader_o34i8_182 * { margin-top: 0 !important; max-height: 12px; } ._hovering_o34i8_190 { background-color: var(--color-background-base); } ._searchRequired_o34i8_194 { height: 50px; margin-top: 40px; padding-left: var(--spacing-xs); font-size: var(--font-size-xs); color: var(--color-text-base); display: flex; align-items: center; } ._urlLink_o34i8_204 { display: flex; align-items: center; font-size: var(--font-size-3xs); color: var(--color-text-base); margin-left: var(--spacing-2xs); } ._urlLink_o34i8_204:hover { color: var(--color-primary); } ._resourceNameContainer_o34i8_215 { font-size: var(--font-size-2xs); overflow: hidden; text-overflow: ellipsis; display: inline-block; align-self: center; } ._searchIcon_o34i8_223 { color: var(--color-text-light); } ._addResourceText_o34i8_227 { font-weight: var(--font-weight-bold); } ._addResourceIcon_o34i8_231 { color: var(--color-text-light); margin-left: var(--spacing-2xs); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ .titled-list[data-v-00de2120] { display: flex; flex-direction: column; } .titled-list .titled-list-item[data-v-00de2120] { list-style: none; padding-left: var(--spacing-3xs); } .titled-list .titled-list-item[data-v-00de2120]::before { content: "- "; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._parameter-issues_yesdx_123 { text-align: right; float: right; color: var(--color-danger-light); font-size: var(--font-size-s); padding-left: var(--spacing-3xs); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._modeSelector_g7ipr_123 { --input-background-color: initial; --input-font-color: initial; --input-border-color: initial; width: 92px; } ._modeSelector_g7ipr_123 input { border-radius: var(--border-radius-base) 0 0 var(--border-radius-base); border-right: none; overflow: hidden; } ._modeSelector_g7ipr_123 input:focus { border-right: var(--border-base); } ._modeSelector_g7ipr_123 input:disabled { cursor: not-allowed !important; } ._inputField_g7ipr_141 { flex-grow: 1; position: relative; } ._fromAiOverrideField_g7ipr_146 { position: relative; border-top-left-radius: 0; border-bottom-left-radius: 0; } ._overrideButtonInline_g7ipr_152 { position: relative; } ._overrideButtonInline_g7ipr_152 > button { border-top-left-radius: 0; border-bottom-left-radius: 0; } ._rightNoCorner_g7ipr_160 > * { --input-border-bottom-right-radius: 0; --input-border-top-right-radius: 0; } ._resourceLocator_g7ipr_165 { display: inline-flex; flex-wrap: nowrap; width: 100%; position: relative; --input-issues-width: 28px; --input-override-width: 30px; } ._resourceLocator_g7ipr_165 ._inputContainer_g7ipr_173 { display: flex; align-items: center; width: 100%; --input-border-top-left-radius: 0; --input-border-bottom-left-radius: 0; } ._resourceLocator_g7ipr_165 ._inputContainer_g7ipr_173 > div { width: 100%; } ._resourceLocator_g7ipr_165 ._inputContainer_g7ipr_173 > div > div { display: flex; } ._resourceLocator_g7ipr_165 ._background_g7ipr_186 { position: absolute; background-color: var(--color-background-input-triple); top: 0; bottom: 0; left: 0; right: var(--input-issues-width); border: 1px solid var(--border-color-base); border-radius: var(--border-radius-base); } ._resourceLocator_g7ipr_165 ._backgroundOverride_g7ipr_196 { right: var(--input-override-width); } ._resourceLocator_g7ipr_165 ._backgroundWithIssuesAndShowResourceLink_g7ipr_199 { right: 47px; } ._resourceLocator_g7ipr_165._multipleModes_g7ipr_202 ._inputContainer_g7ipr_173 { display: flex; align-items: center; width: calc(100% - 92px); flex-grow: 1; } ._resourceLocator_g7ipr_165._multipleModes_g7ipr_202 ._inputContainerInputCorners_g7ipr_208 input { border-radius: 0 var(--border-radius-base) var(--border-radius-base) 0; } ._droppable_g7ipr_212 { --input-border-color: var(--color-secondary-tint-1); --input-border-style: dashed; } ._activeDrop_g7ipr_217 { --input-border-color: var(--color-success); --input-background-color: var(--color-success-tint-2); --input-border-style: solid; } ._activeDrop_g7ipr_217 textarea, ._activeDrop_g7ipr_217 input { cursor: grabbing !important; } ._selectInput_g7ipr_227 input { padding-right: 30px !important; overflow: hidden; text-overflow: ellipsis; } ._selectIcon_g7ipr_233 { cursor: pointer; font-size: 14px; transition: transform 0.3s; transform: rotateZ(0); } ._selectIcon_g7ipr_233._isReverse_g7ipr_239 { transform: rotateZ(180deg); } ._listModeInputContainer_g7ipr_243 * { cursor: pointer; } ._errorContainer_g7ipr_247, ._errorDetails_g7ipr_248 { display: flex; gap: var(--spacing-s); flex-direction: column; } ._errorContainer_g7ipr_247 { width: 80%; align-items: center; text-align: center; } ._errorDescription_g7ipr_260 { text-align: left; margin: 0; word-break: normal; } ._credential-link_g7ipr_266 { font-size: var(--font-size-2xs); } ._openResourceLink_g7ipr_270 { width: 25px !important; padding-left: var(--spacing-2xs); padding-top: var(--spacing-4xs); align-self: flex-start; } ._parameter-issues_g7ipr_277 { width: 25px !important; } .text-fade-in-out-enter-active[data-v-d853b52d], .text-fade-in-out-leave-active[data-v-d853b52d] { transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out; } .text-fade-in-out-enter[data-v-d853b52d], .text-fade-in-out-leave-to[data-v-d853b52d] { opacity: 0; transform: translateX(10px); } .text-fade-in-out-enter-to[data-v-d853b52d], .text-fade-in-out-leave[data-v-d853b52d] { opacity: 1; } /* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._input_1l7z2_123 * { border: 0 !important; } ._input_1l7z2_123 textarea { font-size: var(--font-size-2xs); padding-bottom: var(--spacing-2xl); font-family: var(--font-family); resize: none; } ._intro_1l7z2_134 { font-weight: var(--font-weight-bold); font-size: var(--font-size-2xs); color: var(--color-text-dark); padding: var(--spacing-2xs) var(--spacing-xs) 0; } ._loader_1l7z2_141 { font-size: var(--font-size-2xs); color: var(--color-text-dark); display: flex; align-items: center; gap: var(--spacing-2xs); } ._inputContainer_1l7z2_149 { position: relative; } ._help_1l7z2_153 { text-decoration: underline; margin-left: auto; color: #909399; } ._meta_1l7z2_159 { display: flex; justify-content: space-between; position: absolute; bottom: var(--spacing-2xs); left: var(--spacing-xs); right: var(--spacing-xs); z-index: 1; } ._meta_1l7z2_159 * { font-size: var(--font-size-2xs); line-height: 1; } ._counter_1l7z2_173 { color: var(--color-text-light); } ._controls_1l7z2_177 { padding: var(--spacing-2xs) var(--spacing-xs); display: flex; justify-content: flex-end; border-top: 1px solid var(--border-color-base); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ [data-v-a154dcb9] .el-tabs .cm-editor { border: 0; } @keyframes backgroundAnimation-a154dcb9 { 0% { background-color: none; } 30% { background-color: rgba(41, 163, 102, 0.1); } 100% { background-color: none; } } .flash-editor[data-v-a154dcb9] .cm-editor, .flash-editor[data-v-a154dcb9] .cm-gutter { animation: backgroundAnimation-a154dcb9 1.5s ease-in-out; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._tabs_1txdf_123 { height: 100%; display: flex; flex-direction: column; } ._code-node-editor-container_1txdf_129 { position: relative; } ._fillHeight_1txdf_133 { height: 100%; } ._editorInput_1txdf_137._droppable_1txdf_137 .cm-editor { border-color: var(--color-ndv-droppable-parameter); border-style: dashed; border-width: 1.5px; } ._editorInput_1txdf_137._activeDrop_1txdf_143 .cm-editor { border-color: var(--color-success); border-style: solid; cursor: grabbing; border-width: 1px; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._container_14sm5_123 { margin-top: var(--spacing-xs); } ._container_14sm5_123 > div:not(:first-child) { margin-top: var(--spacing-xs); } ._selectPopper_14sm5_130 .el-select-dropdown__list { padding: 0; } ._selectPopper_14sm5_130 :has(._newCredential_14sm5_133:hover) .hover { background-color: transparent; } ._selectPopper_14sm5_130:not(:has(li)) ._newCredential_14sm5_133 { border-top: none; box-shadow: none; border-radius: var(--border-radius-base); } ._warning_14sm5_142 { margin-left: var(--spacing-4xs); color: var(--color-danger-light); font-size: var(--font-size-s); } ._edit_14sm5_148 { display: flex; justify-content: center; align-items: center; color: var(--color-text-base); margin-left: var(--spacing-3xs); font-size: var(--font-size-s); } ._input_14sm5_157 { display: flex; align-items: center; } ._hasIssues_14sm5_162 { --input-border-color: var(--color-danger); } ._credentialOption_14sm5_167 { display: flex; flex-direction: column; } ._newCredential_14sm5_133 { display: flex; gap: var(--spacing-3xs); align-items: center; font-weight: var(--font-weight-bold); padding: var(--spacing-xs) var(--spacing-m); background-color: var(--color-background-light); border-top: var(--border-base); box-shadow: var(--box-shadow-light); clip-path: inset(-12px 0 0 0); } ._newCredential_14sm5_133:hover { color: var(--color-primary); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._parameter-value-container_7z9yr_123 { display: flex; align-items: center; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._editor_1whan_123 .cm-content { border-radius: var(--border-radius-base); } ._editor_1whan_123 .cm-content[aria-readonly=true] { --disabled-fill: var(--color-background-base); background-color: var(--disabled-fill, var(--color-background-light)); color: var(--disabled-color, var(--color-text-base)); cursor: not-allowed; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._dragging_io9pp_123 { visibility: visible; cursor: grabbing; } ._draggable_io9pp_128 { pointer-events: none; position: fixed; z-index: 9999999; top: 0; left: 0; } ._draggable-data-transfer_io9pp_136 { width: 0; height: 0; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ .schema-header-wrapper[data-v-c7120021] { padding-bottom: var(--spacing-2xs); } .schema-header[data-v-c7120021] { display: flex; align-items: center; cursor: pointer; } .toggle[data-v-c7120021] { width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; } .collapse-icon[data-v-c7120021] { transition: transform 0.2s cubic-bezier(0.19, 1, 0.22, 1); } .collapsed[data-v-c7120021] { transform: rotateZ(-90deg); } .icon[data-v-c7120021] { display: flex; align-items: center; justify-content: center; padding: var(--spacing-3xs); border: 1px solid var(--color-foreground-light); border-radius: var(--border-radius-base); background-color: var(--color-background-xlight); margin-right: var(--spacing-2xs); } .icon-trigger[data-v-c7120021] { border-radius: 16px 4px 4px 16px; } .title[data-v-c7120021] { font-size: var(--font-size-2xs); color: var(--color-text-dark); } .info[data-v-c7120021] { margin-left: var(--spacing-2xs); color: var(--color-text-light); font-weight: var(--font-weight-regular); } .trigger-icon[data-v-c7120021] { margin-left: var(--spacing-2xs); color: var(--color-primary); } .extra-info[data-v-c7120021] { font-size: var(--font-size-2xs); color: var(--color-text-light); margin-left: auto; white-space: nowrap; } .notice[data-v-c7120021] { margin-left: var(--spacing-2xl); margin-top: var(--spacing-2xs); padding-bottom: var(--spacing-2xs); color: var(--color-text-base); font-size: var(--font-size-2xs); line-height: var(--font-line-height-loose); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ :root ._content_1tmoh_123 ._newLine_1tmoh_123 { font-family: var(--font-family-monospace); color: var(--color-line-break); padding-right: 2px; } .schema-item[data-v-5521181b] { display: flex; margin-left: calc(var(--spacing-l) * var(--111d2997)); align-items: baseline; padding-bottom: var(--spacing-2xs); } .toggle-container[data-v-5521181b] { min-width: var(--spacing-l); min-height: 17px; } .toggle[data-v-5521181b] { cursor: pointer; display: flex; justify-content: center; cursor: pointer; font-size: var(--font-size-s); color: var(--color-text-light); } .pill { &[data-v-5521181b] { display: inline-flex; height: 24px; padding: 0 var(--spacing-3xs); border: 1px solid var(--color-foreground-light); border-radius: var(--border-radius-base); background-color: var(--color-background-xlight); font-size: var(--font-size-2xs); color: var(--color-text-dark); max-width: 50%; align-items: center; } > *[data-v-5521181b]:not(:first-child) { margin-left: var(--spacing-3xs); padding-left: var(--spacing-3xs); border-left: 1px solid var(--color-foreground-light); } &.pill--preview { &[data-v-5521181b] { /* Cannot use CSS variable inside data URL, so instead switching based on data-theme and media query */ --schema-preview-dashed-border: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' viewBox='0 0 400 400' fill='none' rx='4' ry='4' stroke='%230000002A' stroke-width='2' stroke-dasharray='4%2c 4' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e"); --schema-preview-dashed-border-dark: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' viewBox='0 0 400 400' fill='none' rx='4' ry='4' stroke='%23FFFFFF2A' stroke-width='2' stroke-dasharray='4%2c 4' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e"); color: var(--color-text-light); background-color: var(--color-run-data-background); border: none; max-width: calc(100% - var(--spacing-l)); background-image: var(--schema-preview-dashed-border); } .title[data-v-5521181b] { color: var(--color-text-light); } } } @media (prefers-color-scheme: dark) { body:not([data-theme]) .pill--preview[data-v-5521181b] { background-image: var(--schema-preview-dashed-border-dark); } } [data-theme='dark'] .pill--preview[data-v-5521181b] { background-image: var(--schema-preview-dashed-border-dark); } .draggable .pill.pill--highlight[data-v-5521181b] { color: var(--color-primary); border-color: var(--color-primary-tint-1); background-color: var(--color-primary-tint-3); } .draggable .pill.pill--highlight .type-icon[data-v-5521181b] { color: var(--color-primary); } .draggable .pill[data-v-5521181b]:not(.pill--locked) { cursor: grab; } .draggable .pill[data-v-5521181b]:not(.pill--locked):hover { background-color: var(--color-background-light); border-color: var(--color-foreground-base); } .type-icon[data-v-5521181b] { color: var(--color-text-light); } .locked-icon[data-v-5521181b] { color: var(--color-text-light); margin-left: var(--spacing-2xs); } .title[data-v-5521181b] { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.5; } .text[data-v-5521181b] { font-weight: var(--font-weight-normal); font-size: var(--font-size-2xs); margin-left: var(--spacing-2xs); word-break: break-word; } .collapse-icon[data-v-5521181b] { transition: transform 0.2s cubic-bezier(0.19, 1, 0.22, 1); } .collapsed[data-v-5521181b] { transform: rotateZ(-90deg); } .tooltip[data-v-5521181b] { max-width: 260px; } ._tooltip_1e5yq_2 { max-width: 260px; } /* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._dragPill_1us2r_123 { display: inline-flex; height: 24px; padding: 0 var(--spacing-3xs); border: 1px solid var(--color-foreground-light); border-radius: 4px; background: var(--color-background-xlight); font-size: var(--font-size-2xs); color: var(--color-text-base); white-space: nowrap; align-items: center; } ._dragPill_1us2r_123 span { display: flex; height: 100%; align-items: center; } ._droppablePill_1us2r_141, ._droppablePill_1us2r_141 span span { color: var(--color-success); border-color: var(--color-success-light); background-color: white; } ._defaultPill_1us2r_148 { transform: translate(-50%, -100%); box-shadow: 0 2px 6px rgba(68, 28, 23, 0.2); } ._defaultPill_1us2r_148, ._defaultPill_1us2r_148 span span { color: var(--color-primary); border-color: var(--color-primary-tint-1); background-color: var(--color-primary-tint-3); }.vue-recycle-scroller{position:relative}.vue-recycle-scroller.direction-vertical:not(.page-mode){overflow-y:auto}.vue-recycle-scroller.direction-horizontal:not(.page-mode){overflow-x:auto}.vue-recycle-scroller.direction-horizontal{display:-webkit-box;display:-ms-flexbox;display:flex}.vue-recycle-scroller__slot{-webkit-box-flex:1;-ms-flex:auto 0 0px;flex:auto 0 0}.vue-recycle-scroller__item-wrapper{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;position:relative}.vue-recycle-scroller.ready .vue-recycle-scroller__item-view{position:absolute;top:0;left:0;will-change:transform}.vue-recycle-scroller.direction-vertical .vue-recycle-scroller__item-wrapper{width:100%}.vue-recycle-scroller.direction-horizontal .vue-recycle-scroller__item-wrapper{height:100%}.vue-recycle-scroller.ready.direction-vertical .vue-recycle-scroller__item-view{width:100%}.vue-recycle-scroller.ready.direction-horizontal .vue-recycle-scroller__item-view{height:100%}.resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1} ._executeButton_107ze_2 { padding: 0; } .full-height[data-v-e2b7b2c3] { height: 100%; } .run-data-schema[data-v-e2b7b2c3] { padding: 0; } .scroller { &[data-v-e2b7b2c3] { padding: 0 var(--ndv-spacing); padding-bottom: var(--spacing-2xl); } .compact &[data-v-e2b7b2c3] { padding: 0 var(--spacing-2xs); } } .no-results[data-v-e2b7b2c3] { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; height: 100%; gap: var(--spacing-2xs); padding: var(--ndv-spacing) var(--ndv-spacing) var(--spacing-xl) var(--ndv-spacing); } .icon[data-v-e2b7b2c3] { display: inline-flex; margin-left: var(--spacing-xl); color: var(--color-text-light); margin-bottom: var(--ndv-spacing); } .notice[data-v-e2b7b2c3] { padding-bottom: var(--spacing-xs); color: var(--color-text-base); font-size: var(--font-size-2xs); line-height: var(--font-line-height-loose); margin-left: calc(var(--spacing-l) * var(--schema-level)); } .empty-schema[data-v-e2b7b2c3] { padding-bottom: var(--spacing-xs); margin-left: calc((var(--spacing-xl) * var(--schema-level))); } /* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._modal_3f9oo_123 { --dialog-close-top: var(--spacing-m); display: flex; flex-direction: column; overflow: clip; height: calc(100% - var(--spacing-4xl)); margin-bottom: 0; } ._modal_3f9oo_123 .el-dialog__body { height: 100%; padding: var(--spacing-s); } ._modal_3f9oo_123 .el-dialog__header { display: none; } ._container_3f9oo_139 { display: flex; flex-flow: row nowrap; gap: var(--spacing-2xs); height: 100%; } ._sidebar_3f9oo_146 { display: flex; flex-direction: column; gap: var(--spacing-s); flex-basis: 360px; flex-shrink: 0; height: 100%; } ._schema_3f9oo_155 { height: 100%; overflow-y: auto; padding-right: var(--spacing-4xs); } ._editor_3f9oo_161 { display: flex; flex: 1 1 0; font-size: var(--font-size-xs); } ._editor_3f9oo_161 > div { flex: 1 1 0; } ._editorContainer_3f9oo_170 { display: flex; flex: 1 1 0; min-height: 0; } ._io_3f9oo_176 { display: flex; flex: 1 1 0; gap: var(--spacing-s); } ._input_3f9oo_182, ._output_3f9oo_183 { display: flex; flex-direction: column; gap: var(--spacing-2xs); flex: 1 1 0; } ._output_3f9oo_183 [aria-readonly] { background: var(--color-background-light); } ._header_3f9oo_194 { display: flex; flex-direction: column; gap: var(--spacing-5xs); } ._tip_3f9oo_200 { min-height: 22px; } ._close_3f9oo_204 { display: flex; border: none; background: none; cursor: pointer; padding: var(--spacing-4xs); position: absolute; right: var(--spacing-s); top: var(--spacing-s); color: var(--color-button-secondary-font); } ._close_3f9oo_204:hover, ._close_3f9oo_204:active { color: var(--color-primary); } @media (max-width: 1200px) { ._io_3f9oo_176 { flex-direction: column; } ._input_3f9oo_182, ._output_3f9oo_183 { height: 50%; } ._header_3f9oo_194 { flex-direction: row; align-items: baseline; gap: var(--spacing-2xs); } }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._editor-container_uiiyw_123 { position: relative; } ._fillHeight_uiiyw_127 { height: 100%; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._overrideButton_ob2qa_123 { display: flex; justify-content: center; border: 0; height: 30px; width: 30px; background-color: var(--color-foreground-base); color: var(--color-foreground-xdark); } ._overrideButton_ob2qa_123:hover { color: var(--color-foreground-xdark); background-color: var(--color-secondary); } ._overrideButton_ob2qa_123:hover svg { color: var(--p-gray-200); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._iconStars_11y8c_123 { align-self: center; padding-left: 8px; width: 22px; text-align: center; border: none; color: var(--color-foreground-xdark); background-color: var(--color-foreground-base); } ._noCornersRight_11y8c_133 { border-top-right-radius: 0; border-bottom-right-radius: 0; } ._overrideInput_11y8c_138 { height: 30px; align-content: center; overflow: hidden; text-overflow: ellipsis; } ._overrideCloseButton_11y8c_145 { padding: 0 var(--spacing-2xs); border: 0; color: var(--color-text-base); margin-left: auto; --button-hover-background-color: transparent; --button-active-background-color: transparent; background-color: var(--color-foreground-base); } ._contentOverrideContainer_11y8c_155 { display: flex; align-items: center; white-space: nowrap; width: 100%; gap: var(--spacing-4xs); border-radius: var(--border-radius-base); background-color: var(--color-foreground-base); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._modeSelector_g7ipr_123 { --input-background-color: initial; --input-font-color: initial; --input-border-color: initial; width: 92px; } ._modeSelector_g7ipr_123 input { border-radius: var(--border-radius-base) 0 0 var(--border-radius-base); border-right: none; overflow: hidden; } ._modeSelector_g7ipr_123 input:focus { border-right: var(--border-base); } ._modeSelector_g7ipr_123 input:disabled { cursor: not-allowed !important; } ._inputField_g7ipr_141 { flex-grow: 1; position: relative; } ._fromAiOverrideField_g7ipr_146 { position: relative; border-top-left-radius: 0; border-bottom-left-radius: 0; } ._overrideButtonInline_g7ipr_152 { position: relative; } ._overrideButtonInline_g7ipr_152 > button { border-top-left-radius: 0; border-bottom-left-radius: 0; } ._rightNoCorner_g7ipr_160 > * { --input-border-bottom-right-radius: 0; --input-border-top-right-radius: 0; } ._resourceLocator_g7ipr_165 { display: inline-flex; flex-wrap: nowrap; width: 100%; position: relative; --input-issues-width: 28px; --input-override-width: 30px; } ._resourceLocator_g7ipr_165 ._inputContainer_g7ipr_173 { display: flex; align-items: center; width: 100%; --input-border-top-left-radius: 0; --input-border-bottom-left-radius: 0; } ._resourceLocator_g7ipr_165 ._inputContainer_g7ipr_173 > div { width: 100%; } ._resourceLocator_g7ipr_165 ._inputContainer_g7ipr_173 > div > div { display: flex; } ._resourceLocator_g7ipr_165 ._background_g7ipr_186 { position: absolute; background-color: var(--color-background-input-triple); top: 0; bottom: 0; left: 0; right: var(--input-issues-width); border: 1px solid var(--border-color-base); border-radius: var(--border-radius-base); } ._resourceLocator_g7ipr_165 ._backgroundOverride_g7ipr_196 { right: var(--input-override-width); } ._resourceLocator_g7ipr_165 ._backgroundWithIssuesAndShowResourceLink_g7ipr_199 { right: 47px; } ._resourceLocator_g7ipr_165._multipleModes_g7ipr_202 ._inputContainer_g7ipr_173 { display: flex; align-items: center; width: calc(100% - 92px); flex-grow: 1; } ._resourceLocator_g7ipr_165._multipleModes_g7ipr_202 ._inputContainerInputCorners_g7ipr_208 input { border-radius: 0 var(--border-radius-base) var(--border-radius-base) 0; } ._droppable_g7ipr_212 { --input-border-color: var(--color-secondary-tint-1); --input-border-style: dashed; } ._activeDrop_g7ipr_217 { --input-border-color: var(--color-success); --input-background-color: var(--color-success-tint-2); --input-border-style: solid; } ._activeDrop_g7ipr_217 textarea, ._activeDrop_g7ipr_217 input { cursor: grabbing !important; } ._selectInput_g7ipr_227 input { padding-right: 30px !important; overflow: hidden; text-overflow: ellipsis; } ._selectIcon_g7ipr_233 { cursor: pointer; font-size: 14px; transition: transform 0.3s; transform: rotateZ(0); } ._selectIcon_g7ipr_233._isReverse_g7ipr_239 { transform: rotateZ(180deg); } ._listModeInputContainer_g7ipr_243 * { cursor: pointer; } ._errorContainer_g7ipr_247, ._errorDetails_g7ipr_248 { display: flex; gap: var(--spacing-s); flex-direction: column; } ._errorContainer_g7ipr_247 { width: 80%; align-items: center; text-align: center; } ._errorDescription_g7ipr_260 { text-align: left; margin: 0; word-break: normal; } ._credential-link_g7ipr_266 { font-size: var(--font-size-2xs); } ._openResourceLink_g7ipr_270 { width: 25px !important; padding-left: var(--spacing-2xs); padding-top: var(--spacing-4xs); align-self: flex-start; } ._parameter-issues_g7ipr_277 { width: 25px !important; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._sqlEditor_115y4_123 { position: relative; height: 100%; } ._sqlEditor_115y4_123 > div { height: 100%; } ._codemirror_115y4_131 { height: 100%; } ._codemirror_115y4_131._droppable_115y4_135 .cm-editor { border-color: var(--color-ndv-droppable-parameter); border-style: dashed; border-width: 1.5px; } ._codemirror_115y4_131._activeDrop_115y4_141 .cm-editor { border-color: var(--color-success); border-style: solid; cursor: grabbing; border-width: 1px; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._editor_1eb80_123 { height: 100%; } ._editor_1eb80_123 > div { height: 100%; } ._fillHeight_1eb80_130 { height: 100%; } ._droppable_1eb80_134 .cm-editor { border-color: var(--color-ndv-droppable-parameter); border-style: dashed; border-width: 1.5px; } ._activeDrop_1eb80_140 .cm-editor { border-color: var(--color-success); border-style: solid; cursor: grabbing; border-width: 1px; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._select_wv0ev_123 { --max-select-width: 224px; max-width: var(--max-select-width); } ._select_wv0ev_123 .el-input--suffix .el-input__inner { padding-left: calc(var(--spacing-l) + var(--spacing-4xs)); padding-right: var(--spacing-l); } ._node_wv0ev_132 { --select-option-padding: 0 var(--spacing-s); display: flex; align-items: center; font-size: var(--font-size-2xs); gap: var(--spacing-4xs); } ._icon_wv0ev_140 { padding-right: var(--spacing-4xs); } ._title_wv0ev_144 { color: var(--color-text-dark); font-weight: var(--font-weight-regular); max-width: var(--max-select-width); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } ._disabled_wv0ev_153 ._title_wv0ev_144 { color: var(--color-text-light); } ._subtitle_wv0ev_157 { margin-left: auto; padding-left: var(--spacing-2xs); color: var(--color-text-light); font-weight: var(--font-weight-regular); } ._empty_1x72k_2 { display: flex; flex-flow: column; align-items: center; justify-content: center; gap: var(--spacing-2xs); line-height: 2; color: var(--color-text-base); } ._title_1x72k_13 { font-size: var(--font-size-m); font-weight: var(--font-weight-bold); color: var(--color-text-base); margin: 0; } ._description_1x72k_20 { font-size: var(--font-size-s); max-width: 180px; margin: 0; } /* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._settingsHint_1ln24_123 { background-color: var(--color-callout-info-background); border-radius: var(--border-radius-base); border: var(--border-width-base) var(--border-style-base); border-color: var(--color-callout-info-border); color: var(--color-callout-info-font); margin-top: var(--spacing-2xs); margin-bottom: var(--spacing-xs); margin-left: var(--spacing-s); margin-right: var(--spacing-s); padding: var(--spacing-xs); } ._settingItem_1ln24_136 { display: flex; align-items: flex-start; gap: var(--spacing-xs); } ._settingItem_1ln24_136:not(:last-child) { margin-bottom: var(--spacing-xs); } ._iconWrapper_1ln24_145 { display: flex; align-items: center; flex-shrink: 0; margin-top: 1px; } ._icon_1ln24_145 { color: var(--color-callout-info-icon); font-size: var(--font-size-s); line-height: 1; } ._message_1ln24_158 { line-height: var(--font-line-height-regular); flex: 1; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ .__html-display { width: 100%; height: 100%; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ img, video { max-height: 100%; max-width: 100%; } .binary-data.other, .binary-data.pdf { height: 100%; width: 100%; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ .binary-data-window { position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; background-color: var(--color-run-data-background); overflow: hidden; text-align: center; } .binary-data-window.json { overflow: auto; } .binary-data-window .binary-data-window-wrapper { margin-top: 0.5em; padding: 0 1em; height: 100%; } .binary-data-window .binary-data-window-wrapper .el-row, .binary-data-window .binary-data-window-wrapper .el-col { height: 100%; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._button_19od0_123 { border-radius: var(--border-radius-base); position: relative; border: 0; padding: 1px; background: var(--color-assistant-highlight-gradient); } ._button_19od0_123 > div { background-color: var(--color-askAssistant-button-background); border-radius: inherit; height: 100%; overflow: hidden; } ._button_19od0_123 > div > div { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: unset; } ._hoverable_19od0_144:hover { cursor: pointer; background: var(--color-assistant-highlight-reverse); } ._hoverable_19od0_144:hover > div { background: var(--color-askAssistant-button-background-hover); } ._hoverable_19od0_144:hover > div > div { background: var(--color-assistant-inner-highlight-hover); } ._hoverable_19od0_144:active { background: var(--color-assistant-highlight-gradient); } ._hoverable_19od0_144:active > div { background: var(--color-askAssistant-button-background-active); } ._hoverable_19od0_144:active > div > div { background: var(--color-assistant-inner-highlight-active); } ._asked_19od0_164 { cursor: not-allowed; background: var(--color-foreground-base); color: var(--color-text-light); } ._icon_19od0_170 { margin-right: var(--spacing-3xs); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ .node-error-view__header { margin: 0 auto var(--spacing-s) auto; padding-bottom: var(--spacing-3xs); background-color: var(--color-background-xlight); border: 1px solid var(--color-foreground-base); border-radius: var(--border-radius-large); } .node-error-view_compact .node-error-view__header { margin: 0 auto var(--spacing-2xs) auto; border-radius: var(--border-radius-base); } .node-error-view__header-title { padding: var(--spacing-2xs) var(--spacing-s); border-bottom: 1px solid var(--color-danger-tint-1); font-size: var(--font-size-3xs); font-weight: var(--font-weight-medium); background-color: var(--color-danger-tint-2); border-radius: var(--border-radius-large) var(--border-radius-large) 0 0; color: var(--color-danger); } .node-error-view_compact .node-error-view__header-title { border-radius: var(--border-radius-base); } .node-error-view__header-message { display: flex; justify-content: space-between; align-items: center; gap: var(--spacing-xs); padding: var(--spacing-xs) var(--spacing-s) var(--spacing-3xs) var(--spacing-s); color: var(--color-danger); font-weight: var(--font-weight-medium); font-size: var(--font-size-s); } .node-error-view__header-description { overflow: hidden; padding: 0 var(--spacing-s) var(--spacing-3xs) var(--spacing-s); font-size: var(--font-size-xs); } .node-error-view__header-description ul { padding: var(--spacing-s) 0; padding-left: var(--spacing-l); } .node-error-view__header-description code { font-size: var(--font-size-xs); color: var(--color-text-base); background: var(--color-background-base); padding: var(--spacing-5xs); border-radius: var(--border-radius-base); } .node-error-view__button { margin-left: var(--spacing-s); margin-bottom: var(--spacing-xs); margin-top: var(--spacing-xs); flex-direction: row-reverse; } .node-error-view__button span { margin-right: var(--spacing-5xs); margin-left: var(--spacing-5xs); } .node-error-view__debugging { font-size: var(--font-size-s); } .node-error-view__debugging ul, .node-error-view__debugging ol, .node-error-view__debugging dl { padding-left: var(--spacing-s); margin-top: var(--spacing-2xs); margin-bottom: var(--spacing-2xs); } .node-error-view__debugging pre { padding: var(--spacing-s); width: 100%; overflow: auto; background: var(--color-background-light); } .node-error-view__debugging pre code { font-size: var(--font-size-s); } .node-error-view__feedback-toolbar { display: flex; align-items: center; margin-top: var(--spacing-s); padding-top: var(--spacing-3xs); border-top: 1px solid var(--color-foreground-base); } .node-error-view__feedback-button { width: var(--spacing-2xl); height: var(--spacing-2xl); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; } .node-error-view__feedback-button:hover { color: var(--color-primary); } .node-error-view__info { margin: 0 auto; border: 1px solid var(--color-foreground-base); border-radius: var(--border-radius-large); } .node-error-view_compact .node-error-view__info { border-radius: var(--border-radius-base); } .node-error-view__info-header { display: flex; align-items: center; justify-content: space-between; padding: var(--spacing-3xs) var(--spacing-3xs) var(--spacing-3xs) var(--spacing-s); border-bottom: 1px solid var(--color-foreground-base); } .node-error-view__info-title { font-size: var(--font-size-2xs); font-weight: var(--font-weight-bold); color: var(--color-text-dark); } .node-error-view__info-content { padding: var(--spacing-2xs) var(--spacing-s); } .node-error-view__details:not(:last-child) { margin-bottom: var(--spacing-2xs); } .node-error-view__details[open] .node-error-view__details-icon { transform: rotate(90deg); transition: transform 0.3s ease; } .node-error-view__details-summary { padding: var(--spacing-5xs) 0; font-size: var(--font-size-2xs); color: var(--color-text-dark); cursor: pointer; list-style-type: none; outline: none; } .node-error-view__details-content { padding: var(--spacing-2xs) var(--spacing-s); } .node-error-view__details-row { display: flex; padding: var(--spacing-4xs) 0; } .node-error-view__details-row:not(:first-child) { border-top: 1px solid var(--color-foreground-base); } .node-error-view__details-icon { margin-right: var(--spacing-xs); } .node-error-view__details-label { flex-grow: 0; flex-shrink: 0; width: 120px; color: var(--color-text); font-size: var(--font-size-2xs); } .node-error-view__details-value { flex: 1; overflow: hidden; margin-right: auto; color: var(--color-text); font-size: var(--font-size-2xs); word-wrap: break-word; } .node-error-view__details-value code { color: var(--color-json-string); white-space: normal; word-wrap: break-word; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._pinDataButton_12tk2_123 svg { transition: transform 0.3s ease; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._relatedExecutionInfo_saqms_123 { font-size: var(--font-size-s); margin-left: var(--spacing-3xs); } ._relatedExecutionInfo_saqms_123 svg { padding-bottom: var(--spacing-5xs); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._itemsText_1e7yn_123 { flex-shrink: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: var(--color-text-light); font-size: var(--font-size-2xs); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._pagination_1hlvz_123 { width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 5px; overflow-y: hidden; flex-shrink: 0; flex-grow: 0; } ._pageSizeSelector_1hlvz_134 { text-transform: capitalize; max-width: 150px; flex: 0 1 auto; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._component_urvkc_123 { position: absolute; top: 0; left: 0; padding: 0 var(--ndv-spacing) var(--spacing-3xl) var(--ndv-spacing); right: 0; overflow-y: auto; line-height: var(--font-line-height-xloose); word-break: normal; height: 100%; } ._binaryIndex_urvkc_135 { display: block; padding: var(--spacing-2xs); font-size: var(--font-size-2xs); } ._binaryIndex_urvkc_135 > * { display: inline-block; width: 30px; height: 30px; line-height: 30px; border-radius: var(--border-radius-base); text-align: center; background-color: var(--color-foreground-xdark); font-weight: var(--font-weight-bold); color: var(--color-text-xlight); } ._binaryRow_urvkc_152 { display: inline-flex; font-size: var(--font-size-2xs); } ._binaryCell_urvkc_157 { display: inline-block; width: 300px; overflow: hidden; background-color: var(--color-foreground-xlight); margin-right: var(--ndv-spacing); margin-bottom: var(--ndv-spacing); border-radius: var(--border-radius-base); border: var(--border-base); padding: var(--ndv-spacing); } ._binaryHeader_urvkc_169 { color: var(--color-primary); font-weight: var(--font-weight-bold); font-size: 1.2em; padding-bottom: var(--spacing-2xs); margin-bottom: var(--spacing-2xs); border-bottom: 1px solid var(--color-text-light); } ._binaryButtonContainer_urvkc_178 { margin-top: 1.5em; display: flex; flex-direction: row; justify-content: center; } ._binaryButtonContainer_urvkc_178 > * { flex-grow: 0; margin-right: var(--spacing-3xs); } ._binaryValue_urvkc_189 { white-space: initial; word-wrap: break-word; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._infoIcon_1uoc2_123 { color: var(--color-foreground-dark); } ._center_1uoc2_127 { display: flex; height: 100%; flex-direction: column; align-items: center; justify-content: center; padding: var(--ndv-spacing) var(--ndv-spacing) var(--spacing-xl) var(--ndv-spacing); text-align: center; } ._center_1uoc2_127 > * { max-width: 316px; margin-bottom: var(--spacing-2xs); } ._container_1uoc2_141 { --ndv-spacing: var(--spacing-s); position: relative; width: 100%; height: 100%; display: flex; flex-direction: column; } ._pinnedDataCallout_1uoc2_150 { border-radius: inherit; border-bottom-right-radius: 0; border-top: 0; border-left: 0; border-right: 0; } ._header_1uoc2_158 { display: flex; align-items: center; margin-bottom: var(--ndv-spacing); padding: var(--ndv-spacing) var(--ndv-spacing) 0 var(--ndv-spacing); position: relative; overflow-x: auto; overflow-y: hidden; min-height: calc(30px + var(--ndv-spacing)); scrollbar-width: thin; container-type: inline-size; } ._compact_1uoc2_170 ._header_1uoc2_158 { margin-bottom: var(--spacing-4xs); padding: var(--spacing-2xs); margin-bottom: 0; flex-shrink: 0; flex-grow: 0; min-height: auto; gap: var(--spacing-2xs); } ._header_1uoc2_158 > *:first-child { flex-grow: 1; } ._dataContainer_1uoc2_183 { position: relative; overflow-y: auto; height: 100%; } ._dataDisplay_1uoc2_189 { position: absolute; top: 0; left: 0; padding: 0 var(--ndv-spacing) var(--spacing-3xl) var(--ndv-spacing); right: 0; overflow-y: auto; line-height: var(--font-line-height-xloose); word-break: normal; height: 100%; } ._compact_1uoc2_170 ._dataDisplay_1uoc2_189 { padding: 0 var(--spacing-2xs); } ._inlineError_1uoc2_204 { line-height: var(--font-line-height-xloose); padding-left: var(--ndv-spacing); padding-right: var(--ndv-spacing); padding-bottom: var(--ndv-spacing); } ._outputs_1uoc2_211 { display: flex; flex-direction: column; gap: var(--ndv-spacing); padding-left: var(--ndv-spacing); padding-right: var(--ndv-spacing); padding-bottom: var(--ndv-spacing); } ._compact_1uoc2_170 ._outputs_1uoc2_211 { padding-left: var(--spacing-2xs); padding-right: var(--spacing-2xs); padding-bottom: var(--spacing-2xs); font-size: var(--font-size-2xs); } ._tabs_1uoc2_226 { display: flex; justify-content: space-between; align-items: center; min-height: 30px; --color-tabs-arrow-buttons: var(--color-run-data-background); } ._itemsCount_1uoc2_234 { display: flex; align-items: center; gap: var(--spacing-2xs); padding-left: var(--ndv-spacing); padding-right: var(--ndv-spacing); padding-bottom: var(--ndv-spacing); flex-flow: wrap; } ._ndv-v2_1uoc2_244 ._itemsCount_1uoc2_234 { padding-left: var(--spacing-xs); } ._inputSelect_1uoc2_248 { padding-left: var(--ndv-spacing); padding-right: var(--ndv-spacing); padding-bottom: var(--ndv-spacing); } ._runSelector_1uoc2_254 { display: flex; align-items: center; flex-flow: wrap; padding-left: var(--ndv-spacing); padding-right: var(--ndv-spacing); margin-bottom: var(--ndv-spacing); gap: var(--spacing-3xs); } ._runSelector_1uoc2_254 .el-input--suffix .el-input__inner { padding-right: var(--spacing-l); } ._runSelectorInner_1uoc2_267 { display: flex; gap: var(--spacing-4xs); align-items: center; } ._runSelectorSelect_1uoc2_273 { max-width: 205px; } ._search_1uoc2_277 { margin-left: auto; } ._displayModes_1uoc2_281 { display: flex; justify-content: flex-end; align-items: center; flex-grow: 1; gap: var(--spacing-2xs); } ._compact_1uoc2_170 ._displayModes_1uoc2_281 { /* let title text alone decide the height */ height: 0; visibility: hidden; } ._compact_1uoc2_170 ._displayModes_1uoc2_281 .el-input__prefix { transition-duration: 0ms; } ._compact_1uoc2_170:hover ._displayModes_1uoc2_281 { visibility: visible; } ._tooltipContain_1uoc2_300 { max-width: 240px; } ._spinner_1uoc2_304 { display: flex; justify-content: center; margin-bottom: var(--ndv-spacing); } ._spinner_1uoc2_304 * { color: var(--color-primary); min-height: 40px; min-width: 40px; } ._editMode_1uoc2_315 { height: 100%; display: flex; flex-direction: column; justify-content: stretch; padding-left: var(--ndv-spacing); padding-right: var(--ndv-spacing); } ._editModeBody_1uoc2_324 { flex: 1 1 auto; max-height: 100%; width: 100%; overflow: auto; } ._editModeFooter_1uoc2_331 { flex: 0 1 auto; display: flex; width: 100%; justify-content: space-between; align-items: center; padding-top: var(--ndv-spacing); padding-bottom: var(--ndv-spacing); } ._editModeFooterInfotip_1uoc2_341 { display: flex; flex: 1; width: 100%; } ._editModeActions_1uoc2_347 { display: flex; justify-content: flex-end; align-items: center; margin-left: var(--ndv-spacing); } ._stretchVertically_1uoc2_354 { height: 100%; } ._uiBlocker_1uoc2_358 { border-top-left-radius: 0; border-bottom-left-radius: 0; } ._hintCallout_1uoc2_363 { margin-bottom: var(--spacing-xs); margin-left: var(--ndv-spacing); margin-right: var(--ndv-spacing); } ._compact_1uoc2_170 ._hintCallout_1uoc2_363 { margin: 0 var(--spacing-2xs) var(--spacing-2xs) var(--spacing-2xs); } ._schema_1uoc2_372 { padding: 0 var(--ndv-spacing); } ._messageSection_1uoc2_376 { display: flex; align-items: center; width: 100%; } ._singleIcon_1uoc2_382 { flex-direction: row; align-items: center; } ._multipleIcons_1uoc2_387 { flex-direction: column; align-items: flex-start; gap: var(--spacing-2xs, 8px); } ._multipleIcons_1uoc2_387 ._iconStack_1uoc2_393 { margin-right: 0; margin-bottom: 0; } ._iconStack_1uoc2_393 { display: flex; align-items: center; gap: var(--spacing-4xs, 4px); flex-shrink: 0; margin-right: var(--spacing-xs); } ._icon_1uoc2_393 { color: var(--color-callout-info-icon); line-height: 1; font-size: var(--font-size-xs); } ._compact_1uoc2_170 ._executingMessage_1uoc2_412 { color: var(--color-text-light); } ._resetCollapseButton_1uoc2_416 { color: var(--color-foreground-xdark); } @container (max-width: 240px) { /* Hide title when the panel is too narrow */ ._compact_1uoc2_170:hover ._title_1uoc2_422 { visibility: hidden; width: 0; } } ._ndv-v2_1uoc2_244, ._compact_1uoc2_170 { --ndv-spacing: var(--spacing-2xs); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ .run-data .code-node-editor[data-v-c7e27eeb] { height: 100%; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ [data-v-c7e27eeb] .highlight { background-color: #f7dc55; color: black; border-radius: var(--border-radius-base); padding: 0 1px; font-weight: var(--font-weight-regular); font-style: normal; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._runData_1tpao_123 { background-color: var(--color-run-data-background); } ._runDataV2_1tpao_127 { background-color: var(--color-ndvv2-run-data-background); } ._mappedNode_1tpao_131 { padding: 0 var(--spacing-s) var(--spacing-s); } ._titleSection_1tpao_135 { display: flex; max-width: 300px; align-items: center; } ._titleSection_1tpao_135 > * { margin-right: var(--spacing-2xs); } ._titleSectionV2_1tpao_144 { padding-left: var(--spacing-4xs); } ._inputModeTab_1tpao_148 { margin-left: auto; } ._noOutputData_1tpao_152 { max-width: 250px; } ._noOutputData_1tpao_152 > * { margin-bottom: var(--spacing-2xs); } ._recoveredOutputData_1tpao_159 { margin: auto; max-width: 250px; text-align: center; } ._recoveredOutputData_1tpao_159 > *:first-child { margin-bottom: var(--spacing-m); } ._notConnected_1tpao_168 { max-width: 300px; } ._notConnected_1tpao_168 > *:first-child { margin-bottom: var(--spacing-m); } ._notConnected_1tpao_168 > * { margin-bottom: var(--spacing-2xs); } ._title_1tpao_135 { text-transform: uppercase; letter-spacing: 3px; } ._titleV2_1tpao_183 { letter-spacing: 2px; font-size: var(--font-size-xs); } ._executeButton_1tpao_188 { padding: 0; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._component_gdctw_123 { background-color: transparent !important; padding: var(--spacing-s) 0 !important; border: none !important; box-shadow: none !important; margin-top: -2px; } ._inputPanel_gdctw_131 { border: var(--border-base); border-width: 1px; background-color: var(--color-background-light); border-radius: var(--border-radius-large); box-shadow: 0 2px 16px rgba(0, 0, 0, 0.05); padding: var(--spacing-2xs); height: 100%; overflow: auto; } ._inputPanelTitle_gdctw_142 { text-transform: uppercase; letter-spacing: 3px; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ .readonly-code[data-v-0b1a40da] { font-size: var(--font-size-xs); } .switch-input[data-v-0b1a40da] { margin: var(--spacing-5xs) 0 var(--spacing-2xs) 0; } .parameter-value-container[data-v-0b1a40da] { display: flex; align-items: center; } .parameter-actions[data-v-0b1a40da] { display: inline-flex; align-items: center; } .parameter-switch[data-v-0b1a40da] { display: inline-flex; align-self: flex-start; justify-items: center; gap: var(--spacing-xs); } .parameter-input[data-v-0b1a40da] { display: inline-block; position: relative; } .parameter-input[data-v-0b1a40da] .color-input { display: flex; } .parameter-input[data-v-0b1a40da] .color-input .el-color-picker__trigger { border: none; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ .ql-editor { padding: 6px; line-height: 26px; background-color: #f0f0f0; } .droppable { --input-border-color: var(--color-ndv-droppable-parameter); --input-border-right-color: var(--color-ndv-droppable-parameter); --input-border-style: dashed; } .droppable textarea, .droppable input, .droppable .cm-editor { border-width: 1.5px; } .activeDrop { --input-border-color: var(--color-success); --input-border-right-color: var(--color-success); --input-background-color: var(--color-foreground-xlight); --input-border-style: solid; } .activeDrop textarea, .activeDrop input { cursor: grabbing !important; border-width: 1px; } .has-issues { --input-border-color: var(--color-danger); } .el-dropdown { color: var(--color-text-light); } .list-option { margin: 6px 0; white-space: normal; padding-right: 20px; } .list-option .option-headline { font-weight: var(--font-weight-medium); line-height: var(--font-line-height-regular); overflow-wrap: break-word; } .list-option .option-description { margin-top: 2px; font-size: var(--font-size-2xs); font-weight: var(--font-weight-regular); line-height: var(--font-line-height-xloose); color: var(--color-text-light); } .edit-window-button { display: none; } .parameter-input:hover .edit-window-button { display: inline; } .expand-input-icon-container { display: flex; height: 100%; align-items: center; } .input-with-opener .el-input__suffix { right: 0; } .el-input--suffix .el-input__inner { padding-right: 0; } .textarea-modal-opener { position: absolute; right: 1px; bottom: 1px; background-color: var(--color-code-background); padding: 3px; line-height: 9px; border: var(--border-base); border-top-left-radius: var(--border-radius-base); border-bottom-right-radius: var(--border-radius-base); cursor: pointer; border-right: none; border-bottom: none; } .textarea-modal-opener svg { width: 9px !important; height: 9px; transform: rotate(270deg); } .textarea-modal-opener svg:hover { color: var(--color-primary); } .focused { border-color: var(--color-secondary); } .invalid { border-color: var(--color-danger); } .code-edit-dialog { height: 100%; } .code-edit-dialog .code-node-editor { height: 100%; } ._modal_14mqe_2 { --dialog-close-top: var(--spacing-m); display: flex; flex-direction: column; overflow: clip; height: calc(100% - var(--spacing-4xl)); margin-bottom: 0; .el-dialog__header { padding-bottom: 0; } .el-dialog__body { height: calc(100% - var(--spacing-3xl)); padding: var(--spacing-s); } } ._tipVisible_14mqe_20 { --input-border-bottom-left-radius: 0; --input-border-bottom-right-radius: 0; } ._tip_14mqe_20 { position: absolute; z-index: 2; top: 100%; background: var(--color-code-background); border: var(--border-base); border-top: none; width: 100%; box-shadow: 0 2px 6px 0 rgba(#441c17, 0.1); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } ._noRightCornersInput_14mqe_38 > * { --input-border-bottom-right-radius: 0; --input-border-top-right-radius: 0; } ._overrideButton_14mqe_43 { align-self: start; } ._overrideButtonStandalone_14mqe_47 { position: relative; /* This is to balance for the extra margin on the switch */ top: -2px; } ._overrideButtonInline_14mqe_53 { > button { border-top-left-radius: 0; border-bottom-left-radius: 0; } } /* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._singleline_3oyc7_123 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } ._highlight_3oyc7_129 { color: var(--color-secondary); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._parameterInput_puf4j_123 { display: flex; flex-direction: column; gap: var(--spacing-4xs); } ._hovering_puf4j_129 { color: var(--color-secondary); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._container_182w3_123 { display: flex; min-height: 22px; max-height: 22px; } ._loader_182w3_129 { padding-bottom: var(--spacing-4xs); } ._loader_182w3_129 > span { line-height: 1em; } ._controlsContainer_182w3_136 { display: flex; align-items: center; flex-direction: row; } ._noExpressionSelector_182w3_142 { margin-bottom: var(--spacing-4xs); } ._noExpressionSelector_182w3_142 span { padding-right: 0 !important; } ._focusButton_182w3_149:hover { cursor: pointer; color: var(--color-primary); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._wrapper_114s6_123 { position: relative; } ._wrapper_114s6_123:hover ._options_114s6_126 { opacity: 1; } ._overrideButtonInOptions_114s6_130 { position: relative; margin-bottom: -2px; } ._overrideButtonIssueOffset_114s6_135 { right: 20px; margin-left: 20px; } ._noCornersBottom_114s6_140 > button { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } ._options_114s6_126 { position: absolute; bottom: -22px; right: 0; z-index: 1; opacity: 0; transition: opacity 100ms ease-in; } ._options_114s6_126._visible_114s6_153 { opacity: 1; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._authRadioButton_mzxud_123 { margin-right: 0 !important; } ._authRadioButton_mzxud_123 + ._authRadioButton_mzxud_123 { margin-left: 8px !important; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._icon_1sjur_123 { position: absolute; left: 14px; top: 0; bottom: 0; margin: auto 0; } ._dangerIcon_1sjur_131 { color: var(--color-danger); } ._container_1sjur_136 { width: 100%; position: relative; padding-left: 40px; border: none; } ._message_1sjur_143 { white-space: normal; line-height: var(--font-line-height-regular); overflow: hidden; word-break: break-word; } ._dangerMessage_1sjur_150 { color: var(--color-callout-danger-font); } ._banner_1sjur_155 { display: flex; align-items: center; } ._content_1sjur_160 { flex-grow: 1; min-height: 26px; display: flex; align-items: center; } ._details_1sjur_167 { margin-top: var(--spacing-3xs); color: var(--color-text-base); font-size: var(--font-size-2xs); } ._moreDetails_1sjur_174 { font-size: var(--font-size-xs); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._errors_1gcmg_123 { margin-top: var(--spacing-2xs); } ._hint_1gcmg_127 { margin-top: var(--spacing-4xs); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._container_1ofy0_123 > * { margin-bottom: var(--spacing-l); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._googleAuthBtn_1tor9_123 { --google-auth-btn-height: 46px; cursor: pointer; border: none; padding: 0; background-image: var(--google-auth-btn-normal); background-repeat: no-repeat; background-color: transparent; background-size: 100% 100%; border-radius: 4px; height: var(--google-auth-btn-height); width: calc(var(--google-auth-btn-height) * 4.15217391); } ._googleAuthBtn_1tor9_123:focus, ._googleAuthBtn_1tor9_123:hover { outline: none; background-image: var(--google-auth-btn-focus); } ._googleAuthBtn_1tor9_123:active { background-image: var(--google-auth-btn-pressed); } ._googleAuthBtn_1tor9_123:disabled { background-image: var(--google-auth-btn-disabled); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._container_11rtd_123 { display: inline-block; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._config_9kobw_123 { --notice-margin: 0; flex-grow: 1; } ._config_9kobw_123 > * { margin-bottom: var(--spacing-l); } ._googleReconnectLabel_9kobw_131 { margin-right: var(--spacing-3xs); } ._askAssistantButton_9kobw_135 { display: flex; align-items: center; } ._askAssistantButton_9kobw_135 > span { margin-left: var(--spacing-3xs); font-size: var(--font-size-s); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._container_14ojw_123 > * { margin-bottom: var(--spacing-l); } ._label_14ojw_127 { font-weight: var(--font-weight-bold); max-width: 230px; } ._accessLabel_14ojw_132 { margin-top: var(--spacing-5xs); } ._valueLabel_14ojw_137 { font-weight: var(--font-weight-regular); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._container_1uw7b_123 { width: 100%; } ._container_1uw7b_123 > * { margin-bottom: var(--spacing-l); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._shortcut_1hhzm_123 { display: flex; align-items: center; font-size: var(--font-size-2xs); gap: var(--spacing-2xs); } ._label_1hhzm_130 { flex-shrink: 0; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._container_k6av7_123 { display: inline-flex; justify-content: center; align-items: center; height: 30px; } ._button_k6av7_130 { height: 30px; } ._saved_k6av7_134 { color: var(--color-text-light); font-size: 12px; font-weight: var(--font-weight-bold); line-height: 12px; text-align: center; padding: var(--spacing-2xs) var(--spacing-2xs); min-width: 53px; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._credentialModal_1suid_123 { --dialog-max-width: 1200px; --dialog-close-top: 31px; --dialog-max-height: 750px; } ._credentialModal_1suid_123 .el-dialog__header { padding-bottom: 0; border-bottom: var(--border-base); } ._credentialModal_1suid_123 .el-dialog__body { padding-top: var(--spacing-l); position: relative; } ._mainContent_1suid_137 { flex: 1; overflow: auto; padding-bottom: 100px; } ._credName_1suid_143 { display: flex; width: 100%; flex-direction: column; gap: var(--spacing-4xs); } ._sidebar_1suid_150 { max-width: 170px; min-width: 170px; margin-right: var(--spacing-l); flex-grow: 1; } ._sidebar_1suid_150 ul { padding: 0 !important; } ._header_1suid_160 { display: flex; } ._container_1suid_164 { display: flex; height: 100%; } ._credInfo_1suid_169 { display: flex; align-items: center; flex-direction: row; flex-grow: 1; margin-bottom: var(--spacing-l); } ._credActions_1suid_177 { display: flex; flex-direction: row; align-items: center; margin-right: var(--spacing-xl); margin-bottom: var(--spacing-l); } ._credActions_1suid_177 > * { margin-left: var(--spacing-2xs); } ._credIcon_1suid_188 { display: flex; align-items: center; margin-right: var(--spacing-xs); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._title_1vmnr_123 { font-size: var(--font-size-xl); line-height: var(--font-line-height-regular); } ._subtitle_1vmnr_128 { margin-bottom: var(--spacing-s); font-size: var(--font-size-m); line-height: var(--font-line-height-xloose); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._footer_15my4_123 { display: flex; flex-direction: row; justify-content: flex-end; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._content_1lr8o_123 { padding-bottom: var(--spacing-2xs); } ._content_1lr8o_123 > * { margin-bottom: var(--spacing-s); } ._innerContent_1lr8o_130 > * { margin-bottom: var(--spacing-2xs); } ._optionInput_1lr8o_134 { padding-left: var(--spacing-l); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ .tags-container .el-select-tags-wrapper .el-tag { max-height: 60px; overflow-y: scroll; overflow-x: hidden; } .tags-container .el-select-tags-wrapper input { max-height: 60px; } .tags-container .el-tag { padding: var(--spacing-5xs) var(--spacing-4xs); color: var(--color-text-base); background-color: var(--color-background-base); border-radius: var(--border-radius-base); font-size: var(--font-size-2xs); border: 0; } .tags-container .el-tag .el-tag__close { max-height: 14px; max-width: 14px; line-height: 14px; } .tags-dropdown { min-width: 224px !important; max-width: 224px; } .tags-dropdown .el-tag { white-space: normal; } .tags-dropdown .el-scrollbar { position: relative; max-height: 266px; } .tags-dropdown .el-scrollbar > div { overflow: auto; margin-bottom: 0 !important; } .tags-dropdown .el-scrollbar ul { padding: 0; max-height: 228px; } .tags-dropdown .el-scrollbar ul ::-webkit-scrollbar { display: none; } .tags-dropdown-manage-enabled .tags-dropdown .el-scrollbar:after { content: " "; display: block; min-height: 38px; width: 224px; padding: 10px 20px; } .tags-dropdown .el-scrollbar ::-webkit-scrollbar-thumb { display: none; } .tags-dropdown li { height: 38px; background-color: var(--color-foreground-xlight); padding: 10px 20px; margin: 0; line-height: 18px; font-weight: var(--font-weight-regular); font-size: 14px; } .tags-dropdown li.is-disabled { color: var(--color-text-light); cursor: default; } .tags-dropdown li.selected { font-weight: var(--font-weight-bold); } .tags-dropdown li.selected > span { display: inline-block; width: calc(100% - 14px); overflow: hidden; text-overflow: ellipsis; } .tags-dropdown li.selected:after { font-size: 14px !important; } .tags-dropdown li.ops { color: var(--color-primary); cursor: pointer; } .tags-dropdown li.ops :first-child { margin-right: 5px; } .tags-dropdown li.tag { border-top: none; } .tags-dropdown li.manage-tags { position: absolute; bottom: 0; min-width: 224px; border-top: 1px solid var(--color-foreground-base); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._content_hx6cr_123 > *:not(:last-child) { margin-bottom: var(--spacing-m); } ._footer_hx6cr_127 > * { margin-left: var(--spacing-3xs); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ .connection-switch[data-v-df3d0401] { position: relative; display: flex; flex-direction: row; align-items: center; } .connection-switch.error[data-v-df3d0401] .el-switch.is-checked .el-switch__core { background-color: #ff4027; border-color: #ff4027; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._container_1cc79_123 > * { overflow-wrap: break-word; } ._header_1cc79_127 { display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-grow: 1; } ._providerTitle_1cc79_135 { display: flex; flex-direction: row; align-items: center; flex: 1; } ._providerTitle_1cc79_135 svg, ._providerTitle_1cc79_135 img { max-width: 28px; max-height: 28px; } ._providerActions_1cc79_147 { flex: 0; display: flex; flex-direction: row; align-items: center; } ._footer_1cc79_154 { display: flex; flex-direction: row; justify-content: flex-end; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ #external-secrets-provider-modal .el-dialog__header { display: flex; align-items: center; flex-direction: row; } #external-secrets-provider-modal .el-dialog__headerbtn { position: relative; top: unset; right: unset; margin-left: var(--spacing-xs); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._row_69zig_123 { margin-bottom: 10px; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._modalFooter_kd5ev_123 { justify-content: space-between; display: flex; flex-direction: row; } ._notice_kd5ev_129 { margin: 0; } ._container_kd5ev_133 > * { margin-bottom: var(--spacing-s); } ._container_kd5ev_133 > *:last-child { margin-bottom: 0; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._error-text_zd500_123 { color: var(--color-danger); font-size: var(--font-size-2xs); margin-top: var(--spacing-2xs); height: var(--spacing-s); visibility: hidden; } ._footer_zd500_131 > * { margin-left: var(--spacing-3xs); } ._noScrollbar_zd500_135 { overflow: hidden; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._baseCell_81i0t_123 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-bottom: 1px solid var(--border-color-light) !important; vertical-align: top !important; } ._baseCell_81i0t_123 > div { white-space: nowrap !important; } ._expandedCell_81i0t_134 { white-space: normal; background: var(--color-background-light-base); border-bottom: 1px solid var(--border-color-light) !important; vertical-align: top !important; } ._expandedCell_81i0t_134 > div { white-space: normal !important; } ._customRow_81i0t_144 { cursor: pointer; --color-table-row-hover-background: var(--color-background-base); } ._customDisabledRow_81i0t_149 { cursor: default; --color-table-row-hover-background: var(--color-background-light); } ._customHeaderCell_81i0t_154 { display: flex; gap: 4px; } ._customHeaderCellLabel_81i0t_159 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 12px; font-weight: var(--font-weight-bold); color: var(--color-text-base); } ._customHeaderCellSort_81i0t_168 { display: flex; align-items: center; } ._table_81i0t_173 { border-radius: 12px; } ._table_81i0t_173 .el-table__column-resize-proxy { background-color: var(--color-primary); width: 3px; } ._table_81i0t_173 thead th { padding: 6px 0; } ._table_81i0t_173 .caret-wrapper { display: none; } ._table_81i0t_173 .el-scrollbar__thumb { background-color: var(--color-foreground-base); } ._table_81i0t_173 .el-scrollbar__bar { opacity: 1; } ._table_81i0t_173 * { -ms-overflow-style: none; scrollbar-width: none; } ._table_81i0t_173 *::-webkit-scrollbar { display: none; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /** When hovering over link in row, ensure hover background is removed from row */ tr:hover:has(.open-execution-link:hover) { --color-table-row-hover-background: transparent; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._container_1pohr_123 { height: 100%; width: 100%; max-width: var(--content-container-width); padding: var(--spacing-l) 0; } ._header_1pohr_130 { display: flex; align-items: center; gap: var(--spacing-2xs); margin-bottom: var(--spacing-l); } ._header_1pohr_130 ._timestamp_1pohr_136 { color: var(--color-text-base); font-size: var(--font-size-s); } ._backButton_1pohr_141 { display: flex; align-items: center; gap: var(--spacing-3xs); padding: 0; border: none; background: none; cursor: pointer; color: var(--color-text-base); transition: color 0.1s ease-in-out; } ._backButton_1pohr_141:hover { color: var(--color-primary); } ._headerSeparator_1pohr_156 { font-size: var(--font-size-xl); color: var(--color-text-light); } ._summary_1pohr_161 { margin-bottom: var(--spacing-m); } ._summary_1pohr_161 ._summaryStats_1pohr_164 { display: flex; gap: var(--spacing-l); } ._stat_1pohr_169 { display: flex; flex-direction: column; } ._controls_1pohr_174 { display: flex; gap: var(--spacing-s); margin-bottom: var(--spacing-s); } ._downloadButton_1pohr_180 { margin-bottom: var(--spacing-s); } ._runsHeader_1pohr_184 { display: flex; } ._runsHeader_1pohr_184 > div:first-child { flex: 1; } ._runsHeaderButtons_1pohr_191 { display: flex; gap: var(--spacing-xs); } ._loading_1pohr_196 { display: flex; justify-content: center; align-items: center; height: 200px; } ._scrollableSummary_1pohr_203 { border: var(--border-width-base) var(--border-style-base) var(--color-foreground-base); border-radius: 5px; background-color: var(--color-background-xlight); } ._scrollableSummary_1pohr_203 .el-scrollbar__bar { opacity: 1; } ._scrollableSummary_1pohr_203 .el-scrollbar__thumb { background-color: var(--color-foreground-base); } ._scrollableSummary_1pohr_203 .el-scrollbar__thumb:hover { background-color: var(--color-foreground-dark); } ._summaryCard_1pohr_218 { height: 100px; box-sizing: border-box; padding: var(--spacing-s); border-right: var(--border-width-base) var(--border-style-base) var(--color-foreground-base); flex-basis: 169px; flex-shrink: 0; max-width: 170px; display: flex; flex-direction: column; justify-content: space-between; } ._summaryCard_1pohr_218:first-child { border-top-left-radius: inherit; border-bottom-left-radius: inherit; } ._capitalized_1pohr_235 { text-transform: none; } ._capitalized_1pohr_235::first-letter { text-transform: uppercase; } ._summaryCardTitle_1pohr_243 { display: inline; width: -moz-fit-content; width: fit-content; max-width: 100%; flex-shrink: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: var(--color-text-base); } ._summaryCardContentLargeNumber_1pohr_254 { font-size: 32px; line-height: 1; } ._alertText_1pohr_259 { display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; max-width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: normal; word-break: break-word; color: var(--color-text-danger); font-size: var(--font-size-2xs); line-height: 1.25; } ._deletedExecutionRowIndex_1pohr_274 { color: var(--color-text-base); font-weight: var(--font-weight-regular); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._container_iy8cy_123 { display: flex; flex-direction: column; height: 100%; } ._container_iy8cy_123 > * { overflow: visible; margin-bottom: var(--spacing-s); } ._container_iy8cy_123 > *:last-child { margin-bottom: 0; } ._textContainer_iy8cy_137 { text-align: left; margin: 0; margin-bottom: 5px; } ._formContainer_iy8cy_143 { padding-bottom: var(--spacing-xl); } ._qrContainer_iy8cy_147 { text-align: center; } ._qrContainer_iy8cy_147 canvas { border: 4px solid var(--color-qr-code-border); } ._headerContainer_iy8cy_154 { text-align: center; } ._recoveryCodesContainer_iy8cy_158 { display: flex; flex-direction: column; background-color: var(--color-mfa-recovery-code-background); text-align: center; flex-wrap: nowrap; justify-content: space-between; align-items: normal; align-content: normal; padding-top: var(--spacing-xs); padding-bottom: var(--spacing-xs); gap: var(--spacing-xs); margin-bottom: var(--spacing-2xs); overflow-y: auto; } ._recoveryCodesContainer_iy8cy_158 span { font-size: var(--font-size-s); font-weight: var(--font-weight-regular); line-height: var(--spacing-m); color: var(--color-mfa-recovery-code-color); } ._form_iy8cy_143:first-child span { color: var(--color-text-base); font-weight: var(--font-weight-regular); font-size: var(--font-size-s); } ._form_iy8cy_143 input { width: 50%; height: 30px; } ._secret_iy8cy_192 { color: var(--color-primary); font-weight: var(--font-weight-bold); } ._loseAccessText_iy8cy_197 { color: var(--color-mfa-lose-access-text-color); } ._error_iy8cy_201 input { border-color: var(--color-danger); } ._error_iy8cy_201 > div > span { color: var(--color-danger); font-size: var(--font-size-2xs); } ._modalFooter_iy8cy_210 { justify-content: space-between; display: flex; flex-direction: row; } ._notice_iy8cy_216 { margin: 0; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ .el-drawer__header { margin: 0; padding: 30px 30px 0; } .el-drawer__body { overflow: hidden; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._title_1dyir_123 { height: 16px; text-align: center; } @media (max-width: 768px) { ._title_1dyir_123 { margin-top: 10px; padding: 0 15px; } } ._title_1dyir_123 h2 { color: var(--color-nps-survey-font); } ._content_1dyir_137 { display: flex; justify-content: center; margin-bottom: 10px; } @media (max-width: 768px) { ._content_1dyir_137 { margin-top: 20px; } } ._wrapper_1dyir_148 { display: flex; flex-direction: column; } ._wrapper_1dyir_148 ._text_1dyir_152 span { color: var(--color-nps-survey-font); } ._buttons_1dyir_156 { display: flex; } ._container_1dyir_160 { margin: 0 8px; } @media (max-width: 768px) { ._container_1dyir_160 { margin: 0 4px; } } ._container_1dyir_160:first-child { margin-left: 0; } ._container_1dyir_160:last-child { margin-right: 0; } ._text_1dyir_152 { margin-top: 8px; display: flex; justify-content: space-between; } ._input_1dyir_181 { display: flex; align-items: center; } ._button_1dyir_156 { margin-left: 10px; } ._feedback_1dyir_190 { display: flex; flex-direction: column; align-items: flex-end; margin-top: 2px; position: relative; } ._feedbackInput_1dyir_198 { width: 350px; max-width: 100%; margin-bottom: 10px; } ._feedbackInput_1dyir_198 textarea { resize: none; font-family: var(--font-family); } ._npsSurvey_1dyir_209 { background: var(--color-nps-survey-background); height: 120px; top: auto; } @media (max-width: 768px) { ._npsSurvey_1dyir_209 { height: 140px; } } @media (max-width: 768px) { ._npsSurvey_1dyir_209 { height: 140px !important; } } ._npsSurvey_1dyir_209 header { height: 50px; margin: 0; padding: 18px 0 16px; } ._npsSurvey_1dyir_209 header button { top: 12px; right: 16px; position: absolute; font-weight: var(--font-weight-bold); color: var(--color-nps-survey-font); } @media (max-width: 768px) { ._npsSurvey_1dyir_209 header button { top: 2px; right: 2px; } }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._container_osumz_123 > div, ._container_osumz_123 section > div:not(:last-child) { margin-bottom: var(--spacing-m); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._buttons_1iwor_123 { display: flex; justify-content: flex-end; } ._textBlock_1iwor_128 { display: block; margin-top: var(--spacing-s); } ._tooltipText_1iwor_133 { text-decoration: underline; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._area_gkb8w_123 { border: dashed 1px var(--color-foreground-dark); border-radius: var(--border-radius-large); background: var(--color-background-light); padding: var(--spacing-s) var(--spacing-m); display: flex; align-items: baseline; justify-content: center; font-size: var(--font-size-s); transition: border-color 0.1s ease-in; box-shadow: inset 0 0 0 1.5px var(--color-background-xlight); } ._area_gkb8w_123:not(._active_gkb8w_135):hover { border-color: var(--color-ndv-droppable-parameter); background: var(--color-ndv-droppable-parameter-background); } ._droppable_gkb8w_140 { border-color: var(--color-ndv-droppable-parameter); border-width: 1.5px; background: var(--color-ndv-droppable-parameter-background); } ._active_gkb8w_135 { border-color: var(--color-success); background: var(--color-ndv-droppable-parameter-active-background); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._triple_1wm1c_123 { display: flex; flex-wrap: nowrap; align-items: flex-start; } ._observer_1wm1c_129 { --parameter-input-options-height: 22px; width: 100%; position: relative; } ._background_1wm1c_135 { position: absolute; background-color: var(--color-background-input-triple); top: var(--parameter-input-options-height); bottom: 0; left: 0; right: 0; border: 1px solid var(--border-color-base); border-radius: var(--border-radius-base); } ._item_1wm1c_146 { flex-shrink: 0; flex-basis: 240px; flex-grow: 1; --input-border-radius: 0; } ._default_1wm1c_153 ._item_1wm1c_146:not(:first-child):not(:focus-within + ._item_1wm1c_146) { margin-left: -1px; } ._middle_1wm1c_157 { flex-grow: 0; flex-basis: 160px; padding-top: var(--parameter-input-options-height); } ._item_1wm1c_146:first-of-type { --input-border-top-left-radius: var(--border-radius-base); --input-border-bottom-left-radius: var(--border-radius-base); --input-border-top-right-radius: 0; --input-border-bottom-right-radius: 0; } ._item_1wm1c_146:last-of-type { --input-border-top-left-radius: 0; --input-border-bottom-left-radius: 0; --input-border-top-right-radius: var(--border-radius-base); --input-border-bottom-right-radius: var(--border-radius-base); } ._medium_1wm1c_177:not(._noRightSlot_1wm1c_177) { flex-wrap: wrap; } ._medium_1wm1c_177:not(._noRightSlot_1wm1c_177) ._middle_1wm1c_157 { --input-border-top-right-radius: var(--border-radius-base); --input-border-bottom-right-radius: 0; } ._medium_1wm1c_177:not(._noRightSlot_1wm1c_177) ._middle_1wm1c_157:not(:focus-within + ._item_1wm1c_146) { margin-left: -1px; } ._medium_1wm1c_177:not(._noRightSlot_1wm1c_177) ._item_1wm1c_146:first-of-type { --input-border-top-left-radius: var(--border-radius-base); --input-border-top-right-radius: 0; --input-border-bottom-left-radius: 0; } ._medium_1wm1c_177:not(._noRightSlot_1wm1c_177) ._item_1wm1c_146:last-of-type { flex-basis: 400px; --input-border-top-left-radius: 0; --input-border-top-right-radius: 0; --input-border-bottom-left-radius: var(--border-radius-base); --input-border-bottom-right-radius: var(--border-radius-base); } ._medium_1wm1c_177:not(._noRightSlot_1wm1c_177) ._item_1wm1c_146:last-of-type:not(:focus-within ~ ._item_1wm1c_146) { margin-top: -1px; } ._stacked_1wm1c_203 { display: block; } ._stacked_1wm1c_203 ._middle_1wm1c_157 { padding-top: 0; } ._stacked_1wm1c_203 ._middle_1wm1c_157:not(._item_1wm1c_146:last-of-type) { width: 100%; --input-border-radius: 0; } ._stacked_1wm1c_203 ._item_1wm1c_146:first-of-type { --input-border-top-left-radius: var(--border-radius-base); --input-border-top-right-radius: var(--border-radius-base); --input-border-bottom-left-radius: 0; --input-border-bottom-right-radius: 0; } ._stacked_1wm1c_203 ._item_1wm1c_146:not(:first-of-type):not(:focus-within + ._item_1wm1c_146) { margin-top: -1px; } ._stacked_1wm1c_203 ._item_1wm1c_146:last-of-type { --input-border-top-left-radius: 0; --input-border-top-right-radius: 0; --input-border-bottom-left-radius: var(--border-radius-base); --input-border-bottom-right-radius: var(--border-radius-base); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._icon_1mrta_123 { color: var(--color-text-light); } ._option_1mrta_127 { display: flex; gap: var(--spacing-2xs); align-items: center; font-size: var(--font-size-s); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._wrapper_uj0ro_123 { position: relative; display: flex; align-items: flex-end; gap: var(--spacing-4xs); } ._wrapper_uj0ro_123._hasIssues_uj0ro_129 { --input-border-color: var(--color-danger); } ._wrapper_uj0ro_123._hasHint_uj0ro_132 { padding-bottom: var(--spacing-s); } ._wrapper_uj0ro_123:hover ._iconButton_uj0ro_135 { opacity: 1; } ._inputs_uj0ro_139 { display: flex; flex-direction: column; flex-grow: 1; min-width: 0; } ._inputs_uj0ro_139 > div { flex-grow: 1; } ._value_uj0ro_149 { position: relative; } ._value_uj0ro_149 ._hint_uj0ro_152 { position: absolute; bottom: calc(var(--spacing-s) * -1); left: 0; right: 0; } ._value_uj0ro_149 ._optionsPadding_uj0ro_158 { width: calc(100% - 140px); } ._iconButton_uj0ro_135 { position: absolute; left: 0; opacity: 0; transition: opacity 100ms ease-in; color: var(--icon-base-color); } ._extraTopPadding_uj0ro_170 { top: calc(20px + var(--spacing-l)); } ._defaultTopPadding_uj0ro_174 { top: var(--spacing-l); } ._status_uj0ro_178 { align-self: flex-start; padding-top: 28px; } ._statusIcon_uj0ro_183 { padding-left: var(--spacing-4xs); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._assignmentCollection_12fz8_123 { display: flex; flex-direction: column; margin: var(--spacing-xs) 0; } ._content_12fz8_129 { display: flex; gap: var(--spacing-l); flex-direction: column; } ._assignments_12fz8_135 { display: flex; flex-direction: column; gap: var(--spacing-4xs); } ._assignment_12fz8_123 { padding-left: var(--spacing-l); } ._dropAreaWrapper_12fz8_145 { cursor: pointer; } ._dropAreaWrapper_12fz8_145:not(._empty_12fz8_148 ._dropAreaWrapper_12fz8_145) { padding-left: var(--spacing-l); } ._dropAreaWrapper_12fz8_145:hover ._add_12fz8_151 { color: var(--color-primary-shade-1); } ._dropArea_12fz8_145 { display: flex; align-items: center; flex-wrap: wrap; justify-content: center; font-size: var(--font-size-xs); color: var(--color-text-dark); gap: 1ch; min-height: 24px; } ._dropArea_12fz8_145 > span { word-wrap: break-word; overflow-wrap: break-word; word-break: break-word; white-space: normal; max-width: 100%; } ._or_12fz8_173 { color: var(--color-text-light); font-size: var(--font-size-2xs); } ._add_12fz8_151 { color: var(--color-primary); font-weight: var(--font-weight-bold); } ._activeField_12fz8_183 { font-weight: var(--font-weight-bold); color: var(--color-ndv-droppable-parameter); } ._active_12fz8_183 ._activeField_12fz8_183 { color: var(--color-success); } ._empty_12fz8_148 ._dropArea_12fz8_145 { flex-direction: column; align-items: center; gap: var(--spacing-3xs); min-height: 20vh; } ._empty_12fz8_148 ._droppable_12fz8_198 ._dropArea_12fz8_145 { flex-direction: row; gap: 1ch; } ._empty_12fz8_148 ._content_12fz8_129 { gap: var(--spacing-s); } ._icon_12fz8_206 { font-size: var(--font-size-2xl); } ._ghost_12fz8_210, ._dragging_12fz8_211 { border-radius: var(--border-radius-base); padding-right: var(--spacing-xs); padding-bottom: var(--spacing-xs); } ._ghost_12fz8_210 { background-color: var(--color-background-base); opacity: 0.5; } ._dragging_12fz8_211 { background-color: var(--color-background-xlight); opacity: 0.7; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._input_rn80o_123 * { border: 1.5px transparent !important; } ._input_rn80o_123 { border-radius: var(--border-radius-base); } ._input_rn80o_123 textarea { font-size: var(--font-size-2xs); padding-bottom: var(--spacing-2xl); font-family: var(--font-family); resize: none; margin: 0; } ._intro_rn80o_139 { font-weight: var(--font-weight-bold); font-size: var(--font-size-2xs); color: var(--color-text-dark); padding: var(--spacing-2xs) 0 0; } ._inputContainer_rn80o_146 { position: relative; } ._meta_rn80o_150 { display: flex; justify-content: space-between; position: absolute; padding-bottom: var(--spacing-2xs); padding-top: var(--spacing-2xs); bottom: 2px; left: var(--spacing-xs); right: var(--spacing-xs); gap: var(--spacing-2xs); align-items: end; z-index: 1; background-color: var(--color-foreground-xlight); } ._meta_rn80o_150 * { font-size: var(--font-size-2xs); line-height: 1; } ._counter_rn80o_169 { color: var(--color-text-light); flex-shrink: 0; } ._controls_rn80o_174 { padding: var(--spacing-2xs) 0; display: flex; justify-content: flex-end; } ._warning-text_rn80o_180 { color: var(--color-warning); line-height: 1.2; } ._droppable_rn80o_185 { border: 1.5px dashed var(--color-ndv-droppable-parameter) !important; } ._activeDrop_rn80o_189 { border: 1.5px solid var(--color-success) !important; cursor: grabbing; } ._disabled_rn80o_194 ._meta_rn80o_150 { background-color: var(--fill-disabled); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._icon_1jzja_123 { color: var(--color-text-light); } ._groups_1jzja_127 { display: flex; flex-direction: column; } ._group_1jzja_127 { display: flex; gap: var(--spacing-2xs); align-items: center; justify-content: space-between; font-size: var(--font-size-s); line-height: var(--font-line-height-regular); color: var(--color-text-dark); padding: var(--spacing-2xs) var(--spacing-s); cursor: pointer; } ._group_1jzja_127._suggested_1jzja_143 { font-weight: var(--font-weight-bold); } ._group_1jzja_127:hover { background: var(--color-background-base); } ._groupTitle_1jzja_150 { display: flex; gap: var(--spacing-2xs); align-items: center; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._wrapper_krvsp_123 { position: relative; display: flex; align-items: flex-end; gap: var(--spacing-4xs); } ._wrapper_krvsp_123._hasIssues_krvsp_129 { --input-border-color: var(--color-danger); } ._wrapper_krvsp_123:hover ._iconButton_krvsp_132 { opacity: 1; } ._status_krvsp_136 { align-self: flex-start; padding-top: 28px; } ._iconButton_krvsp_132 { position: absolute; left: 0; opacity: 0; transition: opacity 100ms ease-in; color: var(--icon-base-color); } ._defaultTopPadding_krvsp_149 { top: var(--spacing-m); } ._extraTopPadding_krvsp_153 { top: calc(14px + var(--spacing-m)); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._combinatorSelect_1r657_123 { max-width: 80px; line-height: var(--font-line-height-xloose); font-size: var(--font-size-2xs); color: var(--color-text-light); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._filter_1vt3o_123 { display: flex; flex-direction: column; margin: var(--spacing-xs) 0; } ._conditions_1vt3o_129 { display: flex; flex-direction: column; gap: var(--spacing-4xs); } ._combinator_1vt3o_135 { position: relative; z-index: 1; margin-top: var(--spacing-2xs); margin-bottom: calc(var(--spacing-2xs) * -1); margin-left: var(--spacing-l); } ._condition_1vt3o_129 { padding-left: var(--spacing-l); padding-bottom: var(--spacing-xs); } ._single_1vt3o_148 ._condition_1vt3o_129 { padding-left: 0; } ._single_1vt3o_148 ._content_1vt3o_151 { margin-top: calc(var(--spacing-xs) * -1); } ._addConditionWrapper_1vt3o_155 { margin-top: var(--spacing-l); margin-left: var(--spacing-l); } ._addCondition_1vt3o_155 { font-weight: var(--font-weight-normal); --button-font-color: var(--color-text-dark); --button-border-color: var(--color-foreground-base); --button-background-color: var(--color-background-base); --button-hover-font-color: var(--color-text-dark); --button-hover-border-color: var(--color-foreground-base); --button-hover-background-color: var(--color-background-base); --button-active-font-color: var(--color-text-dark); --button-active-border-color: var(--color-foreground-base); --button-active-background-color: var(--color-background-base); --button-focus-font-color: var(--color-text-dark); --button-focus-border-color: var(--color-foreground-base); --button-focus-background-color: var(--color-background-base); } ._addCondition_1vt3o_155:hover, ._addCondition_1vt3o_155:focus, ._addCondition_1vt3o_155:active { outline: none; } ._ghost_1vt3o_179, ._dragging_1vt3o_180 { border-radius: var(--border-radius-base); padding-right: var(--spacing-xs); } ._ghost_1vt3o_179 { background-color: var(--color-background-base); opacity: 0.5; } ._dragging_1vt3o_180 { background-color: var(--color-background-xlight); opacity: 0.7; } ._dragging_1vt3o_180 > ._combinator_1vt3o_135 { display: none; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._importSection_13kg9_123 { display: flex; flex-direction: row-reverse; margin-top: var(--spacing-xs); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ .collection-parameter { padding-left: var(--spacing-s); } .collection-parameter .param-options { margin-top: var(--spacing-xs); } .collection-parameter .param-options .button { color: var(--color-text-dark); font-weight: var(--font-weight-normal); --button-border-color: var(--color-foreground-base); --button-background-color: var(--color-background-base); --button-hover-font-color: var(--color-button-secondary-font); --button-hover-border-color: var(--color-foreground-base); --button-hover-background-color: var(--color-background-base); --button-active-font-color: var(--color-button-secondary-font); --button-active-border-color: var(--color-foreground-base); --button-active-background-color: var(--color-background-base); --button-focus-font-color: var(--color-button-secondary-font); --button-focus-border-color: var(--color-foreground-base); --button-focus-background-color: var(--color-background-base); } .collection-parameter .param-options .button:active, .collection-parameter .param-options .button.active, .collection-parameter .param-options .button:focus { outline: none; } .collection-parameter .no-items-exist { margin: var(--spacing-xs) 0; } .collection-parameter .option { position: relative; padding: 0.25em 0 0.25em 1em; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ .duplicate-parameter[data-v-07740147] .button { --button-background-color: var(--color-background-base); --button-border-color: var(--color-foreground-base); } .duplicate-parameter[data-v-07740147] .duplicate-parameter-item { position: relative; } .duplicate-parameter[data-v-07740147] .duplicate-parameter-item .multi > .delete-item { top: 0.1em; } .duplicate-parameter[data-v-07740147] .duplicate-parameter-input-item { margin: 0.5em 0 0.25em 2em; } .duplicate-parameter[data-v-07740147] .duplicate-parameter-item + .duplicate-parameter-item .collection-parameter-wrapper { border-top: 1px dashed #999; margin-top: var(--spacing-xs); } .duplicate-parameter-item ~ .add-item-wrapper[data-v-07740147] { margin-top: var(--spacing-xs); } .delete-item[data-v-07740147] { display: none; position: absolute; left: 0.1em; top: 0.3em; z-index: 999; color: #f56c6c; width: 15px; font-size: var(--font-size-2xs); } .delete-item[data-v-07740147] :hover { color: #f00; } .no-items-exist[data-v-07740147] { margin: var(--spacing-xs) 0; } .duplicate-parameter-item:hover > .delete-item { display: inline; } .duplicate-parameter-item .multi > .delete-item { top: 0.1em; } /* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._parameterItem_okbjr_123 { --delete-option-width: 22px; display: flex; padding: 0 0 0 var(--spacing-s); } ._parameterItem_okbjr_123 ._parameterInput_okbjr_128 { width: calc(100% - var(--delete-option-width)); } ._parameterItem_okbjr_123 ._parameterInput_okbjr_128:first-child { margin-left: var(--delete-option-width); } ._parameterItem_okbjr_123._hasIssues_okbjr_134 ._parameterIssues_okbjr_134 { float: none; padding-top: var(--spacing-xl); } ._parameterItem_okbjr_123._hasIssues_okbjr_134 input, ._parameterItem_okbjr_123._hasIssues_okbjr_134 input:focus { --input-border-color: var(--color-danger); border-color: var(--color-danger); } ._parameterTooltipIcon_okbjr_144 { font-size: var(--font-size-2xs); color: var(--color-text-light) !important; width: 26px; text-align: center; } ._addOption_okbjr_151 { margin-top: var(--spacing-l); padding: 0 0 0 var(--spacing-s); } ._staleDataWarning_okbjr_156 { display: flex; height: var(--spacing-m); align-items: baseline; gap: var(--spacing-5xs); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._typeConversionOptions_1mc9u_123 { display: grid; padding: var(--spacing-m); gap: var(--spacing-2xs); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ .parameter-input-list-wrapper { --disabled-fill: var(--color-background-base); } .parameter-input-list-wrapper .icon-button { position: absolute; opacity: 0; top: -3px; left: calc(-0.5 * var(--spacing-xs)); transition: opacity 100ms ease-in; } .parameter-input-list-wrapper .icon-button Button { color: var(--color-icon-base); } .parameter-input-list-wrapper .icon-button > Button:hover { color: var(--color-icon-hover); } .parameter-input-list-wrapper .indent > div { padding-left: var(--spacing-s); } .parameter-input-list-wrapper .multi-parameter { position: relative; margin: var(--spacing-xs) 0; } .parameter-input-list-wrapper .multi-parameter .parameter-info { display: none; } .parameter-input-list-wrapper .parameter-item { position: relative; margin: var(--spacing-xs) 0; } .parameter-input-list-wrapper .parameter-item:hover > .icon-button, .parameter-input-list-wrapper .multi-parameter:hover > .icon-button { opacity: 1; } .parameter-input-list-wrapper .parameter-notice { background-color: var(--color-warning-tint-2); color: var(--color-text-dark); margin: 0.3em 0; padding: 0.7em; } .parameter-input-list-wrapper .parameter-notice a { font-weight: var(--font-weight-bold); } .parameter-input-list-wrapper .async-notice { display: block; padding: var(--spacing-3xs) 0; } .parameter-input-list-wrapper .callout-dismiss { margin-left: var(--spacing-xs); line-height: 1; cursor: pointer; } .parameter-input-list-wrapper .callout-dismiss:hover { color: var(--color-icon-hover); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._eventListCard_1g8cw_123 { margin-left: 1em; } ._eventList_1g8cw_123 { height: auto; overflow-y: auto; padding: 0; margin: 0; list-style: none; } ._eventList_1g8cw_123 ._eventListItem_1g8cw_135 { display: flex; align-items: center; justify-content: left; margin: 10px; color: var(--el-color-primary); } ._eventListItemDisabled_1g8cw_143 > label > span > span { background-color: transparent !important; } ._eventListItemDisabled_1g8cw_143 > label > span > span:after { border-color: rgb(54, 54, 54) !important; } ._eventList_1g8cw_123 ._eventListItem_1g8cw_135 + ._listItem_1g8cw_150 { margin-top: 10px; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._labelMargins_17xeq_123 { margin-bottom: 1em; margin-top: 1em; } ._typeSelector_17xeq_128 { width: 100%; margin-bottom: 1em; margin-top: 1em; } ._sidebarSwitches_17xeq_134 { margin-left: 1.5em; margin-bottom: 0.5em; } ._sidebarSwitches_17xeq_134 span { color: var(--color-text-dark) !important; } ._tabbar_17xeq_142 { margin-bottom: 1em; } ._mainContent_17xeq_146 { flex: 1; overflow: auto; padding-left: 1em; padding-right: 1em; padding-bottom: 2em; } ._sidebar_17xeq_134 { padding-top: 1em; max-width: 170px; min-width: 170px; margin-right: var(--spacing-l); flex-grow: 1; } ._sidebar_17xeq_134 ul { padding: 0 !important; } ._cardTitle_17xeq_165 { font-size: 14px; font-weight: var(--font-weight-bold); } ._header_17xeq_170 { display: flex; min-height: 61px; } ._headerCreate_17xeq_175 { display: flex; font-size: 20px; } ._container_17xeq_180 { display: flex; height: 100%; } ._destinationInfo_17xeq_185 { flex-grow: 1; display: flex; width: 100%; flex-direction: column; gap: var(--spacing-4xs); margin-bottom: var(--spacing-l); } ._destinationActions_17xeq_194 { display: flex; flex-direction: row; align-items: center; margin-right: var(--spacing-xl); margin-bottom: var(--spacing-l); } ._destinationActions_17xeq_194 > * { margin-left: var(--spacing-2xs); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._notice_3fzof_123 { margin-top: 0; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._credentialOption_9g66k_123 { display: flex; flex-direction: column; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._dropdown_3jb1j_123 { display: flex; } ._edit_3jb1j_127 { display: flex; justify-content: center; align-items: center; min-width: 20px; margin-left: var(--spacing-2xs); font-size: var(--font-size-s); } ._invisible_3jb1j_136 { visibility: hidden; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ i[data-v-ac9ff91a] { color: var(--color-success); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._container_qxzuz_123 { list-style: none; } ._heading_qxzuz_127 { display: flex; align-items: center; margin-bottom: var(--spacing-2xs); } ._headingOrder_qxzuz_133 { font-weight: var(--font-weight-bold); margin-right: var(--spacing-xs); } ._headingIcon_qxzuz_138 { margin-right: var(--spacing-2xs); } ._description_qxzuz_142 { margin-bottom: var(--spacing-l); font-size: var(--font-size-s); color: var(--color-text-base); } ._credentials_qxzuz_148 { max-width: 400px; display: flex; align-items: center; } ._credentialPicker_qxzuz_154 { flex: 1; } ._credentialOk_qxzuz_158 { margin-left: var(--spacing-2xs); font-size: 24px; } ._invisible_qxzuz_163 { visibility: hidden; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._grid_115ok_123 { margin: 0 auto; margin-top: var(--spacing-l); display: flex; flex-direction: column; justify-content: center; } ._notice_115ok_131 { margin-bottom: var(--spacing-2xl); } ._appCredentialsContainer_115ok_135 { display: flex; flex-direction: column; gap: var(--spacing-2xl); margin-bottom: var(--spacing-2xl); } ._appCredential_115ok_135:not(:last-of-type) { padding-bottom: var(--spacing-2xl); border-bottom: 1px solid var(--color-foreground-light); } ._footer_115ok_147 { display: flex; justify-content: flex-end; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._sourceControlPull_ufm14_123.el-dialog { margin: 0; } ._sourceControlPull_ufm14_123 .el-dialog__header { padding-bottom: var(--spacing-xs); } ._filtersRow_ufm14_130 { display: flex; align-items: center; gap: 8px; justify-content: space-between; } ._filters_ufm14_130 { display: flex; align-items: center; gap: 8px; } ._headerTitle_ufm14_143 { flex-shrink: 0; margin-bottom: 0; padding: 10px 16px; } ._filtersApplied_ufm14_149 { border-top: var(--border-base); } ._scroller_ufm14_153 { max-height: 100%; scrollbar-color: var(--color-foreground-base) transparent; outline: var(--border-base); } ._scroller_ufm14_153 .scrollerItem:last-child ._listItem_ufm14_158 { border-bottom: 0; } ._listItem_ufm14_158 { display: flex; align-items: center; justify-content: space-between; padding: 10px 16px; margin: 0; border-bottom: var(--border-base); gap: 30px; } ._itemContent_ufm14_172 { flex: 1; min-width: 0; } ._listItemName_ufm14_177 { line-clamp: 2; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; word-wrap: break-word; } ._listItemName_ufm14_177 a { color: inherit; text-decoration: none; } ._listItemName_ufm14_177 a:hover { text-decoration: underline; } ._badges_ufm14_194 { display: flex; gap: 10px; align-items: center; flex-shrink: 0; } ._footer_ufm14_201 { display: flex; flex-direction: row; justify-content: flex-end; margin-top: 8px; } ._table_ufm14_208 { height: 100%; overflow: hidden; display: flex; flex-direction: column; border: var(--border-base); border-top-right-radius: 8px; border-bottom-right-radius: 8px; } ._tableHeader_ufm14_218 { border-bottom: var(--border-base); display: flex; flex-direction: column; } ._tabs_ufm14_224 { display: flex; flex-direction: column; gap: 4px; width: 165px; padding: var(--spacing-2xs); border: var(--border-base); border-right: 0; border-top-left-radius: 8px; border-bottom-left-radius: 8px; } ._tab_ufm14_208 { color: var(--color-text-base); background-color: transparent; border: 1px solid transparent; padding: var(--spacing-2xs); cursor: pointer; border-radius: 4px; text-align: left; display: flex; flex-direction: column; gap: 2px; } ._tab_ufm14_208:hover { border-color: var(--color-background-base); } ._tabActive_ufm14_252 { background-color: var(--color-background-base); color: var(--color-text-dark); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._filtersRow_1gyqx_123 { display: flex; align-items: center; gap: 8px; justify-content: space-between; } ._filters_1gyqx_123 { display: flex; align-items: center; gap: 8px; } ._selectAll_1gyqx_136 { flex-shrink: 0; margin-bottom: 0; padding: 10px 16px; } ._filtersApplied_1gyqx_142 { border-top: var(--border-base); } ._scroller_1gyqx_146 { max-height: 100%; scrollbar-color: var(--color-foreground-base) transparent; outline: var(--border-base); } ._scroller_1gyqx_146 .scrollerItem:last-child ._listItem_1gyqx_151 { border-bottom: 0; } ._listItem_1gyqx_151 { align-items: center; padding: 10px 16px; margin: 0; border-bottom: var(--border-base); } ._listItem_1gyqx_151 ._listItemName_1gyqx_161 { line-clamp: 2; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; word-wrap: break-word; /* Important for long words! */ } ._listItem_1gyqx_151 .el-checkbox__label { display: flex; width: 100%; justify-content: space-between; align-items: center; gap: 30px; } ._listItem_1gyqx_151 .el-checkbox__inner { transition: none; } ._badges_1gyqx_181 { display: flex; gap: 10px; align-items: center; } ._footer_1gyqx_187 { display: flex; flex-direction: row; justify-content: flex-end; margin-top: 8px; } ._sourceControlPush_1gyqx_194.el-dialog { margin: 0; } ._sourceControlPush_1gyqx_194 .el-dialog__header { padding-bottom: var(--spacing-xs); } ._table_1gyqx_201 { height: 100%; overflow: hidden; display: flex; flex-direction: column; border: var(--border-base); border-top-right-radius: 8px; border-bottom-right-radius: 8px; } ._tableHeader_1gyqx_211 { border-bottom: var(--border-base); display: flex; flex-direction: column; } ._tabs_1gyqx_217 { display: flex; flex-direction: column; gap: 4px; width: 165px; padding: var(--spacing-2xs); border: var(--border-base); border-right: 0; border-top-left-radius: 8px; border-bottom-left-radius: 8px; } ._tab_1gyqx_201 { color: var(--color-text-base); background-color: transparent; border: 1px solid transparent; padding: var(--spacing-2xs); cursor: pointer; border-radius: 4px; text-align: left; display: flex; flex-direction: column; gap: 2px; } ._tab_1gyqx_201:hover { border-color: var(--color-background-base); } ._tabActive_1gyqx_245 { background-color: var(--color-background-base); color: var(--color-text-dark); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ .tags-header[data-v-4fbc03ec] { margin-bottom: 15px; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._tags-table_p819s_123 :deep(tr._disabled_p819s_123) { pointer-events: none; } ._name_p819s_127 { min-height: 45px; display: flex; align-items: center; } ._ops_p819s_133 { min-height: 45px; justify-content: flex-end; align-items: center; display: flex; flex-wrap: nowrap; float: right; } ._ops_p819s_133 > * { margin: 2px; } ._ops_p819s_133._main_p819s_144 { display: none; margin-left: 2px; } ._disabled_p819s_123 { color: #afafaf; } ._hidden_p819s_153 { position: absolute; z-index: 0; opacity: 0; } tr:hover ._ops_p819s_133:not(._disabled_p819s_123) { display: flex; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ .fade-enter-active[data-v-661f7520], .fade-leave-active[data-v-661f7520] { transition: opacity 0.2s; } .fade-enter[data-v-661f7520], .fade-leave-to[data-v-661f7520] { opacity: 0; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._container_1hbqb_123 { display: flex; justify-content: center; align-items: center; margin-top: 45px; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ .notags[data-v-3694d382] { word-break: normal; text-align: center; } .notags[data-v-3694d382] > * { margin-bottom: 32px; } .icon[data-v-3694d382] { font-size: 36px; line-height: 14px; } .description[data-v-3694d382] { font-size: 14px; line-height: 21px; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._badge_1fuip_123 { font-size: 11px; line-height: 18px; max-height: 18px; font-weight: var(--font-weight-regular); display: flex; align-items: center; padding: 2px 4px; } ._danger_1fuip_133 { color: var(--color-danger); background-color: var(--color-primary-tint-3); border-color: var(--color-primary-tint-2); } ._warning_1fuip_140 { background-color: hsla(var(--color-warning-h), var(--color-warning-s), var(--color-warning-l), 0.3); color: var(--color-text-dark); border: none; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._icon_1o2zj_123 { font-size: 14px; height: 18px; color: var(--color-danger); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._card_kt7on_123 { background-color: var(--color-background-xlight); border: var(--border-base); border-radius: 8px; display: block; padding: 16px; text-decoration: none; } ._card_kt7on_123:hover { box-shadow: 0 2px 10px hsla(var(--color-background-dark-h), var(--color-background-dark-s), var(--color-background-dark-l), 0.07); } ._header_kt7on_135 { display: flex; flex-wrap: wrap; } ._header_kt7on_135 > * { display: flex; margin-bottom: 5px; } ._header_kt7on_135 > div:first-child { flex-grow: 1; } ._header_kt7on_135 > div:first-child > * { margin-right: 5px; } ._name_kt7on_150 { font-weight: var(--font-weight-bold); font-size: 16px; line-height: 18px; color: var(--color-text-base); } ._divider_kt7on_157 { border-bottom: var(--border-base); width: 100%; margin: 10px 0 15px; } ._description_kt7on_163 { font-size: 14px; font-weight: var(--font-weight-regular); line-height: 19px; color: var(--color-text-base); } ._release-date_kt7on_170 { font-size: 12px; line-height: 18px; font-weight: var(--font-weight-regular); color: var(--color-foreground-xdark); } ._nodes_kt7on_177 { display: grid; grid-template-columns: repeat(10, 1fr); grid-row-gap: 12px; margin-block-start: 24px; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._title_rchcj_123 { margin: 0; font-size: 24px; line-height: 24px; color: var(--color-text-dark); font-weight: var(--font-weight-regular); } ._description_rchcj_131 { padding: 0 30px; margin-block-start: 16px; margin-block-end: 30px; } ._description_rchcj_131 p { font-size: 16px; line-height: 22px; color: var(--color-text-base); font-weight: var(--font-weight-regular); margin: 0 0 16px; } ._description_rchcj_131 div { padding-top: 20px; } ._description_rchcj_131 ._link_rchcj_146 { padding-left: 0; display: flex; } ._description_rchcj_131 ._link_rchcj_146:hover { color: var(--color-primary); text-decoration: none; } ._versions_rchcj_155 { background-color: var(--color-background-light); border-top: var(--border-base); height: 100%; padding: 30px; overflow-y: scroll; padding-bottom: 220px; } ._versions-card_rchcj_164 { margin-block-end: 15px; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._container_5m20d_123 { margin-top: var(--spacing-m); margin-bottom: var(--spacing-s); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._footer_10jco_123 { display: flex; flex-direction: row; justify-content: flex-end; } ._footer_10jco_123 button { margin-left: var(--spacing-2xs); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ .workflow-settings[data-v-df76239a] { font-size: var(--font-size-s); } .workflow-settings .el-row[data-v-df76239a] { padding: 0.25em 0; } .setting-name[data-v-df76239a] { line-height: 32px; } .setting-name svg[data-v-df76239a] { display: inline-flex; opacity: 0; transition: opacity 0.3s ease; } .setting-name:hover svg[data-v-df76239a] { opacity: 1; } .timeout-input[data-v-df76239a] { margin-left: 5px; } .time-saved[data-v-df76239a] { display: flex; align-items: center; } .time-saved[data-v-df76239a] .el-input { width: 64px; } .time-saved span[data-v-df76239a] { margin-left: var(--spacing-2xs); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._container_1j416_123 { display: flex; flex-direction: column; height: 100%; } ._container_1j416_123 > * { overflow-wrap: break-word; } ._content_1j416_133 { display: flex; flex-direction: column; height: 100%; overflow-y: auto; } ._usersList_1j416_140 { height: 100%; overflow-y: auto; } ._actionButtons_1j416_145 { display: flex; justify-content: flex-end; align-items: center; } ._roleSelect_1j416_151 { max-width: 100px; } ._roleSelectRemoveOption_1j416_155 { border-top: 1px solid var(--color-foreground-base); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._popover_3lp7u_123 { min-width: 208px; margin-bottom: -8px; margin-left: -2px; } ._content_3lp7u_129 { display: flex; flex-direction: row; width: -moz-fit-content; width: fit-content; gap: var(--spacing-2xs); } ._color_3lp7u_136 { width: 20px; height: 20px; border-width: 1px; border-style: solid; border-color: var(--color-foreground-xdark); border-radius: 50%; background: var(--color-sticky-background); } ._color_3lp7u_136:hover { cursor: pointer; } ._color_3lp7u_136._selected_3lp7u_148 { box-shadow: 0 0 0 1px var(--color-sticky-background); } ._color_3lp7u_136._sticky-color-1_3lp7u_151 { --color-sticky-background: var(--color-sticky-background-1); } ._color_3lp7u_136._sticky-color-2_3lp7u_154 { --color-sticky-background: var(--color-sticky-background-2); } ._color_3lp7u_136._sticky-color-3_3lp7u_157 { --color-sticky-background: var(--color-sticky-background-3); } ._color_3lp7u_136._sticky-color-4_3lp7u_160 { --color-sticky-background: var(--color-sticky-background-4); } ._color_3lp7u_136._sticky-color-5_3lp7u_163 { --color-sticky-background: var(--color-sticky-background-5); } ._color_3lp7u_136._sticky-color-6_3lp7u_166 { --color-sticky-background: var(--color-sticky-background-6); } ._color_3lp7u_136._sticky-color-7_3lp7u_169 { --color-sticky-background: var(--color-sticky-background-7); } ._option_3lp7u_173 { display: inline-block; padding: var(--spacing-3xs); color: var(--color-text-light); } ._option_3lp7u_173 svg { width: var(--font-size-s) !important; } ._option_3lp7u_173:hover { color: var(--color-primary); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._status_1l7v1_123 { display: flex; align-items: center; gap: var(--spacing-5xs); font-weight: var(--font-weight-bold); } ._runData_1l7v1_130 { color: var(--color-success); } ._waiting_1l7v1_134 { color: var(--color-secondary); } ._pinnedData_1l7v1_138 { color: var(--color-secondary); } ._node-waiting-spinner_1l7v1_142, ._running_1l7v1_143 { color: hsl(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l)); } ._node-waiting-spinner_1l7v1_142._absoluteSpinner_1l7v1_146, ._running_1l7v1_143._absoluteSpinner_1l7v1_146 { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 3.75em; color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.7); position: absolute; left: 0; top: 0; padding: var(--canvas-node--status-icons-offset); } ._node-waiting-spinner_1l7v1_142._spinnerScrim_1l7v1_160, ._running_1l7v1_143._spinnerScrim_1l7v1_160 { z-index: 10; background-color: rgba(255, 255, 255, 0.82); border-radius: var(--border-radius-large); } ._issues_1l7v1_167 { color: var(--color-danger); cursor: default; } ._count_1l7v1_172 { font-size: var(--font-size-s); } ._warning_1l7v1_176 { color: var(--color-warning); } ._disabled_1l7v1_180 { color: var(--color-foreground-xdark); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._canvasNodeToolbar_gyx09_123 { padding-bottom: var(--spacing-xs); display: flex; justify-content: flex-end; width: 100%; } ._canvasNodeToolbar_gyx09_123._isExperimentalNdvActive_gyx09_129 { justify-content: space-between; align-items: center; padding-bottom: var(--spacing-3xs); zoom: var(--canvas-zoom-compensation-factor, 1); margin-bottom: var(--spacing-2xs); } ._canvasNodeToolbarItems_gyx09_137 { display: flex; align-items: center; justify-content: center; background-color: var(--color-canvas-background); border-radius: var(--border-radius-base); } ._canvasNodeToolbarItems_gyx09_137 .button { --button-font-color: var(--color-text-light); } ._forceVisible_gyx09_148 { opacity: 1 !important; } ._statusIcons_gyx09_152 { margin-inline-end: var(--spacing-3xs); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._disabledStrikeThrough_nl2g7_123 { border: 1px solid var(--color-foreground-dark); position: absolute; top: calc(var(--canvas-node--height) / 2 - 1px); left: -4px; width: calc(100% + 12px); pointer-events: none; } ._success_nl2g7_132 { border-color: var(--color-success-light); } ._warning_nl2g7_136 { border-color: var(--color-warning-tint-1); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._tooltipTrigger_dauyi_123 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } ._popper_dauyi_131 { white-space: nowrap; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._settingsIcons_dyu5s_123 { position: absolute; top: var(--canvas-node--status-icons-offset); right: var(--canvas-node--status-icons-offset); display: flex; flex-direction: row; } ._tooltipHeader_dyu5s_131 { display: flex; gap: 2px; } ._tooltipTitle_dyu5s_136 { font-weight: 600; font-size: inherit; line-height: inherit; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._container_1lo1n_123 { display: flex; justify-content: right; align-items: center; gap: var(--spacing-2xs); padding: var(--spacing-s); } ._separator_1lo1n_131 { height: var(--border-width-base); background: var(--color-foreground-base); margin-right: var(--spacing-s); margin-left: var(--spacing-s); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._container_178ym_123 { font-weight: var(--font-weight-medium); display: flex; font-size: var(--font-size-m); margin-right: var(--spacing-s); color: var(--color-text-dark); width: 100%; } ._textWrapper_178ym_132 { display: flex; flex-grow: 1; } ._iconWrapper_178ym_137 { display: inline-flex; margin-right: var(--spacing-2xs); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ #communityNode > div { cursor: auto; padding-right: 0; padding-left: 0; } #communityNode > div:hover { color: unset; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ .webhooks[data-v-0dd27b5e] { padding-bottom: var(--spacing-xs); margin: var(--spacing-xs) 0; border-bottom: 1px solid var(--color-text-lighter); } .webhooks .headline[data-v-0dd27b5e] { color: var(--color-primary); font-weight: var(--font-weight-bold); font-size: var(--font-size-2xs); } .http-field[data-v-0dd27b5e] { position: absolute; width: 50px; display: inline-block; top: calc(50% - 8px); } .http-method[data-v-0dd27b5e] { background-color: var(--color-foreground-xdark); width: 40px; height: 16px; line-height: 16px; margin-left: 5px; text-align: center; border-radius: 2px; font-size: var(--font-size-2xs); font-weight: var(--font-weight-bold); color: var(--color-foreground-xlight); } .minimize-icon[data-v-0dd27b5e] { font-size: 1.3em; margin-right: 0.5em; } .mode-selection-headline[data-v-0dd27b5e] { line-height: 1.8em; } .node-webhooks[data-v-0dd27b5e] { margin-left: 1em; } .url-field[data-v-0dd27b5e] { display: inline-block; width: calc(100% - 60px); margin-left: 55px; } .url-field-full-width[data-v-0dd27b5e] { display: inline-block; margin: 5px 10px; } .url-selection[data-v-0dd27b5e] { margin-top: var(--spacing-xs); } .minimize-button[data-v-0dd27b5e] { display: inline-block; transition-duration: 0.5s; transition-property: transform; } .expanded .minimize-button[data-v-0dd27b5e] { transform: rotate(90deg); } .webhook-url[data-v-0dd27b5e] { position: relative; top: 0; width: 100%; font-size: var(--font-size-2xs); white-space: normal; overflow: visible; text-overflow: initial; color: var(--color-text-dark); text-align: left; direction: ltr; word-break: break-all; } .webhook-wrapper[data-v-0dd27b5e] { line-height: 1.5; position: relative; margin-top: var(--spacing-xs); background-color: var(--color-foreground-xlight); border-radius: 3px; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ @keyframes _horizontal-shake_ac466_1 { 0% { transform: translateX(0); } 25% { transform: translateX(5px); } 50% { transform: translateX(-5px); } 75% { transform: translateX(5px); } 100% { transform: translateX(0); } } ._container_ac466_140 { --node-size: 45px; --plus-button-size: 30px; --animation-duration: 150ms; --collapsed-offset: 10px; padding-top: calc(var(--node-size) + var(--spacing-3xs)); } ._connections_ac466_148 { min-height: calc(var(--node-size) + var(--spacing-m)); position: absolute; bottom: calc(var(--node-size) / 2 * -1); left: 0; right: 0; -webkit-user-select: none; user-select: none; justify-content: space-between; display: grid; grid-template-columns: repeat(var(--possible-connections), 1fr); } ._connectionType_ac466_160 { display: flex; flex-direction: column; align-items: center; transition: all calc(var(--animation-duration) - 50ms) ease; } ._connectionLabel_ac466_167 { margin-bottom: var(--spacing-2xs); font-size: var(--font-size-2xs); -webkit-user-select: none; user-select: none; text-wrap: nowrap; } ._connectionLabel_ac466_167._hasIssues_ac466_173 { color: var(--color-danger); } ._connectedNodesWrapper_ac466_177 { display: flex; flex-direction: column; align-items: center; justify-content: space-between; position: relative; } ._plusButton_ac466_185 { transition: all var(--animation-duration) ease; position: absolute; top: var(--spacing-2xs); } ._plusButton_ac466_185._hasIssues_ac466_173 { animation: _horizontal-shake_ac466_1 500ms; } ._plusButton_ac466_185._hasIssues_ac466_173 button { --button-font-color: var(--color-danger); --button-border-color: var(--color-danger); } ._plusButton_ac466_185:not(:last-child) { z-index: 1; right: 100%; margin-right: calc(var(--plus-button-size) * -1 * 0.9); pointer-events: none; } ._connectedNodesWrapperExpanded_ac466_203 ._plusButton_ac466_185:not(:last-child) { margin-right: var(--spacing-2xs); opacity: 1; pointer-events: all; } ._connectedNodesMultiple_ac466_209 { transition: all var(--animation-duration) ease; } ._connectedNodesWrapperExpanded_ac466_203 { z-index: 1; } ._connections_ac466_148:has(._connectedNodesWrapperExpanded_ac466_203) ._connectionType_ac466_160:not(:has(._connectedNodesWrapperExpanded_ac466_203)) { opacity: 0; pointer-events: none; visibility: hidden; } ._connectedNode_ac466_177 { border: var(--border-base); background-color: var(--color-node-background); border-radius: 100%; padding: var(--spacing-xs); cursor: pointer; pointer-events: all; transition: all var(--animation-duration) ease; position: relative; display: flex; justify-self: center; align-self: center; } ._connectedNodes_ac466_177 { display: flex; justify-content: center; margin-right: calc((var(--nodes-length) - 1) * -1 * (var(--node-size) - var(--collapsed-offset))); } ._connectedNodesWrapperExpanded_ac466_203 ._connectedNodes_ac466_177 { margin-right: 0; margin-right: calc((var(--spacing-2xs) + var(--plus-button-size)) * -1); } ._nodeWrapper_ac466_247 { transition: all var(--animation-duration) ease; transform-origin: center; z-index: 1; } ._connectedNodesWrapperExpanded_ac466_203 ._nodeWrapper_ac466_247:not(:first-child) { margin-left: var(--spacing-2xs); } ._nodeWrapper_ac466_247._hasIssues_ac466_173 ._connectedNode_ac466_177 { border-width: calc(var(--border-width-base) * 2); border-color: var(--color-danger); } ._nodeWrapper_ac466_247:not(:first-child) { transform: translateX(calc(var(--node-index) * -1 * (var(--node-size) - var(--collapsed-offset)))); } ._connectedNodesWrapperExpanded_ac466_203 ._nodeWrapper_ac466_247 { transform: translateX(0); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._header_1hjs2_123 { --color-tabs-arrow-buttons: var(--color-background-xlight); display: flex; align-items: center; min-height: 40px; border-bottom: var(--border-base); } ._execute_1hjs2_131 { margin-right: var(--spacing-s); } ._tabs_1hjs2_135 { align-self: flex-end; } ._tabs_1hjs2_135 #communityNode { padding-right: var(--spacing-2xs); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._component_dbvbo_123 { border-bottom: var(--border-base); } ._title_dbvbo_127 { display: flex; align-items: center; padding: var(--spacing-2xs) var(--spacing-3xs) var(--spacing-2xs) var(--spacing-xs); border-bottom: var(--border-base); gap: var(--spacing-4xs); cursor: grab; } ._disabled_dbvbo_135 ._title_dbvbo_127 { background-color: var(--color-foreground-light); } ._titleText_dbvbo_139 { min-width: 0; flex-grow: 1; flex-shrink: 1; font-weight: var(--font-weight-medium); font-size: var(--font-size-s); overflow: hidden; /* Same amount of padding and negative margin for border to not be cut by overflow: hidden */ padding: var(--spacing-2xs); margin: calc(-1 * var(--spacing-2xs)); } ._subTitleText_dbvbo_151 { width: 0; flex-grow: 100; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-top: var(--spacing-5xs); } ._tabsContainer_dbvbo_160 { padding-top: var(--spacing-xs); padding-inline: var(--spacing-xs); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._nodeIsNotValid_penby_123 { height: 75%; padding: 10px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; line-height: var(--font-line-height-regular); } ._warningIcon_penby_134 { color: var(--color-text-lighter); font-size: var(--font-size-2xl); } ._descriptionContainer_penby_139 { display: flex; flex-direction: column; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._component_lfp36_123 { padding-block: var(--spacing-2xs); } ._label_lfp36_127 { padding: var(--spacing-3xs) var(--spacing-s); text-transform: uppercase; } ._option_lfp36_132 { display: flex; align-items: center; padding: var(--spacing-3xs) var(--spacing-s); gap: var(--spacing-2xs); cursor: pointer; } ._option_lfp36_132._selected_lfp36_139, ._option_lfp36_132:hover { background-color: var(--color-background-base); } ._optionText_lfp36_143 { flex-grow: 1; flex-shrink: 1; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._header_rmqow_123 { background-color: var(--color-background-base); } ._featureRequest_rmqow_127 { margin-top: auto; align-self: center; } ._featureRequest_rmqow_127 a { display: inline-flex; align-items: center; gap: var(--spacing-4xs); margin-top: var(--spacing-xl); font-size: var(--font-size-3xs); font-weight: var(--font-weight-bold); color: var(--color-text-light); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ .node-settings[data-v-9068b9f4] { display: flex; flex-direction: column; overflow: hidden; background-color: var(--color-background-xlight); height: 100%; width: 100%; } .node-settings .no-parameters[data-v-9068b9f4] { margin-top: var(--spacing-xs); } .node-settings .header-side-menu[data-v-9068b9f4] { padding: var(--spacing-s) var(--spacing-s) var(--spacing-s) var(--spacing-s); font-size: var(--font-size-l); display: flex; justify-content: space-between; } .node-settings .header-side-menu .node-name[data-v-9068b9f4] { padding-top: var(--spacing-5xs); margin-right: var(--spacing-s); } .node-settings .node-parameters-wrapper[data-v-9068b9f4] { display: flex; flex-direction: column; overflow-y: auto; padding: 0 var(--spacing-m) var(--spacing-l) var(--spacing-m); flex-grow: 1; } .node-settings .node-parameters-wrapper.ndv-v2[data-v-9068b9f4] { padding: 0 var(--spacing-s) var(--spacing-l) var(--spacing-s); } .node-settings.embedded .node-parameters-wrapper[data-v-9068b9f4] { padding: 0 var(--spacing-xs) var(--spacing-xs) var(--spacing-xs); } .node-settings.embedded .node-parameters-wrapper[data-v-9068b9f4]:has(.action-tab) { padding: 0 0 var(--spacing-xs) 0; } .node-settings.embedded .node-parameters-wrapper.with-static-scrollbar[data-v-9068b9f4] { padding: 0 var(--spacing-4xs) var(--spacing-xs) var(--spacing-xs); } .node-settings.embedded .node-parameters-wrapper.with-static-scrollbar[data-v-9068b9f4]:has(.action-tab) { padding: 0 0 var(--spacing-xs) 0; } @supports not (selector(::-webkit-scrollbar)) { .node-settings.embedded .node-parameters-wrapper.with-static-scrollbar[data-v-9068b9f4] { scrollbar-width: thin; } } @supports selector(::-webkit-scrollbar) { .node-settings.embedded .node-parameters-wrapper.with-static-scrollbar[data-v-9068b9f4]::-webkit-scrollbar { width: var(--spacing-2xs); } .node-settings.embedded .node-parameters-wrapper.with-static-scrollbar[data-v-9068b9f4]::-webkit-scrollbar-thumb { border-radius: var(--spacing-2xs); background: var(--color-foreground-dark); border: var(--spacing-5xs) solid var(--color-background-xlight); } } .node-settings.dragging[data-v-9068b9f4] { border-color: var(--color-primary); box-shadow: 0 6px 16px rgba(255, 74, 51, 0.15); } .parameter-content[data-v-9068b9f4] { font-size: 0.9em; margin-right: -15px; margin-left: -15px; } .parameter-content input[data-v-9068b9f4] { width: calc(100% - 35px); padding: 5px; } .parameter-content select[data-v-9068b9f4] { width: calc(100% - 20px); padding: 5px; } .parameter-content[data-v-9068b9f4]:before { display: table; content: " "; position: relative; box-sizing: border-box; clear: both; } .parameter-wrapper[data-v-9068b9f4] { padding: 0 1em; } .color-reset-button-wrapper[data-v-9068b9f4] { position: relative; } .color-reset-button[data-v-9068b9f4] { position: absolute; right: 7px; top: -25px; } .node-version[data-v-9068b9f4] { border-top: var(--border-base); font-size: var(--font-size-xs); font-size: var(--font-size-2xs); padding: var(--spacing-xs) 0 var(--spacing-2xs) 0; color: var(--color-text-light); } .parameter-value input.expression[data-v-9068b9f4] { border-style: dashed; border-color: #ff9600; display: inline-block; position: relative; width: 100%; box-sizing: border-box; background-color: #793300; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ [data-has-output-connection=true] .ndv-connection-hint-notice { display: none; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._actions_1bl57_123 { display: flex; align-items: center; color: var(--color-text-base); } ._actions_1bl57_123 > button { color: var(--color-text-light); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._component_g7un2_123 { align-items: flex-start !important; justify-content: stretch; border-width: 1px !important; border-radius: var(--border-radius-base) !important; overflow: hidden; --canvas-node--border-color: var(--color-text-lighter); --expanded-max-height: min( calc(var(--canvas-node--height) * 2), var(--max-height-on-focus), 300px ); } ._component_g7un2_123._expanded_g7un2_136 { -webkit-user-select: text; user-select: text; cursor: auto; height: auto; max-height: var(--expanded-max-height); min-height: var(--spacing-3xl); } .selected ._component_g7un2_123._expanded_g7un2_136 { max-height: var(--max-height-on-focus); } ._component_g7un2_123._collapsed_g7un2_146 { overflow: hidden; height: var(--spacing-2xl); } :root .vue-flow__node:has(._component_g7un2_123) { z-index: 10; } .selected :root .vue-flow__node:has(._component_g7un2_123) { z-index: 11; } ._collapsedContent_g7un2_158, ._settingsView_g7un2_159 { z-index: 1000; width: 100%; height: auto; max-height: calc(var(--expanded-max-height) - var(--border-width-base) * 2); min-height: var(--spacing-2xl); } .selected ._collapsedContent_g7un2_158, .selected ._settingsView_g7un2_159 { max-height: calc(var(--max-height-on-focus) - var(--border-width-base) * 2); } ._collapsedContent_g7un2_158 { height: 100%; display: flex; align-items: center; gap: var(--spacing-4xs); background-color: white; padding: var(--spacing-2xs) var(--spacing-4xs) var(--spacing-2xs) var(--spacing-2xs); background-color: var(--color-background-xlight); cursor: pointer; } ._disabled_g7un2_181 ._collapsedContent_g7un2_158 { background-color: var(--color-foreground-light); } ._collapsedContent_g7un2_158 > * { zoom: var(--canvas-zoom-compensation-factor, 1); flex-grow: 0; flex-shrink: 0; } ._collapsedNodeName_g7un2_190 { width: 0; flex-grow: 1; display: flex; flex-direction: column; gap: var(--spacing-5xs); } ._collapsedNodeName_g7un2_190 > * { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } ._settingsView_g7un2_159 > * { zoom: var(--canvas-zoom-compensation-factor, 1); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._node_z1mvy_123 { --canvas-node-border-width: 2px; --trigger-node--border-radius: 36px; --canvas-node--status-icons-offset: var(--spacing-3xs); --node-icon-color: var(--color-foreground-dark); position: relative; height: var(--canvas-node--height); width: var(--canvas-node--width); display: flex; align-items: center; justify-content: center; background: var(--canvas-node--background, var(--color-node-background)); border: var(--canvas-node-border-width) solid var(--canvas-node--border-color, var(--color-foreground-xdark)); border-radius: var(--border-radius-large); /** * Node types */ /** * State classes * The reverse order defines the priority in case multiple states are active */ } ._node_z1mvy_123._trigger_z1mvy_145 { border-radius: var(--trigger-node--border-radius) var(--border-radius-large) var(--border-radius-large) var(--trigger-node--border-radius); } ._node_z1mvy_123._configuration_z1mvy_148 { background: var(--canvas-node--background, var(--node-type-supplemental-background)); border: var(--canvas-node-border-width) solid var(--canvas-node--border-color, var(--color-foreground-dark)); border-radius: calc(var(--canvas-node--height) / 2); } ._node_z1mvy_123._configuration_z1mvy_148 ._statusIcons_z1mvy_153 { right: unset; } ._node_z1mvy_123._configurable_z1mvy_156 ._icon_z1mvy_156 { margin-left: calc(40px - (var(--node-icon-size)) / 2 - var(--canvas-node-border-width)); } ._node_z1mvy_123._configurable_z1mvy_156 ._description_z1mvy_159 { top: unset; position: relative; margin-top: 0; margin-left: var(--spacing-s); margin-right: var(--spacing-s); width: auto; min-width: unset; overflow: hidden; text-overflow: ellipsis; flex-grow: 1; flex-shrink: 1; } ._node_z1mvy_123._configurable_z1mvy_156 ._label_z1mvy_172 { text-align: left; } ._node_z1mvy_123._configurable_z1mvy_156 ._subtitle_z1mvy_175 { text-align: left; } ._node_z1mvy_123._configurable_z1mvy_156._configuration_z1mvy_148 ._icon_z1mvy_156 { margin-left: calc((var(--canvas-node--height) - var(--node-icon-size) - 4px) / 2); } ._node_z1mvy_123._configurable_z1mvy_156._configuration_z1mvy_148:not(._running_z1mvy_181) ._statusIcons_z1mvy_153 { position: static; margin-right: var(--spacing-2xs); } ._node_z1mvy_123._configurable_z1mvy_156._configuration_z1mvy_148 ._description_z1mvy_159 { margin-right: var(--spacing-xs); } ._node_z1mvy_123._selected_z1mvy_188 { box-shadow: 0 0 0 calc(8px * var(--canvas-zoom-compensation-factor, 1)) var(--color-canvas-selected-transparent); } ._node_z1mvy_123._success_z1mvy_191 { --canvas-node--border-color: var( --color-canvas-node-success-border-color, var(--color-success) ); } ._node_z1mvy_123._warning_z1mvy_197 { --canvas-node--border-color: var(--color-warning); } ._node_z1mvy_123._error_z1mvy_200 { --canvas-node--border-color: var(--color-canvas-node-error-border-color, var(--color-danger)); } ._node_z1mvy_123._pinned_z1mvy_203 { --canvas-node--border-color: var( --color-canvas-node-pinned-border-color, var(--color-node-pinned-border) ); } ._node_z1mvy_123._disabled_z1mvy_209 { --canvas-node--border-color: var( --color-canvas-node-disabled-border-color, var(--color-foreground-base) ); } ._node_z1mvy_123._running_z1mvy_181 { background-color: var(--color-node-executing-background); --canvas-node--border-color: var( --color-canvas-node-running-border-color, var(--color-node-running-border) ); } ._node_z1mvy_123._waiting_z1mvy_222 { --canvas-node--border-color: var( --color-canvas-node-waiting-border-color, var(--color-secondary) ); } ._description_z1mvy_159 { top: 100%; position: absolute; width: 100%; min-width: calc(var(--canvas-node--width) * 2); margin-top: var(--spacing-2xs); display: flex; flex-direction: column; gap: var(--spacing-4xs); pointer-events: none; } ._label_z1mvy_172, ._disabledLabel_z1mvy_242 { font-size: var(--font-size-m); text-align: center; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; overflow-wrap: anywhere; font-weight: var(--font-weight-medium); line-height: var(--font-line-height-compact); } ._subtitle_z1mvy_175 { width: 100%; text-align: center; color: var(--color-text-light); font-size: var(--font-size-xs); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: var(--font-line-height-compact); font-weight: var(--font-weight-regular); } ._statusIcons_z1mvy_153 { position: absolute; bottom: var(--canvas-node--status-icons-offset); right: var(--canvas-node--status-icons-offset); } ._icon_z1mvy_156 { flex-grow: 0; flex-shrink: 0; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._sticky_1jyj2_123 { position: relative; /** * State classes * The reverse order defines the priority in case multiple states are active */ } ._sticky_1jyj2_123._selected_1jyj2_130 { box-shadow: 0 0 0 4px var(--color-canvas-selected); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._addNodes_164y0_123 { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100px; height: 100px; } ._addNodes_164y0_123:hover ._button_164y0_131 svg path { fill: var(--color-primary); } ._button_164y0_131 { background: var(--color-foreground-xlight); border: 2px dashed var(--color-foreground-xdark); border-radius: 8px; padding: 0; min-width: 100px; min-height: 100px; cursor: pointer; } ._label_164y0_145 { width: max-content; font-weight: var(--font-weight-medium); font-size: var(--font-size-m); line-height: var(--font-line-height-xloose); color: var(--color-text-dark); margin-top: var(--spacing-2xs); display: flex; flex-direction: column; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Layout */ ._container_1jc1y_124 { display: flex; flex-direction: column; align-items: center; gap: var(--spacing-m); max-width: 710px; } /* Header */ ._title_1jc1y_133 { font-size: var(--font-size-s); font-weight: var(--font-weight-medium); color: var(--color-text-dark); } /* Prompt Input Section */ ._promptContainer_1jc1y_140 { display: flex; height: 128px; padding: var(--spacing-xs); padding-left: var(--spacing-s); flex-direction: column; justify-content: flex-end; align-items: flex-end; gap: var(--spacing-s); align-self: stretch; border-radius: var(--border-radius-large); border: 1px solid var(--color-foreground-xdark); background: var(--color-background-xlight); transition: border-color 0.2s ease; } ._promptContainer_1jc1y_140._focused_1jc1y_155 { border-color: var(--prim-color-secondary); } ._form_1jc1y_159 { display: flex; flex-direction: column; flex: 1; min-height: 0; width: 100%; gap: var(--spacing-xs); } ._formTextarea_1jc1y_168 { display: flex; flex: 1; min-height: 0; overflow: hidden; border: 0; } ._formTextarea_1jc1y_168 .el-textarea__inner { height: 100%; min-height: 0; overflow-y: auto; border: 0; background: transparent; resize: none; font-family: var(--font-family); padding: 0; /* Custom scrollbar styles */ } @supports not (selector(::-webkit-scrollbar)) { ._formTextarea_1jc1y_168 .el-textarea__inner { scrollbar-width: thin; } } @supports selector(::-webkit-scrollbar) { ._formTextarea_1jc1y_168 .el-textarea__inner::-webkit-scrollbar { width: var(--spacing-2xs); } ._formTextarea_1jc1y_168 .el-textarea__inner::-webkit-scrollbar-thumb { border-radius: var(--spacing-xs); background: var(--color-foreground-dark); border: var(--spacing-5xs) solid white; } } ._formFooter_1jc1y_202 { display: flex; justify-content: flex-end; } /* Suggestion Pills Section */ ._pillsContainer_1jc1y_208 { display: flex; justify-content: center; align-items: flex-start; gap: var(--spacing-2xs); flex-wrap: wrap; } ._suggestionPill_1jc1y_216 { display: flex; padding: var(--spacing-2xs) var(--spacing-xs); justify-content: center; align-items: center; gap: var(--spacing-2xs); border-radius: 56px; border: var(--border-base); background: var(--color-background-xlight); cursor: pointer; transition: all 0.2s ease; font-size: var(--font-size-2xs); color: var(--color-text-dark); font-weight: var(--font-weight-regular); } ._suggestionPill_1jc1y_216:hover:not(:disabled) { color: var(--color-primary); border-color: var(--color-primary); background: var(--color-background-xlight); } /* Divider Section */ ._orDivider_1jc1y_238 { display: flex; justify-content: center; align-items: center; gap: var(--spacing-s); align-self: stretch; position: relative; } ._orDivider_1jc1y_238::before, ._orDivider_1jc1y_238::after { content: ""; flex: 1; height: 1px; background-color: var(--color-foreground-base); } ._orText_1jc1y_253 { font-size: var(--font-size-m); color: var(--color-text-base); padding: 0 var(--spacing-s); } /* Manual Node Creation Section */ ._startManually_1jc1y_260 { display: flex; align-items: center; gap: var(--spacing-xs); cursor: pointer; } ._startManually_1jc1y_260 ._addButton_1jc1y_266 { background: var(--color-foreground-xlight); border: 1px dashed var(--color-foreground-xdark); border-radius: var(--border-radius-base); min-width: 80px; min-height: 80px; cursor: pointer; transition: all 0.3s ease; } ._startManually_1jc1y_260 ._addButton_1jc1y_266 svg { width: 31px !important; height: 40px; } ._startManually_1jc1y_260 ._addButton_1jc1y_266 svg path { color: var(--color-foreground-xdark); fill: var(--color-foreground-xdark); transition: all 0.3s ease; } ._startManually_1jc1y_260:hover ._addButton_1jc1y_266 { border-color: var(--color-button-secondary-hover-active-focus-border); } ._startManually_1jc1y_260:hover ._addButton_1jc1y_266 svg path { color: var(--color-primary); fill: var(--color-primary); } ._startManually_1jc1y_260 ._startManuallyLabel_1jc1y_291 { display: flex; flex-direction: column; font-size: var(--font-size-s); line-height: var(--font-line-height-xloose); } ._startManually_1jc1y_260 ._startManuallyLabel_1jc1y_291 ._startManuallyText_1jc1y_297 { font-weight: var(--font-weight-medium); color: var(--color-text-dark); } ._startManually_1jc1y_260 ._startManuallyLabel_1jc1y_291 ._startManuallySubtitle_1jc1y_301 { font-weight: var(--font-weight-regular); color: var(--color-text-base); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._rectangle_rd2w6_123 { width: var(--handle--indicator--width); height: var(--handle--indicator--height); background: var(--color-foreground-xdark); } ._rectangle_rd2w6_123:hover { background: var(--color-primary); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._handle_bo2gu_123 { display: flex; flex-direction: column; align-items: center; justify-content: center; } ._label_bo2gu_130 { position: absolute; top: 50%; left: calc(var(--spacing-xs) * -1); transform: translate(0, -50%) scale(var(--canvas-zoom-compensation-factor, 1)) translate(-100%, 0); transform-origin: center left; font-size: var(--font-size-2xs); color: var(--color-foreground-xdark); background: var(--color-canvas-label-background); z-index: 1; text-align: center; white-space: nowrap; } ._required_bo2gu_144 ._label_bo2gu_130::after { content: "*"; color: var(--color-danger); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._wrapper_1igt0_123 { position: relative; transform: scale(var(--canvas-zoom-compensation-factor, 1)); } ._wrapper_1igt0_123._right_1igt0_127 { transform-origin: center left; } ._wrapper_1igt0_123._bottom_1igt0_130 { transform-origin: top center; } ._wrapper_1igt0_123._secondary_1igt0_133 ._line_1igt0_133 { stroke: var(--node-type-supplemental-color); } ._wrapper_1igt0_123._secondary_1igt0_133 ._plus_1igt0_136 path { fill: var(--node-type-supplemental-color); } ._wrapper_1igt0_123._secondary_1igt0_133 ._plus_1igt0_136 rect { stroke: var(--node-type-supplemental-color); } ._wrapper_1igt0_123._success_1igt0_142 ._line_1igt0_133 { stroke: var(--color-success); } ._wrapper_1igt0_123 ._plus_1igt0_136:hover { cursor: pointer; } ._wrapper_1igt0_123 ._plus_1igt0_136:hover path { fill: var(--color-primary); } ._wrapper_1igt0_123 ._plus_1igt0_136:hover rect { stroke: var(--color-primary); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._dot_gdjps_123 { width: var(--handle--indicator--width); height: var(--handle--indicator--height); border-radius: 50%; background: var(--color-foreground-xdark); } ._dot_gdjps_123:hover { background: var(--color-primary); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._handle_1o253_123 { display: flex; flex-direction: row; align-items: center; justify-content: center; } ._handle_1o253_123._connected_1o253_129 ._label_1o253_129 { max-width: 96px; } ._label_1o253_129 { position: absolute; background: var(--color-canvas-label-background); z-index: 1; max-width: calc(100% - var(--spacing-m) - 24px); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } ._required_1o253_143 ._label_1o253_129::after { content: "*"; color: var(--color-danger); } ._outputLabel_1o253_148 { top: 50%; left: var(--spacing-m); transform: translate(0, -50%) scale(var(--canvas-zoom-compensation-factor, 1)); transform-origin: center left; font-size: var(--font-size-2xs); color: var(--color-foreground-xdark); } ._runDataLabel_1o253_157 { position: absolute; top: 50%; left: calc(50% * var(--canvas-zoom-compensation-factor, 1)); transform: translate(-50%, -50%) scale(var(--canvas-zoom-compensation-factor, 1)) translate(0, -100%); font-size: var(--font-size-xs); color: var(--color-text-base); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ .canvas-node-handle-main-output-enter-active, .canvas-node-handle-main-output-leave-active { transform-origin: 0 center; transition-property: transform, opacity; transition-duration: 0.2s; transition-timing-function: ease; } .canvas-node-handle-main-output-enter-from, .canvas-node-handle-main-output-leave-to { transform: scale(0); opacity: 0; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._diamond_kuwdo_123 { width: var(--handle--indicator--width); height: var(--handle--indicator--height); background: var(--node-type-supplemental-color); transform: rotate(45deg) scale(0.8); } ._diamond_kuwdo_123:hover { background: var(--color-primary); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._handle_1hzlq_123 { display: flex; flex-direction: column; align-items: center; justify-content: center; } ._label_1hzlq_130 { position: absolute; top: 20px; left: 50%; transform: translate(-50%, 0) scale(var(--canvas-zoom-compensation-factor, 1)); font-size: var(--font-size-2xs); color: var(--node-type-supplemental-color); background: var(--color-canvas-label-background); z-index: 1; text-align: center; white-space: nowrap; } ._required_1hzlq_143 ._label_1hzlq_130::after { content: "*"; color: var(--color-danger); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ .canvas-node-handle-non-main-input-enter-active, .canvas-node-handle-non-main-input-leave-active { transform-origin: center 0; transition-property: transform, opacity; transition-duration: 0.2s; transition-timing-function: ease; } .canvas-node-handle-non-main-input-enter-from, .canvas-node-handle-non-main-input-leave-to { transform: scale(0); opacity: 0; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._handle_1blmu_123 { display: flex; flex-direction: row; align-items: center; justify-content: center; } ._label_1blmu_130 { position: absolute; top: -20px; left: 50%; transform: translate(-50%, 0) scale(var(--canvas-zoom-compensation-factor, 1)); font-size: var(--font-size-2xs); color: var(--node-type-supplemental-color); background: var(--color-canvas-label-background); z-index: 0; white-space: nowrap; } ._required_1blmu_142 ._label_1blmu_130::after { content: "*"; color: var(--color-danger); } .vue-flow__handle:not(.connectionindicator) ._plus_1blmu_147 { display: none; position: absolute; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._handle_1gtza_123 { --handle--indicator--width: calc(16px * var(--canvas-zoom-compensation-factor, 1)); --handle--indicator--height: calc(16px * var(--canvas-zoom-compensation-factor, 1)); width: var(--handle--indicator--width); height: var(--handle--indicator--height); display: inline-flex; justify-content: center; align-items: center; border: 0; z-index: 1; background: transparent; border-radius: 0; } ._handle_1gtza_123._inputs_1gtza_136._main_1gtza_136 { --handle--indicator--width: calc(8px * var(--canvas-zoom-compensation-factor, 1)); } ._renderType_1gtza_140._top_1gtza_140 { margin-bottom: calc(-1 * var(--handle--indicator--height)); transform: translate(0%, -50%); } ._renderType_1gtza_140._right_1gtza_144 { margin-left: calc(-1 * var(--handle--indicator--width)); transform: translate(50%, 0%); } ._renderType_1gtza_140._left_1gtza_148 { margin-right: calc(-1 * var(--handle--indicator--width)); transform: translate(-50%, 0%); } ._renderType_1gtza_140._bottom_1gtza_152 { margin-top: calc(-1 * var(--handle--indicator--height)); transform: translate(0%, 50%); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._container_147en_123 { z-index: -1; position: absolute; display: flex; align-items: center; height: 100%; right: 100%; top: 0; pointer-events: none; } ._container_147en_123 > div { position: relative; display: flex; align-items: center; } ._container_147en_123 button { margin-right: var(--spacing-s); opacity: 0; translate: -12px 0; transition: translate 0.1s ease-in, opacity 0.1s ease-in; transform: scale(var(--canvas-zoom-compensation-factor, 1)); transform-origin: center right; } ._container_147en_123._interactive_147en_146._hovered_147en_146 button { opacity: 1; translate: 0 0; pointer-events: all; } ._container_147en_123._isExperimentalNdvActive_147en_151 { height: var(--spacing-2xl); } ._bolt_147en_155 { position: absolute; right: 0; color: var(--color-primary); padding: var(--spacing-s); opacity: 1; translate: 0 0; transition: translate 0.1s ease-in, opacity 0.1s ease-in; } ._container_147en_123._interactive_147en_146._hovered_147en_146 ._bolt_147en_155 { translate: -12px 0; opacity: 0; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._canvasNode_1k8iq_123 ._canvasNodeToolbarItems_1k8iq_123 { transition: opacity 0.1s ease-in; opacity: 0; } ._canvasNode_1k8iq_123:hover:not(:has(> ._trigger_1k8iq_127:hover)) ._canvasNodeToolbarItems_1k8iq_123, ._canvasNode_1k8iq_123:focus-within ._canvasNodeToolbarItems_1k8iq_123, ._canvasNode_1k8iq_123._showToolbar_1k8iq_127 ._canvasNodeToolbarItems_1k8iq_123 { opacity: 1; } ._canvasNodeToolbar_1k8iq_123 { position: absolute; bottom: 100%; left: 0; z-index: 1; } ._diffBadge_996og_2 { background-color: var(--0cb39e8c); display: inline-flex; align-items: center; justify-content: center; color: var(--color-text-xlight); font-size: var(--font-size-3xs); font-weight: 700; width: 16px; height: 16px; border-radius: 4px; flex-shrink: 0; } /* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Diff colors are now centralized in @n8n/design-system tokens */ ._codeDiff_1rmfz_124.code-diff-view { height: 100%; margin: 0; border: none; border-radius: 0; } ._codeDiff_1rmfz_124.code-diff-view[theme="dark"] { --fgColor-default: var(--color-text-dark); --bgColor-default: var(--color-background-light); --color-fg-subtle: var(--color-text-light); --color-diff-blob-deletion-num-bg: var(--diff-del-light); --color-diff-blob-deletion-num-text: var(--color-text-xlight); --color-danger-emphasis: var(--diff-del); --color-diff-blob-addition-num-text: var(--color-text-xlight); --color-diff-blob-addition-num-bg: var(--diff-new-light); --color-success-emphasis: var(--diff-new); --color-diff-blob-hunk-num-bg: var(--color-background-medium); } ._codeDiff_1rmfz_124.code-diff-view[theme="dark"] .blob-code-hunk { background-color: var(--color-diff-blob-hunk-num-bg); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._iconButton_fx9xi_123 { padding-left: 0; padding-right: 0; } ._iconButton_fx9xi_123 svg { width: 16px; height: 16px; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ .vue-flow__controls { display: flex; gap: var(--spacing-xs); box-shadow: none; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._edge_cbk94_123 { transition-property: stroke, opacity; transition-duration: 300ms; transition-timing-function: ease; opacity: 0; } ._edge_cbk94_123._visible_cbk94_129 { opacity: 1; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._contextMenu_12fz3_123 { position: fixed; } ._activator_12fz3_127 { pointer-events: none; opacity: 0; } path[data-v-efb5a8d2] { stroke: var(--color-canvas-read-only-line); } /* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._canvasEdgeToolbar_1dnru_123 { display: flex; justify-content: center; align-items: center; gap: var(--spacing-2xs); pointer-events: all; padding: var(--spacing-2xs); transform: scale(var(--canvas-zoom-compensation-factor, 1)); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ @media (prefers-color-scheme: dark) { body:not([data-theme]) .canvas-edge-toolbar-button { --button-background-color: var(--color-background-base); --button-hover-background-color: var(--color-background-light); } } [data-theme=dark] .canvas-edge-toolbar-button { --button-background-color: var(--color-background-base); --button-hover-background-color: var(--color-background-light); } .canvas-edge-toolbar-button { border-width: 2px; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._edge_10hmy_123 { transition: stroke 0.3s ease, fill 0.3s ease; stroke: var(--canvas-edge-color, var(--55456212)); stroke-width: calc(2 * var(--canvas-zoom-compensation-factor, 1)); stroke-linecap: square; } ._edgeLabelWrapper_10hmy_130 { transform: translateY(calc(var(--spacing-xs) * -1)); position: absolute; --label-translate-y: 0; } ._edgeLabelWrapper_10hmy_130._straight_10hmy_135 { --label-translate-y: -100%; } ._edgeLabel_10hmy_130 { transform: scale(var(--canvas-zoom-compensation-factor, 1)) translate(0, var(--label-translate-y)); color: var(--color-text-base); font-size: var(--font-size-xs); background-color: hsla(var(--color-canvas-background-h), var(--color-canvas-background-s), var(--color-canvas-background-l), 0.85); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._canvas_ykcxs_123 { width: 100%; height: 100%; opacity: 0; transition: opacity 300ms ease; } ._canvas_ykcxs_123._ready_ykcxs_129 { opacity: 1; } ._canvas_ykcxs_123 .vue-flow__pane { cursor: grab; } ._canvas_ykcxs_123 .vue-flow__pane.selection { cursor: default; } ._canvas_ykcxs_123 .vue-flow__pane.dragging { cursor: grabbing; } ._canvas_ykcxs_123._isExperimentalNdvActive_ykcxs_141 { --canvas-zoom-compensation-factor: 0.5; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ .minimap-enter-active[data-v-e0b062cc], .minimap-leave-active[data-v-e0b062cc] { transition: opacity 0.3s ease; } .minimap-enter-from[data-v-e0b062cc], .minimap-leave-to[data-v-e0b062cc] { opacity: 0; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._workflowDiffAside_1uu7z_123 { width: calc(var(--03d197c8) * 1px); display: flex; flex-direction: column; height: 100%; border-left: 1px solid var(--color-foreground-base); border-top: 1px solid var(--color-foreground-base); } ._nodeTitle_1uu7z_132 { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Diff colors are now centralized in @n8n/design-system tokens */ ._workflowDiffModal_ufpfn_124 { margin-bottom: 0; border-radius: 0; } ._workflowDiffModal_ufpfn_124 .el-dialog__body { padding: 0; } ._workflowDiffModal_ufpfn_124 .el-dialog__header { padding: 11px 16px; } ._workflowDiffModal_ufpfn_124 .el-dialog__headerbtn { display: none; } ._sourceBadge_ufpfn_138 { position: absolute; top: 12px; left: 12px; z-index: 1; border-radius: 4px; border: 1px solid var(--color-foreground-light); background: var(--color-foreground-xlight); display: flex; height: 30px; padding: 0 12px; align-items: center; gap: 8px; align-self: stretch; } ._tabs_ufpfn_154 { display: flex; flex-direction: row; } ._tabs_ufpfn_154 .n8n-radio-button { flex: 1; } ._tabs_ufpfn_154 .n8n-radio-button > div { justify-content: center; } ._popper_ufpfn_165 { box-shadow: 0 6px 16px 0 rgba(68, 28, 23, 0.06); } ._popper_ufpfn_165 .el-popper__arrow { display: none; } ._changes_ufpfn_172 > li { display: flex; align-items: flex-start; gap: var(--spacing-2xs); padding: 10px 0 var(--spacing-3xs) var(--spacing-2xs); } ._changes_ufpfn_172 > li > div { min-width: 0; } ._changes_ufpfn_172 > li ._clickableChange_ufpfn_181 { padding: var(--spacing-3xs) var(--spacing-xs) var(--spacing-3xs) 0; margin-left: -4px; } ._changes_ufpfn_172 ._changesNested_ufpfn_185 { margin-top: -3px; width: 100%; min-width: 0; } ._clickableChange_ufpfn_181 { display: flex; align-items: flex-start; gap: var(--spacing-2xs); border-radius: 4px; padding: var(--spacing-xs) var(--spacing-2xs); margin-right: var(--spacing-xs); line-height: unset; min-width: 0; transition: background-color 0.2s ease; } ._clickableChange_ufpfn_181:hover { background-color: var(--color-background-xlight); } ._clickableChangeActive_ufpfn_206 { background-color: var(--color-background-xlight); } ._nodeName_ufpfn_210 { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; } ._separator_ufpfn_218 { width: 1px; height: 10px; background-color: var(--color-foreground-xdark); margin: 0 0 -5px var(--spacing-xs); position: relative; z-index: 1; } ._deleted_ufpfn_227, ._added_ufpfn_228, ._modified_ufpfn_229 { position: relative; } ._deleted_ufpfn_227::before, ._added_ufpfn_228::before, ._modified_ufpfn_229::before { position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); border-radius: 4px; color: var(--color-text-xlight); font-family: Inter, var(--font-family); font-size: 10px; font-weight: 700; z-index: 1; width: 16px; height: 16px; display: inline-flex; justify-content: center; align-items: center; } ._deleted_ufpfn_227 { --canvas-node--background: var(--diff-del-faint); --canvas-node--border-color: var(--diff-del); --color-sticky-background: var(--diff-del-faint); --color-sticky-border: var(--diff-del); /* Ensure disabled nodes still show diff border color */ } ._deleted_ufpfn_227::before { content: "D"; background-color: var(--diff-del); } ._deleted_ufpfn_227 .canvas-node-handle-main-output > div:empty { background-color: var(--diff-del); } ._deleted_ufpfn_227 .canvas-node-handle-main-input .target { background-color: var(--diff-del); } ._deleted_ufpfn_227 [class*="disabled"] { --canvas-node--border-color: var(--diff-del) !important; } ._added_ufpfn_228 { --canvas-node--border-color: var(--diff-new); --canvas-node--background: var(--diff-new-faint); --color-sticky-background: var(--diff-new-faint); --color-sticky-border: var(--diff-new); position: relative; /* Ensure disabled nodes still show diff border color */ } ._added_ufpfn_228::before { content: "N"; background-color: var(--diff-new); } ._added_ufpfn_228 .canvas-node-handle-main-output > div:empty { background-color: var(--diff-new); } ._added_ufpfn_228 .canvas-node-handle-main-input .target { background-color: var(--diff-new); } ._added_ufpfn_228 [class*="disabled"] { --canvas-node--border-color: var(--diff-new) !important; } ._equal_ufpfn_295 { opacity: 0.5; position: relative; pointer-events: none; cursor: default; --color-sticky-background: rgba(126, 129, 134, 0.2); --canvas-node-icon-color: var(--color-foreground-xdark); --color-sticky-border: var(--color-foreground-xdark); } ._equal_ufpfn_295:deep(img) { filter: contrast(0) grayscale(100%); } ._modified_ufpfn_229 { --canvas-node--border-color: var(--diff-modified); --canvas-node--background: var(--diff-modified-faint); --color-sticky-background: var(--diff-modified-faint); --color-sticky-border: var(--diff-modified); position: relative; /* Ensure disabled nodes still show diff border color */ } ._modified_ufpfn_229::before { content: "M"; background-color: var(--diff-modified); } ._modified_ufpfn_229 .canvas-node-handle-main-output > div:empty { background-color: var(--diff-modified); } ._modified_ufpfn_229 .canvas-node-handle-main-input .target { background-color: var(--diff-modified); } ._modified_ufpfn_229 [class*="disabled"] { --canvas-node--border-color: var(--diff-modified) !important; } ._edge-deleted_ufpfn_330 { --canvas-edge-color: var(--diff-del); --edge-highlight-color: var(--diff-del-light); } ._edge-added_ufpfn_335 { --canvas-edge-color: var(--diff-new); --edge-highlight-color: var(--diff-new-light); } ._edge-equal_ufpfn_340 { opacity: 0.5; } ._circleBadge_ufpfn_344 { display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; border-radius: 50%; background-color: var(--color-primary); color: var(--color-text-xlight); font-size: 10px; font-weight: bold; line-height: 1; } ._dropdownContent_ufpfn_358 { min-width: 320px; padding: 0 12px; } ._dropdownContent_ufpfn_358 ul { list-style: none; margin: 0; padding: 0; max-height: 400px; overflow-x: hidden; overflow-y: auto; } ._dropdownContent_ufpfn_358 ._noNumberDiff_ufpfn_370 { min-height: 41px; margin: 0 12px 10px 0; overflow: hidden; } ._dropdownContent_ufpfn_358 ._noNumberDiff_ufpfn_370 .blob-num { display: none; } ._workflowDiffContent_ufpfn_379 { display: flex; height: 100%; } ._workflowDiff_ufpfn_124 { display: flex; flex-direction: column; height: 100%; flex: 1; } ._workflowDiffPanel_ufpfn_391 { flex: 1; position: relative; border-top: 1px solid var(--color-foreground-base); } ._emptyWorkflow_ufpfn_397 { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; } ._header_ufpfn_405 { display: flex; align-items: center; justify-content: space-between; } ._header_ufpfn_405 ._navigationButton_ufpfn_410 { height: 34px; width: 34px; } ._header_ufpfn_405 ._backButton_ufpfn_414 { border: none; } ._headerLeft_ufpfn_418, ._headerRight_ufpfn_419 { display: flex; align-items: center; } ._emptyState_ufpfn_424 { display: flex; justify-content: center; align-items: center; padding: var(--spacing-m) var(--spacing-xs); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._formContainer_1fpib_123 { padding-bottom: var(--spacing-xl); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._nodes_1yly7_123 { display: flex; flex-direction: row; } ._nodeIcon_1yly7_128 { padding: var(--spacing-2xs); background-color: var(--color-dialog-background); border-radius: var(--border-radius-large); z-index: 1; display: flex; flex-direction: column; align-items: end; margin-right: var(--spacing-3xs); } ._suggestion_1yly7_139 { display: flex; flex-direction: column; justify-content: space-between; min-width: 200px; } ._actions_1yly7_146 { display: flex; flex-direction: row; justify-content: space-between; } ._user_1yly7_152 { display: flex; flex-direction: row; align-items: center; } ._avatar_1yly7_158 { width: 24px; height: 24px; border-radius: 100%; margin-right: var(--spacing-2xs); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._tutorial_9lbse_123 { display: flex; flex-direction: row; gap: var(--spacing-s); } ._video_9lbse_129 { border-radius: var(--border-radius-base); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._header_d7imb_123 { border-bottom: 1px solid var(--border-color-base); padding-bottom: var(--spacing-s); } ._tab_d7imb_128 { padding: var(--spacing-3xs); } ._suggestions_d7imb_132 { display: flex; flex-direction: row; gap: var(--spacing-m); overflow-x: auto; min-height: 182px; } ._title_d7imb_140 { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } ._videos_d7imb_147 { display: flex; flex-direction: column; gap: var(--spacing-m); overflow-x: auto; } ._loading_d7imb_154 { display: flex; align-items: center; justify-content: center; gap: var(--spacing-xs); padding: var(--spacing-l); color: var(--color-text-light); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._container_17gfu_123 { background: var(--color-assistant-highlight-gradient); border-radius: 50%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } ._small_17gfu_131 { height: var(--spacing-m); width: var(--spacing-m); } ._mini_17gfu_136 { height: var(--spacing-s); width: var(--spacing-s); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._button_10mpe_123 { border: var(--border-base); background: var(--color-foreground-xlight); border-radius: var(--border-radius-base); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 42px; width: 42px; position: relative; } ._button_10mpe_123:hover { border: 0; cursor: pointer; background: var(--color-assistant-highlight-reverse); } ._button_10mpe_123:hover > div { background: transparent; } ._num_10mpe_143 { color: var(--prim-color-white); background: var(--color-assistant-highlight-reverse); border-radius: 50%; width: var(--spacing-s); height: var(--spacing-s); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: var(--font-size-3xs); } ._text_10mpe_155 { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: end; width: 100px; right: 48px; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._container_13nws_123 { position: absolute; bottom: var(--spacing-2xl); right: var(--spacing-s); z-index: var(--z-index-ask-assistant-floating-button); } ._tooltip_13nws_130 { min-width: 150px; max-width: 265px !important; line-height: normal; } ._assistant_13nws_136 { font-size: var(--font-size-3xs); line-height: var(--spacing-s); font-weight: var(--font-weight-bold); margin-top: var(--spacing-xs); } ._assistant_13nws_136 > span { margin-left: var(--spacing-4xs); } ._text_13nws_146 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; /* number of lines to show */ line-clamp: 2; -webkit-box-orient: vertical; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ .slide-leave-active[data-v-630d1b69], .slide-enter-active[data-v-630d1b69] { transition: 200ms ease; } .slide-leave-to[data-v-630d1b69], .slide-enter-from[data-v-630d1b69] { transform: translateX(100%); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._rating_1w5rd_123 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: var(--spacing-2xs); margin-top: var(--spacing-2xs); } ._buttons_1w5rd_130 { display: -webkit-box; display: -ms-flexbox; display: flex; gap: var(--spacing-2xs); } ._feedbackContainer_1w5rd_135 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: var(--spacing-2xs); } ._feedbackInput_1w5rd_141 .el-textarea__inner { resize: none; font-family: var(--font-family); font-size: var(--font-size-2xs); } ._feedbackActions_1w5rd_147 { display: -webkit-box; display: -ms-flexbox; display: flex; gap: var(--spacing-2xs); -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } ._success_1w5rd_153 { color: var(--color-success); font-size: var(--font-size-2xs); margin: 0; } /* Minimal style specific */ ._minimal_1w5rd_160 { margin-top: 0; } ._minimal_1w5rd_160 ._buttons_1w5rd_130 { gap: var(--spacing-3xs); } ._minimal_1w5rd_160 ._feedbackContainer_1w5rd_135 { gap: var(--spacing-3xs); } ._minimal_1w5rd_160 ._feedbackInput_1w5rd_141 .el-textarea__inner { font-size: var(--font-size-3xs); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._message_1so1a_123 { margin-bottom: var(--spacing-xs); font-size: var(--font-size-2xs); line-height: var(--font-line-height-xloose); } ._roleName_1so1a_129 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: var(--spacing-3xs); height: var(--spacing-xl); font-weight: var(--font-weight-bold); font-size: var(--font-size-2xs); } ._roleName_1so1a_129 > * { margin-right: var(--spacing-3xs); } ._userSection_1so1a_141 { margin-top: var(--spacing-m); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ .blinking-cursor { display: inline-block; height: var(--font-size-m); width: var(--spacing-3xs); border-radius: var(--border-radius-small); margin-left: var(--spacing-4xs); -webkit-animation: 1s blink step-end infinite; animation: 1s blink step-end infinite; } @-webkit-keyframes blink { from, to { background-color: transparent; } 50% { background-color: var(--color-foreground-xdark); } } @keyframes blink { from, to { background-color: transparent; } 50% { background-color: var(--color-foreground-xdark); } }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._block_1myjd_123 { font-size: var(--font-size-2xs); background-color: var(--color-foreground-xlight); border: var(--border-base); border-radius: var(--border-radius-base); word-break: break-word; } ._block_1myjd_123 li { margin-left: var(--spacing-xs); } ._blockTitle_1myjd_134 { border-bottom: var(--border-base); padding: var(--spacing-2xs); font-weight: var(--font-weight-bold); } ._blockBody_1myjd_140 { padding: var(--spacing-xs); } ._rendered-content_1myjd_144 p { margin: 0; margin: var(--spacing-4xs) 0; } ._rendered-content_1myjd_144 h1, ._rendered-content_1myjd_144 h2, ._rendered-content_1myjd_144 h3 { font-weight: var(--font-weight-bold); font-size: var(--font-size-xs); margin: var(--spacing-xs) 0 var(--spacing-4xs); } ._rendered-content_1myjd_144 h4, ._rendered-content_1myjd_144 h5, ._rendered-content_1myjd_144 h6 { font-weight: var(--font-weight-bold); font-size: var(--font-size-2xs); } ._rendered-content_1myjd_144 ul, ._rendered-content_1myjd_144 ol { margin: var(--spacing-4xs) 0 var(--spacing-4xs) var(--spacing-l); } ._rendered-content_1myjd_144 ul ul, ._rendered-content_1myjd_144 ul ol, ._rendered-content_1myjd_144 ol ul, ._rendered-content_1myjd_144 ol ol { margin-left: var(--spacing-xs); margin-top: var(--spacing-4xs); } ._rendered-content_1myjd_144 .table-wrapper { overflow-x: auto; } ._rendered-content_1myjd_144 table { margin: var(--spacing-4xs) 0; } ._rendered-content_1myjd_144 table th { white-space: nowrap; min-width: 120px; width: auto; } ._rendered-content_1myjd_144 table th, ._rendered-content_1myjd_144 table td { border: var(--border-base); padding: var(--spacing-4xs); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._container_1cuam_123 { border: var(--border-base); background-color: var(--color-foreground-xlight); border-radius: var(--border-radius-base); } ._title_1cuam_129 { padding: var(--spacing-2xs); font-weight: var(--font-weight-bold); font-size: var(--font-size-2xs); min-height: 32.5px; line-height: normal; display: -webkit-box; display: -ms-flexbox; display: flex; } ._lineNumber_1cuam_138 { font-size: var(--font-size-3xs); min-width: 18px; max-width: 18px; text-align: center; border-right: var(--border-base); } ._diffSection_1cuam_146 { overflow: scroll; border-top: var(--border-base); border-bottom: var(--border-base); max-height: 218px; background-color: var(--color-background-base); font-family: var(--font-family-monospace); } ._diff_1cuam_146 { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: var(--font-size-3xs); line-height: 18px; /* 100% */ height: 18px; max-height: 18px; } ._diffContent_1cuam_163 { width: auto; text-wrap: nowrap; display: -webkit-box; display: -ms-flexbox; display: flex; } ._diffContent_1cuam_163 > span { display: -webkit-box; display: -ms-flexbox; display: flex; } ._add_1cuam_172 { color: var(--color-success); background-color: var(--color-success-tint-2); } ._del_1cuam_177 { color: var(--color-danger); background-color: var(--color-danger-tint-2); } ._normal_1cuam_182 { background-color: var(--color-foreground-xlight); } ._actions_1cuam_186 { padding: var(--spacing-2xs); } ._actions_1cuam_186 > button > span { margin-right: var(--spacing-4xs); } ._infoText_1cuam_193 { color: var(--color-text-light); font-size: var(--font-size-xs); margin-left: var(--spacing-4xs); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._error_zbjau_123 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: var(--spacing-2xs); padding: var(--spacing-2xs) var(--spacing-xs); border: 1px solid var(--color-foreground-base); border-radius: var(--border-radius-base); background-color: var(--color-background-xlight); } ._errorIcon_zbjau_133 { margin-right: var(--spacing-5xs); color: var(--color-danger); } ._errorText_zbjau_138 { color: var(--color-danger); font-weight: var(--font-weight-regular); line-height: var(--font-line-height-tight); word-break: break-word; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } ._retryButton_zbjau_146 { margin-top: var(--spacing-3xs); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._eventText_hrsif_123 { margin-top: var(--spacing-l); padding-top: var(--spacing-3xs); border-top: var(--border-base); color: var(--color-text-base); } ._eventText_hrsif_123 > button, ._eventText_hrsif_123 > span { margin-right: var(--spacing-3xs); } ._eventText_hrsif_123 button { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._textMessage_1uko9_123 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: var(--spacing-xs); font-size: var(--font-size-2xs); word-break: break-word; } ._code-snippet_1uko9_131 { position: relative; border: var(--border-base); background-color: var(--color-foreground-xlight); border-radius: var(--border-radius-base); font-family: var(--font-family-monospace); font-size: var(--font-size-3xs); max-height: 218px; overflow: auto; margin: var(--spacing-4s) 0; } ._code-snippet_1uko9_131 header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: var(--spacing-4xs); border-bottom: var(--border-base); } ._code-snippet_1uko9_131 header button:active, ._code-snippet_1uko9_131 header button:focus { outline: none !important; } ._code-snippet_1uko9_131 ._snippet-content_1uko9_152 { padding: var(--spacing-2xs); } ._code-snippet_1uko9_131 pre { white-space-collapse: collapse; } ._code-snippet_1uko9_131 code { background-color: transparent; font-size: var(--font-size-3xs); } ._assistantText_1uko9_163 { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } ._rendered-content_1uko9_168 p { margin: 0; margin: var(--spacing-4xs) 0; } ._rendered-content_1uko9_168 h1, ._rendered-content_1uko9_168 h2, ._rendered-content_1uko9_168 h3 { font-weight: var(--font-weight-bold); font-size: var(--font-size-xs); margin: var(--spacing-xs) 0 var(--spacing-4xs); } ._rendered-content_1uko9_168 h4, ._rendered-content_1uko9_168 h5, ._rendered-content_1uko9_168 h6 { font-weight: var(--font-weight-bold); font-size: var(--font-size-2xs); } ._rendered-content_1uko9_168 ul, ._rendered-content_1uko9_168 ol { margin: var(--spacing-4xs) 0 var(--spacing-4xs) var(--spacing-l); } ._rendered-content_1uko9_168 ul ul, ._rendered-content_1uko9_168 ul ol, ._rendered-content_1uko9_168 ol ul, ._rendered-content_1uko9_168 ol ol { margin-left: var(--spacing-xs); margin-top: var(--spacing-4xs); } ._rendered-content_1uko9_168 .table-wrapper { overflow-x: auto; } ._rendered-content_1uko9_168 table { margin: var(--spacing-4xs) 0; } ._rendered-content_1uko9_168 table th { white-space: nowrap; min-width: 120px; width: auto; } ._rendered-content_1uko9_168 table th, ._rendered-content_1uko9_168 table td { border: var(--border-base); padding: var(--spacing-4xs); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ @-webkit-keyframes _shimmer_1xpmn_1 { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } } @keyframes _shimmer_1xpmn_1 { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } } ._toolMessage_1xpmn_131 { width: 100%; } ._titleRow_1xpmn_135 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: var(--spacing-xs); } ._status_1xpmn_141 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: var(--spacing-3xs); } ._running_1xpmn_147 { background: linear-gradient(135deg, #fff, #5e5e5e, #fff); -webkit-background-clip: text; background-clip: text; color: transparent; background-size: 200% 100%; -webkit-animation: _shimmer_1xpmn_1 2.5s linear infinite; animation: _shimmer_1xpmn_1 2.5s linear infinite; } ._statusText_1xpmn_155 { font-size: var(--font-size-2xs); } ._statusText_1xpmn_155._status-running_1xpmn_158 { color: var(--execution-card-text-waiting); } ._statusText_1xpmn_155._status-completed_1xpmn_161 { color: var(--color-success); } ._statusText_1xpmn_155._status-error_1xpmn_164 { color: var(--color-text-danger); } ._content_1xpmn_168 { padding: 0 var(--spacing-xs) var(--spacing-xs) var(--spacing-xs); border-radius: var(--border-radius-base); } ._sectionTitle_1xpmn_173 { font-weight: var(--font-weight-bold); font-size: var(--font-size-2xs); color: var(--color-text-dark); margin-bottom: var(--spacing-3xs); } ._errorContent_1xpmn_180 { color: var(--color-danger); font-size: var(--font-size-2xs); padding: var(--spacing-xs); background-color: var(--color-danger-tint-2); border-radius: var(--border-radius-base); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ @-webkit-keyframes _shimmer_13opp_1 { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } } @keyframes _shimmer_13opp_1 { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } } ._container_13opp_131 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: var(--spacing-3xs); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } ._message-container_13opp_138 { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; position: relative; overflow: hidden; line-height: 1.4rem; height: var(--spacing-xl); -webkit-box-align: center; -ms-flex-align: center; align-items: center; } ._message_13opp_138 { margin: 0; padding: 0; font-weight: var(--font-weight-bold); font-size: var(--font-size-2xs); color: var(--color-text-base); text-align: left; background: linear-gradient(135deg, #fff, #5e5e5e, #fff); -webkit-background-clip: text; background-clip: text; color: transparent; background-size: 200% 100%; -webkit-animation: _shimmer_13opp_1 2.5s linear infinite; animation: _shimmer_13opp_1 2.5s linear infinite; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ .slide-vertical-enter-active[data-v-a0ed4967], .slide-vertical-leave-active[data-v-a0ed4967] { -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease; transition: opacity 0.5s ease, -webkit-transform 0.5s ease; transition: transform 0.5s ease, opacity 0.5s ease; transition: transform 0.5s ease, opacity 0.5s ease, -webkit-transform 0.5s ease; } .slide-vertical-enter[data-v-a0ed4967] { -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0; } .slide-vertical-leave-to[data-v-a0ed4967] { -webkit-transform: translateY(-100%); transform: translateY(-100%); opacity: 0; } .slide-horizontal-enter-active[data-v-a0ed4967], .slide-horizontal-leave-active[data-v-a0ed4967] { -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease; transition: opacity 0.5s ease, -webkit-transform 0.5s ease; transition: transform 0.5s ease, opacity 0.5s ease; transition: transform 0.5s ease, opacity 0.5s ease, -webkit-transform 0.5s ease; } .slide-horizontal-enter[data-v-a0ed4967] { -webkit-transform: translateX(100%); transform: translateX(100%); opacity: 0; } .slide-horizontal-leave-to[data-v-a0ed4967] { -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; } .fade-enter-active[data-v-a0ed4967], .fade-leave-active[data-v-a0ed4967] { -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } .fade-enter[data-v-a0ed4967] { opacity: 0; } .fade-leave-to[data-v-a0ed4967] { opacity: 0; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._container_1h8jg_123 { height: 100%; position: relative; display: grid; grid-template-rows: auto 1fr auto; } :root ._stopButton_1h8jg_130 { --button-border-color: transparent; } ._header_1h8jg_134 { height: 65px; padding: 0 var(--spacing-l); background-color: var(--color-background-xlight); border: var(--border-base); border-top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } ._header_1h8jg_134 div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } ._header_1h8jg_134 > div:first-of-type { width: 100%; } ._body_1h8jg_150 { background-color: var(--color-background-light); border: var(--border-base); border-top: 0; position: relative; } ._body_1h8jg_150 pre, ._body_1h8jg_150 code { text-wrap: wrap; } ._placeholder_1h8jg_161 { padding: var(--spacing-s); } ._messages_1h8jg_165 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: var(--spacing-xs); overflow-y: auto; } @supports not (selector(::-webkit-scrollbar)) { ._messages_1h8jg_165 { scrollbar-width: thin; } } @supports selector(::-webkit-scrollbar) { ._messages_1h8jg_165::-webkit-scrollbar { width: var(--spacing-2xs); } ._messages_1h8jg_165::-webkit-scrollbar-thumb { border-radius: var(--spacing-xs); background: var(--color-foreground-dark); border: var(--spacing-5xs) solid white; } } ._messages_1h8jg_165 + ._messages_1h8jg_165 { padding-top: 0; } ._message_1h8jg_165 { margin-bottom: var(--spacing-xs); font-size: var(--font-size-2xs); line-height: var(--font-line-height-xloose); } ._message_1h8jg_165._loading_1h8jg_198 { margin-top: var(--spacing-m); } ._chatTitle_1h8jg_202 { display: -webkit-box; display: -ms-flexbox; display: flex; gap: var(--spacing-3xs); } ._headerText_1h8jg_207 { gap: var(--spacing-xs); } ._greeting_1h8jg_211 { color: var(--color-text-dark); font-size: var(--font-size-m); margin-bottom: var(--spacing-s); } ._info_1h8jg_217 { font-size: var(--font-size-s); color: var(--color-text-base); } ._info_1h8jg_217 button { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } ._back_1h8jg_225:hover { cursor: pointer; } ._quickReplies_1h8jg_229 { margin-top: var(--spacing-s); } ._quickReplies_1h8jg_229 > * { margin-bottom: var(--spacing-3xs); } ._quickRepliesTitle_1h8jg_236 { font-size: var(--font-size-3xs); color: var(--color-text-base); } ._inputWrapper_1h8jg_241 { display: -webkit-box; display: -ms-flexbox; display: flex; background-color: var(--color-foreground-xlight); border: var(--border-base); width: 100%; border-top: 0; } ._inputWrapper_1h8jg_241 textarea { border: none; background-color: transparent; width: 100%; font-size: var(--spacing-xs); padding: var(--spacing-xs); outline: none; color: var(--color-text-dark); resize: none; font-family: inherit; } ._sendButton_1h8jg_260 { color: var(--color-text-base) !important; } ._sendButton_1h8jg_260[disabled] { color: var(--color-text-light) !important; } ._disabledInput_1h8jg_267 { cursor: not-allowed; } ._disabledInput_1h8jg_267 * { cursor: not-allowed; } textarea._disabled_1h8jg_267 { background-color: var(--color-foreground-base); cursor: not-allowed; } ._inputPlaceholder_1h8jg_279 { width: 100%; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._message_5zgcn_123 { display: flex; flex-direction: column; } ._nodes_5zgcn_128 { list-style: none; padding: var(--spacing-2xs); display: flex; flex-direction: column; gap: var(--spacing-2xs); } ._nodeIcon_5zgcn_136 { padding: var(--spacing-3xs); border-radius: var(--border-radius-base); border: 1px solid var(--color-foreground-base); display: inline-flex; } ._node_5zgcn_128 { display: flex; align-items: center; gap: var(--spacing-3xs); font-size: var(--font-size-2xs); } ._controls_5zgcn_150 { display: flex; gap: var(--spacing-2xs); margin-top: var(--spacing-xs); } ._followUpMessage_5zgcn_156 { margin-top: var(--spacing-m); }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._container_1353c_123 { height: 100%; width: 100%; } ._topText_1353c_128 { color: var(--color-text-base); } ._newWorkflowButtonWrapper_1353c_132 { display: flex; flex-direction: column; flex-flow: wrap; gap: var(--spacing-2xs); background-color: var(--color-background-light); padding: var(--spacing-xs); border: 0; } ._newWorkflowText_1353c_142 { color: var(--color-text-base); font-size: var(--font-size-2xs); } .wrapper[data-v-af263f5c] { height: 100%; width: 100%; } /* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._wrapper_6am3u_123 { height: 100%; display: flex; flex-direction: column; } ._assistantContent_6am3u_129 { flex: 1; overflow: hidden; }/* BEM support Func -------------------------- */ /* Transition -------------------------- */ /* Color -------------------------- */ /* Link -------------------------- */ /* Border -------------------------- */ /* Outline -------------------------- */ /* Box shadow -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ ._container_1tlmi_123 { height: 100vh; overflow: hidden; display: grid; grid-template-columns: 1fr auto; } ._app-grid_1tlmi_130 { position: relative; display: grid; height: 100vh; grid-template-areas: "banners banners" "sidebar header" "sidebar content"; grid-template-columns: auto 1fr; grid-template-rows: auto auto 1fr; } ._banners_1tlmi_139 { grid-area: banners; z-index: var(--z-index-top-banners); } ._content_1tlmi_144 { display: flex; flex-direction: column; align-items: center; overflow: auto; grid-area: content; } ._contentFooter_1tlmi_152 { height: auto; z-index: 10; width: 100%; display: none; } ._contentFooter_1tlmi_152:has(*) { display: block; } ._contentWrapper_1tlmi_162 { display: flex; grid-area: content; position: relative; overflow: auto; height: 100%; width: 100%; justify-content: center; } ._contentWrapper_1tlmi_162 main { width: 100%; height: 100%; } ._header_1tlmi_176 { grid-area: header; z-index: var(--z-index-app-header); min-width: 0; min-height: 0; } ._sidebar_1tlmi_183 { grid-area: sidebar; z-index: var(--z-index-app-sidebar); } ._modals_1tlmi_188 { width: 100%; }