body{box-sizing:border-box!important;font-family:Helvetica,Arial,sans-serif;margin:0;padding:0}.container{height:80vh;justify-content:center!important;margin:auto;max-width:800px;place-items:center}@media only screen and (max-width:768px){.container{display:flex;flex-direction:column;height:100vh;width:100%!important}}.header{align-items:center;background-color:#8f87c1!important;border-top-left-radius:10px;border-top-right-radius:10px;display:flex!important;justify-content:space-between;margin-top:20px!important;padding:15px!important;width:100%}.header img{border:2px solid #fff;border-radius:50%!important}.header div{display:flex!important;justify-content:space-between;margin-left:10px!important;padding-top:5px!important;width:100%}.header div h5{color:#fff;font-size:20px;margin:0!important}.header button{background-color:#fff;border:none;border-radius:5px;color:#8f87c1;cursor:pointer;font-size:16px;padding:5px 10px}.header button:hover{background-color:#eee}@media only screen and (max-width:768px){.header{margin-top:0!important;width:100%}.header div h5{font-size:15px}}.message-window-container{background-color:#f0f8ff;display:flex;flex-direction:column;height:60vh!important;overflow-y:scroll!important;padding:15px!important;width:100%}@media only screen and (max-width:768px){.message-window-container{flex-grow:1;width:100%}}.bot-message{align-self:flex-start;background-color:#8f87c1!important;border-radius:0 10px 10px 10px;color:#fff!important}.bot-message,.user-message{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-top:20px;max-width:100%;padding:8px 16px!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.user-message{align-self:flex-end;background-color:#d5e5f7!important;border-radius:10px 0 10px 10px;color:#425b76!important}.typing{display:flex;justify-content:space-between}.typing span{animation:blink 1.5s infinite;animation-fill-mode:both;background:#fff;border-radius:50%;content:"";height:10px;left:0;top:0;width:10px}@keyframes blink{0%{opacity:.1}20%{opacity:1}to{opacity:.1}}.send-message-container{background-color:#f1f1f1;border-bottom-left-radius:10px!important;border-bottom-right-radius:10px;padding:20px!important;width:100%}.message-input-container{background-color:#fff;border-radius:10px;padding-left:20px}.message-input-container textarea{border:none!important;border-radius:10px;font-size:16px;min-height:60px;outline:none!important;overflow:hidden;resize:none;width:100%!important}.message-input-container input::placeholder{color:#425b76!important;font-size:18px}@media only screen and (max-width:768px){.send-message-container{width:100%}}
/*# sourceMappingURL=main.736750b4.css.map*/