Files
lcbp3.np-dms.work/n8n-cache/n8n/public/assets/index-Am8RmnT4.css
2025-09-21 20:29:15 +07:00

61777 lines
1.3 MiB
Executable File

@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(--prim-gray-670);
--color-button-highlight-border: transparent;
--color-button-highlight-background: transparent;
--color-button-highlight-hover-active-focus-font: var(--prim-color-primary-shade-100);
--color-button-highlight-hover-active-focus-border: var(--prim-gray-40);
--color-button-highlight-hover-background: var(--prim-gray-40);
--color-button-highlight-active-focus-background: var(--prim-gray-40);
--color-button-highlight-focus-outline: var(--prim-gray-40);
--color-button-highlight-disabled-font: var(--prim-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);
}
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-alpha-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(--p-gray-070);
--color-button-secondary-background: transparent;
--color-button-secondary-hover-active-focus-font: var(--p-color-primary-220);
--color-button-secondary-hover-background: transparent;
--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(--p-white-a-030);
--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-alpha-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(--p-gray-740);
--execution-selector-text: var(--color-text-base);
--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);
}
@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-alpha-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(--p-gray-070);
--color-button-secondary-background: transparent;
--color-button-secondary-hover-active-focus-font: var(--p-color-primary-220);
--color-button-secondary-hover-background: transparent;
--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(--p-white-a-030);
--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-alpha-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(--p-gray-740);
--execution-selector-text: var(--color-text-base);
--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);
}
}
*,
*::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 <abbr> 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 <fieldset> (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>:
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-base);
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_g0c6j_123 {
min-width: 160px;
padding: var(--spacing-4xs) 0;
}
.el-dropdown__list ._elementItem_g0c6j_127 {
padding: 0;
}
.el-popper._hideArrow_g0c6j_131 .el-popper__arrow {
display: none;
}
._shadow_g0c6j_135 {
-webkit-box-shadow: var(--box-shadow-light);
box-shadow: var(--box-shadow-light);
}
._activator_g0c6j_139:hover {
background-color: var(--color-background-base);
}
._itemContainer_g0c6j_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_g0c6j_143._disabled_g0c6j_152 ._shortcut_g0c6j_152 {
opacity: 0.3;
}
._icon_g0c6j_156 {
text-align: center;
margin-right: var(--spacing-2xs);
}
._icon_g0c6j_156 svg {
width: 1.2em !important;
}
._checkIcon_g0c6j_164 {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
._shortcut_g0c6j_152 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
li.is-disabled ._hasCustomStyling_g0c6j_173 {
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
-------------------------- */
.el-tooltip svg[data-v-878aee66] {
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_hx5rv_123 {
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
--scrollbar-size: 10px;
}
._viewport_hx5rv_131 {
width: 100%;
height: 100%;
border-radius: inherit;
}
._scrollbar_hx5rv_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;
}
._scrollbar_hx5rv_137:hover {
background: var(--color-foreground-light);
}
._scrollbar_hx5rv_137[data-orientation=vertical] {
width: var(--spacing-xs);
}
._scrollbar_hx5rv_137[data-orientation=horizontal] {
height: var(--spacing-xs);
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
._thumb_hx5rv_156 {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
background: var(--color-foreground-base);
border-radius: 4px;
position: relative;
}
._thumb_hx5rv_156::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
min-width: 44px;
min-height: 44px;
}
._thumb_hx5rv_156:hover {
background: var(--color-foreground-dark);
}
._thumb_hx5rv_156:active {
background: var(--color-foreground-xdark);
}
._scrollAreaRoot_hx5rv_123[data-type=always] ._scrollbar_hx5rv_137 {
background: var(--color-foreground-xlight);
}
._scrollAreaRoot_hx5rv_123[data-type=always] ._scrollbar_hx5rv_137:hover {
background: var(--color-foreground-light);
}
._scrollAreaRoot_hx5rv_123[data-type=always] ._thumb_hx5rv_156 {
background: var(--color-foreground-light);
}
._scrollAreaRoot_hx5rv_123[data-type=always] ._thumb_hx5rv_156:hover {
background: var(--color-foreground-base);
}
._scrollAreaRoot_hx5rv_123[data-type=hover] ._scrollbar_hx5rv_137 {
opacity: 0;
-webkit-transition: opacity 160ms ease-out;
transition: opacity 160ms ease-out;
}
._scrollAreaRoot_hx5rv_123[data-type=hover]:hover ._scrollbar_hx5rv_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
-------------------------- */
._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
-------------------------- */
._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
-------------------------- */
.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-0a7df4b1] {
height: 100%;
}
.run-data-schema[data-v-0a7df4b1] {
padding: 0;
}
.scroller {
&[data-v-0a7df4b1] {
padding: 0 var(--ndv-spacing);
padding-bottom: var(--spacing-2xl);
}
.compact &[data-v-0a7df4b1] {
padding: 0 var(--spacing-2xs);
}
}
.no-results[data-v-0a7df4b1] {
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-0a7df4b1] {
display: inline-flex;
margin-left: var(--spacing-xl);
color: var(--color-text-light);
margin-bottom: var(--ndv-spacing);
}
.notice[data-v-0a7df4b1] {
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-0a7df4b1] {
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-04686ac0] {
font-size: var(--font-size-xs);
}
.switch-input[data-v-04686ac0] {
margin: var(--spacing-5xs) 0 var(--spacing-2xs) 0;
}
.parameter-value-container[data-v-04686ac0] {
display: flex;
align-items: center;
}
.parameter-actions[data-v-04686ac0] {
display: inline-flex;
align-items: center;
}
.parameter-switch[data-v-04686ac0] {
display: inline-flex;
align-self: flex-start;
justify-items: center;
gap: var(--spacing-xs);
}
.parameter-input[data-v-04686ac0] {
display: inline-block;
position: relative;
}
.parameter-input[data-v-04686ac0] .color-input {
display: flex;
}
.parameter-input[data-v-04686ac0] .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_1jekl_123 {
--color-tabs-arrow-buttons: var(--color-background-xlight);
display: flex;
align-items: center;
min-height: 40px;
padding-right: var(--spacing-s);
border-bottom: var(--border-base);
}
._tabs_1jekl_132 {
align-self: flex-end;
}
._tabs_1jekl_132 #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-447b910f] {
display: flex;
flex-direction: column;
overflow: hidden;
background-color: var(--color-background-xlight);
height: 100%;
width: 100%;
}
.node-settings .no-parameters[data-v-447b910f] {
margin-top: var(--spacing-xs);
}
.node-settings .header-side-menu[data-v-447b910f] {
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-447b910f] {
padding-top: var(--spacing-5xs);
margin-right: var(--spacing-s);
}
.node-settings .node-parameters-wrapper[data-v-447b910f] {
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-447b910f] {
padding: 0 var(--spacing-s) var(--spacing-l) var(--spacing-s);
}
.node-settings.embedded .node-parameters-wrapper[data-v-447b910f] {
padding: 0 var(--spacing-xs) var(--spacing-xs) var(--spacing-xs);
}
.node-settings.embedded .node-parameters-wrapper[data-v-447b910f]:has(.action-tab) {
padding: 0 0 var(--spacing-xs) 0;
}
.node-settings.embedded .node-parameters-wrapper.with-static-scrollbar[data-v-447b910f] {
padding: 0 var(--spacing-4xs) var(--spacing-xs) var(--spacing-xs);
}
.node-settings.embedded .node-parameters-wrapper.with-static-scrollbar[data-v-447b910f]: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-447b910f] {
scrollbar-width: thin;
}
}
@supports selector(::-webkit-scrollbar) {
.node-settings.embedded .node-parameters-wrapper.with-static-scrollbar[data-v-447b910f]::-webkit-scrollbar {
width: var(--spacing-2xs);
}
.node-settings.embedded .node-parameters-wrapper.with-static-scrollbar[data-v-447b910f]::-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-447b910f] {
border-color: var(--color-primary);
box-shadow: 0 6px 16px rgba(255, 74, 51, 0.15);
}
.parameter-content[data-v-447b910f] {
font-size: 0.9em;
margin-right: -15px;
margin-left: -15px;
}
.parameter-content input[data-v-447b910f] {
width: calc(100% - 35px);
padding: 5px;
}
.parameter-content select[data-v-447b910f] {
width: calc(100% - 20px);
padding: 5px;
}
.parameter-content[data-v-447b910f]:before {
display: table;
content: " ";
position: relative;
box-sizing: border-box;
clear: both;
}
.parameter-wrapper[data-v-447b910f] {
padding: 0 1em;
}
.color-reset-button-wrapper[data-v-447b910f] {
position: relative;
}
.color-reset-button[data-v-447b910f] {
position: absolute;
right: 7px;
top: -25px;
}
.node-version[data-v-447b910f] {
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-447b910f] {
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-eb5848a4],
.minimap-leave-active[data-v-eb5848a4] {
transition: opacity 0.3s ease;
}
.minimap-enter-from[data-v-eb5848a4],
.minimap-leave-to[data-v-eb5848a4] {
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
-------------------------- */
._toolMessage_1elaf_123 {
width: 100%;
}
._header_1elaf_127 {
cursor: pointer;
padding: var(--spacing-xs);
border-radius: var(--border-radius-base);
background-color: var(--color-background-light);
}
._header_1elaf_127:hover {
background-color: var(--color-background-base);
}
._titleRow_1elaf_137 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: var(--spacing-xs);
}
._expandIcon_1elaf_143 {
-ms-flex-negative: 0;
flex-shrink: 0;
}
._toolName_1elaf_147 {
font-weight: var(--font-weight-bold);
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
._status_1elaf_152 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: var(--spacing-3xs);
}
._statusText_1elaf_158 {
font-size: var(--font-size-2xs);
text-transform: capitalize;
}
._statusText_1elaf_158._status-running_1elaf_162 {
color: var(--execution-card-text-waiting);
}
._statusText_1elaf_158._status-completed_1elaf_165 {
color: var(--color-success);
}
._statusText_1elaf_158._status-error_1elaf_168 {
color: var(--color-text-danger);
}
._content_1elaf_172 {
margin-top: var(--spacing-xs);
padding: var(--spacing-xs);
background-color: var(--color-background-xlight);
border-radius: var(--border-radius-base);
}
._section_1elaf_179 {
margin-bottom: var(--spacing-s);
}
._section_1elaf_179:last-child {
margin-bottom: 0;
}
._sectionTitle_1elaf_186 {
font-weight: var(--font-weight-bold);
font-size: var(--font-size-2xs);
color: var(--color-text-dark);
margin-bottom: var(--spacing-3xs);
}
._progressItem_1elaf_193 {
font-size: var(--font-size-2xs);
color: var(--color-text-base);
margin-bottom: var(--spacing-3xs);
}
._jsonContent_1elaf_199 {
font-family: var(--font-family-monospace);
font-size: var(--font-size-3xs);
background-color: var(--color-background-base);
padding: var(--spacing-xs);
border-radius: var(--border-radius-base);
overflow-x: auto;
margin: 0;
max-height: 300px;
overflow-y: auto;
}
@supports not (selector(::-webkit-scrollbar)) {
._jsonContent_1elaf_199 {
scrollbar-width: thin;
}
}
@supports selector(::-webkit-scrollbar) {
._jsonContent_1elaf_199::-webkit-scrollbar {
width: var(--spacing-2xs);
height: var(--spacing-2xs);
}
._jsonContent_1elaf_199::-webkit-scrollbar-thumb {
border-radius: var(--spacing-xs);
background: var(--color-foreground-dark);
border: var(--spacing-5xs) solid white;
}
}
._errorContent_1elaf_227 {
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
-------------------------- */
._container_cbfdf_123 {
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;
}
._avatar_cbfdf_130 {
height: var(--spacing-m);
-webkit-animation: _pulse_cbfdf_1 1.5s infinite;
animation: _pulse_cbfdf_1 1.5s infinite;
position: relative;
}
._message-container_cbfdf_136 {
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_cbfdf_136 {
margin: 0;
padding: 0;
font-weight: var(--font-weight-bold);
font-size: var(--font-size-2xs);
color: var(--color-text-base);
text-align: left;
}
@-webkit-keyframes _pulse_cbfdf_1 {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0.7;
}
50% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
opacity: 1;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0.7;
}
}
@keyframes _pulse_cbfdf_1 {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0.7;
}
50% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
opacity: 1;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
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
-------------------------- */
.slide-vertical-enter-active[data-v-e23da36c],
.slide-vertical-leave-active[data-v-e23da36c] {
-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-e23da36c] {
-webkit-transform: translateY(100%);
transform: translateY(100%);
opacity: 0;
}
.slide-vertical-leave-to[data-v-e23da36c] {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
opacity: 0;
}
.slide-horizontal-enter-active[data-v-e23da36c],
.slide-horizontal-leave-active[data-v-e23da36c] {
-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-e23da36c] {
-webkit-transform: translateX(100%);
transform: translateX(100%);
opacity: 0;
}
.slide-horizontal-leave-to[data-v-e23da36c] {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
opacity: 0;
}
.fade-enter-active[data-v-e23da36c],
.fade-leave-active[data-v-e23da36c] {
-webkit-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
}
.fade-enter[data-v-e23da36c] {
opacity: 0;
}
.fade-leave-to[data-v-e23da36c] {
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
-------------------------- */
._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%;
}