@keyframes closeAIChat{from{right:0}
to{right:-32vw}}
@keyframes openAIChat{from{right:-32vw}
to{right:0}}
flx-ai{font-family:"Calibri","Roboto",sans-serif}flx-ai .chat_window.closing{animation:closeAIChat 1s forwards}flx-ai .chat_window{animation:openAIChat 1s forwards;position:fixed;display:flex;flex-direction:column;right:0;bottom:1%;width:30vw;min-width:426px;max-width:800px;border-radius:10px;box-shadow:0 10px 20px rgba(0,0,0,0.15);background-color:#fff;overflow:hidden}flx-ai .chat_window .top_menu{border-bottom:1px solid #fff;background-color:#fff;width:100%;padding:6px 0 6px;box-shadow:0 1px 30px rgba(0,0,0,0.1)}flx-ai .chat_window .top_menu .buttons{margin:6px 0 0 20px;position:absolute}flx-ai .chat_window .top_menu .buttons .chat_ai_close{cursor:pointer;padding:0 2px 2px;font-size:16px}flx-ai .chat_window .top_menu .buttons .chat_ai_close:hover{color:#2eafe7}flx-ai .chat_window .top_menu .title{text-align:center;color:#bcbdc0;font-size:20px}flx-ai .chat_window .messages{position:relative;list-style:none;padding:20px 10px 0 10px;margin:0;height:55vh;overflow:scroll}flx-ai .chat_window .messages::-webkit-scrollbar{background-color:transparent}flx-ai .chat_window .messages .message{clear:both;overflow:hidden;margin-bottom:20px;transition:all 0.5s linear;opacity:0}flx-ai .chat_window .messages .message.appeared{opacity:1}flx-ai .chat_window .messages .message .text_wrapper{display:inline-block;padding:20px;border-radius:6px;width:80%;min-width:100px;position:relative;box-sizing:border-box}flx-ai .chat_window .messages .message .text_wrapper::before,flx-ai .chat_window .messages .message .text_wrapper::after{top:18px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}flx-ai .chat_window .messages .message .text_wrapper::before{border-width:15px;margin-top:-2px}flx-ai .chat_window .messages .message .text_wrapper::after{border-width:13px;margin-top:0px;right:100%}flx-ai .chat_window .messages .message .text_wrapper .chat_ai_text{color:#42526e;font-size:18px;margin-top:2%;font-weight:300}flx-ai .chat_window .messages .message .text_wrapper .chat_ai_author{display:flex;width:90%;justify-content:space-between;position:absolute;top:8px;font-weight:bold;color:#70798c}flx-ai .chat_window .messages .message .text_wrapper .chat_ai_author .copy_response{border:none;background:none}flx-ai .chat_window .messages .message .avatar{padding:0 1px 0 1px;border-radius:50%;display:inline-block}flx-ai .chat_window .messages .message .avatar img{width:60px;height:60px}flx-ai .chat_window .messages .message .avatar .chat_ai_timestamp{color:#70798c;text-align:center}flx-ai .chat_window .messages .message.left_message{display:flex}flx-ai .chat_window .messages .message.left_message .avatar{box-sizing:border-box;float:left}flx-ai .chat_window .messages .message.left_message .text_wrapper{background-color:#12739d;margin-left:20px}flx-ai .chat_window .messages .message.left_message .text_wrapper::after{border-right-color:#12739d}flx-ai .chat_window .messages .message.left_message .text_wrapper .chat_ai_text{color:#fff}flx-ai .chat_window .messages .message.left_message .text_wrapper .chat_ai_author{color:#fff}flx-ai .chat_window .messages .message.right_message{display:flex;flex-direction:row-reverse}flx-ai .chat_window .messages .message.right_message .avatar{float:right}flx-ai .chat_window .messages .message.right_message .text_wrapper{background-color:#fff;margin-right:20px;float:right}flx-ai .chat_window .messages .message.right_message .text_wrapper::before,flx-ai .chat_window .messages .message.right_message .text_wrapper::after{left:100%;border-left-color:#fff}flx-ai .chat_window .messages .message .copy_response:hover{color:#2eafe7}flx-ai .chat_window .bottom_wrapper{width:100%;z-index:4;background-color:#fff;padding:20px 20px 10px 20px}flx-ai .chat_window .bottom_wrapper .message_input_wrapper{display:inline-block;overflow:hidden;box-sizing:border-box;height:calc(50px);border-radius:1rem;border:1px solid #bcbdc0;width:100%;padding:0 20px}flx-ai .chat_window .bottom_wrapper .message_input_wrapper .message_input{padding-top:15px;padding-right:5rem;line-height:20px;resize:none;border:none;height:100%;box-sizing:border-box;font-size:15px;width:calc(100% + 20px);outline-width:0;color:#42526e}flx-ai .chat_window .bottom_wrapper .message_input_wrapper .message_input::placeholder{opacity:0.5}flx-ai .chat_window .bottom_wrapper .message_input_wrapper .message_input::-webkit-scrollbar{background-color:transparent;width:0.5rem}flx-ai .chat_window .bottom_wrapper .message_input_wrapper .message_input::-webkit-scrollbar-thumb{background-color:#80808099;border-width:1px;border-radius:6px}flx-ai .chat_window .bottom_wrapper .message_input_wrapper .send_message{position:relative;bottom:44px;right:-8px;width:30px;box-sizing:border-box;height:30px;display:inline-block;border-radius:0.5rem;background-color:#2eafe7;border:2px solid #2eafe7;color:#fff;cursor:pointer;transition:all 0.2s linear;text-align:center;float:right}flx-ai .chat_window .bottom_wrapper .message_input_wrapper .send_message:not([disabled]):hover{color:#2eafe7;background-color:#fff}flx-ai .chat_window .bottom_wrapper .message_input_wrapper .send_message:disabled{color:#fff;background-color:#0d516f;border-color:#0d516f;cursor:default}flx-ai .chat_window .bottom_wrapper .message_input_wrapper .send_message:before{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}flx-ai .chat_window .bottom_wrapper .chat_tools button{background:transparent}flx-ai .chat_window .bottom_wrapper .chat_tools button:not(:last-child):hover{border-right:2px solid #2eafe7}flx-ai flx-code .CodeMirror.cm-s-freeware.CodeMirror-overlayscroll{font-size:12px}flx-ai flx-code .flx-headBar{color:#42526e;height:20px;width:100%;display:flex;border-top-left-radius:9px;border-top-right-radius:14px;background-color:#fff;justify-content:space-between;align-items:center}flx-ai flx-code .flx-headBar .headBar-language{margin-left:10px;font-size:12px}flx-ai flx-code .flx-headBar .headbar-button{font-size:12px;background:none;border:none;margin-right:6px}body:not([mode="dark"]) div.ui-dialog:has(flx-ai),div.ui-dialog:has(flx-ai){border:none;box-shadow:none;background-color:transparent}.ui-dialog:has(flx-ai) .ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix{display:none}.ui-dialog:has(flx-ai) main.pageContainer.ui-dialog-content.ui-widget-content.ui-dialog-normal{border:none;background-color:transparent !important}body[mode="dark"] flx-ai .messages .message.left_message .text_wrapper{background-color:#4f4f4f;margin-left:20px}body[mode="dark"] flx-ai .messages .message.left_message .text_wrapper::after{border-right-color:#4f4f4f}body[mode="dark"] .ui-widget-content:has(flx-ai){background-color:transparent}