@import"https://fonts.googleapis.com/css2?family=Audiowide&display=swap";*{padding:0;margin:0;font-family:Audiowide,sans-serif}body{background:linear-gradient(#0000619b,#00007ba8);color:#bfaa23;display:flex;width:50%;min-height:100vh;max-width:420px;align-items:center;justify-content:center;margin:auto}.container{background-color:#00004a;border-radius:20px 20px 0 0;margin-top:-20px}#lemuchibot{border-radius:50%}h2{font-family:Audiowide,sans-serif}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.chatbot-popup{max-width:600px;overflow:hidden;background:#00003f;border-radius:20px;box-shadow:0 0 120px #000}.chatbot-popup .chat-header{display:flex;padding:15px 22px;align-items:center;justify-content:space-between}.chat-header .header-info{display:flex;gap:12px;align-items:center}.header-info .logo-text{color:#fff;font-size:1.4rem;font-weight:600}.chat-header button{height:40px;width:40px;border:none;outline:none;color:#fff;font-size:1.9rem;padding-top:2px;border-radius:50%;margin-right:-10px;background:#00002c;cursor:pointer}.chat-header button:hover{background:#00001f}.chat-body{display:flex;flex-direction:column;gap:8px;padding:25px 22px;height:480px;overflow-y:auto}.chat-body .message{display:flex;max-width:80%;word-wrap:break-word}.bot-message{align-self:flex-start}.user-message{align-self:flex-end}.message-text{padding:12px 16px;border-radius:13px}.bot-message .message-text{background:#040069;color:#fff;border-radius:13px 13px 13px 3px}.user-message .message-text{background:#bfaa23;color:#040069;border-radius:13px 13px 3px;max-width:250px}.chat-footer{position:absolute;bottom:0;width:50%;max-width:420px;padding:11px 11px 21px;margin-left:-12px}.chat-footer .chat-form{display:flex;align-items:center;background:#00054f;outline:1px solid #CCC;padding:0 17px}.chat-footer .message-input{border:none;outline:none;width:100%;background:#00054f;color:#fff;outline:1px solid #CCC;padding:0 17px;height:47px;font-size:.95rem}.chat-form button{background:#00054f;color:#fff;border:none;outline:none;font-size:1.15rem;margin-left:5px;height:20px;width:20px;border-radius:50%;cursor:pointer;transition:.2 ease}.chat-form .message-input:valid~button{display:block}