.blog-chat-wrap{bottom:16px;display:block;position:fixed;right:16px;z-index:1002}.blog-chat-chat-container{background:#fff;border-radius:8px;box-shadow:0 5px 20px rgba(0,0,0,.1);display:none;flex-direction:column;height:530px;max-height:65vh;width:376px}.blog-chat-chat-container.active{display:flex}.blog-chat-chat-banner{background-color:#3087e3;border-radius:6px 6px 0 0;height:68px}.blog-chat-chat-banner>div{-webkit-box-align:center;align-items:center;color:#fff;display:flex;height:100%;padding:16px}.blog-chat-chat-banner-image{background:#fff;border:2px solid #fff;display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;border-radius:50%;box-sizing:content-box;font-size:medium;height:32px;justify-content:center;overflow:hidden;position:relative;width:32px}.blog-chat-chat-banner-image>div{background-image:url(https://cdn2.hubspot.net/hub/38093/hubfs/logo-2.png?width=108&height=108);background-position:50%;background-size:cover;height:100%;width:100%}.blog-chat-chat-banner-title{display:flex;flex-direction:column;height:100%;padding-left:12px!important;padding-right:12px!important;-webkit-box-pack:center;justify-content:center;min-width:0}.blog-chat-chat-banner-title>span{font-family:Helvetica,Arial,sans-serif!important;font-size:16px}.blog-chat-chat-convo,.blog-chat-chat-main{display:flex;flex:1 0 0;flex-direction:column}.blog-chat-chat-convo{align-self:stretch;overflow:hidden scroll}.blog-chat-chat-convo-message{align-items:flex-start;display:flex;flex-direction:column;flex-shrink:0;padding:4px 10px 4px 18px;width:100%;z-index:0}.blog-chat-chat-convo-message.user{align-items:flex-end}.blog-chat-chat-convo-message-icon{display:flex;height:16px;-webkit-box-align:center;align-items:center;margin-bottom:4px;margin-top:4px;width:100%}.blog-chat-chat-convo-message.user>.blog-chat-chat-convo-message-icon{display:none}.blog-chat-chat-convo-message-icon>div{border-radius:50%;height:32px;margin-left:0;margin-right:8px;margin-top:28px;overflow:hidden;position:relative;width:32px}.blog-chat-chat-convo-message-icon>div>div{background-image:url(https://cdn2.hubspot.net/hub/38093/hubfs/logo-2.png?width=108&height=108);background-position:50%;background-size:cover;height:100%;width:100%}.blog-chat-chat-convo-message-text{background-color:#eaf0f6;border:0 solid #cbd6e2;box-sizing:border-box;color:#425b76;display:inline-flex;margin-left:38px;min-height:32px;position:relative;word-break:break-word;-webkit-box-align:center;align-items:center;border-radius:0 8px 8px;flex-direction:column;max-width:284px;padding:8px 16px}.blog-chat-chat-convo-message.user>.blog-chat-chat-convo-message-text{background-color:#3087e3;border-radius:8px 0 8px 8px;margin-right:8px}.blog-chat-chat-convo-message-text>div{box-sizing:border-box;color:#425b76;font-family:Helvetica,Arial,sans-serif;overflow-wrap:break-word;width:100%;word-break:break-word}.blog-chat-chat-convo-message-text a,.blog-chat-chat-convo-message-text>div{font-size:14px;font-weight:400;line-height:24px}.blog-chat-chat-convo-message.user>.blog-chat-chat-convo-message-text>div{color:#fff}.blog-chat-chat-input{background-color:#fff;border-top:2px solid #f2f5f8;display:flex;flex-shrink:0;margin-bottom:8px!important;max-width:100%;padding-left:8px;padding-right:8px;padding-top:8px}.blog-chat-chat-input-input{border-radius:3px;flex-basis:100%;max-height:100px;min-height:40px;overflow:hidden auto;padding:8px;word-break:break-word}.blog-chat-chat-input-input,.blog-chat-chat-input-input>input{background-color:transparent;border:none;cursor:text;font-size:16px;line-height:22px;position:relative;width:100%}.blog-chat-chat-input-input>input{height:22px;padding:0;user-select:none}.blog-chat-chat-input-input>input:focus{outline-width:0}.blog-chat-chat-input-input>input::placeholder{color:#7b98b6}.blog-chat-chat-input-enter{align-items:center;display:flex;justify-content:center;margin-left:4px!important}.blog-chat-chat-input-enter-button{display:inline-flex;flex-shrink:0;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;background-color:transparent;border:none;border-radius:50%;color:#3087e3;cursor:pointer!important;font-size:18px;height:40px;justify-content:center;line-height:18px;outline:none;padding:0;text-align:center;text-overflow:clip;transition:background-color .15s ease-out 0s;vertical-align:middle;width:40px}.blog-chat-chat-input-enter-button.enabled:hover{background-color:rgba(48,135,227,.1)!important}.blog-chat-button-container{align-items:center;display:flex;justify-content:flex-end;padding-top:20px}.blog-chat-button{align-items:center;background-color:#3087e3;border:none;border-radius:50%;box-shadow:0 1px 6px rgba(0,0,0,.1),0 2px 24px rgba(0,0,0,.2);cursor:pointer;display:flex;height:60px;justify-content:center;position:relative;transition:box-shadow .15s ease-in-out 0s;width:60px}.blog-chat-button>svg{display:none}.blog-chat-button-close.active,.blog-chat-button-open.active{display:block}.blog-chat-button:hover{box-shadow:0 2px 10px rgba(0,0,0,.2),0 4px 28px rgba(0,0,0,.3)}.blog-chat-subscription-button>button{background-color:transparent;border:1px solid #3087e3;border-radius:3px;color:#3087e3;cursor:pointer;font-size:12px;line-height:16px;outline:none;overflow-wrap:break-word;padding:8px 16px;text-align:center;transition:background-color .15s ease-out 0s;word-break:normal}.blog-chat-subscription-form-container form label{font-size:12px;line-height:16px}.blog-chat-subscription-form-container form input{font-size:12px;padding:10px}