.chat-widget-container{all:unset;display:block;box-sizing:border-box;position:fixed;z-index:10000;font-family:Arial,sans-serif;font-size:16px;line-height:1.2;color:#333;--custom-icon-url: url(https://www.svgrepo.com/show/339963/chat-bot.svg);--header-icon-url: url(https://optinbot.io/wp-content/uploads/2025/03/cropped-Untitled-design-17.png)}.chat-widget-container *,.chat-widget-container *:before,.chat-widget-container *:after{box-sizing:inherit;margin:0;padding:0;line-height:inherit;font-size:inherit;color:inherit;vertical-align:baseline;border:none;background:none;outline:none;text-decoration:none;appearance:none;-webkit-tap-highlight-color:transparent}.chat-widget-container.bottom-right{bottom:20px;right:20px}.chat-widget-container.bottom-left{bottom:20px;left:20px}.chat-widget-container.top-right{top:20px;right:20px}.chat-widget-container.top-left{top:20px;left:20px}.mini-welcome-bubble{position:absolute;padding:8px 12px;border-radius:10px;font-size:14px;font-weight:700;min-width:200px;max-width:300px;text-align:center;cursor:pointer;box-shadow:0 2px 5px #0003;z-index:999;bottom:60px;right:30px;opacity:0;transform:translateY(10px);animation:fadeInPopUp .5s ease-out forwards;animation-delay:.5s;background-color:var(--welcome-bubble-color);color:var(--welcome-bubble-text-color)}.chat-widget-container.bottom-right .mini-welcome-bubble{bottom:60px;right:60px}.chat-widget-container.bottom-left .mini-welcome-bubble{bottom:60px;left:60px}.chat-widget-container.top-right .mini-welcome-bubble{top:60px;right:60px}.chat-widget-container.top-left .mini-welcome-bubble{top:60px;left:60px}@keyframes fadeInPopUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-bubble-button{border:none;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 8px #0c0c0c33;transition:transform .2s ease-in-out;color:var(--send-button-text-color);background-color:var(--primary-color)}.chat-bubble-button:hover{transform:scale(1.05)}.chat-icon{width:30px;height:30px;display:block;content:var(--custom-icon-url)}.chat-window{position:fixed;width:350px;height:500px;background-color:var(--chat-window-bg-color);border-radius:10px;box-shadow:0 8px 16px #0000004d;display:flex;flex-direction:column;overflow:hidden;border:2px solid var(--primary-color);transform:scale(.9);opacity:0;pointer-events:none;visibility:hidden;transition:transform .3s ease-out,opacity .3s ease-out,visibility .3s;bottom:90px;right:20px}.chat-widget-container.bottom-right .chat-window{right:20px;bottom:90px;transform-origin:bottom right}.chat-widget-container.bottom-left .chat-window{left:20px;bottom:90px;transform-origin:bottom left}.chat-widget-container.top-right .chat-window{right:20px;top:90px;transform-origin:top right}.chat-widget-container.top-left .chat-window{left:20px;top:90px;transform-origin:top left}.chat-window.is-open{transform:scale(1);opacity:1;pointer-events:auto;visibility:visible}.chat-header{padding:10px;margin-top:0;margin-bottom:0;color:var(--header-text-color);display:flex;align-items:center;justify-content:space-between;font-weight:700;flex-shrink:0;background-color:var(--primary-color)}.header-avatar{width:35px;height:35px;border-radius:50%;margin-right:10px;object-fit:cover;flex-shrink:0}.chat-header h3{margin:0;font-size:18px;flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.close-button{background:none;border:none;color:var(--close-button-color);font-size:24px;cursor:pointer;line-height:1}.chat-messages{flex-grow:1;padding:15px;overflow-y:auto;background-color:#f9f9f9}.message{display:flex;margin-bottom:10px}.message.user{justify-content:flex-end}.message.bot{justify-content:flex-start}.message-bubble{padding:10px 15px;border-radius:20px;max-width:80%;word-wrap:break-word;line-height:1.4;font-size:15px;background-color:var(--bot-bubble-color);color:#333}.message.user .message-bubble{border-bottom-right-radius:5px;background-color:var(--user-bubble-color);color:#000}.message.bot .message-bubble{border-bottom-left-radius:5px}.chat-input-area{display:flex;padding:15px;border-top:1px solid var(--input-border-color);background-color:var(--chat-window-bg-color);flex-shrink:0}.chat-input-area input{flex-grow:1;border:1px solid var(--input-border-color);border-radius:20px;padding:10px 15px;margin-right:10px;font-size:14px;color:#333}.chat-input-area input::placeholder{color:var(--input-placeholder-color)}.chat-input-area button{border:none;border-radius:20px;padding:10px 15px;color:var(--send-button-text-color);cursor:pointer;font-weight:700;background-color:var(--primary-color)}.typing-indicator .dot{width:8px;height:8px;background-color:#bbb;border-radius:50%;display:inline-block;margin:0 2px;animation:bounce .6s infinite alternate}.chat-powered-by{padding:5px 15px;text-align:center;font-size:11px;font-weight:400;color:var(--powered-by-text-color);background-color:var(--powered-by-bg-color);border-top:1px solid var(--input-border-color);flex-shrink:0;width:100%;box-sizing:border-box}.chat-powered-by a{color:var(--powered-by-text-color);text-decoration:none}.chat-powered-by a:hover{text-decoration:underline}.typing-indicator .dot:nth-child(2){animation-delay:.2s}.typing-indicator .dot:nth-child(3){animation-delay:.4s}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-5px)}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}