.nlux-AiChat-root * {
    font-family: "Aeonik";
}

.limit-message {
    display: flex;
    justify-content: space-between;
    align-items: center;

    background-color: #FFECF0;
    color: #004155;
    padding: 6px;
    border-radius: 90px;
    margin: 10px;
    gap: 20px;
}

.nlux-markdown-container p {
    word-wrap: break-word;
}


.nlux-comp-welcomeMessage {
    padding-top: 2rem;
}

.nlux-markdown-container a {
    color: #0066cc;
    text-decoration: none;
}

.nlux-markdown-container a:hover {
    text-decoration: underline;
}


.nlux-AiChat-root.nlux-theme-nova[data-color-scheme=dark],
.nlux-AiChat-root.nlux-theme-nova[data-color-scheme=light] {
    /* Main brand color */
    --nlux-HumanMessage--BackgroundColor: #F4F4F4;
    --nlux-HumanMessage--TextColor: #004155;
    --nlux-prmInp-actv--txtClr: #004155;

    /* Complementary colors */
    --nlux-AiMessage--BackgroundColor: #FFECF0;
    --nlux-AiMessage--TextColor: #004155;

    /* Chat room colors */
    --nlux-ChatRoom--BackgroundColor: #004155;
    --nlux-ChatRoom--TextColor: #ffffff;

    /* Input and buttons */
    --nlux-PromptInput-Active--TextColor: #ffffff;
    --nlux-SubmitButton--TextColor: #fff;
    --nlux-SubmitButton-Active--TextColor: #ffffff;
    --nlux-cvStrt--bgClr: #ffffff00;
    --nlux-cvStrt--txtClr: #1b2241;
    --nlux-cvStrt--brdClr: #1b2241;
    --nlux-cvStrt--brdrWd: 1px;
    --nlux-cvStrt--brdrRd: 20px;
    --nlux-cvStrt--pdng: 0px;
    --nlux-chItm-avtr--wd: 54px;
    --nlux-chtr--lnH: 1.64em;
    --nlux-sbmBt-actv--brdClr: #1b2241;
    --nlux-chtr--brdrRd: 0px;
    --nlux-send-icon: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2032%2033%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M31.064%2020.0637C17.6702%2020.6198%2018.064%2032.5637%2018.064%2032.5637C18.064%2032.5637%2018.4629%2020.6198%205.06396%2020.0637C18.4577%2019.5076%2018.064%207.56372%2018.064%207.56372C18.064%207.56372%2017.665%2019.5076%2031.064%2020.0637Z%22%20fill%3D%22%23004155%22%2F%3E%3Cpath%20d%3D%22M13.5614%206.81937C6.57056%207.12472%206.78071%2013.6387%206.78071%2013.6387C6.78071%2013.6387%206.98571%207.12472%200%206.81937C6.99084%206.51403%206.78071%200%206.78071%200C6.78071%200%206.57569%206.51403%2013.5614%206.81937Z%22%20fill%3D%22%23004155%22%2F%3E%3C%2Fsvg%3E");

}

.nlux-comp-sendIcon-container {
    mask-size: cover !important;
    width: 32px !important;
    height: 32px !important;
}

.nlux-comp-composer .spinning-loader::after,
.nlux-comp-composer .spinning-loader::before {
    color: #004155 !important;
}

.nlux-comp-composer:hover .spinning-loader::after,
.nlux-comp-composer:hover .spinning-loader::before {
    color: #FFECF0 !important;
}

.view-products-button {

    display: flex;
    align-items: center;
    justify-content: center;

    background-color: #004155;
    color: #fff;
    padding: 12px 28px;
    border: none;
    font-weight: 500;
    font-size: 24px;
    border-radius: 95px;
    cursor: pointer;
    transition: background-color 0.3s;

    white-space: nowrap;
    margin-right: 30px;
}

.view-products-button:hover {
    background-color: #005f77;
}

.nlux-comp-conversationStarters {
    display: flex !important;
    flex-wrap: wrap !important;
    flex-direction: row;
    gap: 10px;
    overflow: hidden;
    width: 100% !important;
    align-items: stretch !important;
}

