@import"https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,100..900&display=swap";*{margin:0;padding:0;font-family:Inter,sans-serif;box-sizing:border-box}body{width:100%;min-height:100vh;background-color:#e0ffff;display:flex;align-items:center;justify-content:center}.chatbotPop{background-color:#fff;width:510px;align-items:center;justify-content:center;border-radius:20px;box-shadow:0 0 120px #0000001a,0 32px 64px -48px #00000080}.chatbotPop .chatbotHeader{background-color:bisque;display:flex;align-items:center;justify-content:space-between;padding:20px 10px}.chatbotHeader .chatbotHeaderInfo{display:flex;gap:10px;align-items:center}.chatbotHeaderInfo svg{height:40px;width:40px}.chatbotHeaderInfo .logoText{font-size:18px;font-weight:700;color:#000}.chatbotHeader button{height:30px;width:30px;border:25px;border-radius:40%;cursor:pointer;transform:.2s ease}.chatbotHeader button:hover{background-color:#f5f5f5;transition:all .3s ease-in-out}.chatBody{display:flex;flex-direction:column;padding:10px 25px;height:500px;gap:20px;margin-bottom:70px;overflow:hidden;overflow-y:auto}.chatBody .messageBot{display:flex;align-items:center;gap:10px}.chatBody .messageBot svg{height:40px;width:40px;background-color:#0ff;border-radius:50%;padding:5px}.chatBody .messageT{padding:12px 16px;max-width:70%;align-items:flex-end}.chatBody .messageBot .messageT{background:#fff8dc;border-radius:10px;align-items:flex-end}.chatBody .messageUser{display:flex;justify-content:flex-end;margin-top:12px}.chatBody .messageUser .messageT{background:#daa520;margin-top:12px;border-radius:10px}.chatbotFooter{width:100%;padding:10px 25px 20px}.chatbotFooter .chatbotForm{display:flex;align-items:center;border-radius:15px;outline:1px solid #CCCCE5}.chatbotFooter .message-input{border:none;outline:none;height:50px;padding:10px;width:90%}.chatbotFooter button{height:40px;width:40px;border-radius:50px;cursor:pointer}@media (max-width: 700px){body{width:100%;min-height:100vh;background-color:#e0ffff;display:flex;align-items:center;justify-content:center}.chatbotPop{width:300px;height:630px;max-height:90vh;overflow:hidden;border-radius:20px;background-color:#fff;box-shadow:0 0 120px #0000001a,0 32px 64px -48px #00000080}.chatbotHeader{padding:15px 10px;align-items:flex-start;gap:10px}.chatbotHeaderInfo .logoText{font-size:16px}.chatBody{padding:10px 15px;height:400px;gap:15px;margin-bottom:60px}.chatBody .messageT{font-size:14px;max-width:80%}.chatbotFooter{padding:10px 15px 15px}.chatbotFooter .message-input{font-size:14px;height:45px;padding:8px}.chatbotFooter button{height:36px;width:36px}}