@charset "utf-8";

.react-flow__container { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; }

.react-flow__pane { z-index: 1; cursor: grab; }

.react-flow__pane.selection { cursor: pointer; }

.react-flow__pane.dragging { cursor: grabbing; }

.react-flow__viewport { transform-origin: 0px 0px; z-index: 2; pointer-events: none; }

.react-flow__renderer { z-index: 4; }

.react-flow__selection { z-index: 6; }

.react-flow__nodesselection-rect:focus, .react-flow__nodesselection-rect:focus-visible { outline: none; }

.react-flow .react-flow__edges { pointer-events: none; overflow: visible; }

.react-flow__connection-path, .react-flow__edge-path { stroke: rgb(177, 177, 183); stroke-width: 1; fill: none; }

.react-flow__edge { pointer-events: visiblestroke; cursor: pointer; }

.react-flow__edge.animated path { stroke-dasharray: 5; animation: 0.5s linear 0s infinite normal none running dashdraw; }

.react-flow__edge.animated path.react-flow__edge-interaction { stroke-dasharray: none; animation: auto ease 0s 1 normal none running none; }

.react-flow__edge.inactive { pointer-events: none; }

.react-flow__edge.selected, .react-flow__edge:focus, .react-flow__edge:focus-visible { outline: none; }

.react-flow__edge.selected .react-flow__edge-path, .react-flow__edge:focus .react-flow__edge-path, .react-flow__edge:focus-visible .react-flow__edge-path { stroke: rgb(85, 85, 85); }

.react-flow__edge-textwrapper { pointer-events: all; }

.react-flow__edge-textbg { fill: rgb(255, 255, 255); }

.react-flow__edge .react-flow__edge-text { pointer-events: none; user-select: none; }

.react-flow__connection { pointer-events: none; }

.react-flow__connection .animated { stroke-dasharray: 5; animation: 0.5s linear 0s infinite normal none running dashdraw; }

.react-flow__connectionline { z-index: 1001; }

.react-flow__nodes { pointer-events: none; transform-origin: 0px 0px; }

.react-flow__node { position: absolute; user-select: none; pointer-events: all; transform-origin: 0px 0px; box-sizing: border-box; cursor: grab; }

.react-flow__node.dragging { cursor: grabbing; }

.react-flow__nodesselection { z-index: 3; transform-origin: left top; pointer-events: none; }

.react-flow__nodesselection-rect { position: absolute; pointer-events: all; cursor: grab; }

.react-flow__handle { position: absolute; pointer-events: none; min-width: 5px; min-height: 5px; width: 6px; height: 6px; background: rgb(26, 25, 43); border: 1px solid rgb(255, 255, 255); border-radius: 100%; }

.react-flow__handle.connectionindicator { pointer-events: all; cursor: crosshair; }

.react-flow__handle-bottom { top: auto; left: 50%; bottom: -4px; transform: translate(-50%); }

.react-flow__handle-top { left: 50%; top: -4px; transform: translate(-50%); }

.react-flow__handle-left { top: 50%; left: -4px; transform: translateY(-50%); }

.react-flow__handle-right { right: -4px; top: 50%; transform: translateY(-50%); }

.react-flow__edgeupdater { cursor: move; pointer-events: all; }

.react-flow__panel { position: absolute; z-index: 5; margin: 15px; }

.react-flow__panel.top { top: 0px; }

.react-flow__panel.bottom { bottom: 0px; }

.react-flow__panel.left { left: 0px; }

.react-flow__panel.right { right: 0px; }

.react-flow__panel.center { left: 50%; transform: translateX(-50%); }

.react-flow__attribution { font-size: 10px; background: rgba(255, 255, 255, 0.5); padding: 2px 3px; margin: 0px; }

.react-flow__attribution a { text-decoration: none; color: rgb(153, 153, 153); }

@-webkit-keyframes dashdraw { 
  0% { stroke-dashoffset: 10; }
}

@keyframes dashdraw { 
  0% { stroke-dashoffset: 10; }
}

.react-flow__edgelabel-renderer { position: absolute; width: 100%; height: 100%; pointer-events: none; user-select: none; }

.react-flow__edge.updating .react-flow__edge-path { stroke: rgb(119, 119, 119); }

.react-flow__edge-text { font-size: 10px; }

.react-flow__node.selectable:focus, .react-flow__node.selectable:focus-visible { outline: none; }

.react-flow__node-default, .react-flow__node-group, .react-flow__node-input, .react-flow__node-output { padding: 10px; border-radius: 3px; width: 150px; font-size: 12px; color: rgb(34, 34, 34); text-align: center; border: 1px solid rgb(26, 25, 43); background-color: rgb(255, 255, 255); }

.react-flow__node-default.selectable:hover, .react-flow__node-group.selectable:hover, .react-flow__node-input.selectable:hover, .react-flow__node-output.selectable:hover { box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 4px 1px; }

.react-flow__node-default.selectable.selected, .react-flow__node-default.selectable:focus, .react-flow__node-default.selectable:focus-visible, .react-flow__node-group.selectable.selected, .react-flow__node-group.selectable:focus, .react-flow__node-group.selectable:focus-visible, .react-flow__node-input.selectable.selected, .react-flow__node-input.selectable:focus, .react-flow__node-input.selectable:focus-visible, .react-flow__node-output.selectable.selected, .react-flow__node-output.selectable:focus, .react-flow__node-output.selectable:focus-visible { box-shadow: rgb(26, 25, 43) 0px 0px 0px 0.5px; }

.react-flow__node-group { background-color: rgba(240, 240, 240, 0.25); }

.react-flow__nodesselection-rect, .react-flow__selection { background: rgba(0, 89, 220, 0.08); border: 1px dotted rgba(0, 89, 220, 0.8); }