.nlux-conversationStarters-container>.nlux-comp-conversationStarters>.nlux-comp-conversationStarter {
    height: unset !important;
}

.nlux-launchPad-container {
    padding-bottom: 100px;
}

.nlux-comp-welcomeMessage {
    display: none;
}

.nlux-comp-message {
    padding: 20px 32px !important;
    border-radius: 20px !important;
}

.nlux-AiChat-root.disabled .nlux-composer-container {
    opacity: 0.6;
    cursor: not-allowed;
    pointer-events: none;

}

.nlux-conversationStarters-container .nlux-comp-conversationStarter {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    font-size: 18px;
    font-weight: 500;
    align-items: center !important;
    padding: 32px 20px !important;
    gap: 0px !important;
}

.limit-message p {
    margin-left: 30px;
    font-weight: 500;
    font-size: 24px;
}

button.nlux-comp-conversationStarter {
    min-width: unset !important;
}

.nlux-composer--typing .spinning-loader * {
    color: #004155 !important;
}

.nlux-comp-avatar {
    border-radius: 0 !important;
}

.nlux-comp-avatarPicture {
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

.nlux-comp-avatar {
    border-radius: 50% !important;
}

.nlux-comp-sendIcon {
    width: 24px !important;
}

.nlux-comp-composer textarea {
    font-size: 25px !important;
    resize: none !important;

    cursor: text !important;
    line-height: 1.6em;
}

.nlux-comp-composer textarea::placeholder {
    color: #1b2241;
    opacity: .6;
    font-family: "Aeonik";
}

.nlux-comp-composer button {
    gap: 10px;
    width: auto !important;

    font-size: 24px !important;
    color: #004155 !important;
    background-color: #FFECF0 !important;

    border-radius: 95px !important;

    height: auto !important;
    margin: auto 0 !important;
    padding: 12px 28px !important;
}

.nlux-comp-composer:not(.nlux-composer--waiting):not(.nlux-composer--submitting) button .nlux-comp-sendIcon {
    display: flex !important;
}

.nlux-composer-container {
    border: 1px solid #FFECF0 !important;
    border-radius: 95px;
    padding: 10px 14px;
    max-width: 800px !important;
    width: 100%;
    background-color: #f4f4f442 !important;
    box-shadow: none;
    border: 1px solid #f4f4f4 !important;

}

.nlux-composer-container button span {
    font-weight: 500;
}

.nlux-composer-container button {
    border: none !important;
}

.nlux-composer-container button {
    overflow: hidden;
    position: relative;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition: all .6s, background-color .0s .0s;
}

.nlux-composer-container button:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 150%;
    background-color: #E6FFFF;
    -webkit-transform: translateY(-100%) translate3d(0, 0, 0);
    -ms-transform: translateY(-100%) translate3d(0, 0, 0);
    transform: translateY(-100%) translate3d(0, 0, 0);
    border-bottom-left-radius: 80%;
    border-bottom-right-radius: 40%;
    transition: all .6s, border-radius 1s;
}

.nlux-composer-container button:hover {
    background-color: #E6FFFF !important;
    transition: background-color .2s .3s;
}


