@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap");:root{--primary-bg-color:#505050;--primary-font-color:#fff;--user-bg-color:#2a2a2a;--assistant-bg-color:#f33b4b;--background-image:"";--primary-inputrow-color:#3d3d3d;--primary-sendbutton-color:#b3b3b3;--custom-link-color:#2a2a2a}.App{font-family:Montserrat,sans-serif;max-width:600px;margin:0 auto;flex-direction:column;height:100vh}.App,.chat-container{background-color:var(--primary-bg-color)!important;display:flex}.chat-container{flex:1;flex-direction:column;height:100%;border:1px solid var(--primary-bg-color)!important;border-radius:5px;background-image:var(--background-image)!important;background-size:cover;background-position:50%;background-repeat:no-repeat;box-shadow:inset 0 0 8px var(--primary-bg-color)!important;overflow:hidden}.chat-container::-webkit-scrollbar{display:none}.chat-container{-ms-overflow-style:none;scrollbar-width:none}.messages::-webkit-scrollbar{display:none}.messages{-ms-overflow-style:none;scrollbar-width:none;flex:1;overflow-y:auto;flex-direction:column;border-bottom:1px solid var(--primary-bg-color)!important;padding:10px 10px 8px;white-space:pre-line!important}.message{border-radius:20px;padding:5px 10px;margin-top:5px;margin-bottom:5px;max-width:400px;width:fit-content}.message-container{display:flex;align-items:flex-end;margin-bottom:10px;position:relative;line-height:1.5;font-weight:300}.expanding-textarea{width:100%;height:auto;resize:none;min-height:40px;background-color:var(--primary-inputrow-color)!important;color:var(--primary-font-color);border:none;padding:9px 6px;font-size:16px;border-radius:20px;box-sizing:border-box;overflow:hidden}.expanding-textarea::placeholder{color:#fff}.expanding-textarea:focus{outline:none;box-shadow:none}.assistant-avatar{display:flex;align-items:center;justify-content:center;margin-right:10px}.message.user{color:var(--primary-font-color);margin-left:auto;margin-right:50px;background:linear-gradient(145deg,var(--user-bg-color),var(--user-bg-color))!important;background-attachment:fixed;position:relative}.message.user:before{z-index:0;width:20px;background:linear-gradient(145deg,var(--user-bg-color),var(--user-bg-color))!important;background-attachment:fixed;border-bottom-left-radius:15px}.message.user:after,.message.user:before{content:"";position:absolute;bottom:0;right:-10px;height:20px}.message.user:after{z-index:1;width:10px;background:linear-gradient(-90deg,var(--primary-bg-color),var(--primary-bg-color))!important;border-bottom-left-radius:10px}.message.assistant{color:var(--primary-font-color);margin-right:auto;background:var(--assistant-bg-color);background-attachment:fixed;position:relative;max-width:300px}.message.assistant:before{content:"";position:absolute;z-index:0;bottom:0;left:-9px;height:20px;width:20px;background:var(--assistant-bg-color);background-attachment:fixed;border-bottom-right-radius:15px}.message.assistant:after{content:"";position:absolute;z-index:1;bottom:0;left:-10px;width:10px;height:20px;background:linear-gradient(-90deg,var(--primary-bg-color),var(--primary-bg-color))!important;border-bottom-right-radius:10px}.custom-link{color:var(--custom-link-color)}.livechat{width:98%;height:28%}.initial-questions,.livechat,.suggested-questions{display:flex;flex-direction:column;padding:5px 10px}.initial-questions,.suggested-questions{margin-top:10px;width:95%;font-family:Montserrat,sans-serif}.initial-questions button:hover,.livechat button:hover,.suggested-questions button:hover{background-color:var(--assistant-bg-color);color:#fff;transform:scale(1.05);transition:transform .3s ease,background-color .3s ease,color .3s ease;box-shadow:0 4px 8px rgba(0,0,0,.2)}.input-row,.input-row-container{margin-bottom:5px}.input-row{display:flex;align-items:center;padding:5px 10px;background-color:var(--primary-inputrow-color)!important;border:1px solid #fff;border-radius:20px;margin-left:11px;width:95%;box-sizing:border-box}.iframe-container{width:100%;overflow-x:auto}.iframe-container iframe{width:100%;height:400px;border:none;display:block}.message-input,.message-input .input-container{flex:1;display:flex;align-items:center}.message-input .input-container{border-radius:20px;overflow:hidden;background-color:var(--primary-inputrow-color)!important;margin-right:10px}.message-input input[type=text]{flex:1;padding:10px;color:var(--primary-font-color)!important;font-family:Montserrat,sans-serif}.message-input .send-button,.message-input input[type=text]{border:none;background-color:var(--primary-inputrow-color)!important}.message-input .send-button{width:45px;height:45px;padding:0;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;color:var(--primary-sendbutton-color)!important;display:flex;align-items:center;justify-content:center}.message-input .send-button.recording{background-color:var(--primary-inputrow-color)!important;color:var(--user-bg-color)!important}.message-input .send-button:hover{background-color:var(--primary-inputrow-color)!important;color:var(--primary-font-color)!important}.message-input .send-button.recording:hover{background-color:var(--user-bg-color)!important;color:var(--primary-font-color)!important}input[type=text]::placeholder{color:var(--primary-font-color)!important}input[type=text]:focus{outline:none}button:enabled{cursor:pointer;background-color:var(--primary-inputrow-color)!important}button:enabled,button:enabled:hover{color:var(--primary-font-color)!important}button:disabled,button:disabled:hover{background-color:var(--primary-inputrow-color)!important;color:var(--primary-sendbutton-color)!important}.speed-dial{width:45px;height:45px;margin-left:8px}.speed-dial .MuiSpeedDial-fab{width:45px;height:45px;margin:3px;padding:0;background-color:var(--primary-inputrow-color)!important;border-radius:50%;box-shadow:none;display:flex;align-items:center;justify-content:center;overflow:hidden}.speed-dial .MuiSpeedDial-fab:hover{background-color:var(--primary-inputrow-color)!important;color:var(--primary-font-color)!important}.speed-dial .MuiSpeedDialAction-fab:hover{background-color:var(--assistant-bg-color)!important;color:var(--primary-font-color)!important}.attached-files{padding:2px}.attached-files img{width:15px;height:15px;margin-right:2px}.typing-indicator{color:var(--primary-font-color);margin-right:auto;background:none;background-attachment:fixed;position:relative;padding:5px 1px;margin-top:5px;margin-bottom:-10px;max-width:400px;width:fit-content;display:flex;align-items:center}.typing-indicator .dot-1,.typing-indicator .dot-2,.typing-indicator .dot-3{font-size:24px;font-weight:700;margin:0 2px;animation:blink 2s infinite both}.typing-indicator .dot-2{animation-delay:.4s}.typing-indicator .dot-3{animation-delay:.8s}.feedback-buttons{background-color:var(--assistant-bg-color)!important}.icon-like{width:5;height:5;margin-left:10}.icon-dislike,.icon-like{background-color:var(--assistant-bg-color)!important;margin-top:5;margin-bottom:10}.icon-dislike{margin-left:6}@keyframes blink{0%{opacity:.2;transform:translateY(0)}20%{opacity:1;transform:translateY(-5px)}to{opacity:.2;transform:translateY(0)}}.option-button{border-radius:20px;padding:5px 10px;font-size:13px;border:1px solid #f07d00;background-color:rgba(240,125,0,.1);cursor:pointer;transition:background-color .2s ease,transform .2s ease}.option-button:hover{transform:scale(1.05);background-color:rgba(240,125,0,.2)}@media (max-width:600px){.App{max-width:100%;padding:10px}.chat-container{border:none;border-radius:0;padding:10px 0}.speed-dial-wrapper{padding-bottom:40px}.speed-dial{width:35px;height:35px;margin-left:5px}.speed-dial .MuiSpeedDial-fab{width:35px;height:32.2px}.speed-dial .MuiSpeedDialIcon-root{font-size:20px}.input-row{padding:5px 0}.message-input .send-button{width:35px;height:35px}.message-input .input-container{margin-right:5px}.message-input input[type=text]{font-size:.857rem;padding:8px}.expanding-textarea{font-size:13px;margin-left:3px;padding-bottom:1px;padding-top:12px}.message.user{max-width:80%}.message.assistant,.message.user{margin-right:40px!important}}@media (min-width:1600px){.App{background-color:var(--primary-bg-color)!important}.livechat{margin-top:10px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}