n8n-editor-ui/dist/assets/ChatView-C1HsoTvg.css

Workflow Editor UI for n8n

._component_1hi6t_125{padding-left:var(--spacing--4xs);padding-right:var(--spacing--xs);align-items:center;gap:var(--spacing--4xs);border-bottom:var(--border);flex-grow:0;flex-shrink:0;height:56px;display:flex}._component_1hi6t_125:has(._menuButton_1hi6t_136){padding-inline:var(--spacing--xs)}._grow_1hi6t_140{align-items:center;gap:var(--spacing--4xs);flex-grow:1;display:flex}._title_1hi6t_147{margin-inline:var(--spacing--md)}._buttons_1hi6t_151{align-items:center;gap:var(--spacing--2xs);display:flex}._header_186nk_125{text-align:center;align-items:center;gap:var(--spacing--xs);flex-direction:column;display:flex}._cardGrid_186nk_133{max-width:700px;display:flex}@media screen and (max-width:991px){._cardGrid_186nk_133{flex-direction:column}}._cardWrapper_186nk_143{color:inherit;flex:1;text-decoration:none}._cardWrapper_186nk_143:not(:first-child){margin-left:-1px}@media screen and (max-width:991px){._cardWrapper_186nk_143:not(:first-child){margin-top:-1px;margin-left:0}}._card_186nk_133{height:100%;padding:var(--spacing--lg);align-items:flex-start;gap:var(--spacing--xs);border-radius:0}._cardFirst_186nk_166 ._card_186nk_133{border-radius:var(--radius--lg) 0 0 var(--radius--lg)}@media screen and (max-width:991px){._cardFirst_186nk_166 ._card_186nk_133{border-radius:var(--radius--lg) var(--radius--lg) 0 0}}._cardMiddle_186nk_175 ._card_186nk_133{border-radius:0}._cardLast_186nk_179 ._card_186nk_133{border-radius:0 var(--radius--lg) var(--radius--lg) 0}@media screen and (max-width:991px){._cardLast_186nk_179 ._card_186nk_133{border-radius:0 0 var(--radius--lg) var(--radius--lg)}}._cardHeader_186nk_188{align-items:flex-start;gap:var(--spacing--2xs);margin-bottom:var(--spacing--xs);flex-direction:column;display:flex}._providerIcons_186nk_196{gap:var(--spacing--2xs);display:flex}._buttonGroup_186nk_201{gap:var(--spacing--sm);justify-content:center;display:flex}._welcomeContent_186nk_207{z-index:100;justify-content:center;align-items:center;gap:var(--spacing--xl);background-color:var(--color--background--light-2);flex-direction:column;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.welcome-fade-enter-active,.welcome-fade-leave-active{transition:opacity .2s}.welcome-fade-enter-from,.welcome-fade-leave-to{opacity:0}._container_j3lr9_125{background-color:var(--color--background--light-2);border-left:var(--border-width) var(--border-style) var(--color--foreground);flex-direction:column;width:100%;min-width:0;height:100%;display:flex}._viewer_j3lr9_135{flex-direction:column;height:100%;display:flex;overflow:hidden}._header_j3lr9_142{justify-content:space-between;align-items:center;gap:var(--spacing--4xs);padding-left:var(--spacing--4xs);padding-right:var(--spacing--xs);border-bottom:var(--border);flex-grow:0;flex-shrink:0;min-width:0;height:56px;display:flex}._markdown_j3lr9_156{padding-inline:var(--spacing--sm)}._title_j3lr9_160{color:var(--color--text);text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;min-width:0;overflow:hidden}._headerActions_j3lr9_169{align-items:center;gap:var(--spacing--4xs);flex-shrink:0;display:flex}._type_j3lr9_176{text-transform:uppercase;letter-spacing:.05em}._content_j3lr9_181{color:var(--color--text--shade-1);font-size:var(--font-size--md);line-height:var(--line-height--xl);flex:1;overflow-x:hidden}._iframe_j3lr9_189{background-color:var(--color--background);border:none;width:100%;height:100%}._container_8e4c4_125{background-color:var(--color--background--light-2);border-left:var(--border-width) var(--border-style) var(--color--foreground);flex-direction:column;width:100%;min-width:0;height:100%;display:flex}._panel_8e4c4_135{flex-direction:column;height:100%;display:flex;overflow:hidden}._header_8e4c4_142{justify-content:space-between;align-items:center;gap:var(--spacing--4xs);padding:var(--spacing--sm) var(--spacing--sm);border-bottom:var(--border);flex-shrink:0;height:56px;display:flex}._body_8e4c4_153{padding:var(--spacing--sm);flex:1;overflow-y:auto}._subtitle_8e4c4_159{gap:var(--spacing--4xs);margin-bottom:var(--spacing--sm);flex-direction:column;display:flex}._credentialList_8e4c4_166{gap:var(--spacing--2xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}._credentialRow_8e4c4_175{justify-content:space-between;align-items:center;gap:var(--spacing--xs);padding:var(--spacing--xs);border:var(--border);border-radius:var(--radius--lg);display:flex}._credentialInfo_8e4c4_185{gap:var(--spacing--5xs);flex-direction:column;flex:1;min-width:0;display:flex}._credentialAction_8e4c4_193{flex-shrink:0;align-items:center;display:flex}._footer_8e4c4_199{padding:var(--spacing--xs) var(--spacing--sm);border-top:var(--border);flex-shrink:0}._chatLayout_5crcp_125{flex-direction:row;display:flex;position:relative}._chatLayout_5crcp_125._hasArtifact_5crcp_130 ._mainContent_5crcp_130{flex:1;min-width:0}._chatLayout_5crcp_125:not(._hasArtifact_5crcp_130) ._mainContent_5crcp_130{flex:1}._mainContentResizer_5crcp_138{flex-shrink:0;overflow:hidden}._mainContent_5crcp_130{flex-direction:column;flex:1;height:100%;display:flex;overflow:hidden}._dynamicCredentialsDrawer_5crcp_151{flex:0 0 340px;min-width:300px;max-width:400px;overflow:hidden}._artifactViewer_5crcp_158{flex:1;min-width:300px;overflow:hidden}._isResizing_5crcp_163 ._artifactViewer_5crcp_158{pointer-events:none}._scrollArea_5crcp_168{flex-grow:1;flex-shrink:1}._scrollable_5crcp_173{justify-content:start;align-items:stretch;gap:var(--spacing--xl);flex-direction:column;width:100%;min-height:100%;display:flex}._isNewSession_5crcp_182 ._scrollable_5crcp_173{justify-content:space-between}._isAgentNewSession_5crcp_185 ._scrollable_5crcp_173{padding-top:var(--spacing--2xl)}._greetingsCentered_5crcp_189{flex:1;justify-content:center;align-items:center;display:flex}._header_5crcp_196{justify-content:space-between;align-items:center;display:flex}._messageList_5crcp_202{align-self:center;gap:var(--spacing--xl);min-height:100%;padding-top:var(--spacing--2xl);flex-direction:column;padding-bottom:200px;display:flex}._promptContainer_5crcp_212{padding-block:var(--spacing--md);background:var(--color--background--light-2);justify-content:center;align-self:center;display:flex}._isMobileDevice_5crcp_219 ._promptContainer_5crcp_212,._isExistingSession_5crcp_219 ._promptContainer_5crcp_212{position:absolute;bottom:0;left:50%;transform:translate(-50%)}._messageList_5crcp_202,._promptContainer_5crcp_212{width:100%;max-width:88ch;padding-left:64px;padding-right:64px}._isMainPanelNarrow_5crcp_232 ._messageList_5crcp_202,._isMainPanelNarrow_5crcp_232 ._promptContainer_5crcp_212{padding-inline:var(--spacing--md)}._scrollToBottomButton_5crcp_237{bottom:calc(100% + var(--spacing--md));border-radius:50%;position:absolute;left:auto;box-shadow:0 4px 12px rgba(0,0,0,.15)}._isDraggingFile_5crcp_245{border-color:var(--color--secondary)}._dropOverlay_5crcp_249{z-index:9999;background-color:color-mix(in srgb, var(--color--background--light-2) 95%, transparent);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}