/*! Package version @n8n/chat@0.50.0 */
@charset "UTF-8";
.n8n-chat pre code.hljs {
  display:block;
  overflow-x:auto;
  padding:2em
}
.n8n-chat code.hljs {
  padding:3px 5px
}
.n8n-chat .hljs {
  color:#24292e;
  background:#fff
}
.n8n-chat .hljs-doctag,
.n8n-chat .hljs-keyword,
.n8n-chat .hljs-meta .hljs-keyword,
.n8n-chat .hljs-template-tag,
.n8n-chat .hljs-template-variable,
.n8n-chat .hljs-type,
.n8n-chat .hljs-variable.language_ {
  color:#146b0a
}
.n8n-chat .hljs-title,
.n8n-chat .hljs-title.class_,
.n8n-chat .hljs-title.class_.inherited__,
.n8n-chat .hljs-title.function_ {
  color:#6f42c1
}
.n8n-chat .hljs-attr,
.n8n-chat .hljs-attribute,
.n8n-chat .hljs-literal,
.n8n-chat .hljs-meta,
.n8n-chat .hljs-number,
.n8n-chat .hljs-operator,
.n8n-chat .hljs-variable,
.n8n-chat .hljs-selector-attr,
.n8n-chat .hljs-selector-class,
.n8n-chat .hljs-selector-id {
  color:#005cc5
}
.n8n-chat .hljs-regexp,
.n8n-chat .hljs-string,
.n8n-chat .hljs-meta .hljs-string {
  color:#032f62
}
.n8n-chat .hljs-built_in,
.n8n-chat .hljs-symbol {
  color:#e36209
}
.n8n-chat .hljs-comment,
.n8n-chat .hljs-code,
.n8n-chat .hljs-formula {
  color:#6a737d
}
.n8n-chat .hljs-name,
.n8n-chat .hljs-quote,
.n8n-chat .hljs-selector-tag,
.n8n-chat .hljs-selector-pseudo {
  color:#22863a
}
.n8n-chat .hljs-subst {
  color:#24292e
}
.n8n-chat .hljs-section {
  color:#005cc5;
  font-weight:700
}
.n8n-chat .hljs-bullet {
  color:#735c0f
}
.n8n-chat .hljs-emphasis {
  color:#24292e;
  font-style:italic
}
.n8n-chat .hljs-strong {
  color:#24292e;
  font-weight:700
}
.n8n-chat .hljs-addition {
  color:#22863a;
  background-color:#f0fff4
}
.n8n-chat .hljs-deletion {
  color:#b31d28;
  background-color:#ffeef0
}

