.bubble-div{padding:10px;border-radius:5px;max-width:220px;display:inline-block;position:relative;cursor:pointer;box-shadow:0 4px 8px #0003,0 6px 20px #00000030}.bubble-div:after{content:"";position:absolute;right:0;top:50%;width:0;height:0;border:10px solid transparent;border-left-color:#fff;border-right:0;border-bottom:0;margin-top:-5px;margin-right:-10px}.cancel{margin-bottom:25px;color:gray;cursor:pointer}.avatar{padding:7px;border:2px solid #000000;border-radius:50%;cursor:pointer;background-color:#000;box-shadow:0 4px 8px #0003,0 6px 20px #00000030}.welcome-container{position:fixed;bottom:20px;right:50px}@media(max-width:600px){.welcome-container{right:0}}.banner{background-color:#5851db;z-index:100;color:#fff;width:370px;height:50px;display:flex;align-items:center;border-top-left-radius:7px;border-top-right-radius:7px}.bannerAvatar{width:fit-content;border:2px solid #ffffff;border-radius:50%;background-color:#fff;padding:2px 4px;margin-left:10px}.bannerBotDetails{line-height:1px;padding-left:10px}.bot-bubble-div{float:left;clear:both}.user-bubble-div{float:right;margin-right:10px;clear:both}.bot-bubble{margin-top:15px;background-color:gray;margin-left:5px}.bot-bubble::selection{color:#fff;background-color:#5851db}.user-bubble{background-color:#5851db;min-width:100px;float:right}.user-bubble::selection{color:#fff;background-color:gray}.bot-bubble,.user-bubble{color:#fff;border-radius:5px;max-width:250px;display:inline-block;word-break:normal;word-wrap:break-word;padding:10px;font-size:14px;text-align:left;position:relative;box-shadow:0 4px 8px #0003,0 6px 20px #00000030}.bot-date-time{font-size:10px;float:left;margin-left:40px}.user-date-time{font-size:10px;float:right}.chat-avatar{border:2px solid #FFFFFF;border-radius:50%;background-color:#fff;padding:3px 4px;margin-bottom:-10px;margin-left:5px;width:20px;vertical-align:middle}.failed-icon{color:red;font-size:12px!important;margin:.2rem}.failed-text{margin:0;font-size:12px;color:red;align-items:center;display:flex}.retrying-text{margin:0;font-size:12px;color:#e6ff09;align-items:center;display:flex}.error-div,.retry-div{display:flex;float:right;clear:both}.retry-button:focus,.retry-button{color:#706bdd;text-decoration:underline;border-radius:8px;outline:none;font-size:11px;background-color:transparent;cursor:pointer;margin-left:.5rem;padding:0;border:none;background:none}.chat-input-container{background-color:#000;color:#fff;width:370px;height:50px;display:flex;align-items:center;border-top:1px solid #FFFFFF;border-bottom-left-radius:7px;border-bottom-right-radius:7px}.chat-text-area{vertical-align:middle;margin-left:15px;width:250px;height:30px;border:none;resize:none;font-size:16px;background-color:#000;color:#fff;border-radius:6px;outline:none}.chat-text-area::-webkit-scrollbar{width:0;background:transparent}.chat-send{margin-left:45px;margin-top:-5px;cursor:pointer;font-size:35px;color:#5851db}.messages-container{width:370px;height:370px;background-color:#000;color:#fff;overflow-y:scroll}.messages-container::-webkit-scrollbar{width:0;background:transparent}.typing-indicator-container{width:370px;height:30px;background-color:#5851db;color:#fff;font-size:13px;text-align:left;display:flex;align-items:center}@keyframes spin{0%{transform:perspective(100px) rotate(0)}16.667%{transform:perspective(100px) rotateX(180deg) rotateY(0)}33.333%{transform:perspective(100px) rotateX(180deg) rotateY(180deg)}50%{transform:perspective(100px) rotateX(0) rotateY(180deg)}66.667%{transform:perspective(100px) rotateX(0) rotateY(0)}to{transform:perspective(100px) rotateX(0) rotateY(0)}}.chatAvatar{border:2px solid #FFFFFF;border-radius:50%;background-color:#fff;padding:3px 4px;margin-left:10px;width:15px;vertical-align:middle;animation:spin 3s;animation-iteration-count:infinite}#text{margin-left:10px}.chat-container{position:fixed;bottom:100px;right:50px;border:1px solid none;border-radius:7px;width:370px;box-shadow:0 10px 30px 1px #0000004d}@media(max-width:480px){.chat-container{position:absolute;top:10px;right:3px;left:2px;box-shadow:none}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}