@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Outfit&display=swap";*{font-family:Inter,serif;margin:0;padding:0;box-sizing:border-box;text-decoration:none}body{width:100%;min-height:100vh;background:linear-gradient(#e5e5e7,#c6adec)}.app{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem;padding:2rem}.app h1{font-size:25px}.app h2{font-size:20px;width:400px;text-align:center;align-self:center}#chatbot-toggler{position:fixed;bottom:30px;right:35px;border:none;cursor:pointer;height:50px;width:50px;display:flex;align-items:center;justify-content:center;background:#7821ff;border-radius:50%}#chatbot-toggler span{color:#fff;position:absolute}.chatbot{position:fixed;opacity:0;pointer-events:none;bottom:90px;right:35px;width:420px;background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 10px 20px #0003;transform:scale(.2);transform-origin:bottom right;transition:all .1s ease}.container.show-chatbot .chatbot{opacity:1;pointer-events:auto;transform:scale(1)}.chatbot .chatbot-header{display:flex;align-items:center;justify-content:space-between;background:#6a3a7a;padding:15px 22px}.chatbot-header .header-info{display:flex;align-items:center;gap:10px}.header-info svg{width:35px;height:35px;background:#fff;border-radius:50%;padding:6px;fill:#c6adec;flex-shrink:0}.header-info .logo-text{color:#fff;font-size:20px;font-weight:600}.chatbot-header button{border:none;height:40px;width:40px;outline:none;background:none;cursor:pointer;color:#fff;font-size:25px;margin-right:-10px;padding-top:2px;border-radius:50%;transition:.3s ease}.chatbot-header button:hover{background:#9956ff}.chatbot-body{display:flex;flex-direction:column;gap:20px;overflow-y:auto;padding:25px 22px;height:400px;margin-bottom:82px;scrollbar-width:thin;scrollbar-color:#d1c1e9 transparent}.chatbot-body .message{display:flex;align-items:center;gap:11px;flex-wrap:wrap}.chatbot-body .message.error .message-text{color:red}.chatbot-body .bot-message svg{height:35px;width:35px;padding:5px;border-radius:50%;background:#9956ff;fill:#fff;margin-bottom:2px;flex-shrink:0;align-self:flex-end}.chatbot-body .message .message-text{max-width:75%;padding:12px 16px;word-wrap:break-word;font-size:14px;white-space:pre-line}.chatbot-body .bot-message .message-text{border-radius:13px 13px 13px 3px;background:#f2f1f3}.quick-replies{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.quick-replies button{background-color:#f0f0f0;border:none;padding:8px 16px;border-radius:20px;cursor:pointer;transition:background-color .3s}.quick-replies button:hover{background-color:#d0d0d0}.chatbot-body .user-message{flex-direction:column;align-items:flex-end}.chatbot-body .user-message .message-text{border-radius:13px 13px 3px;background:#9956ff;color:#fff}.chatbot-footer{position:absolute;bottom:0;width:100%;background:#fff;padding:16px 22px 20px}.chatbot-footer .chat-form{display:flex;align-items:center;background:#fff;outline:1px solid #cccce5;border-radius:32px;box-shadow:0 10px 20px #0003}.chatbot-footer .chat-form:focus-within{outline:2px solid #d1c1e9}.chat-form .message-input{border:none;outline:none;background:none;font-size:14px;height:47px;padding:0 15px;width:100%}.chat-form button{display:none;height:30px;width:30px;background:#9956ff;color:#fff;border:none;outline:none;border-radius:50%;flex-shrink:0;cursor:pointer;font-size:18px;margin-right:5px;transition:.3s ease}.chat-form button:hover{background:#7821ff}.chat-form .message-input:valid~button{display:block}@media (max-width: 520px){.app h2{font-size:16px;padding:10px;width:240px}#chatbot-toggler{right:20px;bottom:120px}.chatbot{right:0;bottom:0;width:100%;height:100%;border-radius:0}.chatbot.chatbot-header{padding:12px 16px}.chatbot-body{height:calc(90% - 55px);padding:25px 15px}.chatbot-footer{padding:10px 15px 15px}}