.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;--input-border-color: #E4E2E2;--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:40px;right:40px}.chat-widget-container.bottom-left{bottom:40px;left:40px}.chat-widget-container.top-right{top:40px;right:40px}.chat-widget-container.top-left{top:40px;left:40px}.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}.chat-window{position:fixed;width:400px;height:550px;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:40px;bottom:110px;transform-origin:bottom right}.chat-widget-container.bottom-left .chat-window{left:40px;bottom:110px;transform-origin:bottom left}.chat-widget-container.top-right .chat-window{right:40px;top:110px;transform-origin:top right}.chat-widget-container.top-left .chat-window{left:40px;top:110px;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:40px;height:40px;border-radius:50%;margin-right:0;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}.header-info{flex-grow:1;margin:0 10px}.header-status{display:flex;align-items:center;font-size:13px;font-weight:400;margin-top:2px}.online-dot{width:9px;height:9px;background-color:#28a745;border-radius:50%;border:2px solid white;margin-right:6px}.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-bubble p{margin:0 0 .5em}.message-bubble p:last-child{margin-bottom:0}.message-bubble strong{font-weight:600}.message-bubble ul,.message-bubble ol{padding-left:20px;margin-top:5px;margin-bottom:5px}.message-bubble a{color:var(--primary-color);text-decoration:underline}.message-bubble a:hover{text-decoration:none}.message.user .message-bubble{border-bottom-right-radius:5px;background-color:var(--user-bubble-color);color:#333}.message.bot .message-bubble{border-bottom-left-radius:5px}.chat-input-area{display:flex;padding:0;position:relative;align-items:center;border:1px solid var(--input-border-color);border-radius:20px;background-color:var(--chat-window-bg-color);margin:15px}.chat-input-area{display:flex;position:relative;align-items:center;border:1px solid var(--input-border-color);border-radius:20px;margin:3px 15px 15px;transition:border-color .2s ease-in-out}.chat-input-area:focus-within{border-color:var(--primary-color)}.chat-input-area input{flex-grow:1;border:none;background:transparent;padding:10px 45px 10px 15px;font-size:14px;color:#333}.chat-input-area input::placeholder{color:#6e6e6e}.send-icon-button{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:transparent;border:none;padding:0;cursor:pointer;transition:none}.send-icon-button:hover{background:transparent}.send-icon-button img{width:25px;height:25px;display:block}.typing-indicator .dot{width:8px;height:8px;background-color:#bbb;border-radius:50%;display:inline-block;margin:0 2px;animation:bounce .6s infinite alternate}.message.typing-indicator{flex-direction:row;align-items:center;background-color:var(--bot-bubble-color);border-radius:20px 20px 20px 5px;padding:10px 15px;width:fit-content;max-width:80%}.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}.suggested-messages-area{padding:10px 15px;display:flex;flex-direction:column;gap:8px;border-top:1px solid #E4E2E2;background-color:#fff;flex-shrink:0;position:relative}.suggested-messages-area:after{content:"";position:absolute;right:0;top:0;bottom:0;width:40px;background:linear-gradient(to right,#fff0,#fff 80%);pointer-events:none}.suggested-messages-button-wrapper{display:flex;flex-wrap:nowrap;gap:8px;justify-content:flex-start;overflow-x:auto;padding:2px 0 8px;scrollbar-width:none;-ms-overflow-style:none}.suggested-messages-button-wrapper::-webkit-scrollbar{display:none}.suggested-message-button{background-color:#f0f0f0;color:#333;border:1px solid #ddd;border-radius:15px;padding:6px 12px;font-size:13px;cursor:pointer;transition:background-color .2s ease,color .2s ease;white-space:nowrap;flex-shrink:0}.suggested-message-button:hover{background-color:var(--primary-color);color:#fff}.suggested-messages-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:5px}.suggested-messages-title{font-size:14px;color:#666;font-weight:400}.suggested-messages-toggle{background:none;border:none;color:#666;font-size:16px;cursor:pointer;padding:5px;transition:transform .2s ease-in-out}.suggested-messages-toggle.rotated{transform:rotate(90deg)}.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)}}@keyframes shrinkAndFadeOut{0%{opacity:1;max-width:200px;margin-right:8px;padding-left:12px;padding-right:12px}to{opacity:0;max-width:0;margin-right:0;padding-left:0;padding-right:0;overflow:hidden}}.suggested-message-button.disappearing{animation:shrinkAndFadeOut .4s ease-out forwards}.status-message-bubble{position:absolute;bottom:80px;right:0;background-color:#333;color:#fff;padding:8px 12px;border-radius:8px;font-size:14px;box-shadow:0 2px 5px #0003;animation:fadeInPopUp .3s ease-out forwards}.message{display:flex;flex-direction:column;margin-bottom:15px}.message.user{align-items:flex-end}.message.bot{align-items:flex-start}.message-timestamp{font-size:11px;color:#999;margin-top:4px;padding:0 10px}