.nlux-composer-container button:hover:after {
    -webkit-transform: translateY(0) translate3d(0, 0, 0);
    -ms-transform: translateY(0) translate3d(0, 0, 0);
    transform: translateY(0) translate3d(0, 0, 0);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.nlux-composer-container button span,
.nlux-composer-container button .nlux-comp-sendIcon {
    z-index: 1;
}

.nlux-AiChat-root>.nlux-comp-exceptionBox {
    pointer-events: none;
}

button.nlux-comp-conversationStarter:hover {
    border-color: #FAD4DB !important;
    background-color: #FAD4DB !important;
}

.nlux-comp-welcomeMessage-personaName {
    font-size: 24px !important;

}

.nlux-conversation-container {
    width: 800px;
    padding: 0px 0px 64px 0px !important;
    max-height: 600px;
    overflow-y: auto;
}

.nlux-conversation-container .spinning-loader {
    color: #FFECF0 !important;
}

.nlux-comp-composer>textarea {
    outline: none !important;
    height: unset !important;
}

.nlux-comp-message.nlux_msg_complete.nlux_msg_sent {
    width: fit-content;
    display: block;
    flex: unset !important;
}

.nlux-comp-chatItem {
    gap: 12px;
}

.nlux-comp-chatItem {
    margin-bottom: 36px;
}

.nlux-comp-message.nlux_msg_complete.nlux_msg_sent {
    color: #004155 !important;
    background-color: #F4F4F4 !important;
}


.nlux-AiChat-root>.nlux-chatRoom-container {
    background-color: transparent;
    align-items: center;
    padding-bottom: 48px;
    padding: 8px;
}

.nlux-conversation-container {
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* Internet Explorer and Edge */
}

.nlux-conversation-container::-webkit-scrollbar {
    display: none;
    /* Chrome, Safari, and Edge (Webkit browsers) */
}


.nlux-composer-container textarea::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.nlux-comp-composer>textarea {
    padding: 10px 16px !important;
}

.nlux-conversationStarters-container {
    overflow: visible !important;
}

.chatbot-disabled-message {
    font-size: 20px;
    text-align: center;
    color: white;
}

@media (max-width: 767px) {

    .nlux-AiChat-root.nlux-theme-nova[data-color-scheme=dark],
    .nlux-AiChat-root.nlux-theme-nova[data-color-scheme=light] {
        --nlux-chItm-avtr--wd: 32px;

    }

    .nlux-launchPad-container {
        padding-bottom: 44px;
    }

    .nlux-comp-message {
        padding: 12px 20px !important;
    }

    .limit-message {
        flex-direction: column;
        gap: 0px;
    }

    .view-products-button {
        margin-bottom: 24px;
    }

    .nlux-conversation-container {
        width: 100% !important;
    }

    .nlux-comp-composer {
        flex-direction: column;
        align-items: center;
        gap: 16px !important;
    }

    .nlux-composer-container {
        border-radius: 0px !important;
        padding: 0px !important;
        width: 100% !important;
        border: none !important;
        box-shadow: none !important;
        background-color: transparent !important;
    }

    .nlux-comp-composer textarea {
        padding: 8px;
        font-size: 14px !important;
        border: 1px solid #FFECF0 !important;
        padding: 12px 22px !important;
        border-radius: 95px;
        padding: 10px 14px;
        background-color: #f4f4f442 !important;
        box-shadow: none;
        border: 1px solid #f4f4f4 !important;
    }

    .nlux-comp-composer button {
        font-size: 16px !important;
        width: fit-content !important;
        padding: 8px 16px !important;
    }

    .nlux-comp-composer textarea::placeholder {
        font-size: inherit !important;
        gap: 0px !important;
    }

    .nlux-conversation-container {
        padding-bottom: 32px !important;
    }

    .nlux-comp-chatItem.nlux-comp-chatItem--bubblesLayout.nlux-comp-chatItem--received {
        padding-right: 44px !important;
    }

    .nlux-comp-chatItem.nlux-comp-chatItem--bubblesLayout.nlux-comp-chatItem--sent {
        padding-left: 44px;
    }

    button.nlux-comp-conversationStarter span {
        font-size: 12px !important;
        line-height: 14px !important;
    }

    button.nlux-comp-conversationStarter {
        width: calc(50% - 5px);
        text-wrap: auto;
        border-radius: 15px !important;
    }

    .nlux-conversationStarters-container .nlux-comp-conversationStarter {
        padding: 18px 12px !important;
    }

    .nlux-comp-sendIcon {
        width: 22px !important;

    }

    .nlux-comp-composer.nlux-composer--typing button>.nlux-comp-sendIcon {
        display: flex !important;
    }

    .nlux-comp-sendIcon-container {
        mask-size: cover !important;
        width: 22px !important;
        height: 22px !important;
    }

}