@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";*,:before,:after{box-sizing:border-box}*{margin:0;padding:0;font-family:Inter,sans-serif}body{background:linear-gradient(#f6f5f7,#e4e3e4);justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex;overflow:hidden}.container{width:100vw;height:100vh}.chatbot-poup{background:#fff;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.chatbot-poup .chat-header{color:#fff;background:#000;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:15px 22px;display:flex}.chat-header .header-info{align-items:center;gap:10px;display:flex}.chat-header .subtext{margin-left:45px;font-size:12px}.header-info svg{fill:#000;background:#fff;border-radius:50%;flex-shrink:0;width:35px;height:35px;padding:6px}.header-info .logo-text{color:#fff;font-size:1.31rem;font-weight:600}.chat-header button{cursor:pointer;background:0 0;border:none;border-radius:50%;outline:none;width:40px;height:40px;margin-right:-10px;padding-top:2px;font-size:1.9rem;transition:all .2s}.chat-header button:hover{background:#626263}.chat-body{scrollbar-width:thin;scrollbar-color:#f0f0f0 transparent;flex-direction:column;flex:1;gap:20px;padding:25px 22px 100px;display:flex;overflow-y:auto}.chat-body .message{align-items:center;gap:11px;display:flex}.chat-body .bot-message svg{fill:#fff;background:#000;border-radius:50%;flex-shrink:0;align-self:flex-end;width:35px;height:35px;margin-bottom:2px;padding:6px}.chat-body .message .message-text{word-wrap:break-word;white-space:pre-line;max-width:75%;padding:12px 16px;font-size:.95rem}.chat-body .bot-message .message-text{background:#e7e7e7;border-radius:13px 13px 13px 3px}.chat-body .user-message{flex-direction:column;align-items:flex-end}.chat-body .user-message .message-text{color:#fff;background:#000;border-radius:13px 13px 3px}.chat-footer{background:#fff;width:100%;padding:15px 22px 20px;position:absolute;bottom:0}.chat-footer .chat-form{background:#fff;border-radius:32px;outline:1px solid #dddde6;align-items:center;display:flex;box-shadow:0 0 8px #0009}.chat-footer .chat-form:focus-within{outline:2px solid #000}.chat-footer .message-input{background:0 0;border:none;outline:none;width:100%;height:47px;padding:0 17px;font-size:.95rem}.chat-footer button{color:#fff;cursor:pointer;background:#000;border:none;border-radius:50%;outline:none;flex-shrink:0;width:35px;height:35px;margin-right:6px;font-size:1.15rem;transition:all .2s;display:none}.chat-footer button:hover{background:#231744}.chat-footer .message-input:valid~button{display:block}