.react-flow__nodesselection-rect:focus, .react-flow__nodesselection-rect:focus-visible, .react-flow__selection:focus, .react-flow__selection:focus-visible { outline: none; }

.react-flow__controls { box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 2px 1px; }

.react-flow__controls-button { background: rgb(254, 254, 254); border-top: none; border-right: none; border-left: none; border-image: initial; border-bottom: 1px solid rgb(238, 238, 238); box-sizing: initial; display: flex; justify-content: center; align-items: center; width: 16px; height: 16px; cursor: pointer; user-select: none; padding: 5px; }

.react-flow__controls-button:hover { background: rgb(244, 244, 244); }

.react-flow__controls-button svg { width: 100%; max-width: 12px; max-height: 12px; }

.react-flow__controls-button:disabled { pointer-events: none; }

.react-flow__controls-button:disabled svg { fill-opacity: 0.4; }

.react-flow__minimap { background-color: rgb(255, 255, 255); }

.react-flow__resize-control { position: absolute; }

.react-flow__resize-control.left, .react-flow__resize-control.right { cursor: ew-resize; }

.react-flow__resize-control.bottom, .react-flow__resize-control.top { cursor: ns-resize; }

.react-flow__resize-control.bottom.right, .react-flow__resize-control.top.left { cursor: nwse-resize; }

.react-flow__resize-control.bottom.left, .react-flow__resize-control.top.right { cursor: nesw-resize; }

.react-flow__resize-control.handle { width: 4px; height: 4px; border: 1px solid rgb(255, 255, 255); border-radius: 1px; background-color: rgb(51, 103, 217); transform: translate(-50%, -50%); }

.react-flow__resize-control.handle.left { left: 0px; top: 50%; }

.react-flow__resize-control.handle.right { left: 100%; top: 50%; }

.react-flow__resize-control.handle.top { left: 50%; top: 0px; }

.react-flow__resize-control.handle.bottom { left: 50%; top: 100%; }

.react-flow__resize-control.handle.bottom.left, .react-flow__resize-control.handle.top.left { left: 0px; }

.react-flow__resize-control.handle.bottom.right, .react-flow__resize-control.handle.top.right { left: 100%; }

.react-flow__resize-control.line { border: 0px solid rgb(51, 103, 217); }

.react-flow__resize-control.line.left, .react-flow__resize-control.line.right { width: 1px; transform: translate(-50%); top: 0px; height: 100%; }

.react-flow__resize-control.line.left { left: 0px; border-left-width: 1px; }

.react-flow__resize-control.line.right { left: 100%; border-right-width: 1px; }

.react-flow__resize-control.line.bottom, .react-flow__resize-control.line.top { height: 1px; transform: translateY(-50%); left: 0px; width: 100%; }

.react-flow__resize-control.line.top { top: 0px; border-top-width: 1px; }

.react-flow__resize-control.line.bottom { border-bottom-width: 1px; top: 100%; }

:root { --header-height: 70px; --footer-height: 40px; --container-px: 32px; --container-lg: 72px; --container-md: 32px; --container-pt: 12px; }

@media (min-width: 62em) {
  :root { --container-px: 72px; }
}

html { --font-family: "Open Sans",sans-serif; }

:focus-visible { outline: none; }

strong[data-type="bold"] { font-weight: 700; }

a { text-decoration: none; }

.link { text-decoration: underline; text-underline-offset: 4px; }

[data-type="button"], [role="button"] { cursor: pointer; }

[data-type="button"]:active, [role="button"]:active { transform: translateY(1px); }

[data-type="button"]:hover, [role="button"]:hover { opacity: 0.9; }

.text-with-icon { display: inline-flex; align-items: center; }

.text-with-icon > span, .text-with-icon > svg { vertical-align: middle; }

.text-with-icon:is(a) { text-underline-offset: 4px; }

.mantine-Image-placeholder svg { display: block; stroke-width: 1px; color: red; }

.mantine-Notification-description { white-space: pre-wrap; }

.full-vh, html.iPad, html.iPad #__next, html.iPad body { height: 100%; }

.full-vh { height: 100svh; }

@media screen and (max-width: 75em) {
  .root { min-height: 100vh; }
  .btn-scroll-bottom.btn-scroll-bottom { display: none; }
  .form-container { padding: 1.25rem; }
  .body-container, .chat-scrollarea, .chat-scrollarea .mantine-ScrollArea-viewport { overflow: unset !important; }
  .form-info.form-info { transform: none; top: 0px; }
}

.react-flow__node.react-flow__node { padding: 0px; border: 0px; border-radius: 8px; }

.react-flow__node[role="button"]:hover { opacity: unset; }

.react-flow__node.selected, .react-flow__node.selected:focus { outline: rgb(219, 228, 255) solid 4px; }

.react-flow__nodesselection-rect, .react-flow__selection { border: 0px; }

.react-flow__handle { width: 9px; height: 9px; border-width: 2px; }

.react-flow__handle-left { left: -5px; }

.react-flow__handle-right { right: -5px; }

.react-flow__attribution { margin-right: 15px; }

.css-icon-color > svg { display: block; }

.ace_placeholder { font-size: 14px; }

:root { --shiki-color-text: #dcdccc; --shiki-token-constant: #dfaf8f; --shiki-token-string: #dcdccc; --shiki-token-comment: #6f6f6f; --shiki-token-keyword: #dc8cc3; --shiki-token-parameter: #dcdccc; --shiki-token-function: #7cb8bb; --shiki-token-punctuation: #dcdccc; --shiki-token-string-expression: #dcdccc; }

strong { font-weight: 600; }

input[placeholder]::placeholder, textarea[placeholder]::placeholder { color: var(--mantine-color-dark-2); }