:root {
  --chat--color-primary: #1f7a2c;
  --chat--color-primary-shade-50: #2d9b1c;
  --chat--color-primary-shade-100: #0d8812;
  --chat--color-secondary: #20b69e;
  --chat--color-secondary-shade-50: #1ca08a;
  --chat--color-white: #ffffff;
  --chat--color-light: #f2f4f8;
  --chat--color-light-shade-50: #e6e9f1;
  --chat--color-light-shade-100: #c2c5cc;
  --chat--color-medium: #d2d4d9;
  --chat--color-dark: #1f7a2c;
  --chat--color-disabled: #777980;
  --chat--color-typing: #404040;
  --chat--spacing: 1rem;
  --chat--border-radius: .25rem;
  --chat--transition-duration: .15s;
  --chat--font-family: ( -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif );
  --chat--window--width: 400px;
  --chat--window--height: 680px;
  --chat--window--bottom: 5.9rem; /*(--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);
  --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: 1.5em;
  --chat--subtitle--font-size: inherit;
  --chat--subtitle--line-height: 1.8;
  --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, .05);
  --chat--messages-list--padding: var(--chat--spacing);
  --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);
  --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: .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;
  --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);
  --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: .25rem;
  --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:#fff
}
.hljs-doctag,
.hljs-keyword,
.hljs-meta .hljs-keyword,
.hljs-template-tag,
.hljs-template-variable,
.hljs-type,
.hljs-variable.language_ {
  color:#d73a49
}
.hljs-title,
.hljs-title.class_,
.hljs-title.class_.inherited__,
.hljs-title.function_ {
  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 {
  color:#005cc5
}
.hljs-regexp,
.hljs-string,
.hljs-meta .hljs-string {
  color:#032f62
}
.hljs-built_in,
.hljs-symbol {
  color:#e36209
}
.hljs-comment,
.hljs-code,
.hljs-formula {
  color:#6a737d
}
.hljs-name,
.hljs-quote,
.hljs-selector-tag,
.hljs-selector-pseudo {
  color:#22863a
}
.hljs-subst {
  color:#24292e
}
.hljs-section {
  color:#005cc5;
  font-weight:700
}
.hljs-bullet {
  color:#735c0f
}
.hljs-emphasis {
  color:#24292e;
  font-style:italic
}
.hljs-strong {
  color:#24292e;
  font-weight:700
}
.hljs-addition {
  color:#22863a;
  background-color:#f0fff4
}
.hljs-deletion {
  color:#b31d28;
  background-color:#ffeef0
}
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_ {
  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_ {
  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 {
  color:#6cb6ff
}
body[data-theme=dark] .hljs-regexp,
body[data-theme=dark] .hljs-string,
body[data-theme=dark] .hljs-meta .hljs-string {
  color:#96d0ff
}
body[data-theme=dark] .hljs-built_in,
body[data-theme=dark] .hljs-symbol {
  color:#f69d50
}
body[data-theme=dark] .hljs-comment,
body[data-theme=dark] .hljs-code,
body[data-theme=dark] .hljs-formula {
  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 {
  color:#8ddb8c
}
body[data-theme=dark] .hljs-subst {
  color:#adbac7
}
body[data-theme=dark] .hljs-section {
  color:#316dca;
  font-weight:700
}
body[data-theme=dark] .hljs-bullet {
  color:#eac55f
}
body[data-theme=dark] .hljs-emphasis {
  color:#adbac7;
  font-style:italic
}
body[data-theme=dark] .hljs-strong {
  color:#adbac7;
  font-weight:700
}
body[data-theme=dark] .hljs-addition {
  color:#b4f1b4;
  background-color:#1b4721
}
body[data-theme=dark] .hljs-deletion {
  color:#ffd8d3;
  background-color:#78191b
}
@media (prefers-color-scheme: dark) {
  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_ {
    color:#f47067
  }
  body .hljs-title,
  body .hljs-title.class_,
  body .hljs-title.class_.inherited__,
  body .hljs-title.function_ {
    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 {
    color:#6cb6ff
  }
  body .hljs-regexp,
  body .hljs-string,
  body .hljs-meta .hljs-string {
    color:#96d0ff
  }
  body .hljs-built_in,
  body .hljs-symbol {
    color:#f69d50
  }
  body .hljs-comment,
  body .hljs-code,
  body .hljs-formula {
    color:#768390
  }
  body .hljs-name,
  body .hljs-quote,
  body .hljs-selector-tag,
  body .hljs-selector-pseudo {
    color:#8ddb8c
  }
  body .hljs-subst {
    color:#adbac7
  }
  body .hljs-section {
    color:#316dca;
    font-weight:700
  }
  body .hljs-bullet {
    color:#eac55f
  }
  body .hljs-emphasis {
    color:#adbac7;
    font-style:italic
  }
  body .hljs-strong {
    color:#adbac7;
    font-weight:700
  }
  body .hljs-addition {
    color:#b4f1b4;
    background-color:#1b4721
  }
  body .hljs-deletion {
    color:#ffd8d3;
    background-color:#78191b
  }
}
.chat-message-markdown {
  line-height:1.4;
  -webkit-text-size-adjust:100%;
  word-break:break-word
}
.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;
  vertical-align:inherit
}
.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 {
  margin:0
}
.chat-message-markdown hr {
  overflow:visible;
  height:0
}
.chat-message-markdown main,
.chat-message-markdown details {
  display:block
}
.chat-message-markdown summary {
  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";
  font-size:1em
}
.chat-message-markdown abbr[title] {
  cursor:help;
  text-decoration:underline;
  -webkit-text-decoration:underline dotted;
  text-decoration:underline dotted
}
.chat-message-markdown b,
.chat-message-markdown strong {
  font-weight:var(--font-weight-bold)
}
.chat-message-markdown small {
  font-size:80%
}
.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;
  padding:.35em .75em .625em
}
.chat-message-markdown legend {
  color:inherit;
  display:table;
  max-width:100%;
  white-space:normal
}
.chat-message-markdown progress {
  display:inline-block;
  vertical-align:baseline
}
.chat-message-markdown textarea {
  overflow:auto;
  resize:vertical
}
.chat-message-markdown [type=search] {
  outline-offset:-2px;
  -webkit-appearance:textfield
}
.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:.54
}
.chat-message-markdown ::-webkit-search-decoration {
  -webkit-appearance:none
}
.chat-message-markdown ::-webkit-file-upload-button {
  font:inherit;
  -webkit-appearance:button
}
.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
}
.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 .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,
.chat-message-markdown h6 {
  font-size:1rem;
  line-height:1.4
}
.chat-message-markdown p,
.chat-message-markdown ul,
.chat-message-markdown ol,
.chat-message-markdown figure {
  margin:.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:.3em
}
.chat-message-markdown h1 span {
  font-size:.6em
}
.chat-message-markdown h2 span {
  font-size:.7em
}
.chat-message-markdown h3 span {
  font-size:.8em
}
.chat-message-markdown h4 span {
  font-size:.9em
}
.chat-message-markdown small {
  font-size:1em;
  opacity:.8
}
.chat-message-markdown mark {
  background:pink
}
.chat-message-markdown ins {
  text-decoration:none;
  font-weight:var(--font-weight-bold)
}
.chat-message-markdown blockquote {
  border-left:.3rem solid #7a283a;
  border-left:.3rem solid var(--theme);
  margin:.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 body {
  background:#fefefe;
  background:var(--background-main);
  color:#1f1f1f;
  color:var(--text-main)
}
.chat-message-markdown a {
  color:#7a283a;
  color:var(--theme);
  text-decoration:underline
}
.chat-message-markdown a:hover {
  color:#bc8f8f;
  color:var(--theme-light)
}
.chat-message-markdown a:active {
  color:#8f5656;
  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:.5rem .65rem;
  border-radius:.5rem;
  border:2px solid #282a36;
  border:2px solid var(--border-element);
  font-size:1rem
}
.chat-message-markdown mark {
  background:pink;
  padding:.1em .15em
}
.chat-message-markdown kbd,
.chat-message-markdown code {
  padding:.1em .25em;
  border-radius:.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 {
  -moz-tab-size:4;
  -o-tab-size:4;
  tab-size:4
}
.chat-message-markdown pre code {
  display:block;
  padding:0 0 .5rem .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:.2rem;
  color:#fefefe;
  color:var(--text-inverted);
  padding:.3em .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:.5rem
}
.chat-button {
  display:inline-flex;
  text-align:center;
  vertical-align:middle;
  -webkit-user-select:none;
  user-select:none;
  color:var(--chat--button--color);
  background-color:var(--chat--button--background);
  border:1px solid transparent;
  padding:var(--chat--button--padding);
  font-size:1rem;
  line-height:1.5;
  border-radius:var(--chat--button--border-radius);
  transition:color var(--chat--transition-duration) ease-in-out,background-color var(--chat--transition-duration) ease-in-out,border-color var(--chat--transition-duration) ease-in-out,box-shadow var(--chat--transition-duration) ease-in-out;
  cursor:pointer
}
.chat-button:hover {
  color:var(--chat--button--hover--color);
  background-color:var(--chat--button--hover--background);
  text-decoration:none
}
.chat-button:focus {
  outline:0;
  box-shadow:0 0 0 .2rem #007bff40
}
.chat-button:disabled {
  opacity:.65
}
.chat-get-started {
  padding-top:var(--chat--spacing);
  padding-bottom:var(--chat--spacing);
  display:flex;
  justify-content:center;
  align-items:center;
  height:100%
}
.chat-powered-by {
  text-align:center
}
.chat-powered-by a {
  color:var(--chat--color-primary);
  text-decoration:none
}
.chat-get-started-footer {
  padding:var(--chat--spacing)
}
.chat-file[data-v-e0d57af7] {
  display:flex;
  align-items:center;
  flex-wrap:nowrap;
  width:fit-content;
  max-width:15rem;
  padding:.5rem;
  border-radius:.25rem;
  gap:.25rem;
  font-size:.75rem;
  background:#fff;
  color:var(--chat--color-dark);
  border:1px solid var(--chat--color-dark);
  cursor:pointer
}
.chat-file-name-tooltip[data-v-e0d57af7] {
  overflow:hidden
}
.chat-file-name[data-v-e0d57af7] {
  overflow:hidden;
  max-width:100%;
  text-overflow:ellipsis;
  white-space:nowrap;
  margin:0
}
.chat-file-delete[data-v-e0d57af7],
.chat-file-preview[data-v-e0d57af7] {
  background:none;
  border:none;
  display:block;
  cursor:pointer;
  flex-shrink:0
}
.chat-file-delete[data-v-e0d57af7] {
  position:relative
}
.chat-file-delete[data-v-e0d57af7]:hover {
  color:red
}
.chat-file-delete[data-v-e0d57af7]:before {
  content:"";
  position:absolute;
  top:-10px;
  right:-10px;
  bottom:-10px;
  left:-10px
}
.chat-input[data-v-de5e7961] {
  display:flex;
  justify-content:center;
  align-items:center;
  width:100%;
  flex-direction:column;
  position:relative
}
.chat-input[data-v-de5e7961] * {
  box-sizing:border-box
}
.chat-inputs[data-v-de5e7961] {
  width:100%;
  display:flex;
  justify-content:center;
  align-items:flex-end
}
.chat-inputs textarea[data-v-de5e7961] {
  font-family:inherit;
  font-size:var(--chat--input--font-size);
  width:100%;
  border:var(--chat--input--border, 0);
  border-radius:var(--chat--input--border-radius);
  padding:var(--chat--input--padding);
  min-height:var(--chat--textarea--height, 2.5rem);
  max-height:var(--chat--textarea--max-height);
  height:var(--chat--textarea--height, 2.5rem);
  resize:none;
  overflow-y:auto;
  background:var(--chat--input--background, white);
  color:var(--chat--input--text-color, initial);
  outline:none;
  line-height:var(--chat--input--line-height, 1.5)
}
.chat-inputs textarea[data-v-de5e7961]::placeholder {
  font-size:var(--chat--input--placeholder--font-size, var(--chat--input--font-size))
}
.chat-inputs textarea[data-v-de5e7961]:focus,
.chat-inputs textarea[data-v-de5e7961]:hover {
  border-color:var(--chat--input--border-active, 0)
}
.chat-inputs-controls[data-v-de5e7961] {
  display:flex
}
.chat-input-send-button[data-v-de5e7961],
.chat-input-file-button[data-v-de5e7961] {
  height:var(--chat--textarea--height);
  width:var(--chat--textarea--height);
  background:var(--chat--input--send--button--background, white);
  cursor:pointer;
  color:var(--chat--color-primary);
  /*color:var(--chat--input--send--button--color, var(--chat--color-secondary));*/
  border:0;
  font-size:24px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  transition:color var(--chat--transition-duration) ease
}
.chat-input-send-button svg[data-v-de5e7961],
.chat-input-file-button svg[data-v-de5e7961] {
  min-width:fit-content
}
.chat-input-send-button[disabled][data-v-de5e7961],
.chat-input-file-button[disabled][data-v-de5e7961] {
  cursor:no-drop;
 /* color:var(--chat--color-disabled) */
  color: var(--chat--input--send--button--color, var(--chat--color-secondary))
}
.chat-input-send-button .chat-input-send-button[data-v-de5e7961]:hover,
.chat-input-send-button .chat-input-send-button[data-v-de5e7961]:focus,
.chat-input-file-button .chat-input-send-button[data-v-de5e7961]:hover,
.chat-input-file-button .chat-input-send-button[data-v-de5e7961]:focus {
  background:var(--chat--input--send--button--background-hover, var(--chat--input--send--button--background));
  color:var(--chat--input--send--button--color-hover)
}
.chat-input-file-button[data-v-de5e7961] {
  background:var(--chat--input--file--button--background, white);
  color:var(--chat--input--file--button--color)
}
.chat-input-file-button[data-v-de5e7961]:hover {
  background:var(--chat--input--file--button--background-hover);
  color:var(--chat--input--file--button--color-hover)
}
.chat-files[data-v-de5e7961] {
  display:flex;
  overflow-x:hidden;
  overflow-y:auto;
  width:100%;
  flex-direction:row;
  flex-wrap:wrap;
  gap:.5rem;
  padding:var(--chat--files-spacing)
}
.chat-input-left-panel[data-v-de5e7961] {
  width:var(--chat--input--left--panel--width);
  margin-left:.4rem
}
.chat-layout {
  width:100%;
  height:100%;
  display:flex;
  overflow-y:auto;
  flex-direction:column;
  font-family:var(--chat--font-family)
}
.chat-layout .chat-header {
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:.5em;
  height:var(--chat--header-height);
  padding:var(--chat--header--padding);
  background:var(--chat--header--background);
  color:var(--chat--header--color);
  border-top:var(--chat--header--border-top);
  border-bottom:var(--chat--header--border-bottom);
  border-left:var(--chat--header--border-left);
  border-right:var(--chat--header--border-right)
}
.chat-layout .chat-header h1 {
  font-size:var(--chat--heading--font-size);
  color:var(--chat--header--color)
}
.chat-layout .chat-header p {
  font-size:var(--chat--subtitle--font-size);
  line-height:var(--chat--subtitle--line-height)
}
.chat-layout .chat-body {
  background:var(--chat--body--background);
  flex:1;
  display:flex;
  flex-direction:column;
  overflow-y:auto;
  position:relative;
  min-height:127px
}
.chat-layout .chat-footer {
  border-top:1px solid var(--chat--color-light-shade-100);
  background:var(--chat--footer--background);
  color:var(--chat--footer--color)
}
._strokeWidth_fqxq5_1 rect,
._strokeWidth_fqxq5_1 path {
  stroke-width:var(--n8n-icon-stroke-width)
}
._spin_fqxq5_6 {
  animation:_spin_fqxq5_6 1s linear infinite
}
@keyframes _spin_fqxq5_6 {
  0% {
    transform:rotate(0)
  }
  to {
    transform:rotate(360deg)
  }
}
.lds-ring {
  display:inline-block;
  position:relative;
  width:48px;
  height:48px
}
.lds-ring div {
  box-sizing:border-box;
  display:block;
  position:absolute;
  width:48px;
  height:48px;
  border:4px solid var(--color-foreground-xlight);
  border-radius:50%;
  animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;
  border-color:var(--color-primary) transparent transparent transparent
}
.lds-ring div:nth-child(1) {
  animation-delay:-.45s
}
.lds-ring div:nth-child(2) {
  animation-delay:-.3s
}
.lds-ring div:nth-child(3) {
  animation-delay:-.15s
}
@keyframes lds-ring {
  0% {
    transform:rotate(0)
  }
  to {
    transform:rotate(360deg)
  }
}
.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;
  box-sizing:border-box;
  outline:none;
  margin:0;
  transition:all .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:flex;
  justify-content: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)
}
._button_mdqve_229 {
  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;
  box-sizing:border-box;
  outline:none;
  margin:0;
  transition:all .3s,padding 0s,width 0s,height 0s;
  gap:var(--spacing-3xs);
  -moz-user-select:none;
  -webkit-user-select:none;
  -ms-user-select:none
}
._button_mdqve_229 a {
  color:var(--button-font-color, var(--color-button-primary-font))
}
._button_mdqve_229: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_mdqve_229:hover a {
  color:var(--button-hover-font-color, var(--color-button-primary-font))
}
._button_mdqve_229:active,
._button_mdqve_229._active_mdqve_263 {
  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_mdqve_229:active a,
._button_mdqve_229._active_mdqve_263 a {
  color:var(--button-active-font-color, var(--color-button-primary-font))
}
._button_mdqve_229:focus-visible:not(:active,
._active_mdqve_263) {
  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_mdqve_229:focus-visible:not(:active,
._active_mdqve_263) a {
  color:var(--button-focus-font-color, var(--color-button-primary-font))
}
._button_mdqve_229._disabled_mdqve_281,
._button_mdqve_229._disabled_mdqve_281:hover,
._button_mdqve_229._disabled_mdqve_281:active,
._button_mdqve_229._disabled_mdqve_281: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_mdqve_229._disabled_mdqve_281 a,
._button_mdqve_229._disabled_mdqve_281:hover a,
._button_mdqve_229._disabled_mdqve_281:active a,
._button_mdqve_229._disabled_mdqve_281:focus-visible a {
  color:var(--button-disabled-font-color, var(--color-button-primary-disabled-font))
}
._button_mdqve_229 ._loading_mdqve_289,
._button_mdqve_229 ._loading_mdqve_289:hover,
._button_mdqve_229 ._loading_mdqve_289:active,
._button_mdqve_229 ._loading_mdqve_289: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_mdqve_229 ._loading_mdqve_289 a,
._button_mdqve_229 ._loading_mdqve_289:hover a,
._button_mdqve_229 ._loading_mdqve_289:active a,
._button_mdqve_229 ._loading_mdqve_289:focus-visible a {
  color:var(--button-loading-font-color, var(--color-button-primary-font))
}
._button_mdqve_229::-moz-focus-inner {
  border:0
}
._button_mdqve_229>i {
  display:none
}
._button_mdqve_229>span {
  display:flex;
  justify-content:center;
  align-items:center
}
._secondary_mdqve_312,
._tertiary_mdqve_334 {
  --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_mdqve_356 {
  --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_mdqve_378 {
  --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_mdqve_400 {
  --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)
}
._xmini_mdqve_425 {
  --button-padding-vertical: var(--spacing-4xs);
  --button-padding-horizontal: var(--spacing-3xs);
  --button-font-size: var(--font-size-3xs)
}
._xmini_mdqve_425._square_mdqve_430 {
  height:22px;
  width:22px
}
._mini_mdqve_435 {
  --button-padding-vertical: var(--spacing-4xs);
  --button-padding-horizontal: var(--spacing-2xs);
  --button-font-size: var(--font-size-2xs)
}
._mini_mdqve_435._square_mdqve_430 {
  height:22px;
  width:22px
}
._small_mdqve_445 {
  --button-padding-vertical: var(--spacing-3xs);
  --button-padding-horizontal: var(--spacing-xs);
  --button-font-size: var(--font-size-2xs)
}
._small_mdqve_445._square_mdqve_430 {
  height:26px;
  width:26px
}
._medium_mdqve_455 {
  --button-padding-vertical: var(--spacing-2xs);
  --button-padding-horizontal: var(--spacing-xs);
  --button-font-size: var(--font-size-2xs)
}
._medium_mdqve_455._square_mdqve_430 {
  height:30px;
  width:30px
}
._large_mdqve_465._square_mdqve_430 {
  height:42px;
  width:42px
}
._xlarge_mdqve_470 {
  --button-padding-vertical: var(--spacing-xs);
  --button-padding-horizontal: var(--spacing-s);
  --button-font-size: var(--font-size-m)
}
._xlarge_mdqve_470._square_mdqve_430 {
  height:46px;
  width:46px
}
._outline_mdqve_483 {
  --button-background-color: transparent;
  --button-disabled-background-color: transparent
}
._outline_mdqve_483._primary_mdqve_487 {
  --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_mdqve_483._success_mdqve_356 {
  --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_mdqve_483._warning_mdqve_378 {
  --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_mdqve_483._danger_mdqve_400 {
  --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_mdqve_524 {
  --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_mdqve_524:focus {
  outline:0
}
._text_mdqve_524._primary_mdqve_487 {
  --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_mdqve_524._success_mdqve_356 {
  --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_mdqve_524._warning_mdqve_378 {
  --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_mdqve_524._danger_mdqve_400 {
  --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_mdqve_524:hover {
  text-decoration:underline
}
._loading_mdqve_289 {
  position:relative;
  pointer-events:none
}
._loading_mdqve_289:before {
  pointer-events:none;
  content:"";
  position:absolute;
  left:-1px;
  top:-1px;
  right:-1px;
  bottom:-1px;
  border-radius:inherit
}
._disabled_mdqve_281,
._disabled_mdqve_281:hover,
._disabled_mdqve_281:active,
._disabled_mdqve_281:focus {
  cursor:not-allowed;
  background-image:none
}
._transparent_mdqve_592 {
  --button-background-color: transparent;
  --button-active-background-color: transparent
}
._withIcon_mdqve_597,
._icon_mdqve_603 {
  display:inline-flex;
  justify-content:center;
  align-items:center
}
._icon_mdqve_603 svg {
  display:block
}
._block_mdqve_612 {
  width:100%
}
._float-left_mdqve_616 {
  float:left
}
._float-right_mdqve_620 {
  float:right
}
._bold_ushv1_1 {
  font-weight:var(--font-weight-medium)
}
._regular_ushv1_5 {
  font-weight:var(--font-weight-regular)
}
._size-xlarge_ushv1_9 {
  font-size:var(--font-size-xl);
  line-height:var(--font-line-height-xloose)
}
._size-large_ushv1_14 {
  font-size:var(--font-size-m);
  line-height:var(--font-line-height-xloose)
}
._size-medium_ushv1_19 {
  font-size:var(--font-size-s);
  line-height:var(--font-line-height-loose)
}
._size-small_ushv1_24 {
  font-size:var(--font-size-2xs);
  line-height:var(--font-line-height-loose)
}
._size-xsmall_ushv1_29 {
  font-size:var(--font-size-3xs);
  line-height:var(--font-line-height-compact)
}
._compact_ushv1_34 {
  line-height:1
}
._primary_ushv1_38 {
  color:var(--color-primary)
}
._secondary_ushv1_42 {
  color:var(--color-secondary)
}
._text-dark_ushv1_46 {
  color:var(--color-text-dark)
}
._text-base_ushv1_50 {
  color:var(--color-text-base)
}
._text-light_ushv1_54 {
  color:var(--color-text-light)
}
._text-xlight_ushv1_58 {
  color:var(--color-text-xlight)
}
._danger_ushv1_62 {
  color:var(--color-text-danger)
}
._success_ushv1_66 {
  color:var(--color-success)
}
._warning_ushv1_70 {
  color:var(--color-warning)
}
._foreground-dark_ushv1_74 {
  color:var(--color-foreground-dark)
}
._foreground-xdark_ushv1_78 {
  color:var(--color-foreground-xdark)
}
._align-left_ushv1_82 {
  text-align:left
}
._align-right_ushv1_86 {
  text-align:right
}
._align-center_ushv1_90 {
  text-align:center
}
.n8n-loading-custom.el-skeleton,
.n8n-loading-custom.el-skeleton .el-skeleton__item {
  width:100%;
  height:100%
}
._xlarge_ddtui_1 {
  --input-font-size: var(--font-size-m)
}
._xlarge_ddtui_1 input {
  height:48px
}
.recycle-scroller-wrapper {
  height:100%;
  width:100%;
  overflow: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:flex;
  position:relative;
  width:100%
}
.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))
}
ul.user-stack-list {
  border:none;
  display:flex;
  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;
  box-shadow:0 2px 8px #441c171a;
  background-color:var(--color-background-xlight)
}
.chat-message {
  display:block;
  position:relative;
  max-width:fit-content;
  font-size:var(--chat--message--font-size);
  padding:var(--chat--message--padding);
  border-radius:var(--chat--message--border-radius);
  scroll-margin:3rem
}
.chat-message .chat-message-actions {
  position:absolute;
  bottom:calc(100% - .5rem);
  left:0;
  opacity:0;
  transform:translateY(-.25rem);
  display:flex;
  gap:1rem
}
.chat-message.chat-message-from-user .chat-message-actions {
  left:auto;
  right:0
}
.chat-message:hover .chat-message-actions {
  opacity:1
}
.chat-message p {
  line-height:var(--chat--message-line-height);
  word-wrap:break-word
}
.chat-message+.chat-message {
  margin-top:var(--chat--message--margin-bottom)
}
.chat-message.chat-message-from-user+.chat-message.chat-message-from-bot,
.chat-message.chat-message-from-bot+.chat-message.chat-message-from-user {
  margin-top:var(--chat--spacing)
}
.chat-message.chat-message-from-bot {
  color:var(--chat--message--bot--color);
  border-bottom-left-radius:0
}
.chat-message.chat-message-from-bot:not(.chat-message-transparent) {
  background-color:var(--chat--message--bot--background);
  border:var(--chat--message--bot--border)
}
.chat-message.chat-message-from-user {
  color:var(--chat--message--user--color);
  margin-left:auto;
  border-bottom-right-radius:0
}
.chat-message.chat-message-from-user:not(.chat-message-transparent) {
  background-color:var(--chat--message--user--background);
  border:var(--chat--message--user--border)
}
.chat-message>.chat-message-markdown {
  display:block;
  box-sizing:border-box;
  font-size:inherit
}
.chat-message>.chat-message-markdown>*:first-child {
  margin-top:0
}
.chat-message>.chat-message-markdown>*:last-child {
  margin-bottom:0
}
.chat-message>.chat-message-markdown pre {
  font-family:inherit;
  font-size:inherit;
  margin:0;
  white-space:pre-wrap;
  box-sizing:border-box;
  padding:var(--chat--spacing);
  background:var(--chat--message--pre--background);
  border-radius:var(--chat--border-radius)
}
.chat-message .chat-message-files {
  display:flex;
  flex-wrap:wrap;
  gap:.25rem;
  padding-top:.5rem
}
.chat-window-wrapper {
  position:fixed;
  display:flex;
  flex-direction:column;
  bottom:var(--chat--window--bottom);
  right:var(--chat--window--right);
  z-index:var(--chat--window--z-index);
  max-width:calc(100% - var(--chat--window--right, var(--chat--spacing)) * 2);
  max-height:calc(100% - var(--chat--window--bottom, var(--chat--spacing)) * 2)
}
.chat-window-wrapper .chat-window {
  display:flex;
  width:var(--chat--window--width);
  height:var(--chat--window--height);
  max-width:100%;
  max-height:100%;
  border:var(--chat--window--border, 1px solid var(--chat--color-light-shade-100));
  border-radius:var(--chat--window--border-radius, var(--chat--border-radius));
  margin-bottom:var(--chat--window--margin-bottom, var(--chat--spacing));
  overflow:hidden;
  transform-origin:bottom right
}
.chat-window-wrapper .chat-window .chat-layout {
  width:auto;
  height:auto;
  flex:1
}
.chat-window-wrapper .chat-window-toggle {
  flex:0 0 auto;
  background:var(--chat--toggle--background);
  color:var(--chat--toggle--color);
  cursor:pointer;
  width:var(--chat--toggle--width);
  height:var(--chat--toggle--height);
  border-radius:var(--chat--toggle--border-radius, 50%);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-left:auto;
  transition:transform var(--chat--transition-duration) ease,background var(--chat--transition-duration) ease
}
.chat-window-wrapper .chat-window-toggle:hover,
.chat-window-wrapper .chat-window-toggle:focus {
  transform:scale(1.05);
  background:var(--chat--toggle--hover--background)
}
.chat-window-wrapper .chat-window-toggle:active {
  transform:scale(.95);
  background:var(--chat--toggle--active--background)
}
.chat-window-transition-enter-active,
.chat-window-transition-leave-active {
  transition:transform var(--chat--transition-duration) ease,opacity var(--chat--transition-duration) ease
}
.chat-window-transition-enter-from,
.chat-window-transition-leave-to {
  transform:scale(0);
  opacity:0
}
.chat-window-toggle-transition-enter-active,
.chat-window-toggle-transition-leave-active {
  transition:opacity var(--chat--transition-duration) ease
}
.chat-window-toggle-transition-enter-from,
.chat-window-toggle-transition-leave-to {
  opacity:0
}
.chat-message-typing {
  max-width:80px
}
.chat-message-typing.chat-message-typing-animation-scaling .chat-message-typing-circle {
  animation:chat-message-typing-animation-scaling .8s ease-in-out infinite;
  animation-delay:3.6s
}
.chat-message-typing.chat-message-typing-animation-bouncing .chat-message-typing-circle {
  animation:chat-message-typing-animation-bouncing .8s ease-in-out infinite;
  animation-delay:3.6s
}
.chat-message-typing .chat-message-typing-body {
  display:flex;
  justify-content:center;
  align-items:center
}
.chat-message-typing .chat-message-typing-circle {
  display:block;
  height:10px;
  width:10px;
  border-radius:50%;
  background-color:var(--chat--color-typing);
  margin:3px
}
.chat-message-typing .chat-message-typing-circle:nth-child(1) {
  animation-delay:0ms
}
.chat-message-typing .chat-message-typing-circle:nth-child(2) {
  animation-delay:333ms
}
.chat-message-typing .chat-message-typing-circle:nth-child(3) {
  animation-delay:666ms
}
@keyframes chat-message-typing-animation-scaling {
  0% {
    transform:scale(1)
  }
  33% {
    transform:scale(1)
  }
  50% {
    transform:scale(1.4)
  }
  to {
    transform:scale(1)
  }
}
@keyframes chat-message-typing-animation-bouncing {
  0% {
    transform:translateY(0)
  }
  33% {
    transform:translateY(0)
  }
  50% {
    transform:translateY(-10px)
  }
  to {
    transform:translateY(0)
  }
}
.chat-messages-list {
  margin-top:auto;
  display:block;
  padding:var(--chat--messages-list--padding)
}
.empty-container {
  container-type:size;
  display:flex;
  align-items:center;
  justify-content:center
}
.empty-container p {
  max-width:16em;
  margin:0
}
.empty {
  text-align:center;
  color:var(--color-text-base);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:var(--spacing-xs);
  padding-inline:var(--spacing-m);
  padding-bottom:var(--spacing-l);
  overflow:hidden
}
.emptyIcon {
  zoom:2.5;
  color:var(--color-button-secondary-border)
}
@container (height < 150px) {
  .empty {
    flex-direction:row;
    text-align:left
  }
  .emptyIcon {
    zoom:1.5
  }
}
.chat-heading {
  display:flex;
  justify-content:space-between;
  align-items:center
}
.chat-close-button {
  display:flex;
  border:none;
  background:none;
  cursor:pointer
}
.chat-close-button:hover {
  color:var(--chat--close--button--color-hover, var(--chat--color-primary))
}