.sc-emoji-picker{box-sizing:border-box;width:100%;max-height:calc(100% - 40px);padding:15px;overflow:auto}.sc-emoji-picker--category{flex-flow:wrap;display:flex}.sc-emoji-picker--category-title{color:#b8c3ca;letter-spacing:1px;min-width:100%;margin:5px;font-size:13px;font-weight:200}.sc-emoji-picker--emoji{text-align:center;cursor:pointer;vertical-align:middle;width:30px;margin:5px;font-size:28px;line-height:30px;transition:transform 60ms ease-out 60ms,-webkit-transform 60ms ease-out 60ms}.sc-emoji-picker--emoji:hover{transform:scale(1.4)}.sc-chat-window{box-sizing:border-box;background:#fff;border-radius:10px;flex-direction:column;justify-content:space-between;width:400px;height:calc(100% - 110px);max-height:calc(100% - 110px);font-family:Helvetica Neue,Helvetica,Arial,sans-serif;transition:all .3s ease-in-out;display:flex;position:fixed;bottom:100px;right:25px;box-shadow:0 7px 40px 2px #9495964d}.sc-chat-window.closed{opacity:0;visibility:hidden;bottom:90px}.sc-message-list{background-color:#fff;background-size:100%;width:100%;height:80%;padding:40px 0;overflow-y:auto}.sc-message--me{text-align:right}.sc-message--them{text-align:left}@media (width<=450px){.sc-chat-window{border-radius:0;width:100%;height:100%;max-height:100%;transition:all .1s ease-in-out;bottom:0;right:0}.sc-chat-window.closed{bottom:0}}.sc-launcher{box-shadow:none;background-color:#1f3b92;background-position:50%;background-repeat:no-repeat;border-radius:50%;width:60px;height:60px;transition:box-shadow .2s ease-in-out;position:fixed;bottom:25px;right:25px}.sc-launcher:before{content:"";border-radius:50%;width:60px;height:60px;transition:box-shadow .2s ease-in-out;display:block;position:relative}.sc-launcher .sc-open-icon,.sc-launcher .sc-closed-icon{width:60px;height:60px;transition:opacity .1s ease-in-out,transform .1s ease-in-out;position:fixed;bottom:25px;right:25px}.sc-launcher .sc-closed-icon{width:60px;height:60px;transition:opacity .1s ease-in-out,transform .1s ease-in-out}.sc-launcher .sc-open-icon{box-sizing:border-box;opacity:0;padding:20px}.sc-launcher.opened .sc-open-icon{opacity:1;transform:rotate(-90deg)}.sc-launcher.opened .sc-closed-icon{opacity:0;transform:rotate(-90deg)}.sc-launcher.opened:before{box-shadow:0 0 400px 250px #94959633}.sc-launcher:hover{box-shadow:0 0 27px 1.5px #0003}.sc-new-messages-count{color:#fff;text-align:center;background:#ff4646;border-radius:50%;flex-direction:column;justify-content:center;width:22px;height:22px;margin:auto;font-size:12px;font-weight:500;display:flex;position:absolute;top:-3px;left:41px;box-shadow:-1px 1px 2px #0000004d}.sc-header{color:#fff;box-sizing:border-box;background:#1f3b92;border-top-left-radius:9px;border-top-right-radius:9px;min-height:75px;padding:5px;display:flex;position:relative;box-shadow:0 1px 4px #0003}.sc-header--status{border-radius:50%;align-self:center;width:5px;height:5px;margin-right:5px}.sc-header--status.connected{background-color:#05ff05}.sc-header--status.disconnected{background-color:#fff}.sc-header--info{flex-direction:column;width:100%;display:flex}.sc-header--img{border-radius:0%;align-items:start;max-width:180px}.sc-header--team-name{-webkit-user-select:none;user-select:none;flex-direction:row;align-self:center;padding:0 0 5px;font-size:13px;display:flex}.sc-header--close-button{box-sizing:border-box;cursor:pointer;border-radius:5px;align-self:center;width:40px;min-width:40px;height:40px}.sc-header--close-button:hover{background:#1f3b92}.sc-header--close-button img{box-sizing:border-box;width:100%;height:100%;padding:13px}@media (width<=450px){.sc-header{border-radius:0}}.sc-message{width:300px;margin:auto;padding-bottom:10px;display:flex}.sc-message--content{width:100%;display:flex}.sc-message--content.sent{justify-content:flex-end}.sc-message--content.sent .sc-message--avatar{display:none}.sc-message--avatar{background-image:url(chat-icon.3f08f83e.png);background-position:50%;background-repeat:no-repeat;background-size:100%;border-radius:50%;align-self:center;min-width:30px;min-height:30px;margin-right:15px}.sc-message--noavatar{border-radius:50%;align-self:center;min-width:30px;min-height:30px;margin-right:15px}.sc-message--text{white-space:pre-wrap;-webkit-font-smoothing:subpixel-antialiased;word-break:break-word;word-wrap:break-word;border-radius:6px;max-width:100%;padding:17px 20px;font-size:16px;font-weight:400;line-height:1.4}.sc-message--datetime{white-space:pre-wrap;-webkit-font-smoothing:subpixel-antialiased;word-wrap:break-word;border-radius:6px;flex-direction:row-reverse;align-self:flex-start;padding-top:10px;font-size:10px;font-style:italic;font-weight:400;line-height:1.4;display:flex;color:#7f7f7f80!important}.sc-message--content.sent .sc-message--text{color:#fff;word-wrap:break-word;background-color:#4e8cff;max-width:calc(100% - 120px)}.sc-message--content.received .sc-message--text{color:#263238;background-color:#fbf6f7}.sc-message--emoji{font-size:40px}.sc-message--file{cursor:pointer;background:#fff;border:1px solid #cccdd1;border-radius:5px;padding:15px 20px;font-size:15px;font-weight:400;line-height:1.4;text-decoration:none;display:flex}.sc-message--file p{color:#56586799;margin:0 0 0 10px}.sc-message--file .sc-user-input--file-icon:hover path{fill:#5658674d}@media (width<=450px){.sc-message{width:80%}}.bold{font-weight:700}.sc-message--content-image{justify-content:center;align-items:center;width:100%;display:flex}.sc-message--image{max-width:80%}.sc-user-input{background-color:#f4f7f9;border-radius:10px;min-height:55px;margin:10px;transition:background-color .2s,box-shadow .2s;display:flex;position:relative;bottom:0}.sc-user-input--text{resize:none;box-sizing:border-box;white-space:pre-wrap;word-wrap:break-word;color:#565867;-webkit-font-smoothing:antialiased;border:none;border-bottom-left-radius:10px;outline:none;width:250px;max-height:200px;margin:5px;font-size:15px;font-weight:400;line-height:1.33;bottom:0;overflow:hidden}.sc-user-input--text:empty:before{content:attr(placeholder);color:#5658674d;outline:none;display:block}.sc-user-input--buttons{justify-content:flex-end;width:100px;height:100%;display:flex;position:absolute;right:10px}.sc-user-input--button:first-of-type{width:40px}.sc-user-input--button{flex-direction:column;justify-content:center;width:30px;height:55px;display:flex}.sc-user-input--button button{cursor:pointer}.sc-user-input--buttons input[type=file]{display:none}.sc-user-input--picker-wrapper{flex-direction:column;display:flex}.sc-user-input.active{box-shadow:none;background-color:#fff;box-shadow:0 -5px 20px #96a5be33}.sc-user-input--file-icon,.sc-user-input--send-icon{cursor:pointer;outline:none;align-self:center;width:20px;height:20px}.sc-user-input--file-icon path,.sc-user-input--send-icon path{fill:#5658674d}.sc-user-input--file-icon:hover path,.sc-user-input--send-icon:hover path{fill:#565867}.sc-user-input--emoji-icon-wrapper,.sc-user-input--send-icon-wrapper,.sc-user-input--file-icon-wrapper{background:0 0;border:none;flex-direction:column;justify-content:center;margin:0;padding:2px;display:flex}.sc-user-input--send-icon-wrapper,.sc-user-input--file-icon-wrapper{flex-direction:row}.sc-user-input--emoji-icon-wrapper:focus{outline:none}.sc-user-input--emoji-icon{cursor:pointer;align-self:center;height:18px}.sc-user-input--emoji-icon path,.sc-user-input--emoji-icon circle{fill:#5658674d}.sc-user-input--emoji-icon-wrapper:focus .sc-user-input--emoji-icon path,.sc-user-input--emoji-icon-wrapper:focus .sc-user-input--emoji-icon circle,.sc-user-input--emoji-icon.active path,.sc-user-input--emoji-icon.active circle,.sc-user-input--emoji-icon:hover path,.sc-user-input--emoji-icon:hover circle{fill:#565867}.sc-popup-window{width:150px;position:relative}.sc-popup-window--cointainer{z-index:1;box-sizing:border-box;background:#fff;border-radius:10px;outline:none;width:330px;height:260px;max-height:260px;padding:0 5px 5px;transition:all .2s ease-in-out;position:absolute;bottom:20px;right:100px;box-shadow:0 7px 40px 2px #9495964d}.sc-popup-window--cointainer.closed{opacity:0;visibility:hidden;bottom:14px}.sc-popup-window--cointainer:after{content:"";z-index:-1;background:#fff;border-radius:2px;width:14px;height:14px;position:absolute;bottom:-6px;right:28px;transform:rotate(45deg)}.sc-popup-window--search{box-sizing:border-box;color:#565867;background-image:url(https://js.intercomcdn.com/images/search@2x.32fca88e.png);background-position:0 12px;background-repeat:no-repeat;background-size:16px 16px;border-width:0 0 1px;outline:none;width:290px;height:40px;margin:auto;padding-left:25px;font-size:15px;display:block}.sc-popup-window--search::placeholder{color:#c1c7cd}.sc-button--button{-webkit-user-select:none;user-select:none;color:#fff;box-sizing:border-box;cursor:pointer;background:#1f3b92;border-width:1px;border-color:#1f3b92;border-radius:4px;outline:none;align-self:center;width:100%;height:50px;margin-top:10px;padding:2px 1px;font-family:Avenir Next,Helvetica Neue,Helvetica,sans-serif;font-size:15px;font-weight:400;line-height:1.4;text-decoration:none}.sc-button--button:hover{background:#000}.sc-button--button:disabled,.sc-button--button[disabled]{cursor:not-allowed;pointer-events:none;color:#666;background-color:#ccc;border:1px solid #999;display:inline-block}@media (width<=450px){.sc-button--button{font-size:16px}}.sc-history{flex-direction:row;display:flex}.sc-history--export{background-color:#fff;border-width:1px;height:50px}body{margin:0;padding:0}*{font-family:Avenir Next,Helvetica Neue,Helvetica,sans-serif}.demo-description,.demo-description img{max-width:500px}.demo-test-area{box-sizing:border-box;width:300px}.demo-test-area--text{box-sizing:border-box;resize:none;color:#8da2b5;background:#fafbfc;border:1px solid #dde5ed;border-radius:6px;outline:none;width:100%;height:150px;margin:0 0 10px;padding:16px 15px 14px;font-family:Avenir Next,Helvetica Neue,Helvetica,sans-serif;font-size:16px}.demo-monster-img{width:400px;margin:60px auto;display:block}.demo-header{color:#4e8cff;justify-content:space-between;width:100%;max-width:1100px;margin:auto;padding:40px 0;display:flex}.demo-header--title{font-size:24px;font-weight:600}.demo-header--links{justify-content:space-between;width:200px;font-size:18px;font-weight:500;display:flex}.demo-header--links a,.demo-header--title a{color:#4e8cff;cursor:pointer;text-decoration:none}.demo-header--links a:hover,.demo-header--title a:hover{color:#4983ee}.demo-test-area--wrapper{flex-direction:column;width:100%;display:flex}.demo-test-area--title{text-align:center;align-self:center}.demo-test-area--title-main{color:#516996;font-size:28px;font-weight:600}.demo-test-area--title-sub{color:#4e8cff;padding-top:10px}.demo-test-area{flex-direction:column;align-self:center;width:400px;margin-top:30px;display:flex}.demo-test-area--preamble{color:#516996;padding:20px 0}.demo-test-area--button{-webkit-user-select:none;user-select:none;color:#fff;box-sizing:border-box;cursor:pointer;background:#4e8cff;border:none;border-radius:4px;outline:none;align-self:center;width:80%;height:50px;margin-top:20px;padding:6px 10px;font-family:Avenir Next,Helvetica Neue,Helvetica,sans-serif;font-size:20px;font-weight:400;line-height:1.4;text-decoration:none}.demo-test-area--button:hover{background:#4883f1}.demo-test-area--info{color:#516996;width:550px;margin:40px auto auto;font-weight:200}.demo-test-area--info a,.demo-test-area--title-sub a{color:#4e8cff;font-weight:400;text-decoration:none}.demo-footer{color:#8694ab;border-top:2px solid #f0f4fa;justify-content:space-between;width:1100px;margin:auto;padding:20px 0;font-size:14px;font-weight:100;display:flex}