*{margin:0;padding:0;box-sizing:border-box;font-family:Outfit,sans-serif;font-weight:400}.customer-chatbot{position:fixed;bottom:20px;right:20px;z-index:9999;max-width:550px;height:650px;margin:0 auto}.message-bubble{background-color:#817df7;padding:20px 22px;color:#fff;position:fixed;bottom:20px;right:30px;border-radius:0 100px 100px;cursor:pointer;z-index:1000}.message-bubble:active{transform:scale(.95)}.chat-bot{display:grid;grid-template-rows:50px 1fr 70px;gap:10px;background-color:#f8f8f8;padding:10px;width:450px;height:600px;margin:0 auto;box-shadow:0 0 5px #0003;border-radius:30px;position:fixed;bottom:80px;right:20px;transform:translateY(20px);opacity:0;pointer-events:none;transition:all .3s ease-in-out}.chat-bot.open{transform:translateY(0);opacity:1;pointer-events:auto}.chatbot-head{position:relative;display:flex;justify-content:space-between;align-items:center;padding:5px;border-radius:100px;box-shadow:0 2px 5px #0006}.menu{top:50px;left:20px;position:absolute;background-color:#fff;border-radius:5px;box-shadow:1px 1px 2px #0003;padding:10px;display:flex;flex-direction:column;gap:8px}.setting-menu{color:#333;text-decoration:none;font-size:14px;transition:all .3s ease-in;padding:8px 10px;border-radius:5px}.setting-menu:hover{background-color:#cdcdcd}.head-icon{cursor:pointer;height:40px;width:40px;border-radius:100px;padding:8px;transition:all .1s ease-in-out}.head-icon:active{transform:scale(.8)}.chatbot-head h1{font-size:20px;font-weight:500;text-transform:capitalize}.chatbot-msg-ui{display:flex;flex-direction:column;gap:10px;overflow-y:auto;padding:10px 5px;max-height:100%}.chatbot-msg-ui::-webkit-scrollbar{display:none}.chatbot-msg-part{padding:10px;display:flex;flex-direction:column;gap:10px}.chat-bot-msg{box-shadow:2px 2px 5px #0000001a}.chat-bot-msg,.user-msg{padding:10px;border-radius:6px;font-weight:300;font-size:14px;align-self:flex-start;max-width:300px;word-wrap:break-word;overflow-wrap:break-word}.user{display:flex;flex-direction:column;gap:10px;align-self:flex-end;padding:10px}.user-msg{align-self:flex-end;box-shadow:2px 2px 5px #0003}.chatbot-icon{padding:5px;border:1px dashed #333;border-radius:10px;cursor:pointer;transition:background-color .3s ease}.chatbot-icon:hover{background-color:#d4d5d5}.user-icon{align-self:flex-end;padding:5px;border-radius:8px;border:1px dashed #333}.chatbot-form{display:flex;align-items:center;padding:5px;gap:5px}.chatbot-input{width:100%;flex:1;position:relative}.user-msg-input{padding:12px 45px;font-size:16px;border-radius:100px;word-wrap:break-word;width:100%;border:1px solid rgb(188 195 255);resize:none;overflow-y:auto;line-height:1.4;min-height:44px;max-height:4px;transition:all .2s ease-in-out}.user-msg-input.expanded{border-radius:12px}.user-msg-input::-webkit-scrollbar{display:none}.user-msg-input:focus{outline:none;border:1px solid rgb(100,118,255);box-shadow:0 0 1px 2px #cac9fd}.user-msg-button{cursor:pointer;display:flex;justify-content:center;align-items:center;height:45px;width:45px;border:none;border-radius:100px;transition:all .1s ease-in;border:1px solid rgb(188 195 255)}.user-msg-button:active{transform:scale(.9);box-shadow:none}.emoji-icon{position:absolute;top:8px;right:10px;cursor:pointer;transition:all .3s ease-in}.plus-icon{position:absolute;top:7px;left:6px;cursor:pointer;transition:all .3s ease-in}.plus-icon:hover,.emoji-icon:hover{background-color:#bcc3ff;padding:2px;border-radius:100px}.user-date{font-size:10px;font-weight:300;align-self:flex-end}.chatbot-date{display:flex;align-items:center;gap:3px;font-size:10px;font-weight:300}.user-date{display:flex;align-items:center;gap:3px}.typing-indicator{width:40px;height:20px;display:flex;align-items:center;justify-content:space-around}.typing-indicator:before,.typing-indicator:after,.typing-indicator span{content:"";width:8px;height:8px;background-color:#888;border-radius:50%;animation:blink 1.4s infinite both}.typing-indicator:after{animation-delay:.2s}.typing-indicator span{animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:0}40%{opacity:1}}form{padding:30px;border:1px solid black;background-color:#f1efef;display:flex;flex-direction:column;gap:30px;max-width:720px}.form-head{font-weight:600}.chatbot-basic-info-head,.chatbot-theme-head,.optional-features-head{margin-bottom:15px;font-size:12px;background-color:#333;color:#fff;padding:5px 10px;border-radius:20px;width:max-content;height:max-content;word-spacing:2px}.chatbot-basic-info{display:flex;flex-direction:column;gap:15px}.chatbot-theme{display:grid;grid-template-columns:repeat(2,1fr);column-gap:5px;row-gap:30px}.chatbot-basic-info div{display:flex;flex-direction:column;gap:5px}.chatbot-theme div{display:grid;grid-template-columns:repeat(2,auto);align-items:center;gap:5px}.chatbot-theme div .desc-field{grid-column:1/3}.chatbot-basic-info div input{padding:14px 20px;border:1px solid #333;border-radius:5px;font-size:15px;outline:none}.optional-features{display:flex;flex-direction:column;gap:15px}.optional-features div{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.optional-features div .desc-field{grid-column:1/3}.desc-field{color:#4c4a4a;font-weight:300}form label{font-size:16px}label[for=chatbot-icon],label[for=logo]{border:1px dashed #333;padding:20px 40px;cursor:pointer}input[type=color]{-webkit-appearance:none;border:none;width:30px;height:30px;border-radius:50%;cursor:pointer;overflow:hidden;padding:0}input[type=color]::webkit-color-swatch-wrapper{border-radius:100px;border:none}input[type=color]::-webkit-color-swatch{border-radius:100px;height:25px;width:30px;border:none}input[type=checkbox]{appearance:none;-webkit-appearance:none;width:30px;height:30px;border:1px solid #333;border-radius:20px;cursor:pointer;position:relative;transition:all .2s ease}input[type=checkbox]:checked:after{content:"✔";color:#333;font-size:16px;position:absolute;top:3px;left:6px}