@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";

.chat-message-item .chat-message-item-footer {
    margin: 12px 0 6px;
    display: flex;
    justify-content: space-between
}

.chat-message-item .chat-message-item-footer-left > span {
    margin-right: 12px
}

.chat-message-item .chat-message-item-icon {
    display: inline-flex;
    padding: 4px;
    cursor: pointer
}

    .chat-message-item .chat-message-item-icon:hover {
        background-color: #e5effe
    }

.nlux-chatSegment.nlux-chatSegment--complete .chat-message-item-footer, .nlux-chatSegment.nlux-chatSegment--complete .chat-message-item-footer .chat-message-item-footer-right .chat-message-item-icon {
    visibility: hidden
}

.nlux-chatSegment.nlux-chatSegment--complete:hover .chat-message-item-footer {
    visibility: visible
}

.nlux-chatSegment.nlux-chatSegment--complete:last-child .chat-message-item-footer {
    visibility: visible
}

    .nlux-chatSegment.nlux-chatSegment--complete:last-child .chat-message-item-footer .chat-message-item-footer-right .chat-message-item-icon {
        visibility: visible
    }

.rewrite-greeting .nlux-conversationStarters-container {
    display: none
}

.initial-greeting {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

    .initial-greeting .greeting-container {
        margin-top: 30px;
        display: flex;
        flex-direction: column;
        align-items: center
    }

        .initial-greeting .greeting-container .greeting-icon {
            width: 50px;
            height: 50px;
            background-size: 100%
        }

        .initial-greeting .greeting-container .greeting-text {
            line-height: 1.3;
            font-weight: 600;
            font-size: 28px
        }

        .initial-greeting .greeting-container .greeting-text-name {
            display: inline-block;
            background: linear-gradient(270deg, #ae79cc 3%, #1366ec 96%);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            -webkit-text-fill-color: transparent
        }

    .initial-greeting .greeting-quick-start {
        flex: 1;
        max-width: 100%;
        height: 0;
        overflow-y: auto;
        padding: 0 20px;
        margin-top: 48px;
        margin-bottom: 20px
    }

        .initial-greeting .greeting-quick-start .quick-start-item {
            margin-bottom: 12px;
            line-height: 28px;
            padding: 11px 16px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            border-radius: 2px;
            border: 1px solid #e5effe;
            cursor: pointer
        }

            .initial-greeting .greeting-quick-start .quick-start-item span {
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis
            }

            .initial-greeting .greeting-quick-start .quick-start-item i {
                line-height: 1
            }

                .initial-greeting .greeting-quick-start .quick-start-item i svg {
                    width: 16px;
                    height: 16px
                }

            .initial-greeting .greeting-quick-start .quick-start-item:hover {
                background: linear-gradient(61deg, #e5effe80 -24%, #eeebff80 127%)
            }

.nlux-AiChat-root.nlux-theme-nova[data-color-scheme=light] {
    --nlux-Exceptions--BackgroundColor: tomato;
    --nlux-Exceptions--BorderColor: darkred;
    --nlux-Exceptions--TextColor: white;
    --nlux-WelcomeMessage-Avatar--BorderColor: transparent;
    --nlux-WelcomeMessage-Avatar--BackgroundColor: transparent;
    --nlux-ChatRoom-Divider--Color: #71717a;
    --nlux-ChatRoom-Loader--Color: #71717a;
    --nlux-ChatRoom--BackgroundColor: #ffffff;
    --nlux-ChatRoom--BorderColor: transparent;
    --nlux-ChatRoom--TextColor: #09090B;
    --nlux-ChatItem-ParticipantName--Color: #09090B;
    --nlux-HumanMessage--BackgroundColor: #18181B;
    --nlux-HumanMessage--BorderColor: transparent;
    --nlux-HumanMessage--TextColor: #ffffff;
    --nlux-AiMessage--BackgroundColor: #F4F4F5;
    --nlux-AiMessage--BorderColor: transparent;
    --nlux-AiMessage--TextColor: #09090B;
    --nlux-PromptInput--BackgroundColor: transparent;
    --nlux-PromptInput--BorderColor: transparent;
    --nlux-PromptInput--TextColor: #71717a;
    --nlux-PromptInput-Active--BackgroundColor: transparent;
    --nlux-PromptInput-Active--BorderColor: transparent;
    --nlux-PromptInput-Active--TextColor: #000000;
    --nlux-PromptInput-Disabled--BackgroundColor: transprent;
    --nlux-PromptInput-Disabled--TextColor: #71717A;
    --nlux-PromptInput-Disabled--BorderColor: transprent;
    --nlux-PromptInput-Placeholder--TextColor: #71717a;
    --nlux-PromptInput-Focus-Outline--Color: transparent;
    --nlux-SubmitButton--BackgroundColor: transparent;
    --nlux-SubmitButton--BorderColor: transparent;
    --nlux-SubmitButton--TextColor: #000000;
    --nlux-SubmitButton-Active--BackgroundColor: transparent;
    --nlux-SubmitButton-Active--BorderColor: transparent;
    --nlux-SubmitButton-Active--TextColor: #000000;
    --nlux-SubmitButton-Disabled--BackgroundColor: transparent;
    --nlux-SubmitButton-Disabled--BorderColor: transparent;
    --nlux-SubmitButton-Disabled--TextColor: #71717a;
    --nlux-SubmitButton-Focus-Outline--Color: transparent;
    --nlux-CodeBlock--BackgroundColor: #ffefd5;
    --nlux-CodeBlock--BorderColor: transparent;
    --nlux-CodeBlock--TextColor: black;
    --nlux-CodeBlock-Hover--BackgroundColor: #efe2cf;
    --nlux-CodeBlock-CopyButton--BackgroundColor: #aeaea3;
    --nlux-CodeBlock-CopyButton--BorderColor: #c5c5c3;
    --nlux-CodeBlock-CopyButton--TextColor: #ffffff;
    --nlux-CodeBlock-CopyButton-Clicked--BackgroundColor: #393930;
    --nlux-CodeBlock-CopyButton-Clicked--BorderColor: #393930;
    --nlux-CodeBlock-CopyButton-Clicked--TextColor: #ffffff;
    --nlux-InlineCode--BackgroundColor: #fff9d8;
    --nlux-InlineCode--BorderColor: transparent;
    --nlux-InlineCode--TextColor: black;
    --nlux-ConversationStarter--BackgroundColor: var(--nlux-AiMessage--BackgroundColor);
    --nlux-ConversationStarter--BorderColor: transparent;
    --nlux-ConversationStarter--TextColor: var(--nlux-AiMessage--TextColor)
}

.nlux-AiChat-root.nlux-theme-nova[data-color-scheme=dark] {
    --nlux-Exceptions--BackgroundColor: tomato;
    --nlux-Exceptions--BorderColor: darkred;
    --nlux-Exceptions--TextColor: white;
    --nlux-WelcomeMessage-Avatar--BorderColor: transparent;
    --nlux-WelcomeMessage-Avatar--BackgroundColor: transparent;
    --nlux-ChatRoom-Divider--Color: #71717a;
    --nlux-ChatRoom-Loader--Color: #71717a;
    --nlux-ChatRoom--BackgroundColor: #151515;
    --nlux-ChatRoom--BorderColor: transparent;
    --nlux-ChatRoom--TextColor: #ffffff;
    --nlux-ChatItem-ParticipantName--Color: #ffffff;
    --nlux-HumanMessage--BackgroundColor: #323232;
    --nlux-HumanMessage--BorderColor: transparent;
    --nlux-HumanMessage--TextColor: #ffffff;
    --nlux-AiMessage--BackgroundColor: #494949;
    --nlux-AiMessage--BorderColor: transparent;
    --nlux-AiMessage--TextColor: #ffffff;
    --nlux-PromptInput--BackgroundColor: transparent;
    --nlux-PromptInput--BorderColor: transparent;
    --nlux-PromptInput--TextColor: #71717a;
    --nlux-PromptInput-Active--BackgroundColor: transparent;
    --nlux-PromptInput-Active--BorderColor: transparent;
    --nlux-PromptInput-Active--TextColor: #ffffff;
    --nlux-PromptInput-Disabled--BackgroundColor: transprent;
    --nlux-PromptInput-Disabled--TextColor: transprent;
    --nlux-PromptInput-Disabled--BorderColor: transprent;
    --nlux-PromptInput-Placeholder--TextColor: #71717a;
    --nlux-PromptInput-Focus-Outline--Color: transparent;
    --nlux-SubmitButton--BackgroundColor: transparent;
    --nlux-SubmitButton--BorderColor: transparent;
    --nlux-SubmitButton--TextColor: #71717a;
    --nlux-SubmitButton-Active--BackgroundColor: transparent;
    --nlux-SubmitButton-Active--BorderColor: transparent;
    --nlux-SubmitButton-Active--TextColor: #ffffff;
    --nlux-SubmitButton-Disabled--BackgroundColor: transparent;
    --nlux-SubmitButton-Disabled--BorderColor: transparent;
    --nlux-SubmitButton-Disabled--TextColor: #71717a;
    --nlux-SubmitButton-Focus-Outline--Color: transparent;
    --nlux-CodeBlock--BackgroundColor: #2b2b2b;
    --nlux-CodeBlock--BorderColor: transparent;
    --nlux-CodeBlock--TextColor: #ffffff;
    --nlux-CodeBlock-Hover--BackgroundColor: #3b3b3b;
    --nlux-CodeBlock-CopyButton--BackgroundColor: #434342;
    --nlux-CodeBlock-CopyButton--BorderColor: #c5c5c3;
    --nlux-CodeBlock-CopyButton--TextColor: #ffffff;
    --nlux-CodeBlock-CopyButton-Clicked--BackgroundColor: #393930;
    --nlux-CodeBlock-CopyButton-Clicked--BorderColor: #393930;
    --nlux-CodeBlock-CopyButton-Clicked--TextColor: #ffffff;
    --nlux-InlineCode--BackgroundColor: #393930;
    --nlux-InlineCode--BorderColor: transparent;
    --nlux-InlineCode--TextColor: #ffffff;
    --nlux-ConversationStarter--BackgroundColor: var(--nlux-HumanMessage--BackgroundColor);
    --nlux-ConversationStarter--BorderColor: transparent;
    --nlux-ConversationStarter--TextColor: var(--nlux-HumanMessage--TextColor)
}

.nlux-AiChat-root.nlux-theme-nova {
    --nlux-nova--FontFamily: "Inter", sans-serif;
    --nlux-nova--MonoFontFamily: monospace;
    --nlux-nova--BorderWidth: 0;
    --nlux-nova--LineHeight: 1.4;
    --nlux-nova--FlexGap: 12px;
    --nlux-Exceptions--Padding: 5px;
    --nlux-Exceptions--BorderWidth: var(--nlux-nova--BorderWidth);
    --nlux-Exceptions--BorderRadius: 12px;
    --nlux-WelcomeMessage-Avatar--Width: 48px;
    --nlux-WelcomeMessage-PersonaName--FontSize: 18px;
    --nlux-WelcomeMessage-PersonaName--FontWeight: 600;
    --nlux-WelcomeMessage-Text--FontSize: 15px;
    --nlux-WelcomeMessage-Text--FontWeight: 400;
    --nlux-WelcomeMessage--Gap: 4px;
    --nlux-ChatRoom-Divider--MarginTop: 10px;
    --nlux-ChatRoom-Divider--MarginBottom: 10px;
    --nlux-ChatRoom-Divider--BorderWidth: 1px;
    --nlux-ChatRoom--LineHeight: var(--nlux-nova--LineHeight);
    --nlux-ChatRoom--FontWeight: 400;
    --nlux-ChatRoom--FontFamily: var(--nlux-nova--FontFamily);
    --nlux-ChatRoom--FontSize: 16px;
    --nlux-ChatRoom--Padding: 20px;
    --nlux-ChatRoom--BorderRadius: 18px;
    --nlux-ChatRoom--BorderWidth: var(--nlux-nova--BorderWidth);
    --nlux-ChatRoom-Loader--Width: 25px;
    --nlux-ChatItem--AlignItems: flex-end;
    --nlux-ChatItem-ParticipantInfo--Gap: var(--nlux-nova--FlexGap);
    --nlux-ChatItem-ParticipantName--FontSize: 16px;
    --nlux-ChatItem-ParticipantName--FontWeight: 700;
    --nlux-ChatItem-Avatar--Width: 30px;
    --nlux-ChatItem-Avatar--BorderRadius: 50%;
    --nlux-ChatItem-Avatar--BorderWidth: var(--nlux-nova--BorderWidth);
    --nlux-ChatItem-Message--Gap: var(--nlux-nova--FlexGap);
    --nlux-ChatItem-Message-BubbleLayout--BorderWidth: 0px;
    --nlux-ChatItem-Message-BubbleLayout--BorderRadius: 12px;
    --nlux-ChatItem-Message-BubbleLayout--PaddingTopBottom: 10px;
    --nlux-ChatItem-Message-BubbleLayout--PaddingLeftRight: 15px;
    --nlux-ChatItem-Message-ListLayout--BorderWidth: 0px;
    --nlux-ChatItem-Message-ListLayout--BorderRadius: 12px;
    --nlux-ChatItem-Message-ListLayout--PaddingTopBottom: 5px;
    --nlux-ChatItem-Message-ListLayout--PaddingLeftRight: 10px;
    --nlux-ChatItem-Message-ListLayout--MarginTop: -10px;
    --nlux-ChatItem-Message-ListLayout--MarginBottom: 0px;
    --nlux-ChatItem-Message-ListLayout--MarginLeft: 32px;
    --nlux-ChatItem-Message-ListLayout--MarginRight: 0px;
    --nlux-CodeBlock--FontSize: 14px;
    --nlux-CodeBlock--FontFamily: "Courier New", monospace;
    --nlux-CodeBlock--Padding: 10px;
    --nlux-CodeBlock--BorderWidth: var(--nlux-nova--BorderWidth);
    --nlux-CodeBlock--BorderRadius: 6px;
    --nlux-CodeBlock-CopyButton--Width: 22px;
    --nlux-CodeBlock-CopyButton--Height: 22px;
    --nlux-CodeBlock-CopyButton--Padding: 2px;
    --nlux-CodeBlock-CopyButton--BorderRadius: 4px;
    --nlux-CodeBlock-CopyButton--BorderWidth: var(--nlux-nova--BorderWidth);
    --nlux-InlineCode--BorderRadius: 6px;
    --nlux-InlineCode--BorderWidth: 2px;
    --nlux-InlineCode--Padding: 0 2px;
    --nlux-InlineCode--FontSize: 18px;
    --nlux-Composer--Gap: 5px;
    --nlux-SubmitButton--Width: 65px;
    --nlux-SubmitButton--BorderWidth: var(--nlux-nova--BorderWidth);
    --nlux-SubmitButton--BorderRadius: 12px;
    --nlux-SubmitButton-Focus-Outline--Width: 2px;
    --nlux-PromptInput--FontFamily: var(--nlux-nova--FontFamily);
    --nlux-PromptInput--FontSize: 16px;
    --nlux-PromptInput--BorderWidth: 0;
    --nlux-PromptInput--BorderRadius: 12px;
    --nlux-PromptInput-Focus-Outline--Width: 2px;
    --nlux-ConversationStarter--Padding: 0 10px;
    --nlux-ConversationStarter--BorderRadius: 6px;
    --nlux-ConversationStarter--BorderWidth: 0;
    --nlux-ConversationStarter--Gap: var(--nlux-nova--FlexGap);
    --nlux-ConversationStarter--Width: 160px;
    --nlux-ConversationStarter--Height: 101px
}

.nlux-AiChat-root.nlux-theme-nova {
    --nlux-send-icon: url('data:image/svg+xml,        <svg viewBox="0 0 101 101" fill="none" xmlns="http://www.w3.org/2000/svg">            <path                fill-rule="evenodd" clip-rule="evenodd"                d="M100.662 50.6616C100.662 78.2758 78.2758 100.662 50.6616 100.662C23.0473 100.662 0.66156 78.2758 0.66156 50.6616C0.66156 23.0473 23.0473 0.66156 50.6616 0.66156C78.2758 0.66156 100.662 23.0473 100.662 50.6616ZM50.651 27.9339C49.2859 27.9339 48.0614 28.5356 47.2282 29.4883L29.2694 47.447C27.4943 49.2221 27.4943 52.1001 29.2694 53.8753C31.0446 55.6504 33.9226 55.6504 35.6977 53.8753L46.1055 43.4674V68.8429C46.1055 71.3533 48.1406 73.3884 50.651 73.3884C53.1613 73.3884 55.1964 71.3533 55.1964 68.8429V43.4386L65.6331 53.8753C67.4082 55.6504 70.2862 55.6504 72.0613 53.8753C73.8364 52.1001 73.8364 49.2221 72.0613 47.447L53.8795 29.2652C52.9902 28.3759 51.8241 27.9321 50.6585 27.9339L50.651 27.9339Z"                fill="currentColor" style="fill:currentColor;fill-opacity:1;"            />        </svg>    ');
    --nlux-cancel-icon: url('data:image/svg+xml,        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25" fill="none">            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25" fill="none">                <path d="M12.1719 22.1992C17.6947 22.1992 22.1719 17.7221 22.1719 12.1992C22.1719 6.67637 17.6947 2.19922 12.1719 2.19922C6.64903 2.19922 2.17188 6.67637 2.17188 12.1992C2.17188 17.7221 6.64903 22.1992 12.1719 22.1992Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>                <path d="M15.1719 9.19922H9.17188V15.1992H15.1719V9.19922Z" fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>            </svg>        </svg>    ');
    --nlux-copy-icon: url('data:image/svg+xml,        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">            <path fill-rule="evenodd" clip-rule="evenodd" d="M15 1.25H10.9436C9.10583 1.24998 7.65019 1.24997 6.51098 1.40314C5.33856 1.56076 4.38961 1.89288 3.64124 2.64124C2.89288 3.38961 2.56076 4.33856 2.40314 5.51098C2.24997 6.65019 2.24998 8.10582 2.25 9.94357V16C2.25 17.8722 3.62205 19.424 5.41551 19.7047C5.55348 20.4687 5.81753 21.1208 6.34835 21.6517C6.95027 22.2536 7.70814 22.5125 8.60825 22.6335C9.47522 22.75 10.5775 22.75 11.9451 22.75H15.0549C16.4225 22.75 17.5248 22.75 18.3918 22.6335C19.2919 22.5125 20.0497 22.2536 20.6517 21.6517C21.2536 21.0497 21.5125 20.2919 21.6335 19.3918C21.75 18.5248 21.75 17.4225 21.75 16.0549V10.9451C21.75 9.57754 21.75 8.47522 21.6335 7.60825C21.5125 6.70814 21.2536 5.95027 20.6517 5.34835C20.1208 4.81753 19.4687 4.55348 18.7047 4.41551C18.424 2.62205 16.8722 1.25 15 1.25ZM17.1293 4.27117C16.8265 3.38623 15.9876 2.75 15 2.75H11C9.09318 2.75 7.73851 2.75159 6.71085 2.88976C5.70476 3.02502 5.12511 3.27869 4.7019 3.7019C4.27869 4.12511 4.02502 4.70476 3.88976 5.71085C3.75159 6.73851 3.75 8.09318 3.75 10V16C3.75 16.9876 4.38624 17.8265 5.27117 18.1293C5.24998 17.5194 5.24999 16.8297 5.25 16.0549V10.9451C5.24998 9.57754 5.24996 8.47522 5.36652 7.60825C5.48754 6.70814 5.74643 5.95027 6.34835 5.34835C6.95027 4.74643 7.70814 4.48754 8.60825 4.36652C9.47522 4.24996 10.5775 4.24998 11.9451 4.25H15.0549C15.8297 4.24999 16.5194 4.24998 17.1293 4.27117ZM7.40901 6.40901C7.68577 6.13225 8.07435 5.9518 8.80812 5.85315C9.56347 5.75159 10.5646 5.75 12 5.75H15C16.4354 5.75 17.4365 5.75159 18.1919 5.85315C18.9257 5.9518 19.3142 6.13225 19.591 6.40901C19.8678 6.68577 20.0482 7.07435 20.1469 7.80812C20.2484 8.56347 20.25 9.56458 20.25 11V16C20.25 17.4354 20.2484 18.4365 20.1469 19.1919C20.0482 19.9257 19.8678 20.3142 19.591 20.591C19.3142 20.8678 18.9257 21.0482 18.1919 21.1469C17.4365 21.2484 16.4354 21.25 15 21.25H12C10.5646 21.25 9.56347 21.2484 8.80812 21.1469C8.07435 21.0482 7.68577 20.8678 7.40901 20.591C7.13225 20.3142 6.9518 19.9257 6.85315 19.1919C6.75159 18.4365 6.75 17.4354 6.75 16V11C6.75 9.56458 6.75159 8.56347 6.85315 7.80812C6.9518 7.07435 7.13225 6.68577 7.40901 6.40901Z" fill="currentColor"/>        </svg>    ');
    --nlux-upload-icon: url('data:image/svg+xml,        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">            <path fill-rule="evenodd" clip-rule="evenodd" d="M7 20c-1.856-.002-3.635-.7-4.947-1.94C.74 16.819.003 15.137 0 13.383V4.828a4.536 4.536 0 0 1 .365-1.843 4.75 4.75 0 0 1 1.087-1.567A5.065 5.065 0 0 1 3.096.368a5.293 5.293 0 0 1 3.888 0c.616.244 1.174.6 1.643 1.05.469.45.839.982 1.088 1.567.25.586.373 1.212.364 1.843v8.555a2.837 2.837 0 0 1-.92 2.027A3.174 3.174 0 0 1 7 16.245c-.807 0-1.582-.3-2.158-.835a2.837 2.837 0 0 1-.92-2.027v-6.22a1.119 1.119 0 1 1 2.237 0v6.22a.777.777 0 0 0 .256.547.868.868 0 0 0 .585.224c.219 0 .429-.08.586-.224a.777.777 0 0 0 .256-.546V4.828A2.522 2.522 0 0 0 7.643 3.8a2.64 2.64 0 0 0-.604-.876 2.816 2.816 0 0 0-.915-.587 2.943 2.943 0 0 0-2.168 0 2.816 2.816 0 0 0-.916.587 2.64 2.64 0 0 0-.604.876 2.522 2.522 0 0 0-.198 1.028v8.555c0 1.194.501 2.339 1.394 3.183A4.906 4.906 0 0 0 7 17.885a4.906 4.906 0 0 0 3.367-1.319 4.382 4.382 0 0 0 1.395-3.183v-6.22a1.119 1.119 0 0 1 2.237 0v6.22c-.002 1.754-.74 3.436-2.052 4.677C10.635 19.3 8.856 19.998 7 20z" fill="currentColor"/>        </svg>    ');
    --nlux-delete-icon: url('data:image/svg+xml,      <svg width="8" height="8" viewBox="0 0 8 8" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.45.549a.777.777 0 0 1 0 1.098L1.648 7.451A.776.776 0 1 1 .55 6.353L6.353.55a.776.776 0 0 1 1.098 0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M.55.548a.776.776 0 0 1 1.097 0l5.804 5.805A.777.777 0 0 1 6.353 7.45L.549 1.646a.777.777 0 0 1 0-1.098z" ></path></svg> ');
}

.nlux-AiChat-root {
    --nlux-exp--bgClr: var(--nlux-Exceptions--BackgroundColor);
    --nlux-exp--brdClr: var(--nlux-Exceptions--BorderColor);
    --nlux-exp--txtClr: var(--nlux-Exceptions--TextColor);
    --nlux-wlcMsg-avtr--brdrClr: var(--nlux-WelcomeMessage-Avatar--BorderColor);
    --nlux-wlcMsg-avtr--bgClr: var(--nlux-WelcomeMessage-Avatar--BackgroundColor);
    --nlux-chtr-ldr--clr: var(--nlux-ChatRoom-Loader--Color);
    --nlux-chtr--bgClr: var(--nlux-ChatRoom--BackgroundColor);
    --nlux-chtr--brdClr: var(--nlux-ChatRoom--BorderColor);
    --nlux-chtr--txtClr: var(--nlux-ChatRoom--TextColor, black)
}

    .nlux-AiChat-root[data-color-scheme=dark] {
        --nlux-chtr--txtClr: var(--nlux-ChatRoom--TextColor, white)
    }

.nlux-AiChat-root {
    --nlux-chtr-dvr--clr: var(--nlux-ChatRoom-Divider--Color);
    --nlux-prtInfo-prtNm--clr: var(--nlux-ChatItem-ParticipantName--Color);
    --nlux-hmMsg--bgClr: var(--nlux-HumanMessage--BackgroundColor);
    --nlux-hmMsg--brdClr: var(--nlux-HumanMessage--BorderColor);
    --nlux-hmMsg--txtClr: var(--nlux-HumanMessage--TextColor);
    --nlux-aiMsg--bgClr: var(--nlux-AiMessage--BackgroundColor);
    --nlux-aiMsg--brdClr: var(--nlux-AiMessage--BorderColor);
    --nlux-aiMsg--txtClr: var(--nlux-AiMessage--TextColor);
    --nlux-prmInp--bgClr: var(--nlux-PromptInput--BackgroundColor);
    --nlux-prmInp--brdClr: var(--nlux-PromptInput--BorderColor);
    --nlux-prmInp--txtClr: var(--nlux-PromptInput--TextColor);
    --nlux-prmInp-actv--bgClr: var(--nlux-PromptInput-Active--BackgroundColor);
    --nlux-prmInp-actv--brdClr: var(--nlux-PromptInput-Active--BorderColor);
    --nlux-prmInp-actv--txtClr: var(--nlux-PromptInput-Active--TextColor);
    --nlux-prmInp-dslb--bgClr: var(--nlux-PromptInput-Disabled--BackgroundColor);
    --nlux-prmInp-dslb--brdClr: var(--nlux-PromptInput-Disabled--BorderColor);
    --nlux-prmInp-dslb--txtClr: var(--nlux-PromptInput-Disabled--TextColor);
    --nlux-prmInp-plcHldr--txtClr: var(--nlux-PromptInput-Placeholder--TextColor);
    --nlux-prmInp-fcs-otln--clr: var(--nlux-PromptInput-Focus-Outline--Color);
    --nlux-sbmBt--bgClr: var(--nlux-SubmitButton--BackgroundColor);
    --nlux-sbmBt--brdClr: var(--nlux-SubmitButton--BorderColor);
    --nlux-sbmBt--txtClr: var(--nlux-SubmitButton--TextColor);
    --nlux-sbmBt-actv--bgClr: var(--nlux-SubmitButton-Active--BackgroundColor);
    --nlux-sbmBt-actv--brdClr: var(--nlux-SubmitButton-Active--BorderColor);
    --nlux-sbmBt-actv--txtClr: var(--nlux-SubmitButton-Active--TextColor);
    --nlux-sbmBt-dslb--bgClr: var(--nlux-SubmitButton-Disabled--BackgroundColor);
    --nlux-sbmBt-dslb--brdClr: var(--nlux-SubmitButton-Disabled--BorderColor);
    --nlux-sbmBt-dslb--txtClr: var(--nlux-SubmitButton-Disabled--TextColor);
    --nlux-sbmBt-fcs-otln--clr: var(--nlux-SubmitButton-Focus-Outline--Color);
    --nlux-cdBlk--bgClr: var(--nlux-CodeBlock--BackgroundColor);
    --nlux-cdBlk--brdClr: var(--nlux-CodeBlock--BorderColor, black);
    --nlux-cdBlk--txtClr: var(--nlux-CodeBlock--TextColor);
    --nlux-cdBlk-hover--bgClr: var(--nlux-CodeBlock-Hover--BackgroundColor);
    --nlux-cdBlk-cpBtn--bgClr: var(--nlux-CodeBlock-CopyButton--BackgroundColor);
    --nlux-cdBlk-cpBtn--brdClr: var(--nlux-CodeBlock-CopyButton--BorderColor);
    --nlux-cdBlk-cpBtn--txtClr: var(--nlux-CodeBlock-CopyButton--TextColor);
    --nlux-cdBlk-cpBtn-clck--bgClr: var(--nlux-CodeBlock-CopyButton-Clicked--BackgroundColor);
    --nlux-cdBlk-cpBtn-clck--brdClr: var(--nlux-CodeBlock-CopyButton-Clicked--BorderColor);
    --nlux-cdBlk-cpBtn-clck--txtClr: var(--nlux-CodeBlock-CopyButton-Clicked--TextColor);
    --nlux-inlnCd--bgClr: var(--nlux-InlineCode--BackgroundColor);
    --nlux-inlnCd--brdClr: var(--nlux-InlineCode--BorderColor);
    --nlux-inlnCd--txtClr: var(--nlux-InlineCode--TextColor);
    --nlux-cvStrt--bgClr: var(--nlux-ConversationStarter--BackgroundColor);
    --nlux-cvStrt--brdClr: var(--nlux-ConversationStarter--BorderColor);
    --nlux-cvStrt--txtClr: var(--nlux-ConversationStarter--TextColor)
}

.nlux-AiChat-root {
    --nlux-exp--pdng: var(--nlux-Exceptions--Padding, 10px);
    --nlux-exp--brdrWd: var(--nlux-Exceptions--BorderWidth);
    --nlux-exp--brdrRd: var(--nlux-Exceptions--BorderRadius);
    --nlux-wlcMsg-avtr--wd: var(--nlux-WelcomeMessage-Avatar--Width, 80px);
    --nlux-wlcMsg-prsNm--ftSz: var(--nlux-WelcomeMessage-PersonaName--FontSize);
    --nlux-wlcMsg-prsNm--ftWg: var(--nlux-WelcomeMessage-PersonaName--FontWeight, bold);
    --nlux-wlcMsg-txt--ftSz: var(--nlux-WelcomeMessage-Text--FontSize);
    --nlux-wlcMsg-txt--ftWg: var(--nlux-WelcomeMessage-Text--FontWeight);
    --nlux-wlcMsg--gap: var(--nlux-WelcomeMessage--Gap, 10px);
    --nlux-dvr--mrgTp: var(--nlux-ChatRoom-Divider--MarginTop, 20px);
    --nlux-dvr--mrgBtm: var(--nlux-ChatRoom-Divider--MarginBottom, 20px);
    --nlux-dvr--brdrWd: var(--nlux-ChatRoom-Divider--BorderWidth);
    --nlux-chtr--lnH: var(--nlux-ChatRoom--LineHeight);
    --nlux-chtr--fnWg: var(--nlux-ChatRoom--FontWeight);
    --nlux-chtr--fnFm: var(--nlux-ChatRoom--FontFamily);
    --nlux-chtr--ftSz: var(--nlux-ChatRoom--FontSize);
    --nlux-chtr--pdng: var(--nlux-ChatRoom--Padding);
    --nlux-chtr--brdrRd: var(--nlux-ChatRoom--BorderRadius);
    --nlux-chtr--brdrWd: var(--nlux-ChatRoom--BorderWidth);
    --nlux-chtr-ldr--wd: var(--nlux-ChatRoom-Loader--Width, 40px);
    --nlux-chItm--algnItms: var(--nlux-ChatItem--AlignItems, flex-start);
    --nlux-comp-chatItem-participantInfo--gap: var(--nlux-ChatItem-ParticipantInfo--Gap, 10px);
    --nlux-prtInfo-prtNm--ftSz: var(--nlux-ChatItem-ParticipantName--FontSize);
    --nlux-prtInfo-prtNm--ftWg: var(--nlux-ChatItem-ParticipantName--FontWeight, bold);
    --nlux-chItm-avtr--wd: var(--nlux-ChatItem-Avatar--Width, 50px);
    --nlux-chItm-avtr--brdrRd: var(--nlux-ChatItem-Avatar--BorderRadius);
    --nlux-chItm-avtr--brdrWd: var(--nlux-ChatItem-Avatar--BorderWidth);
    --nlux-chItm-msg--gap: var(--nlux-ChatItem-Message--Gap, 20px);
    --nlux-chItm-msg--mnHt: var(--nlux-ChatItem-Message--MinHeight, 50px);
    --nlux-chItm-mmsg-bblLt--brdrWd: var(--nlux-ChatItem-Message-BubbleLayout--BorderWidth);
    --nlux-chItm-mmsg-bblLt--brdrRd: var(--nlux-ChatItem-Message-BubbleLayout--BorderRadius);
    --nlux-chItm-mmsg-bblLt--pdng-tpBtm: var(--nlux-ChatItem-Message-BubbleLayout--PaddingTopBottom, 20px);
    --nlux-chItm-mmsg-bblLt--pdng-lr: var(--nlux-ChatItem-Message-BubbleLayout--PaddingLeftRight, 25px);
    --nlux-chItm-msg-lstLt--brdrWd: var(--nlux-ChatItem-Message-ListLayout--BorderWidth);
    --nlux-chItm-msg-lstLt--brdrRd: var(--nlux-ChatItem-Message-ListLayout--BorderRadius);
    --nlux-chItm-msg-lstLt--pdng-tpBtm: var(--nlux-ChatItem-Message-ListLayout--PaddingTopBottom, 5px);
    --nlux-chItm-msg-lstLt--pdng-lr: var(--nlux-ChatItem-Message-ListLayout--PaddingLeftRight, 10px);
    --nlux-chItm-msg-lstLt--mrgTp: var(--nlux-ChatItem-Message-ListLayout--MarginTop, 10px);
    --nlux-chItm-msg-lstLt--mrgBtm: var(--nlux-ChatItem-Message-ListLayout--MarginBottom, 10px);
    --nlux-chItm-msg-lstLt--mrgLft: var(--nlux-ChatItem-Message-ListLayout--MarginLeft, 10px);
    --nlux-chItm-msg-lstLt--mrgRgt: var(--nlux-ChatItem-Message-ListLayout--MarginRight, 10px);
    --nlux-cdBlk--ftSz: var(--nlux-CodeBlock--FontSize, 16px);
    --nlux-cdBlk--ftFm: var(--nlux-CodeBlock--FontFamily, "monospace");
    --nlux-cdBlk--pdng: var(--nlux-CodeBlock--Padding, 10px);
    --nlux-cdBlk--brdrWd: var(--nlux-CodeBlock--BorderWidth, 2px);
    --nlux-cdBlk--brdrRd: var(--nlux-CodeBlock--BorderRadius);
    --nlux-cdBlk-cpBtn--wd: var(--nlux-CodeBlock-CopyButton--Width, 30px);
    --nlux-cdBlk-cpBtn--hg: var(--nlux-CodeBlock-CopyButton--Height, 30px);
    --nlux-cdBlk-cpBtn--pdng: var(--nlux-CodeBlock-CopyButton--Padding, 5px);
    --nlux-cdBlk-cpBtn--brdrWd: var(--nlux-CodeBlock-CopyButton--BorderWidth);
    --nlux-cdBlk-cpBtn--brdrRd: var(--nlux-CodeBlock-CopyButton--BorderRadius);
    --nlux-inlnCd--brdrRd: var(--nlux-InlineCode--BorderRadius);
    --nlux-inlnCd--brdrWd: var(--nlux-InlineCode--BorderWidth);
    --nlux-inlnCd--pdng: var(--nlux-InlineCode--Padding);
    --nlux-inlnCd--ftFm: var(--nlux-CodeBlock--FontFamily, "monospace");
    --nlux-inlnCd--ftSz: var(--nlux-InlineCode--FontSize);
    --nlux-prmBx--gap: var(--nlux-Composer--Gap, 10px);
    --nlux-sbmBt--wd: var(--nlux-SubmitButton--Width, 80px);
    --nlux-sbmBt--brdrWd: var(--nlux-SubmitButton--BorderWidth);
    --nlux-sbmBt--brdrRd: var(--nlux-SubmitButton--BorderRadius);
    --nlux-sbmBt-fcs-otln--wd: var(--nlux-SubmitButton-Focus-Outline--Width, 6px);
    --nlux-prmInp--ftFm: var(--nlux-PromptInput--FontFamily);
    --nlux-prmInp--ftSz: var(--nlux-PromptInput--FontSize);
    --nlux-prmInp--brdrWd: var(--nlux-PromptInput--BorderWidth);
    --nlux-prmInp--brdrRd: var(--nlux-PromptInput--BorderRadius);
    --nlux-prmInp-fcs-otln--wd: var(--nlux-PromptInput-Focus-Outline--Width, 6px);
    --nlux-cvStrt--pdng: var(--nlux-ConversationStarter--Padding, 0 10px);
    --nlux-cvStrt--brdrRd: var(--nlux-ConversationStarter--BorderRadius);
    --nlux-cvStrt--brdrWd: var(--nlux-ConversationStarter--BorderWidth);
    --nlux-cvStrt--gap: var(--nlux-ConversationStarter--Gap, 10px);
    --nlux-cvStrt--wd: var(--nlux-ConversationStarter--Width, 160px);
    --nlux-cvStrt--hg: var(--nlux-ConversationStarter--Height, 101px)
}

.nlux-AiChat-root {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%
}

    .nlux-AiChat-root :is(h1, h2, h3, h4, h5, h6) {
        margin: 0;
        padding: 0
    }

    .nlux-AiChat-root > .nlux-comp-exceptionBox {
        position: absolute;
        z-index: 999999;
        top: 0;
        right: var(--nlux-chtr--brdrWd);
        left: var(--nlux-chtr--brdrWd);
        width: 100%
    }

    .nlux-AiChat-root > .nlux-chatRoom-container {
        position: relative;
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        width: 100%;
        height: 100%;
        overflow: hidden
    }

        .nlux-AiChat-root > .nlux-chatRoom-container > .nlux-launchPad-container, .nlux-AiChat-root > .nlux-chatRoom-container > .nlux-conversation-container {
            height: calc(100% - 60px);
            flex-grow: 1
        }

        .nlux-AiChat-root > .nlux-chatRoom-container > .nlux-composer-container {
            height: 60px;
            width: 100%;
            display: flex;
            flex-direction: row;
            align-items: stretch
        }

            .nlux-AiChat-root > .nlux-chatRoom-container > .nlux-composer-container > .nlux-comp-composer {
                width: 100%
            }

        .nlux-AiChat-root > .nlux-chatRoom-container.nlux-chatRoom-starting > .nlux-conversation-container {
            display: none
        }

        .nlux-AiChat-root > .nlux-chatRoom-container:not(.nlux-chatRoom-starting) > .nlux-launchPad-container {
            display: none
        }

        .nlux-AiChat-root > .nlux-chatRoom-container:not(.nlux-chatRoom-starting) > .nlux-conversation-container {
            overflow-x: hidden;
            overflow-y: auto;
            flex: 1;
            padding: var(--nlux-chtr--pdng) var(--nlux-chtr--pdng) var(--nlux-dvr--mrgBtm) var(--nlux-chtr--pdng)
        }

            .nlux-AiChat-root > .nlux-chatRoom-container:not(.nlux-chatRoom-starting) > .nlux-conversation-container > .nlux-conversationStarters-container:empty {
                display: none
            }

.nlux-AiChat-root {
    font-family: var(--nlux-chtr--fnFm), sans-serif;
    font-size: var(--nlux-chtr--ftSz);
    font-weight: var(--nlux-chtr--fnWg);
    font-style: normal;
    line-height: var(--nlux-chtr--lnH);
    color: var(--nlux-chtr--txtClr);
    font-variation-settings: "slnt"0
}

    .nlux-AiChat-root > .nlux-chatRoom-container {
        border: var(--nlux-chtr--brdrWd) solid var(--nlux-chtr--brdClr);
        border-radius: var(--nlux-chtr--brdrRd);
        background-color: var(--nlux-chtr--bgClr)
    }

        .nlux-AiChat-root > .nlux-chatRoom-container > .nlux-composer-container {
            border-top: var(--nlux-dvr--brdrWd) solid var(--nlux-chtr-dvr--clr)
        }

@keyframes nlux-ldr-spin {
    0%, to {
        box-shadow: .2em 0 0 0 currentcolor
    }

    12% {
        box-shadow: .2em .2em 0 0 currentcolor
    }

    25% {
        box-shadow: 0 .2em 0 0 currentcolor
    }

    37% {
        box-shadow: -.2em .2em 0 0 currentcolor
    }

    50% {
        box-shadow: -.2em 0 0 0 currentcolor
    }

    62% {
        box-shadow: -.2em -.2em 0 0 currentcolor
    }

    75% {
        box-shadow: 0 -.2em 0 0 currentcolor
    }

    87% {
        box-shadow: .2em -.2em 0 0 currentcolor
    }
}

@keyframes nlux-fadeInUp {
    0% {
        margin-top: 20px;
        opacity: 0
    }

    to {
        margin-top: 0;
        opacity: 1
    }
}

@keyframes nlux-fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.nlux-launchPad-container {
    display: flex;
    flex-direction: column
}

    .nlux-launchPad-container > .nlux-comp-welcomeMessage {
        flex: 2
    }

    .nlux-launchPad-container > .nlux-conversationStarters-container {
        flex: 1
    }

.nlux-comp-welcomeMessage {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;
    gap: var(--nlux-wlcMsg--gap)
}

    .nlux-comp-welcomeMessage > .nlux-comp-welcomeMessage-personaName {
        font-size: var(--nlux-wlcMsg-prsNm--ftSz);
        font-weight: var(--nlux-wlcMsg-prsNm--ftWg)
    }

    .nlux-comp-welcomeMessage > .nlux-comp-welcomeMessage-text {
        font-size: var(--nlux-wlcMsg-txt--ftSz);
        font-weight: var(--nlux-wlcMsg-txt--ftWg)
    }

    .nlux-comp-welcomeMessage > .nlux-comp-avatar {
        width: var(--nlux-wlcMsg-avtr--wd);
        border-color: var(--nlux-wlcMsg-avtr--brdrClr)
    }

        .nlux-comp-welcomeMessage > .nlux-comp-avatar > .nlux-comp-avatarContainer > .nlux-comp-avatarPicture {
            background-color: var(--nlux-wlcMsg-avtr--bgClr)
        }

.nlux-conversationStarters-container {
    overflow-y: scroll
}

    .nlux-conversationStarters-container > .nlux-comp-conversationStarters {
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        gap: 10px;
        width: max-content;
        min-width: 100%;
        padding: var(--nlux-cvStrt--pdng)
    }

        .nlux-conversationStarters-container > .nlux-comp-conversationStarters > .nlux-comp-conversationStarter {
            font-family: var(--nlux-chtr--fnFm), sans-serif;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: start;
            gap: .7rem;
            width: var(--nlux-cvStrt--wd);
            height: var(--nlux-cvStrt--hg);
            overflow: hidden;
            padding: 12px;
            border-color: var(--nlux-cvStrt--brdClr);
            border-width: var(--nlux-cvStrt--brdrWd);
            border-radius: var(--nlux-cvStrt--brdrRd);
            border-style: solid;
            color: var(--nlux-cvStrt--txtClr);
            background-color: var(--nlux-cvStrt--bgClr);
            cursor: pointer
        }

            .nlux-conversationStarters-container > .nlux-comp-conversationStarters > .nlux-comp-conversationStarter > .nlux-comp-conversationStarter-prompt {
                display: block;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                overflow: hidden;
                text-overflow: ellipsis;
                line-height: 1.3rem
            }

            .nlux-conversationStarters-container > .nlux-comp-conversationStarters > .nlux-comp-conversationStarter > .nlux-comp-conversationStarter-icon-container {
                width: 16px;
                height: 16px;
                display: flex;
                justify-content: center;
                align-items: center;
                overflow: hidden
            }

.nlux-comp-avatar {
    position: relative;
    overflow: hidden;
    width: var(--nlux-chItm-avtr--wd);
    border-style: solid;
    border-radius: var(--nlux-chItm-avtr--brdrRd);
    border-width: var(--nlux-chItm-avtr--brdrWd);
    aspect-ratio: 1
}

    .nlux-comp-avatar > .nlux-comp-avatarContainer {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        aspect-ratio: 1
    }

        .nlux-comp-avatar > .nlux-comp-avatarContainer > .nlux-comp-avatarPicture {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background-size: cover
        }

.nlux-chatSegment > .nlux-chatSegment-loader-container {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin: .7rem .5rem .5rem;
    color: var(--nlux-chtr-ldr--clr)
}

    .nlux-chatSegment > .nlux-chatSegment-loader-container > .nlux-comp-messageLoader {
        padding: 5px 5px 1px
    }

        .nlux-chatSegment > .nlux-chatSegment-loader-container > .nlux-comp-messageLoader > .nlux-comp-loaderContainer {
            width: calc(var(--nlux-chtr-ldr--wd) - 10px)
        }

            .nlux-chatSegment > .nlux-chatSegment-loader-container > .nlux-comp-messageLoader > .nlux-comp-loaderContainer > .spinning-loader {
                width: calc(var(--nlux-chtr-ldr--wd) - 12px);
                height: calc(var(--nlux-chtr-ldr--wd) - 12px)
            }

.nlux-comp-chatItem {
    display: flex;
    margin-bottom: .5em;
    gap: .5em
}

    .nlux-comp-chatItem > .nlux-comp-message {
        display: flex;
        overflow: hidden;
        align-items: flex-start;
        flex: 1;
        flex-direction: column;
        flex-shrink: initial;
        min-width: 80px;
        min-height: 22px;
        margin: 0;
        text-align: left;
        border-radius: .25em;
        outline: 0;
        gap: var(--nlux-chItm-msg--gap)
    }

    .nlux-comp-chatItem > .nlux-comp-chatItem-participantInfo {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: var(--nlux-comp-chatItem-participantInfo--gap)
    }

        .nlux-comp-chatItem > .nlux-comp-chatItem-participantInfo > .nlux-comp-chatItem-participantName {
            font-size: var(--nlux-prtInfo-prtNm--ftSz);
            font-weight: var(--nlux-prtInfo-prtNm--ftWg);
            color: var(--nlux-prtInfo-prtNm--clr)
        }

    .nlux-comp-chatItem.nlux-comp-chatItem--sent > .nlux-comp-chatItem-participantInfo > .nlux-comp-avatar {
        border-color: var(--nlux-hmMsg--brdClr)
    }

        .nlux-comp-chatItem.nlux-comp-chatItem--sent > .nlux-comp-chatItem-participantInfo > .nlux-comp-avatar > .nlux-comp-avatarContainer > .nlux-comp-avatarPicture {
            background-color: var(--nlux-hmMsg--bgClr)
        }

    .nlux-comp-chatItem.nlux-comp-chatItem--received > .nlux-comp-chatItem-participantInfo > .nlux-comp-avatar {
        border-color: var(--nlux-aiMsg--brdClr)
    }

        .nlux-comp-chatItem.nlux-comp-chatItem--received > .nlux-comp-chatItem-participantInfo > .nlux-comp-avatar > .nlux-comp-avatarContainer > .nlux-comp-avatarPicture {
            background-color: var(--nlux-aiMsg--bgClr)
        }

    .nlux-comp-chatItem.nlux-comp-chatItem--bubblesLayout {
        align-items: var(--nlux-chItm--algnItms)
    }

        .nlux-comp-chatItem.nlux-comp-chatItem--bubblesLayout > .nlux-comp-message {
            padding: var(--nlux-chItm-mmsg-bblLt--pdng-tpBtm) var(--nlux-chItm-mmsg-bblLt--pdng-lr);
            border-width: var(--nlux-chItm-mmsg-bblLt--brdrWd);
            border-style: solid;
            border-radius: var(--nlux-chItm-mmsg-bblLt--brdrRd)
        }

        .nlux-comp-chatItem.nlux-comp-chatItem--bubblesLayout > .nlux-comp-chatItem-participantInfo > .nlux-comp-avatar {
            border-width: var(--nlux-chItm-mmsg-bblLt--brdrWd)
        }

        .nlux-comp-chatItem.nlux-comp-chatItem--bubblesLayout > .nlux-comp-chatItem-participantInfo > .nlux-comp-chatItem-participantName {
            display: none
        }

        .nlux-comp-chatItem.nlux-comp-chatItem--bubblesLayout.nlux-comp-chatItem--sent {
            flex-direction: row-reverse;
            padding-left: 65px
        }

            .nlux-comp-chatItem.nlux-comp-chatItem--bubblesLayout.nlux-comp-chatItem--sent > .nlux-comp-message {
                color: var(--nlux-hmMsg--txtClr);
                border-color: var(--nlux-hmMsg--brdClr);
                background-color: var(--nlux-hmMsg--bgClr)
            }

        .nlux-comp-chatItem.nlux-comp-chatItem--bubblesLayout.nlux-comp-chatItem--received {
            flex-direction: row;
            padding-right: 65px
        }

            .nlux-comp-chatItem.nlux-comp-chatItem--bubblesLayout.nlux-comp-chatItem--received > .nlux-comp-message {
                color: var(--nlux-aiMsg--txtClr);
                border-color: var(--nlux-aiMsg--brdClr);
                background-color: var(--nlux-aiMsg--bgClr)
            }

    .nlux-comp-chatItem.nlux-comp-chatItem--listLayout {
        flex-direction: column;
        align-items: stretch
    }

        .nlux-comp-chatItem.nlux-comp-chatItem--listLayout > .nlux-comp-message {
            display: flex;
            flex-direction: column;
            align-items: stretch;
            padding: var(--nlux-chItm-msg-lstLt--pdng-tpBtm) var(--nlux-chItm-msg-lstLt--pdng-lr);
            margin: var(--nlux-chItm-msg-lstLt--mrgTp) var(--nlux-chItm-msg-lstLt--mrgRgt) var(--nlux-chItm-msg-lstLt--mrgBtm) var(--nlux-chItm-msg-lstLt--mrgLft)
        }

        .nlux-comp-chatItem.nlux-comp-chatItem--listLayout > .nlux-comp-chatItem-participantInfo {
            display: flex;
            align-items: start;
            justify-content: start
        }

            .nlux-comp-chatItem.nlux-comp-chatItem--listLayout > .nlux-comp-chatItem-participantInfo > .nlux-comp-avatar {
                border-width: var(--nlux-chItm-msg-lstLt--brdrWd)
            }

            .nlux-comp-chatItem.nlux-comp-chatItem--listLayout > .nlux-comp-chatItem-participantInfo > .nlux-comp-chatItem-participantName:first-child {
                margin-left: calc(var(--nlux-chItm-msg-lstLt--mrgLft) + var(--nlux-comp-chatItem-participantInfo--gap))
            }

.nlux-comp-message > .nlux-markdownStream-root {
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: .5em
}

    .nlux-comp-message > .nlux-markdownStream-root .md-in-progress:empty {
        display: none
    }

.nlux-comp-message .nlux-markdown-container:focus {
    outline: 0
}

.nlux-comp-message .editable-markdown-container {
    cursor: text
}

.nlux-comp-message .nlux-markdown-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: .5em
}

    .nlux-comp-message .nlux-markdown-container :is(p, pre, h1, h2, h3, h4, h5, h6, ul, ol, dl, blockquote, table, hr) {
        margin: 0;
        padding: 0
    }

    .nlux-comp-message .nlux-markdown-container :is(ul, ol) {
        padding-left: 1.5em
    }

        .nlux-comp-message .nlux-markdown-container :is(ul, ol) li {
            margin: .5em 0
        }

    .nlux-comp-message .nlux-markdown-container > .code-block {
        font-family: var(--nlux-cdBlk--ftFm), monospace;
        font-size: var(--nlux-cdBlk--ftSz);
        position: relative;
        max-width: 100%;
        color: var(--nlux-cdBlk--txtClr);
        border: var(--nlux-cdBlk--brdrWd) solid var(--nlux-cdBlk--brdClr);
        border-radius: var(--nlux-cdBlk--brdrRd);
        background-color: var(--nlux-cdBlk--bgClr)
    }

        .nlux-comp-message .nlux-markdown-container > .code-block > pre {
            overflow: auto;
            padding: 10px 0;
            width: 100%;
            min-width: 100%
        }

            .nlux-comp-message .nlux-markdown-container > .code-block > pre > div {
                padding: 0 var(--nlux-cdBlk--pdng)
            }

                .nlux-comp-message .nlux-markdown-container > .code-block > pre > div:hover {
                    background-color: var(--nlux-cdBlk-hover--bgClr)
                }

    .nlux-comp-message .nlux-markdown-container button.nlux-comp-copyButton {
        position: absolute;
        top: 5px;
        right: 0;
        z-index: 888888;
        width: var(--nlux-cdBlk-cpBtn--wd);
        margin-right: calc(var(--nlux-cdBlk-cpBtn--wd)/2);
        margin-bottom: calc(-1*var(--nlux-cdBlk-cpBtn--hg));
        margin-left: auto;
        padding: var(--nlux-cdBlk-cpBtn--pdng);
        cursor: pointer;
        color: var(--nlux-cdBlk-cpBtn--txtClr);
        border: var(--nlux-cdBlk-cpBtn--brdrWd) solid var(--nlux-cdBlk-cpBtn--brdClr);
        border-radius: var(--nlux-cdBlk-cpBtn--brdrRd);
        background-color: var(--nlux-cdBlk-cpBtn--bgClr)
    }

        .nlux-comp-message .nlux-markdown-container button.nlux-comp-copyButton > .icon-copy {
            display: inline-block;
            width: 100%;
            background-color: currentColor;
            background-repeat: no-repeat;
            background-size: contain;
            mask: var(--nlux-copy-icon);
            aspect-ratio: 1
        }

        .nlux-comp-message .nlux-markdown-container button.nlux-comp-copyButton.clicked, .nlux-comp-message .nlux-markdown-container button.nlux-comp-copyButton.clicked:hover {
            color: var(--nlux-cdBlk-cpBtn-clck--txtClr);
            border-color: var(--nlux-cdBlk-cpBtn-clck--brdClr);
            background-color: var(--nlux-cdBlk-cpBtn-clck--bgClr)
        }

        .nlux-comp-message .nlux-markdown-container button.nlux-comp-copyButton:hover * {
            opacity: .5
        }

        .nlux-comp-message .nlux-markdown-container button.nlux-comp-copyButton.clicked:hover * {
            opacity: 1
        }

    .nlux-comp-message .nlux-markdown-container code {
        font-family: var(--nlux-inlnCd--ftFm), monospace;
        font-size: var(--nlux-inlnCd--ftSz);
        padding: var(--nlux-inlnCd--pdng);
        color: var(--nlux-inlnCd--txtClr);
        border-width: var(--nlux-inlnCd--brdrWd);
        border-style: solid;
        border-color: var(--nlux-inlnCd--brdClr);
        border-radius: var(--nlux-inlnCd--brdrRd);
        background-color: var(--nlux-inlnCd--bgClr)
    }

    .nlux-comp-message .nlux-markdown-container strong {
        font-weight: 700
    }

.nlux-comp-messageLoader {
    display: flex;
    align-items: center;
    justify-content: center
}

    .nlux-comp-messageLoader > .nlux-comp-loaderContainer {
        width: 17px
    }

        .nlux-comp-messageLoader > .nlux-comp-loaderContainer > .spinning-loader {
            display: inline-block;
            width: 15px;
            height: 15px;
            border-radius: 50%;
            aspect-ratio: 1/1;
            perspective: 1000px
        }

            .nlux-comp-messageLoader > .nlux-comp-loaderContainer > .spinning-loader:before, .nlux-comp-messageLoader > .nlux-comp-loaderContainer > .spinning-loader:after {
                position: absolute;
                top: 0;
                left: 0;
                display: block;
                width: inherit;
                height: inherit;
                content: "";
                transform: rotateX(70deg);
                animation: 1s nlux-ldr-spin linear infinite;
                border-radius: 50%
            }

            .nlux-comp-messageLoader > .nlux-comp-loaderContainer > .spinning-loader:after {
                transform: rotateY(70deg);
                animation-delay: .4s
            }

.nlux-comp-composer {
    height: 100%;
    display: flex;
    align-items: stretch;
    flex-direction: row;
    justify-content: center;
    background-color: transparent;
    gap: var(--nlux-prmBx--gap)
}

    .nlux-comp-composer > textarea {
        height: 100%;
        font-family: var(--nlux-prmInp--ftFm), sans-serif;
        font-size: var(--nlux-prmInp--ftSz);
        font-weight: 400;
        line-height: 1.3;
        box-sizing: border-box;
        padding: var(--nlux-chtr--pdng);
        flex: 1;
        resize: none;
        cursor: pointer;
        color: var(--nlux-prmInp--txtClr);
        border-width: var(--nlux-prmInp--brdrWd);
        border-style: solid;
        border-color: var(--nlux-prmInp--brdClr);
        border-radius: var(--nlux-prmInp--brdrRd);
        outline: 0;
        background-color: var(--nlux-prmInp--bgClr)
    }

        .nlux-comp-composer > textarea:focus {
            outline: var(--nlux-prmInp-fcs-otln--clr) solid var(--nlux-prmInp-fcs-otln--wd)
        }

        .nlux-comp-composer > textarea:disabled, .nlux-comp-composer > textarea:disabled:hover {
            cursor: auto;
            color: var(--nlux-prmInp-dslb--txtClr);
            border-color: var(--nlux-prmInp-dslb--brdClr);
            background-color: var(--nlux-prmInp-dslb--bgClr)
        }

        .nlux-comp-composer > textarea:focus, .nlux-comp-composer > textarea:hover {
            color: var(--nlux-prmInp-actv--txtClr);
            border-color: var(--nlux-prmInp-actv--brdClr);
            background-color: var(--nlux-prmInp-actv--bgClr)
        }

        .nlux-comp-composer > textarea::placeholder {
            color: var(--nlux-prmInp-plcHldr--txtClr)
        }

    .nlux-comp-composer > button {
        display: flex;
        align-items: center;
        justify-content: center;
        width: var(--nlux-sbmBt--wd);
        cursor: pointer;
        color: var(--nlux-sbmBt--txtClr);
        border-width: var(--nlux-sbmBt--brdrWd);
        border-style: solid;
        border-color: var(--nlux-sbmBt--brdClr);
        border-radius: var(--nlux-sbmBt--brdrRd);
        background-color: var(--nlux-sbmBt--bgClr)
    }

        .nlux-comp-composer > button:focus, .nlux-comp-composer > button:hover {
            color: var(--nlux-sbmBt-actv--txtClr);
            border-color: var(--nlux-sbmBt-actv--brdClr);
            background-color: var(--nlux-sbmBt-actv--bgClr)
        }

        .nlux-comp-composer > button:focus {
            outline: var(--nlux-sbmBt-fcs-otln--clr) solid var(--nlux-sbmBt-fcs-otln--wd)
        }

        .nlux-comp-composer > button > .nlux-comp-sendIcon {
            width: 100%;
            max-width: 24px
        }

            .nlux-comp-composer > button > .nlux-comp-sendIcon > .nlux-comp-sendIcon-container {
                display: inline-block;
                width: 100%;
                background-color: currentColor;
                background-repeat: no-repeat;
                background-size: contain;
                mask: var(--nlux-send-icon);
                aspect-ratio: 1
            }

        .nlux-comp-composer > button > .nlux-comp-uploadIcon {
            width: 100%;
            max-width: 24px;
           margin-top:10px
        }

            .nlux-comp-composer > button > .nlux-comp-uploadIcon > .nlux-comp-uploadIcon-container {
                display: inline-block;
                width: 100%;
                background-color: currentColor;
                background-repeat: no-repeat;
                background-size: contain;
                mask: var(--nlux-upload-icon);
                aspect-ratio: 1;
                cursor: pointer;
            }

        .nlux-comp-composer > button > .nlux-comp-cancelIcon {
            width: 100%;
            max-width: 24px
        }

            .nlux-comp-composer > button > .nlux-comp-cancelIcon > .nlux-comp-cancelIcon-container {
                display: inline-block;
                width: 100%;
                background-color: currentColor;
                background-repeat: no-repeat;
                background-size: contain;
                mask: var(--nlux-cancel-icon);
                aspect-ratio: 1
            }

        .nlux-comp-composer > button > .nlux-comp-messageLoader {
            display: none
        }

        .nlux-comp-composer > button:disabled {
            cursor: not-allowed;
            color: var(--nlux-sbmBt-dslb--txtClr);
            border-color: var(--nlux-sbmBt-dslb--brdClr);
            background-color: var(--nlux-sbmBt-dslb--bgClr)
        }

    .nlux-comp-composer.nlux-composer--typing button > .nlux-comp-sendIcon {
        display: inline-block
    }

    .nlux-comp-composer.nlux-composer--typing button > .nlux-comp-messageLoader {
        display: none
    }

    .nlux-comp-composer.nlux-composer--submitting button > .nlux-comp-sendIcon, .nlux-comp-composer.nlux-composer--waiting button > .nlux-comp-sendIcon {
        display: none
    }

    .nlux-comp-composer.nlux-composer--submitting button > .nlux-comp-messageLoader, .nlux-comp-composer.nlux-composer--waiting button > .nlux-comp-messageLoader {
        display: inline-block
    }

.nlux-comp-exceptionBox {
    padding: var(--nlux-chtr--pdng)0
}

    .nlux-comp-exceptionBox > .nlux-comp-exceptionItem {
        margin: 0 var(--nlux-chtr--pdng);
        padding: var(--nlux-exp--pdng);
        animation: nlux-fadeInUp .15s ease-out forwards;
        opacity: 0;
        color: var(--nlux-exp--txtClr);
        border-width: var(--nlux-exp--brdrWd);
        border-style: solid;
        border-color: var(--nlux-exp--brdClr);
        border-radius: var(--nlux-exp--brdrRd);
        background-color: var(--nlux-exp--bgClr)
    }

        .nlux-comp-exceptionBox > .nlux-comp-exceptionItem.nlux-comp-exceptionItem--hiding {
            animation: nlux-fadeOutUp .1s ease-in forwards
        }

._stopButton_a3xkj_1 {
    display: flex;
    justify-content: right;
    align-items: center;
    position: absolute;
    width: 60px;
    height: 60px;
    bottom: 2px;
    right: 0
}

    ._stopButton_a3xkj_1 button {
        height: 26px;
        width: 26px;
        padding: 0;
        position: relative;
        right: 20px;
        border-radius: 50%;
        border: none;
        background: #fff;
        box-sizing: border-box
    }

        ._stopButton_a3xkj_1 button svg {
            box-sizing: border-box
        }

        ._stopButton_a3xkj_1 button:hover {
            cursor: pointer
        }

:root {
    --webchat-toolbar-text-color: #fff;
    --background-color: #fff;
    --webchat-toolbar-background-color: #1464E4;
    --border-color: #666;
    --webchat-toolbar-text-color-dark: #333;
    --background-color-dark: #181818;
    --border-color-dark: #EEECF0
}

._title_z6174_21 {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    padding-left: 26px;
    font-size: 14px;
    font-weight: 700;
    color: var(--webchat-toolbar-text-color)
}

._bubbleTip_z6174_31 {
    background-size: 100%;
    display: block;
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #EEECF0;
    box-shadow: 0 4px 6px #0000001a, 0 1px 3px #0000000f;
    cursor: pointer;
    background-color: #fff
}

._chatBoxContainer_z6174_46 {
    display: none;
    position: fixed;
    bottom: 10px;
    right: 10px;
    background-color: var(--background-color);
    border: 1px solid #EEECF0;
    box-shadow: #00000014 0 0 35px
}

._toolbar_z6174_56 {
    display: block;
    height: 50px;
    border-bottom: 1px solid var(--border-color);
    background-color: var(--webchat-toolbar-background-color)
}

._chatBoxVisible_z6174_63 {
    display: block
}

._toolbar_z6174_56 button {
    width: 30px;
    height: 40px;
    position: absolute;
    top: 5px;
    color: var(--webchat-toolbar-text-color);
    background-color: transparent;
    border: none
}

    ._toolbar_z6174_56 button:hover {
        background-color: #0000000d;
        cursor: pointer
    }

._closeButton_z6174_83 {
    right: 5px;
    font-size: 20px
}

._refreshButton_z6174_88 {
    right: 40px
}

    ._refreshButton_z6174_88 svg path {
        fill: var(--webchat-toolbar-text-color)
    }

._closeButton_z6174_83 svg path {
    stroke: var(--webchat-toolbar-text-color)
}

.nlux-AiChat-root {
    --nlux-chtr--ftSz: 14px;
    --nlux-prmInp--ftFm: 14px
}

    .nlux-AiChat-root.nlux-theme-nova {
        --nlux-PromptInput--FontSize: 14px
    }

.nlux-launchPad-container > .nlux-comp-welcomeMessage {
    flex: 1;
    padding: 0 26px;
    align-items: start;
    width: auto
}

.nlux-comp-welcomeMessage > .nlux-comp-welcomeMessage-personaName {
    font-size: 26px;
    background: linear-gradient(270deg, #ae79cc 3%, #1366ec 96%);
    color: transparent;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text
}

.nlux-comp-welcomeMessage > .nlux-comp-welcomeMessage-text {
    margin-top: 16px;
    color: #666
}

.nlux-conversationStarters-container > .nlux-comp-conversationStarters {
    display: block;
    padding: 0 26px;
    min-width: inherit;
    width: inherit
}

    .nlux-conversationStarters-container > .nlux-comp-conversationStarters button.nlux-comp-conversationStarter {
        height: auto;
        width: auto;
        margin-bottom: 12px;
        border-radius: 0;
        background: #f2f4ff;
        font-size: 14px;
        color: #666
    }

.nlux-AiChat-root > .nlux-chatRoom-container > .nlux-composer-container {
    border-top: 1px solid #eee
}

.nlux-comp-composer > textarea:placeholder {
    color: #eee
}

.nlux-comp-chatItem.nlux-comp-chatItem--bubblesLayout.nlux-comp-chatItem--sent > .nlux-comp-message {
    border-radius: 0;
    background: #e5effe;
    color: #555
}

.nlux-comp-chatItem.nlux-comp-chatItem--bubblesLayout.nlux-comp-chatItem--received > .nlux-comp-message {
    border-radius: 0;
    color: #555
}

.nlux-conversation-container img {
    max-width: 100%
}

.nlux-conversation-container th, .nlux-conversation-container td {
    padding: 4px;
    border: 1px solid #CCC
}

#webChat-bubble-tip, .webchat-container {
    z-index: 999999999999 !important;
}

.nlux-comp-composer > textarea, .nlux-comp-composer > textarea:hover, .nlux-comp-composer > textarea:focus {
    background: #f3f4f6;
    border-radius: 0
}

.nlux-AiChat-root > .nlux-chatRoom-container {
    border-radius: 0
}

.nlux-AiChat-root > .nlux-chatRoom-container {
    border-radius: 0
}

.nlux-comp-composer > textarea {
    padding: 30px 10px;
}

.nlux-AiChat-root > .nlux-chatRoom-container > .nlux-composer-container {
    height: 80px;
}
/* .webchat-bubble-tip{ */
/* display:none; */
/* } */


.nlux-composer-container input[type=file] {
 display:none
}

.ai-reasoning {
    color: #8b8b8b;
    border-left: 2px solid #e5e5e5;
    padding-left: 10px;
    margin: 1em 0;
}
.fileList {
    flex-wrap: wrap;
    gap: 8px;
    max-height: 180px;
    display: flex;
    overflow-y: auto;
    padding: 5px 14px 14px;
    margin-top: -5px;
}

.file-box {
    background-color: #f3f4f6;
    border-radius: 12px;
    width: calc(50% - 8.33333px);
    transition: background-color .3s;
    position: relative;
    cursor:pointer
}

.file-info {
    align-items: center;
    padding: 8px;
    /*display: flex*/
}

.file-name {
    text-overflow: ellipsis;
    width: calc(100% - 8.33333px);
    white-space: nowrap;
    color: #262626;
    min-height: 20px;
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    overflow: hidden;
}

.file-size {
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0;
    font-size: 12px;
    line-height: 17px;
    overflow: hidden;
    color: #bbb;
}

.file-box .nlux-comp-deleteIcon {
    display: inline-block;
    width: 100%;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: contain;
    mask: var(--nlux-delete-icon);
    aspect-ratio: 1
}


    .nlux-comp-deleteContainer {
    background: #d2caca;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: absolute;
    right: -5px;
    top: -5px;
    cursor: pointer;
    display: none;
   z-index:1000;
}
.file-box .nlux-comp-deleteIcon {
    display: inline-block;
    background-color: #0f0f0f;
    background-repeat: no-repeat;
    background-size: contain;
    mask: var(--nlux-delete-icon);
    aspect-ratio: 1;
    width: 8px;
    height: 8px;
    margin-left: 6px;
}

.file-box:hover .nlux-comp-deleteContainer {
    display: block !important;
}

.fail {
  color:red
}

#fileList{
  background: #fafbfc;
}
.file-error{
    font-size: 12px;
}