.chat-container{border-radius:10px;display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.chat-container .betterdocs-chatbot-header{align-items:center;background-color:#0bb782;background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;display:flex;justify-content:center;padding:10px;position:relative}.chat-container .betterdocs-chatbot-header .header__back.header__button{align-items:center;background:transparent;border-radius:4px;cursor:pointer;display:flex;height:30px;justify-content:center;left:10px;line-height:30px;position:absolute;text-align:center;transition:.25s ease-in-out;width:30px}.chat-container .betterdocs-chatbot-header .header__back.header__button:hover{background:#f6f6f7}.chat-container .betterdocs-chatbot-header .header-images{display:flex;margin-right:10px}.chat-container .betterdocs-chatbot-header .header-images img{border-radius:50%;height:30px;margin-right:-10px;width:30px}.chat-container .betterdocs-chatbot-header h2{color:#fff;font-family:system-ui;font-size:20px;font-size:24px;font-weight:600;margin:0 0 0 auto;padding:6px 0;text-align:center;width:100%}.chat-container .chat-content-wrapper{display:flex;flex-direction:column;height:100%;overflow:hidden;padding:0 5px}.chat-container .chat-content-wrapper .chat-body{-ms-overflow-style:none;background-color:#f9f9f9;flex:1;overflow-y:scroll;padding:10px 10px 0;scrollbar-width:none}.chat-container .chat-content-wrapper .chat-body::-webkit-scrollbar{background:transparent;width:0}.chat-container .chat-content-wrapper .chat-body .top-content{margin:auto auto 20px;text-align:center}.chat-container .chat-content-wrapper .chat-body .top-content .chat-icon{display:flex;justify-content:center;margin-bottom:15px}.chat-container .chat-content-wrapper .chat-body .top-content .heading-title{color:#1d2939;font-family:Inter;font-size:18px;font-weight:600;letter-spacing:-.02em;line-height:18px;margin-bottom:10px;text-align:center}.chat-container .chat-content-wrapper .chat-body .top-content .chat-description{color:#667085;font-size:14px;font-weight:400;letter-spacing:-.02em;line-height:22px;margin:auto;max-width:275px;text-align:center}.chat-container .chat-content-wrapper .chat-body .date{color:#888;margin-bottom:10px;text-align:center}.chat-container .chat-content-wrapper .chat-body .message{border-radius:20px;font-size:14px;margin-bottom:15px;max-width:100%;padding:6px 15px;position:relative;word-break:break-word}.chat-container .chat-content-wrapper .chat-body .message.failed,.chat-container .chat-content-wrapper .chat-body .message.sent{margin-bottom:30px;margin-left:auto;margin-right:0;max-width:calc(100% - 50px);padding:0 0 0 20px;text-align:right}.chat-container .chat-content-wrapper .chat-body .message.failed .query,.chat-container .chat-content-wrapper .chat-body .message.sent .query{background-color:#0bb782;border-radius:5px;color:#fff;display:inline-block;padding:10px 15px;text-align:left}.chat-container .chat-content-wrapper .chat-body .message.failed .status,.chat-container .chat-content-wrapper .chat-body .message.sent .status{align-items:center;bottom:-20px;color:#0bb782;display:flex;font-size:12px;gap:4px;position:absolute;right:0}.chat-container .chat-content-wrapper .chat-body .message.failed .status svg,.chat-container .chat-content-wrapper .chat-body .message.sent .status svg{height:15px;width:15px}.chat-container .chat-content-wrapper .chat-body .message.received{align-items:end!important;align-self:flex-start;color:#000;display:flex;margin-right:20px;padding:0}.chat-container .chat-content-wrapper .chat-body .message.received .avatar{align-items:center;background:#d2eed7;border-radius:50px;display:flex;height:40px;justify-content:center;margin-right:10px;width:40px}.chat-container .chat-content-wrapper .chat-body .message.received .avatar.thinking{background:none!important}.chat-container .chat-content-wrapper .chat-body .message.received .thinking-dots{color:#98a2b3}.chat-container .chat-content-wrapper .chat-body .message.received .dots:after{animation:dots 1.5s steps(3) infinite;content:"";display:inline-block;text-align:left;width:1.3em}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:"...."}}.chat-container .chat-content-wrapper .chat-body .message.received .message-content{align-items:end;border-radius:20px;display:flex}.chat-container .chat-content-wrapper .chat-body .message.received .message-content .text{background-color:#fff;border-radius:5px;font-family:system-ui;line-height:1.6rem;padding:10px 15px}.chat-container .chat-content-wrapper .chat-body .message.received .message-content .typing-text{background:#fff;border-radius:5px;color:#98a2b3;padding:12px}.chat-container .chat-content-wrapper .chat-body .message.received .message-content .message-text{color:#333;font-family:IBM Plex Sans;line-height:1.6;width:calc(100% - 70px)}.chat-container .chat-content-wrapper .chat-body .message.received .message-content .message-text span.message-received-time{color:#b1b3bd;font-family:system-ui;font-size:13px;font-weight:400;letter-spacing:-.02em;line-height:12px;text-align:left}.chat-container .chat-content-wrapper .chat-body .message.received .message-content .message-text code{word-wrap:break-word;background-color:rgba(0,0,0,.07);border:1px solid #e0e0e0;border-radius:4px;display:block;font-size:.95em;line-height:1.6;margin:1.5em 0;overflow-x:auto;padding:1em;white-space:pre-wrap}.chat-container .chat-content-wrapper .chat-body .message.received .message-content .text p{font-size:14px;margin-bottom:15px;margin-top:0}.chat-container .chat-content-wrapper .chat-body .message.received .message-content .text p:last-child{margin:0}.chat-container .chat-content-wrapper .chat-body .message.received .message-content .text ol,.chat-container .chat-content-wrapper .chat-body .message.received .message-content .text ul{margin-bottom:0;margin-left:5px;padding-left:15px}.chat-container .chat-content-wrapper .chat-body .message.received .message-content .text ol li,.chat-container .chat-content-wrapper .chat-body .message.received .message-content .text ul li{font-size:14px;margin-bottom:10px}.chat-container .chat-content-wrapper .chat-body .message.received .message-content .text a{color:#0073aa;font-weight:700;text-decoration:none}.chat-container .chat-content-wrapper .chat-body .message.received .message-content .text a:hover{color:#005177;text-decoration:underline}.chat-container .chat-content-wrapper .chat-body .message.typing.received .message-content{align-items:end;padding:5px 10px 5px 5px}.chat-container .chat-content-wrapper .thankyou-message-container{background:#fff8e8;border:1px solid #ffeed4;border-radius:0;border-radius:8px;color:#667085;font-family:Inter;font-size:14px;font-size:12px;font-weight:400;margin:auto;padding:10px;text-align:center;width:calc(100% - 50px)}.chat-container .chat-content-wrapper .error-message-container{align-items:center;border-radius:0;color:red;display:flex;font-size:14px;height:35px;justify-content:start;margin-bottom:-25px;margin-left:-5px;margin-top:0;padding:0 5px;position:relative;text-align:center;width:100%;z-index:9999}.chat-container .chat-content-wrapper .chat-footer{background-color:#f9f9f9;display:flex;flex-direction:column;padding:10px}.chat-container .chat-content-wrapper .chat-footer .message-input{align-items:center;background-color:#fff;border:1px solid #f2e8e8;border-radius:30px;display:flex;flex:1;font-size:16px;justify-content:space-between;overflow:hidden;padding:5px}.chat-container .chat-content-wrapper .chat-footer .message-input input{background-color:#fff;border:none;flex:1;font-family:system-ui;font-size:16px;font-weight:400;height:30px;letter-spacing:-.02em;line-height:20px;margin-right:10px;padding:5px 10px;text-align:left;width:calc(100% - 50px)}.chat-container .chat-content-wrapper .chat-footer .message-input input:focus{outline:0}.chat-container .chat-content-wrapper .chat-footer .message-input input::-moz-placeholder{color:#d0d5dd;font-family:system-ui;font-size:16px;font-weight:400;letter-spacing:-.02em;line-height:20px;text-align:left}.chat-container .chat-content-wrapper .chat-footer .message-input input::placeholder{color:#d0d5dd;font-family:system-ui;font-size:16px;font-weight:400;letter-spacing:-.02em;line-height:20px;text-align:left}.chat-container .chat-content-wrapper .chat-footer .message-input button{align-items:center;background:#0bb782;border:none;border-radius:30px;color:#fff;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;padding:0;width:40px}.chat-container .chat-content-wrapper .chat-footer .message-input button svg{height:16px;width:16px}.chat-container .email-field-container{display:flex;flex-direction:column;margin-bottom:10px;margin-left:auto;margin-top:10px;position:relative;width:calc(100% - 50px)}.chat-container .email-field-container .email-field{align-items:center;background-color:#f1f1f1;border:1px solid #d0d5dd;border-radius:5px;display:flex;justify-content:end;padding-left:10px;width:100%}.chat-container .email-field-container .email-field svg{height:10px;width:10px}.chat-container .email-field-container .email-field input{background-color:transparent;border:none;height:35px;width:100%}.chat-container .email-field-container .email-field input:focus{border:none;box-shadow:none;outline:0}.chat-container .email-field-container .email-field .email-icon{align-items:center;background:#fff;border-radius:5px;cursor:pointer;display:flex;height:35px;justify-content:center;margin:4px;width:45px}.message.received.email-field-wrapper{flex-direction:column;margin-top:0;position:relative;transition:.3s}.message.received.email-field-wrapper:hover span.skip-email{opacity:1}.message.received.email-field-wrapper span.skip-email{align-items:center;background:#00b682;border-radius:50px;cursor:pointer;display:flex;height:100%;height:20px;justify-content:center;opacity:0;position:absolute;right:5px;top:-15px;transition:.3s;width:20px}.message.received.email-field-wrapper span.skip-email svg{height:10px;width:10px}.email-field-wrapper.focused .email-field{outline:1px solid #00b682}.chat-loading{align-items:start;display:flex;height:100%;justify-content:center;margin-top:100px}.generic-loader{bottom:0;left:0;position:fixed;right:0;text-align:center;top:35px}.generic-loader:before{content:"";display:inline-block;height:100%;vertical-align:middle}@keyframes betterdocs-ia-rotation-lr{0%{transform:rotate(-90deg)}to{transform:rotate(0)}}@keyframes betterdocs-ia-rotation-rl{0%{transform:rotate(90deg)}to{transform:rotate(0)}}@keyframes betterdocs-ia-slide-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes betterdocs-ia-slide-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}@keyframes betterdocs-ia-fade-in{0%{opacity:0}to{opacity:1}}@keyframes betterdocs-ia-bounce-in{0%,35%{opacity:0}to{opacity:1}0%,40%,80%,to{transform:translateY(0)}60%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.typing-indicator{align-items:center;display:flex;gap:8px;justify-content:center}.dot{animation:bounce 1.4s ease-in-out infinite;background-color:#00b682;border-radius:50%;height:8px;width:8px}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}.header__back.header__button:hover svg path{fill:#111213}.chat-container .chat-content-wrapper .chat-body .message.received.email-field-wrapper{align-items:start!important}.message.typing.received.message-active .text{align-items:center;display:flex;justify-content:center;min-height:15px;min-width:50px}.message-input.disabled{opacity:.6;pointer-events:none}