@hexabot-ai/widget 3.0.0-alpha.3 → 3.1.1-alpha.0

package/dist/style.css

@@ -1 +1 @@
-@charset "UTF-8";/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.sc-header{min-height:64px;border-top-left-radius:.5rem;border-top-right-radius:.5rem;padding:10px;box-shadow:0 1px 4px #0003;position:relative;box-sizing:border-box;display:flex}.sc-header--img{border-radius:50%;align-self:center;padding:10px;max-width:32px;max-height:32px;box-sizing:content-box}.sc-header--title{align-self:center;flex:1;-webkit-user-select:none;user-select:none;font-size:1.25rem}.sc-header--title.enabled{cursor:pointer;border-radius:5px}.sc-header--title.enabled:hover{box-shadow:0 2px 5px #0000011a}.sc-header--close-button{width:36px;height:36px;align-self:center;margin-right:10px;box-sizing:border-box;cursor:pointer;border-radius:100%;margin-left:auto}.sc-header--close-button:hover{box-shadow:0 2px 5px #0000011a}.sc-header--close-button svg{width:100%;height:100%;padding:5px;box-sizing:border-box;fill:#fff}@media (max-width: 450px){.sc-header{border-radius:0}}.sc-chat--disconnected-icon-wrapper{position:relative;height:100%;width:100%;display:grid;place-items:center;overflow:auto;padding:14px 0}.sc-chat--disconnected-icon{position:relative;text-align:center}.sc-chat--disconnected-text{width:100%}.sc-chat--disconnected-button{border:1px solid;border-radius:2rem;padding:5px 10px;width:80%;margin:2px;cursor:pointer;outline:0}.sc-chat--disconnected-button:active{content:"";opacity:0;transition:all .5s}.sc-chat--disconnected-button:active:after{opacity:1;transition:0s}.sc-chat--error-icon-wrapper{position:relative;height:100%;width:100%;display:grid;place-items:center;overflow:auto;padding:14px 0}.sc-chat--error-icon{position:relative;text-align:center}.sc-chat--error-text{width:100%}.sc-chat--error-button{border:1px solid;border-radius:2rem;padding:5px 10px;width:80%;margin:2px;cursor:pointer;outline:0}.sc-chat--error-button:active{opacity:0;transition:all .5s}.sc-chat--error-button:active:after{opacity:1;transition:0s}.sc-chat--attempt-reconnect{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:1rem}.sc-message{margin:auto;padding:0 .5rem 0 0;display:flex;margin-bottom:.25rem}.sc-message:first-child{margin-top:50%}.sc-message.sent{flex-direction:row-reverse}.sc-message.sent .sc-message--content{justify-content:flex-end}.sc-message.sent .sc-message--content .sc-message--avatar{display:none}.sc-message.sent .sc-message--content .sc-message--wrapper{align-items:flex-end}.sc-message.sent .sc-message--content .sc-message--wrapper .sc-message--text{color:#fff;background-color:#4e8cff;word-wrap:break-word}.sc-message.sent .sc-message--content .sc-message--wrapper .sc-message--meta{flex-direction:row-reverse}.sc-message .sc-message--content{display:flex;flex-direction:row;position:relative;max-width:calc(100% - 40px);width:auto}.sc-message .sc-message--content .sc-message--avatar{width:32px;height:32px;margin:2px 4px;background-position:0 0;flex-shrink:0;background-size:cover;border-radius:100%}.sc-message .sc-message--content .sc-message--wrapper{display:flex;flex-direction:column;overflow:hidden;word-break:break-word}.sc-message .sc-message--content .sc-message--wrapper .sc-message--text{padding:10px 20px;border-radius:.5rem;font-weight:400;font-size:.9rem;line-height:1.5;position:relative;-webkit-font-smoothing:subpixel-antialiased;color:#263238;background-color:#f4f7f9}.sc-message .sc-message--content .sc-message--wrapper .sc-message--text .sc-message--text-body .sc-message--text-content{white-space:pre-wrap}.sc-message .sc-message--content .sc-message--wrapper .sc-message--meta{display:flex;justify-content:space-between;align-items:flex-start;font-size:.65rem;margin-top:4px;padding:0 4px;width:100%;height:18px;box-sizing:border-box}@media (max-width: 450px){.sc-message{width:80%}}.sc-message--buttons{color:#222;max-width:-webkit-fill-available;padding:.25rem .5rem;border-radius:.5rem;font-weight:300;font-size:1.25rem;line-height:1.4;position:relative;-webkit-font-smoothing:subpixel-antialiased;text-align:center}.sc-message--buttons .sc-message--buttons-content{border:1px solid;border-radius:2rem;padding:.25rem;width:80%;margin:2px;cursor:pointer;outline:0;font-size:.75rem}.sc-message--list-element-bottom .sc-message--buttons-content{width:100%;font-weight:600;border-radius:0 0 6px 6px;padding:.5rem;margin:0}.sc-message--list-element-bottom .sc-message--buttons{padding:0}.sc-message--list-element .sc-message--buttons-content{padding:.5rem;margin:0}.sc-message--list-element .sc-message--buttons{padding:0;margin:1rem;text-align:center}.sc-message--carousel-element .sc-message--buttons-content{padding:.5rem;margin-bottom:16px}.sc-message--carousel-element .sc-message--buttons{margin:0;text-align:center}.sc-message--carousel{border-radius:.5rem;position:relative;width:100%;overflow:hidden}.sc-message--carousel .sc-message--carousel-inner{display:flex;transition:transform .5s ease;width:100%}.sc-message--carousel .sc-message--carousel-inner .sc-message--carousel-element-wrapper{min-width:100%;height:100%;display:flex;align-items:flex-end;justify-content:center}.sc-message--carousel .sc-message--carousel-inner .sc-message--carousel-element-wrapper .sc-message--carousel-element{width:100%}.sc-message--carousel .sc-message--carousel-inner .sc-message--carousel-element-wrapper .sc-message--carousel-element .sc-message--carousel-element-image{background-repeat:no-repeat;background-size:cover;position:relative;width:100%;height:150px}.sc-message--carousel .sc-message--carousel-inner .sc-message--carousel-element-wrapper .sc-message--carousel-element .sc-message--carousel-title{font-size:1rem;font-weight:600;padding:.5rem 0;margin-top:8px}.sc-message--carousel .sc-message--carousel-inner .sc-message--carousel-element-wrapper .sc-message--carousel-element .sc-message--carousel-element-description{width:100%;padding:0 2rem;box-sizing:border-box}.sc-message--carousel .sc-message--carousel-control{position:absolute;top:50%;transform:translateY(-50%);background-color:#00000080;color:#fff;border:none;cursor:pointer;z-index:2;font-size:.75rem}.sc-message--carousel .sc-message--carousel-control.prev{left:0;top:calc(50% - 14px);width:1.5rem;height:2rem}.sc-message--carousel .sc-message--carousel-control.next{top:calc(50% - 14px);right:0;width:1.5rem;height:2rem}.sc-message--file{background-color:transparent!important;border-radius:.5rem;font-weight:300;font-size:14px;line-height:1.4;-webkit-font-smoothing:subpixel-antialiased}.sc-message--file audio,.sc-message--file video{max-width:100%}.sc-message--file .error-message{margin:0;padding:10px;border-radius:5px;color:#666;width:100%;display:block}.sc-message--content.sent .sc-message--file{word-wrap:break-word}.sc-message--file-icon{text-align:center;margin-left:auto;margin-right:auto;margin-bottom:0}.sc-image{max-width:100%;height:auto}.sc-message--file-download{padding:10px 20px;border-radius:.5rem;color:#fff;text-align:center}.sc-message--file-download a{text-decoration:none;color:#ece7e7}.sc-message--file-download a img{vertical-align:middle;width:24px;height:auto}.sc-message--content.received .sc-message--file{color:#263238;background-color:#f4f7f9;margin-right:40px}.sc-message--content.received .sc-message--file-download{color:#000}.sc-message--content.received .sc-message--file a{color:#2b2828b3}.sc-message--content.received .sc-message--file a:hover{color:#0c0c0c}.sc-message--location{border-radius:.5rem}.sc-message-map{width:200px;height:150px;border-radius:.5rem}.sc-message--list{border-radius:.5rem;width:256px}.sc-message--list .sc-message--list-element{position:relative;border-bottom:1px solid;padding:1rem}.sc-message--list .sc-message--list-element .sc-message--list-element-content{width:100%;display:block}.sc-message--list .sc-message--list-element .sc-message--list-element-content.large{width:100%;display:block;margin:0}.sc-message--list .sc-message--list-element .sc-message--list-element-content.large .sc-message--list-element-image{background-size:cover;height:auto;border-radius:.5rem .5rem 0 0}.sc-message--list .sc-message--list-element .sc-message--list-element-content.large .sc-message--list-element-description{color:#fff;border-radius:.5rem .5rem 0 0;background:#00000080}.sc-message--list .sc-message--list-element .sc-message--list-element-content.compact{padding:.5rem 0}.sc-message--list .sc-message--list-element .sc-message--list-element-content .sc-message--list-element-title{font-size:1.125rem;font-weight:600;margin:0;white-space:pre-line}.sc-message--list .sc-message--list-element .sc-message--list-element-content .sc-message--list-element-image{background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;width:100%;height:117px}.sc-message--text-content a.chatLink{text-decoration:underline;transition:color .2s ease}.sc-message--text-content a.chatLink:hover{color:var(--launcher-color)}p.sc-message--text-content{margin:0!important;white-space:pre-line}.sc--status{display:flex;flex-direction:row}.sc--status .sc--status-read{margin-right:-6px}.sc-message-list{height:80%;overflow-y:auto;background-size:100%;padding:40px 0}.sc-typing-indicator{text-align:center;padding:.5rem;border-radius:2rem;width:50px;margin-left:2rem}.sc-typing-indicator span{display:inline-block;background-color:#b6b5ba;width:5px;height:5px;border-radius:100%;margin-right:3px;animation:bob 2s infinite}.sc-typing-indicator span:nth-child(1){animation-delay:-1s}.sc-typing-indicator span:nth-child(2){animation-delay:-.85s}.sc-typing-indicator span:nth-child(3){animation-delay:-.7s}@keyframes bob{10%{transform:translateY(-10px);background-color:#9e9da2}50%{transform:translateY(0);background-color:#b6b5ba}}.sc-emoji-picker{position:absolute;bottom:30px;right:0;min-width:200px;max-height:215px;box-shadow:0 7px 40px 2px #9495964d;background:#fff;border-radius:10px;outline:none}.sc-emoji-picker:after{content:"";width:14px;height:14px;background:#fff;position:absolute;bottom:-6px;right:55px;transform:rotate(45deg);border-radius:2px}.sc-emoji-picker--content{padding:.5rem;overflow:auto;width:100%;max-height:195px;margin-top:5px;box-sizing:border-box}.sc-emoji-picker--category{display:flex;flex-direction:row;flex-wrap:wrap}.sc-emoji-picker--category-title{min-width:100%;color:#b8c3ca;font-weight:200;font-size:1rem;margin:5px;letter-spacing:1px}.sc-emoji-picker--emoji{margin:5px;width:18px;text-align:center;cursor:pointer;vertical-align:middle;font-size:1.5rem;transition:transform 60ms ease-out,-webkit-transform 60ms ease-out}.sc-emoji-picker--emoji:hover{transform:scale(1.4)}.sc-user-input--emoji-icon-wrapper{background:none;border:none;padding:0;margin:0;outline:none;opacity:.5}.sc-user-input--emoji-icon-wrapper:focus{outline:none}.sc-user-input--emoji-icon{width:20px;height:20px;cursor:pointer;align-self:center;vertical-align:middle}.sc-user-input--emoji-icon-wrapper:focus,.sc-user-input--emoji-icon-wrapper:hover{opacity:1}.sc-user-input--file-wrapper{background:none;border:none;padding:0;margin:0;outline:none;position:relative;cursor:pointer;opacity:.5}.sc-user-input--file-icon-wrapper{background:none;border:none;padding:0;margin:0;outline:none;cursor:pointer!important}.sc-user-input--file-icon{width:16px;height:16px;align-self:center;outline:none;vertical-align:middle}.sc-user-input--file-wrapper:hover{opacity:1}.sc-user-input--location-icon-wrapper{background:none;border:none;padding:0;margin:0;outline:none;opacity:.5}.sc-user-input--location-icon-wrapper:focus{outline:none}.sc-user-input--location-icon{width:20px;height:20px;cursor:pointer;align-self:center;vertical-align:middle}.sc-user-input--location-icon-wrapper:hover{opacity:1}.sc-menu-element{border-top:1px solid #b9b9b9;position:relative;font-size:1rem;cursor:pointer}.sc-menu-item{display:inline-block;padding:1rem;text-decoration:none;width:100%}.sc-menu-item-button{display:inline-block;position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:1.5rem;padding:1rem}.sc-user-input--menu{align-self:center}.sc-user-input--menu-button{border:0;background-color:transparent;cursor:pointer}.sc-user-input--menu-img{max-width:24px}.sc-menu-content{display:block;position:absolute;box-shadow:0 -10px 20px 5px #96a5be33;width:60%;bottom:55px;z-index:3}.sc-menu-content:active,.sc-menu-content:focus{outline:none}.sc-menu-content .sc-header-submenu-content{position:relative;text-align:center}.sc-menu-content .sc-header-submenu-content .sc-title-submenu-title{font-weight:600;font-size:1.125rem}.sc-menu-content .sc-return-submenu-content{display:inline-block;position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:1.5rem;padding:1rem;text-decoration:none;cursor:pointer}.sc-user-input--button-icon-wrapper{background:none;border:none;padding:0;margin:0;outline:none;cursor:pointer}.sc-user-input--button-icon-wrapper:focus{outline:none}.sc-user-input--button-icon-wrapper svg{width:16px;height:16px;cursor:pointer;align-self:center;outline:none;display:inline-block;vertical-align:middle}.sc-user-input--button-icon-wrapper svg:hover path{filter:contrast(15%)}.sc-suggestions-row{text-align:center;padding:.5rem 0}.sc-suggestions-element{margin:0 0 .25rem .25rem;padding:.25rem .5rem;border:1px solid;border-radius:2rem;font-size:1rem;background:inherit;cursor:pointer;outline:0}.sc-user-input{min-height:55px;margin:0;position:relative;bottom:0;display:flex;background-color:#f4f7f9;border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem;transition:background-color .2s ease,box-shadow .2s ease;border-top:1px solid #eef2f4}.sc-user-input--text{flex-grow:1;resize:none;border:none;outline:none;border-bottom-left-radius:.5rem;box-sizing:border-box;padding:18px 8px;font-size:15px;font-weight:400;line-height:1.33;white-space:pre-wrap;word-wrap:break-word;color:#565867;-webkit-font-smoothing:antialiased;max-height:200px;overflow:scroll;bottom:0;overflow-x:hidden;overflow-y:auto}.sc-user-input--text:empty:before{content:attr(placeholder);display:block;color:#56586780;filter:contrast(15%);outline:none;cursor:text}.sc-user-input--text[contenteditable=true]:focus:empty:before{position:absolute}.sc-user-input--text[contenteditable=true]:focus:empty:after{content:" "}.sc-user-input--buttons{display:flex;gap:4px;margin:0 .5rem}.sc-user-input--button{display:flex;flex-direction:column;justify-content:center}.sc-user-input--button:not(:last-child){margin-right:2px}.sc-user-input.active{box-shadow:none;background-color:#fff;box-shadow:0 -5px 20px #96a5be33}.sc-user-input--button label{position:relative;height:24px;padding-left:3px;cursor:pointer}.sc-user-input--button label:hover path{fill:#565867}.sc-user-input--button input{position:absolute;left:0;top:0;width:100%;z-index:99999;height:100%;opacity:0;cursor:pointer;overflow:hidden}.sc-file-container{padding:5px 20px;display:flex;align-items:center}.sc-user-input--file-icon{vertical-align:bottom;width:16px;height:16px}.delete-file-message{font-style:normal;float:right;cursor:pointer;color:#c8cad0}.delete-file-message:hover{color:#5d5e6d}.icon-file-message{margin-right:5px}.sc-webview{border:0!important;position:relative;width:100%;height:100%;padding:0;margin:0}.sc-webview iframe{width:100%;height:calc(100% - 35px)}.sc-webview--footer{width:100%;height:35px;text-align:center;display:table}.sc-webview--button{cursor:pointer;display:table-cell;vertical-align:middle;margin:0;padding:0}.sc-webview--button img{vertical-align:middle}.sc-chat-window{width:370px;height:calc(100% - 120px);max-height:590px;position:fixed;right:25px;bottom:100px;box-sizing:border-box;box-shadow:0 7px 40px 2px #9495961a;background:#fff;display:flex;flex-direction:column;justify-content:space-between;border-radius:10px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;animation:fadeIn;animation-duration:.3s;animation-timing-function:ease-in-out;z-index:10000}.sc-chat-window.closed{opacity:0;display:none;bottom:90px}@keyframes fadeIn{0%{display:none;opacity:0}to{display:flex;opacity:1}}.sc-message--me{text-align:right}.sc-message--them{text-align:left}@media (max-width: 450px){.sc-chat-window{width:100%;height:100%;max-height:100%;right:0;bottom:0;border-radius:0}.sc-chat-window{transition:.1s ease-in-out}.sc-chat-window.closed{bottom:0}}.sc-launcher{width:60px;height:60px;background-position:center;background-repeat:no-repeat;position:fixed;right:20px;bottom:20px;border-radius:50%;box-shadow:none;transition:box-shadow .2s ease-in-out;cursor:pointer}.sc-launcher:before{content:"";position:relative;display:block;width:60px;height:60px;border-radius:50%;transition:box-shadow .2s ease-in-out}.sc-launcher .sc-open-icon,.sc-launcher .sc-closed-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;fill:#fff}.sc-launcher .sc-new-messages-count{position:absolute;top:-3px;left:41px;display:flex;justify-content:center;flex-direction:column;border-radius:50%;width:22px;height:22px;background:#ff4646;color:#fff;text-align:center;margin:auto;font-size:12px;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.sc-launcher.opened:before{box-shadow:0 0 400px 250px #94959633}.sc-launcher:hover{box-shadow:0 0 27px 1.5px #0003}.loading-image{position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%)}.user-subscription-wrapper{height:100%;width:100%;position:relative;text-align:center;align-content:center;overflow:auto}.user-subscription-wrapper .user-subscription .user-subscription-title{margin:2rem}.user-subscription-wrapper .user-subscription .user-subscription-form .user-subscription-form-input{border:0;border:1px solid #dfe5e8;outline:0;padding:1rem;border-radius:2rem;margin:1rem;width:70%}.user-subscription-wrapper .user-subscription .user-subscription-form .user-subscription-form-button-submit{display:block;border-radius:2rem;border:0;width:50%;margin:2rem auto;padding:1rem;cursor:pointer}
+@charset "UTF-8";/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.hb-header{min-height:64px;border-radius:.5rem .5rem 0 0;padding:.625rem;position:relative;box-sizing:border-box;display:flex;box-shadow:var(--hb-shadow-elevated);align-items:center;background:var(--hb-color-surface-header);color:var(--hb-color-text-on-primary)}.hb-header--img{border-radius:50%;padding:.625rem;max-width:32px;max-height:32px;box-sizing:content-box;color:inherit}.hb-header--title{flex:1;-webkit-user-select:none;user-select:none;font-size:1.25rem}.hb-header--close-button{width:36px;height:36px;margin-right:.625rem;box-sizing:border-box;cursor:pointer;border-radius:100%;margin-left:auto}.hb-header--close-button:hover{box-shadow:var(--hb-shadow-elevated)}.hb-header--close-button svg{width:100%;height:100%;padding:.3125rem;box-sizing:border-box;color:inherit;fill:currentColor}@media (max-width: 450px){.hb-header{border-radius:0}}.hb-theme-root{--hb-color-surface-root: #fcfcfc;--hb-color-surface-panel: #ffffff;--hb-color-surface-header: #0074d9;--hb-color-surface-input: #ffffff;--hb-color-surface-message-sent: #0074d9;--hb-color-surface-message-received: #ececed;--hb-color-surface-menu: #0074d9;--hb-color-surface-elevated: #ffffff;--hb-color-surface-suggestion: #ffffff;--hb-color-surface-webview-footer: #0074d9;--hb-color-surface-overlay: rgba(148, 149, 150, .2);--hb-color-text-primary: #263238;--hb-color-text-secondary: #565867;--hb-color-text-inverse: #ffffff;--hb-color-text-muted: #8c98a5;--hb-color-text-on-primary: #ffffff;--hb-color-text-link: #005fb3;--hb-color-border-subtle: #dfe5e8;--hb-color-border-strong: #b9b9b9;--hb-color-border-interactive: #0074d9;--hb-color-state-error: #ff4136;--hb-color-state-success: #2ecc40;--hb-color-state-warning: #f39c12;--hb-color-state-info: #3498db;--hb-color-state-typing: #b6b5ba;--hb-color-state-typing-active: #9e9da2;--hb-color-state-disabled: #c8cad0;--hb-color-interactive-launcher: #0074d9;--hb-color-interactive-launcher-icon: #ffffff;--hb-color-interactive-badge-bg: #ff4646;--hb-color-interactive-badge-text: #ffffff;--hb-color-interactive-button-primary-bg: #0074d9;--hb-color-interactive-button-primary-text: #ffffff;--hb-color-interactive-button-primary-hover: #005fb3;--hb-color-interactive-button-secondary-bg: #ffffff;--hb-color-interactive-button-secondary-text: #0074d9;--hb-color-interactive-button-secondary-hover: #005fb3;--hb-color-interactive-icon: #5d5e6d;--hb-color-interactive-icon-muted: #b8c3ca;--hb-color-interactive-icon-strong: #23262a;--hb-color-focus-ring: rgba(0, 116, 217, .35);--hb-color-palette-primary: #0074d9;--hb-color-palette-on-primary: #ffffff;--hb-shadow-widget: 0 .4375rem 2.5rem .125rem rgba(148, 149, 150, .1);--hb-shadow-elevated: 0 .125rem .3125rem rgba(0, 0, 0, .2);--hb-shadow-overlay: 0 0 25rem 15.625rem rgba(148, 149, 150, .2);--hb-font-family: "IBM Plex Sans", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--hb-font-size-base: 1rem;--hb-font-size-sm: .875rem;--hb-font-size-lg: 1.125rem;--hb-font-weight-regular: 400;--hb-font-weight-medium: 500;--hb-line-height-base: 1.4;color:var(--hb-color-text-primary);font-family:var(--hb-font-family);font-size:var(--hb-font-size-base);font-weight:var(--hb-font-weight-regular);line-height:var(--hb-line-height-base)}.hb-chat--disconnected-icon-wrapper,.hb-chat--error-icon-wrapper{position:relative;height:100%;width:100%;display:grid;place-items:center;overflow:auto;padding:.875rem 0;background-color:var(--hb-color-surface-root);color:var(--hb-color-text-primary)}.hb-chat--disconnected-icon,.hb-chat--error-icon{position:relative;text-align:center}.hb-chat--disconnected-text,.hb-chat--error-text{width:100%;color:var(--hb-color-interactive-button-secondary-text)}.hb-chat--disconnected-button,.hb-chat--error-button{border:.0625rem solid;border-radius:2rem;padding:.3125rem .625rem;width:80%;margin:.125rem;cursor:pointer;outline:0;border-color:var(--hb-color-border-interactive);color:var(--hb-color-interactive-button-secondary-text);background-color:var(--hb-color-interactive-button-secondary-bg)}.hb-chat--disconnected-button:hover,.hb-chat--error-button:hover{background-color:var(--hb-color-interactive-button-secondary-hover);color:var(--hb-color-text-on-primary)}.hb-chat--disconnected-button:active,.hb-chat--error-button:active{opacity:0;transition:opacity .5s}.hb-chat--disconnected-button:active:after,.hb-chat--error-button:active:after{opacity:1;transition:0s}.hb-chat--attempt-reconnect{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:1rem}.hb-message{margin:auto;padding:0 .5rem 0 0;display:flex;margin-bottom:.25rem}.hb-message:first-child{margin-top:50%}.hb-message.sent{flex-direction:row-reverse}.hb-message.sent .hb-message--content{justify-content:flex-end}.hb-message.sent .hb-message--content .hb-message--avatar{display:none}.hb-message.sent .hb-message--content .hb-message--wrapper{align-items:flex-end}.hb-message.sent .hb-message--content .hb-message--wrapper .hb-message--text{color:var(--hb-color-text-on-primary);background-color:var(--hb-color-surface-message-sent);overflow-wrap:break-word;--hb-message-link-hover-color: var( --hb-color-interactive-button-primary-hover )}.hb-message.sent .hb-message--content .hb-message--wrapper .hb-message--meta{flex-direction:row-reverse}.hb-message .hb-message--content{display:flex;flex-direction:row;position:relative;max-width:calc(100% - 40px);width:auto}.hb-message .hb-message--content .hb-message--avatar{width:32px;height:32px;margin:.125rem .25rem;background-position:0 0;flex-shrink:0;background-size:cover;border-radius:100%}.hb-message .hb-message--content .hb-message--wrapper{display:flex;flex-direction:column;overflow:hidden;word-break:break-word}.hb-message .hb-message--content .hb-message--wrapper .hb-message--text{padding:.625rem 1.25rem;border-radius:.5rem;font-weight:400;font-size:.9rem;line-height:1.5;position:relative;-webkit-font-smoothing:subpixel-antialiased;color:var(--hb-color-text-primary);background-color:var(--hb-color-surface-message-received);--hb-message-link-hover-color: var( --hb-color-interactive-button-secondary-hover )}.hb-message .hb-message--content .hb-message--wrapper .hb-message--meta{display:flex;justify-content:space-between;align-items:flex-start;font-size:.65rem;margin-top:.25rem;padding:0 .25rem;width:100%;height:18px;box-sizing:border-box}.hb-message .hb-message--content .hb-message--wrapper .hb-message--meta .hb-message--time{color:var(--hb-color-text-muted)}@media (max-width: 450px){.hb-message{width:80%}}.hb-message--buttons{color:var(--hb-color-text-primary);max-width:100%;padding:.25rem .5rem;border-radius:.5rem;font-weight:300;font-size:1.25rem;line-height:1.4;position:relative;-webkit-font-smoothing:subpixel-antialiased;text-align:center}.hb-message--buttons .hb-message--buttons-content{border:.0625rem solid;border-radius:2rem;padding:.25rem;width:80%;margin:.125rem;cursor:pointer;outline:0;font-size:.75rem;border-color:var(--hb-color-border-interactive);color:var(--hb-color-interactive-button-secondary-text);background-color:var(--hb-color-interactive-button-secondary-bg)}.hb-message--buttons .hb-message--buttons-content:hover{color:var(--hb-color-text-on-primary);background-color:var(--hb-color-interactive-button-secondary-hover)}.hb-message--list-element .hb-message--buttons-content,.hb-message--carousel-element .hb-message--buttons-content{padding:.5rem}.hb-message--list-element .hb-message--buttons{padding:0;margin:1rem}.hb-message--list-element .hb-message--buttons-content,.hb-message--carousel-element .hb-message--buttons{margin:0}.hb-message--carousel-element .hb-message--buttons-content{margin-bottom:1rem}.hb-message--list-element-bottom .hb-message--buttons{padding:0}.hb-message--list-element-bottom .hb-message--buttons-content{width:100%;font-weight:600;border-radius:0 0 .375rem .375rem;padding:.5rem;margin:0}.hb-message--carousel{border-radius:.5rem;position:relative;width:100%;overflow:hidden;color:var(--hb-color-text-primary);background-color:var(--hb-color-surface-message-received)}.hb-message--carousel.sent{color:var(--hb-color-text-on-primary);background-color:var(--hb-color-surface-message-sent)}.hb-message--carousel .hb-message--carousel-inner{display:flex;transition:transform .5s ease;width:100%}.hb-message--carousel .hb-message--carousel-inner .hb-message--carousel-element-wrapper{min-width:100%;height:100%;display:flex;align-items:flex-end;justify-content:center}.hb-message--carousel .hb-message--carousel-inner .hb-message--carousel-element-wrapper .hb-message--carousel-element{width:100%}.hb-message--carousel .hb-message--carousel-inner .hb-message--carousel-element-wrapper .hb-message--carousel-element .hb-message--carousel-element-image{background-repeat:no-repeat;background-size:cover;position:relative;width:100%;height:150px}.hb-message--carousel .hb-message--carousel-inner .hb-message--carousel-element-wrapper .hb-message--carousel-element .hb-message--carousel-title{font-size:1rem;font-weight:600;padding:.5rem 0;margin-top:.5rem}.hb-message--carousel .hb-message--carousel-inner .hb-message--carousel-element-wrapper .hb-message--carousel-element .hb-message--carousel-element-description{width:100%;padding:0 2rem;box-sizing:border-box}.hb-message--carousel .hb-message--carousel-control{position:absolute;top:50%;transform:translateY(-50%);width:24px;height:32px;display:grid;place-items:center;background-color:var(--hb-color-surface-overlay);color:var(--hb-color-text-primary);border:none;padding:0;cursor:pointer;z-index:2}.hb-message--carousel .hb-message--carousel-control svg{width:.875rem;height:.875rem}.hb-message--carousel .hb-message--carousel-control.prev{left:0}.hb-message--carousel .hb-message--carousel-control.next{right:0}.hb-message--file{color:var(--hb-color-text-primary);background-color:var(--hb-color-surface-message-received);border-radius:.5rem;font-weight:300;font-size:.875rem;line-height:1.4;-webkit-font-smoothing:subpixel-antialiased}.hb-message--file.sent{color:var(--hb-color-text-on-primary);background-color:var(--hb-color-surface-message-sent)}.hb-message--file audio,.hb-message--file video{max-width:100%}.hb-message--file .error-message{margin:0;padding:.625rem;border-radius:.3125rem;color:var(--hb-color-text-muted);background-color:inherit;width:100%;display:block}.hb-message--file .error-message.no-padding{padding:0}.hb-message--content.sent .hb-message--file{overflow-wrap:break-word}.hb-message--content.received .hb-message--file{margin-right:2.5rem}.hb-message--file-icon{text-align:center;margin-left:auto;margin-right:auto;margin-bottom:0}.hb-image{max-width:100%;height:auto}.hb-message--file-download{padding:.625rem 1.25rem;border-radius:.5rem;color:inherit;background-color:inherit;text-align:center}.hb-message--file-download a{text-decoration:none;color:inherit}.hb-message--file-download a img{vertical-align:middle;width:24px;height:auto}.hb-message--file.received .hb-message--file-download a{color:var(--hb-color-text-secondary)}.hb-message--file.received .hb-message--file-download a:hover{color:var(--hb-color-interactive-icon-strong)}.hb-message--file.sent .hb-message--file-download a:hover{color:var(--hb-color-interactive-button-primary-hover)}.hb-message--location{border-radius:.5rem;color:var(--hb-color-text-primary);background-color:var(--hb-color-surface-message-received)}.hb-message--location.sent{color:var(--hb-color-text-on-primary);background-color:var(--hb-color-surface-message-sent)}.hb-message-map{width:200px;height:150px;border-radius:.5rem}.hb-message--list{border-radius:.5rem;width:256px;color:var(--hb-color-text-primary);background-color:var(--hb-color-surface-message-received)}.hb-message--list.sent{color:var(--hb-color-text-on-primary);background-color:var(--hb-color-surface-message-sent)}.hb-message--list.sent .hb-message--list-element{border-bottom-color:#ffffff3d}.hb-message--list .hb-message--list-element{position:relative;border-bottom:.0625rem solid;border-bottom-color:var(--hb-color-border-subtle);padding:1rem}.hb-message--list .hb-message--list-element .hb-message--list-element-content{width:100%;display:block}.hb-message--list .hb-message--list-element .hb-message--list-element-content.large{margin:0}.hb-message--list .hb-message--list-element .hb-message--list-element-content.large .hb-message--list-element-image{background-size:cover;height:auto;border-radius:.5rem .5rem 0 0}.hb-message--list .hb-message--list-element .hb-message--list-element-content.large .hb-message--list-element-description{color:var(--hb-color-text-inverse);border-radius:.5rem .5rem 0 0;background:var(--hb-color-surface-overlay)}.hb-message--list .hb-message--list-element .hb-message--list-element-content.compact{padding:.5rem 0}.hb-message--list .hb-message--list-element .hb-message--list-element-content .hb-message--title{font-size:1.125rem;font-weight:600;margin:0;white-space:pre-line}.hb-message--list .hb-message--list-element .hb-message--list-element-content .hb-message--list-element-image{background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;width:100%;height:117px}.hb-message--text-content{margin:0}.hb-message--text-content.plain{white-space:pre-line}.hb-message--text-content.markdown{white-space:normal}.hb-message--text-content.markdown p{margin:.5rem 0}.hb-message--text-content.markdown p:first-child{margin-top:0}.hb-message--text-content.markdown p:last-child{margin-bottom:0}.hb-message--text-content.markdown ul,.hb-message--text-content.markdown ol{margin:.5rem 0;padding-left:1.25rem}.hb-message--text-content.markdown pre{margin:.5rem 0;padding:.5rem .625rem;border-radius:.375rem;overflow-x:auto;background-color:#00000014}.hb-message--text-content.markdown code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.85em}.hb-message--text-content.markdown blockquote{margin:.5rem 0;padding-left:.75rem;border-left:.125rem solid var(--hb-color-border-subtle)}.hb-message--text-content a{text-decoration:underline;transition:color .2s ease}.hb-message--text-content a:hover{color:var(--hb-message-link-hover-color, var(--hb-color-text-link))}.hb--status{display:flex;flex-direction:row;color:var(--hb-color-text-muted)}.hb--status .hb--status-read{margin-right:-.375rem}.hb--status .check{stroke:currentColor;color:currentColor}.hb-message-list{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:2.5rem 0;background-color:var(--hb-color-surface-root)}.hb-typing-indicator{text-align:center;padding:.5rem;border-radius:2rem;width:50px;margin-left:2rem;color:var(--hb-color-text-primary);background-color:var(--hb-color-surface-message-received)}.hb-typing-indicator span{display:inline-block;background-color:var(--hb-color-state-typing);width:5px;height:5px;border-radius:100%;margin-right:.1875rem;animation:bob 2s infinite}.hb-typing-indicator span:nth-child(1){animation-delay:-1s}.hb-typing-indicator span:nth-child(2){animation-delay:-.85s}.hb-typing-indicator span:nth-child(3){animation-delay:-.7s}@keyframes bob{10%{transform:translateY(-.625rem);background-color:var(--hb-color-state-typing-active)}50%{transform:translateY(0);background-color:var(--hb-color-state-typing)}}.hb-emoji-picker{position:absolute;bottom:30px;right:0;min-width:200px;max-height:215px;box-shadow:var(--hb-shadow-widget);background:var(--hb-color-surface-elevated);border-radius:.625rem;outline:none}.hb-emoji-picker:after{content:"";width:14px;height:14px;background:var(--hb-color-surface-elevated);position:absolute;bottom:-6px;right:55px;transform:rotate(45deg);border-radius:.125rem}.hb-emoji-picker--content{padding:.5rem;overflow:auto;width:100%;max-height:195px;margin-top:.3125rem;box-sizing:border-box}.hb-emoji-picker--category{display:flex;flex-direction:row;flex-wrap:wrap}.hb-emoji-picker--category-title{min-width:100%;color:var(--hb-color-interactive-icon-muted);font-weight:200;font-size:1rem;margin:.3125rem;letter-spacing:.0625rem}.hb-emoji-picker--emoji{margin:.3125rem;width:18px;text-align:center;cursor:pointer;vertical-align:middle;font-size:1.5rem;transition:transform 60ms ease-out,-webkit-transform 60ms ease-out}.hb-emoji-picker--emoji:hover{transform:scale(1.4)}.hb-menu-element{border-top:.0625rem solid var(--hb-color-border-strong);position:relative;font-size:1rem;cursor:pointer}.hb-menu-item{display:inline-block;padding:1rem;text-decoration:none;width:100%;color:var(--hb-color-text-on-primary)}.hb-menu-item-button{display:inline-flex;align-items:center;justify-content:center;position:absolute;right:0;top:50%;transform:translateY(-50%);padding:1rem;color:inherit}.hb-menu-item-button svg{width:1.125rem;height:1.125rem}.hb-menu-content{display:block;position:absolute;box-shadow:var(--hb-shadow-widget);width:60%;left:0;bottom:55px;z-index:3;color:var(--hb-color-text-on-primary);background-color:var(--hb-color-surface-menu)}.hb-menu-content:active,.hb-menu-content:focus{outline:none}.hb-menu-content .hb-header-submenu-content{position:relative;text-align:center}.hb-menu-content .hb-header-submenu-content .hb-title-submenu-title{font-weight:700;font-size:1rem;margin:.75rem 0}.hb-menu-content .hb-return-submenu-content{display:inline-flex;align-items:center;justify-content:center;position:absolute;left:0;top:50%;transform:translateY(-50%);padding:1rem;text-decoration:none;cursor:pointer;color:inherit}.hb-menu-content .hb-return-submenu-content-icon{width:1.125rem;height:1.125rem}.hb-suggestions-row{text-align:center;padding:.5rem 0;background:var(--hb-color-interactive-button-secondary-bg)}.hb-suggestions-element{margin:0 0 .25rem .25rem;padding:.25rem .5rem;border:.0625rem solid;border-radius:2rem;font-size:1rem;background:inherit;cursor:pointer;outline:0;border-color:var(--hb-color-interactive-button-secondary-text);color:var(--hb-color-interactive-button-secondary-text)}.hb-suggestions-element:hover{background:var(--hb-color-interactive-button-secondary-hover);color:var(--hb-color-text-on-primary)}.hb-user-input-wrapper{flex-shrink:0}.hb-user-input{min-height:55px;margin:0;position:relative;bottom:0;display:flex;background-color:var(--hb-color-surface-input);border-radius:0 0 .5rem .5rem;transition:background-color .2s ease,box-shadow .2s ease;border-top:.0625rem solid var(--hb-color-border-subtle);--hb-user-input-action-size: 1.25rem;--hb-user-input-action-icon-size: 1rem;--hb-user-input-action-gap: .125rem}.hb-user-input.active{background-color:var(--hb-color-surface-panel);box-shadow:var(--hb-shadow-widget)}.hb-user-input--text{flex-grow:1;resize:none;border:none;outline:none;border-bottom-left-radius:.5rem;box-sizing:border-box;padding:1.125rem .5rem;font-size:.9375rem;font-weight:400;line-height:1.33;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere;color:var(--hb-color-text-secondary);-webkit-font-smoothing:antialiased;max-height:200px;overflow-x:hidden;overflow-y:auto}.hb-user-input--text:empty:before{content:attr(placeholder);display:block;color:var(--hb-color-text-muted);filter:contrast(15%);outline:none;cursor:text}.hb-user-input--text[contenteditable=true]:focus:empty:before{position:absolute}.hb-user-input--text[contenteditable=true]:focus:empty:after{content:" "}.hb-user-input--buttons{display:flex;align-items:center;gap:var(--hb-user-input-action-gap);margin:0 .5rem}.hb-user-input--button{display:flex;align-items:center;justify-content:center}.hb-user-input--button .hb-user-input--picker-wrapper,.hb-user-input--button .hb-user-input--location-wrapper{width:var(--hb-user-input-action-size);height:var(--hb-user-input-action-size);display:inline-flex;align-items:center;justify-content:center}.hb-user-input--button button,.hb-user-input--button .hb-user-input--file-wrapper{position:relative;width:var(--hb-user-input-action-size);height:var(--hb-user-input-action-size);display:inline-flex;align-items:center;justify-content:center;border:0;padding:0;margin:0;border-radius:.375rem;background:none;cursor:pointer;color:var(--hb-color-interactive-icon-muted);opacity:.8;transition:color .2s ease,opacity .2s ease,background-color .2s ease}.hb-user-input--button button:focus,.hb-user-input--button button:focus-visible{outline:none}.hb-user-input--button button:not(:disabled):hover,.hb-user-input--button button:not(:disabled):focus-visible{opacity:1;color:var(--hb-color-interactive-icon)}.hb-user-input--button button:disabled{cursor:not-allowed;color:var(--hb-color-state-disabled);opacity:1}.hb-user-input--button .hb-user-input--file-wrapper:hover,.hb-user-input--button .hb-user-input--file-wrapper:focus-within{opacity:1;color:var(--hb-color-interactive-icon)}.hb-user-input--button svg{width:var(--hb-user-input-action-icon-size);height:var(--hb-user-input-action-icon-size);display:inline-block;vertical-align:middle;flex-shrink:0}.hb-user-input--menu{align-self:center;display:inline-flex;align-items:center;justify-content:center;margin-left:.5rem}.hb-user-input--menu-button{position:relative;width:var(--hb-user-input-action-size);height:var(--hb-user-input-action-size);display:inline-flex;align-items:center;justify-content:center;border:0;padding:0;margin:0;border-radius:.375rem;background:none;cursor:pointer;color:var(--hb-color-interactive-icon-muted);opacity:.8;transition:color .2s ease,opacity .2s ease,background-color .2s ease}.hb-user-input--menu-button:focus,.hb-user-input--menu-button:focus-visible{outline:none}.hb-user-input--menu-button:hover,.hb-user-input--menu-button:focus-visible{opacity:1;color:var(--hb-color-interactive-icon)}.hb-user-input--menu-button svg{width:var(--hb-user-input-action-icon-size);height:var(--hb-user-input-action-icon-size);display:inline-block;vertical-align:middle;flex-shrink:0}.hb-user-input--file-input{display:none}.hb-file-container{padding:.3125rem 1.25rem;display:flex;align-items:center;gap:.3125rem;background-color:var(--hb-color-text-secondary);color:var(--hb-color-surface-input)}.hb-user-input--file-icon,.icon-file-message{vertical-align:bottom;width:16px;height:16px}.delete-file-message{font-style:normal;margin-left:auto;cursor:pointer;color:var(--hb-color-state-disabled)}.delete-file-message:hover{color:var(--hb-color-interactive-icon)}.hb-webview{position:relative;width:100%;height:100%;padding:0;margin:0;border:0}.hb-webview iframe{width:100%;height:calc(100% - 35px);border:0}.hb-webview--footer{width:100%;height:35px;display:flex;align-items:center;justify-content:center;text-align:center;background:var(--hb-color-surface-header);color:var(--hb-color-text-on-primary)}.hb-webview--button{cursor:pointer;display:inline-flex;align-items:center;gap:.25rem;margin:0;padding:0;color:inherit}.hb-webview--button img{vertical-align:middle}.hb-chat-window{width:370px;height:calc(100% - 120px);max-height:590px;min-height:0;position:fixed;right:25px;bottom:100px;box-sizing:border-box;box-shadow:var(--hb-shadow-widget);background:var(--hb-color-surface-panel);flex:1 1 auto;display:flex;flex-direction:column;justify-content:flex-start;border-radius:.625rem;font-family:var(--hb-font-family);animation:hb-fade-in .3s ease-in-out;z-index:10000;overflow:hidden}.hb-chat-window.closed{opacity:0;display:none;bottom:90px}@keyframes hb-fade-in{0%{opacity:0}to{opacity:1}}@keyframes hb-widget-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 450px){.hb-chat-window{width:100%;height:100%;max-height:100%;right:0;bottom:0;border-radius:0;transition:bottom .1s ease-in-out}.hb-chat-window.closed{bottom:0}}.hb-launcher-wrapper.opened .hb-launcher:before{box-shadow:var(--hb-shadow-overlay)}.hb-launcher{width:60px;height:60px;position:fixed;right:20px;bottom:20px;border-radius:50%;box-shadow:none;transition:box-shadow .2s ease-in-out;cursor:pointer;background-color:var(--hb-color-interactive-launcher);color:var(--hb-color-interactive-launcher-icon)}.hb-launcher:before{content:"";position:relative;display:block;width:100%;height:100%;border-radius:50%;transition:box-shadow .2s ease-in-out}.hb-launcher .hb-open-icon,.hb-launcher .hb-closed-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;color:currentColor;fill:currentColor}.hb-launcher .hb-new-messages-count{position:absolute;top:-3px;left:41px;display:flex;justify-content:center;flex-direction:column;border-radius:50%;width:22px;height:22px;background:var(--hb-color-interactive-badge-bg);color:var(--hb-color-interactive-badge-text);text-align:center;margin:auto;font-size:.75rem;font-weight:500;font-family:var(--hb-font-family)}.hb-launcher:hover{box-shadow:var(--hb-shadow-elevated)}.user-subscription-wrapper{height:100%;width:100%;position:relative;text-align:center;align-content:center;overflow:auto}.user-subscription-wrapper .user-subscription-title{margin:2rem}.user-subscription-wrapper .user-subscription-form-input{border:.0625rem solid var(--hb-color-border-subtle);outline:0;padding:1rem;border-radius:2rem;margin:1rem;width:70%}.user-subscription-wrapper .user-subscription-form-button-submit{display:block;border-radius:2rem;border:0;width:50%;margin:2rem auto;padding:1rem;cursor:pointer;background:var(--hb-color-surface-header);color:var(--hb-color-text-on-primary)}.user-subscription-wrapper .user-subscription-form-button-submit:disabled{opacity:.65;cursor:not-allowed}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hexabot-ai/widget",
-  "version": "3.0.0-alpha.3",
+  "version": "3.1.1-alpha.0",
   "description": "Hexabot is a solution for creating and managing chatbots across multiple channels, leveraging AI for advanced conversational capabilities. It provides a user-friendly interface for building, training, and deploying chatbots with integrated support for various messaging platforms.",
   "author": "Hexastack",
   "license": "FCL-1.0-ALv2",
@@ -14,6 +14,7 @@
     "lint:fix": "eslint . --ext ts,tsx --fix",
     "preview": "vite preview",
     "serve": "pnpm exec http-server ./dist/",
+    "test": "vitest run",
     "typecheck": "tsc --noEmit",
     "format": "pnpm run lint:fix",
     "clean": "rimraf dist"
@@ -22,15 +23,19 @@
     "*.{ts,tsx}": "eslint --fix --config eslint.config-staged.cjs"
   },
   "dependencies": {
-    "autolinker": "^4.1.5",
+    "chroma-js": "^3.2.0",
     "dayjs": "^1.11.12",
+    "dompurify": "3.2.7",
     "emoji-js": "^3.8.0",
+    "lucide-react": "^0.562.0",
+    "marked": "14.0.0",
     "normalize.css": "^8.0.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "socket.io-client": "^4.7.5"
   },
   "devDependencies": {
+    "@types/chroma-js": "^3.1.2",
     "@types/emoji-js": "^3.5.2",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
@@ -44,12 +49,14 @@
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^7.0.0",
     "http-server": "^14.1.1",
+    "jsdom": "^28.0.0",
     "lint-staged": "^15.3.0",
     "rimraf": "^6.0.1",
     "sass": "^1.77.8",
     "typescript": "^5.8.3",
     "vite": "^6.3.6",
-    "vite-plugin-dts": "^4.5.3"
+    "vite-plugin-dts": "^4.5.3",
+    "vitest": "^4.0.18"
   },
   "optionalDependencies": {
     "@esbuild/darwin-arm64": "^0.24.0",