.czm-chat-support{font-family:montserrat,sans-serif;font-size:14px;line-height:1.5;font-weight:400;color:#fefefe;z-index:999;position:relative}.czm-fixed .czm-button{position:fixed}.czm-bottom .czm-button{bottom:20px}.czm-right .czm-button{right:20px}.czm-left .czm-button{left:20px}.czm-animation .czm-button{bottom:-60px}.czm-animation-show .czm-button{bottom:20px}.czm-fixed .czm-speech-bubble{position:fixed}.czm-bottom .czm-speech-bubble{bottom:100px}.czm-right .czm-speech-bubble{right:20px}.czm-left .czm-speech-bubble{left:20px}.czm-fixed .czm-popup{position:fixed}.czm-bottom .czm-popup{bottom:100px}.czm-right .czm-popup{right:20px}.czm-left .czm-popup{left:20px}.czm-button{width:60px;height:60px;border-radius:50%;align-items:center;justify-content:center;background-color:#2db742;color:#fff;cursor:pointer;display:flex;z-index:998;-webkit-transition:.3s ease all;-moz-transition:.3s ease all;-ms-transition:.3s ease all;-o-transition:.3s ease all;transition:.3s ease all}.czm-button i{font-size:30px;line-height:29px;color:#fff}.czm-button-avatar{position:absolute;-webkit-transform:rotate(0) scale(1);-moz-transform:rotate(0) scale(1);-ms-transform:rotate(0) scale(1);-o-transform:rotate(0) scale(1);transform:rotate(0) scale(1);-webkit-transition:ease-in .25s all;-moz-transition:ease-in .25s all;-ms-transition:ease-in .25s all;-o-transition:ease-in .25s all;transition:ease-in .25s all;display:flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:50%}.czm-button-avatar svg{width:30px;height:30px;color:#fff}.czm-button-avatar-dot{bottom:-3px;right:-3px;width:12px;height:12px;box-sizing:border-box;background-color:#2db742;display:block;position:absolute;z-index:1;border-radius:50%;border:1px solid #fff}.czm-button-close-icon{-webkit-transform:rotate(-180deg) scale(0);-moz-transform:rotate(-180deg) scale(0);-ms-transform:rotate(-180deg) scale(0);-o-transform:rotate(-180deg) scale(0);transform:rotate(-180deg) scale(0);-webkit-transition:ease-in .25s all;-moz-transition:ease-in .25s all;-ms-transition:ease-in .25s all;-o-transition:ease-in .25s all;transition:ease-in .25s all;display:block}.czm-button-text{width:auto;height:60px;border-radius:5px;padding:0 16px 0 14px}.czm-button-text .czm-button-avatar{width:auto;position:relative;margin-right:10px}.czm-button-text.czm-button-avatar-border .czm-button-avatar,.czm-button-text.czm-button-avatar-bg .czm-button-avatar{width:45px;border-radius:6px}.czm-button-texts{-webkit-transition:.3s ease all;-moz-transition:.3s ease all;-ms-transition:.3s ease all;-o-transition:.3s ease all;transition:.3s ease all;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);color:#fff;opacity:1;visibility:visible}.czm-button-text-title{font-size:14px;font-weight:500;line-height:1.1em;margin-bottom:1px}.czm-button-text-description{font-size:11px;line-height:1.4em;display:block;opacity:.8}.czm-button-text-status{font-size:11px;line-height:1.2em;display:block;opacity:.8;margin-top:2px;font-style:italic}.czm-button-text .czm-button-close-icon{position:absolute;left:calc(50% - 10px)}.czm-button-text .czm-notify{top:-8px;right:-7px}.czm-button-text.czm-button-avatar-image .czm-button-avatar{border-radius:6px}.czm-button-avatar-border .czm-button-avatar{border:1px solid #fff}.czm-button-text.czm-button-avatar-image,.czm-button-text.czm-button-avatar-border,.czm-button-text.czm-button-avatar-bg{padding-left:8px}.czm-button-avatar-image .czm-button-avatar{width:45px;height:45px;background-position:center center;background-repeat:no-repeat;background-size:cover}.czm-button-big-avatar .czm-button-avatar{width:60px;height:60px}.czm-button-big-avatar .czm-button-avatar i{font-size:40px;line-height:39px}.czm-button-big-avatar .czm-button-avatar svg{width:40px;height:40px}.czm-button-big-avatar .czm-button-avatar-dot{bottom:0;right:5px}.czm-button-text.czm-button-big-avatarx{margin-left:12px;padding-left:75px}.czm-popup-show .czm-button-text.czm-button-big-avatar{margin-left:0;padding-left:0}.czm-button-text.czm-button-big-avatar .czm-button-avatar{margin-left:-25px;margin-right:12px;border-radius:50%;width:75px;height:75px;background-color:#2db742;box-shadow:1px 3px 5px rgba(0,0,0,.2)}.czm-button-text.czm-button-big-avatar .czm-button-avatar-dot{right:4px}.czm-button-text.czm-button-big-avatar.czm-button-avatar-border .czm-button-avatar{border-width:2px}.czm-button-avatar-bg .czm-button-avatar{background-color:#16a32c}.czm-button-hover{-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}.czm-button-hover:hover{box-shadow:0 8px 25px -5px rgba(45,62,79,.3);transform:translateY(-3px)}.czm-button-offline{cursor:not-allowed;pointer-events:none;-webkit-filter:grayscale(1);-moz-filter:grayscale(1);-ms-filter:grayscale(1);-o-filter:grayscale(1);filter:grayscale(1)}.czm-pulse{width:80px;height:80px;border-radius:50%;position:absolute;left:-10px;top:-10px;z-index:-1;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-animation:czmPulse 2s infinite;-moz-animation:czmPulse 2s infinite;-ms-animation:czmPulse 2s infinite;-o-animation:czmPulse 2s infinite;animation:czmPulse 2s infinite;opacity:1;visibility:visible;background-color:#2db742}.czm-pulse-hide{opacity:0;visibility:hidden}.czm-pulse:nth-of-type(2n){-webkit-animation-delay:.5s;-moz-animation-delay:.5s;-ms-animation-delay:.5s;-o-animation-delay:.5s;animation-delay:.5s}.czm-pulse.stop{-webkit-animation:none;-moz-animation:none;-ms-animation:none;-o-animation:none;animation:none}@-webkit-keyframes czmPulse{0%{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:1}50%{opacity:.5}100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:0}}@-moz-keyframes czmPulse{0%{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:1}50%{opacity:.5}100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:0}}@-o-keyframes czmPulse{0%{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:1}50%{opacity:.5}100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:0}}@keyframes czmPulse{0%{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:1}50%{opacity:.5}100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:0}}.czm-notify{position:absolute;align-items:center;justify-content:center;top:-3px;right:-3px;display:flex;-webkit-transition:.3s ease all;-moz-transition:.3s ease all;-ms-transition:.3s ease all;-o-transition:.3s ease all;transition:.3s ease all}.czm-notify-hide{opacity:0;visibility:hidden}.czm-notify-circle{color:#fff;font-size:.875rem;font-weight:500;background-color:#f25;border-radius:50%;width:20px;height:20px;display:flex;-webkit-transition:.3s ease all;-moz-transition:.3s ease all;-ms-transition:.3s ease all;-o-transition:.3s ease all;transition:.3s ease all;opacity:0;visibility:hidden;text-align:center;align-items:center;justify-content:center}.czm-notify-circle-show{opacity:1;visibility:visible}.czm-bounce{-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:czmBounce;-moz-animation-name:czmBounce;-ms-animation-name:czmBounce;-o-animation-name:czmBounce;animation-name:czmBounce;-webkit-transform-origin:center bottom;-moz-transform-origin:center bottom;-ms-transform-origin:center bottom;-o-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes czmBounce{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);-moz-animation-timing-function:cubic-bezier(.215,.61,.355,1);-ms-animation-timing-function:cubic-bezier(.215,.61,.355,1);-o-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-moz-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-ms-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-o-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-10px,0);-moz-transform:translate3d(0,-10px,0);-ms-transform:translate3d(0,-10px,0);-o-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-moz-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-ms-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-o-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-5px,0);-moz-transform:translate3d(0,-5px,0);-ms-transform:translate3d(0,-5px,0);-o-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}90%{-webkit-transform:translate3d(0,-1px,0);-moz-transform:translate3d(0,-1px,0);-ms-transform:translate3d(0,-1px,0);-o-transform:translate3d(0,-1px,0);transform:translate3d(0,-1px,0)}}@-moz-keyframes czmBounce{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);-moz-animation-timing-function:cubic-bezier(.215,.61,.355,1);-ms-animation-timing-function:cubic-bezier(.215,.61,.355,1);-o-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-moz-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-ms-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-o-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-10px,0);-moz-transform:translate3d(0,-10px,0);-ms-transform:translate3d(0,-10px,0);-o-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-moz-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-ms-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-o-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-5px,0);-moz-transform:translate3d(0,-5px,0);-ms-transform:translate3d(0,-5px,0);-o-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}90%{-webkit-transform:translate3d(0,-1px,0);-moz-transform:translate3d(0,-1px,0);-ms-transform:translate3d(0,-1px,0);-o-transform:translate3d(0,-1px,0);transform:translate3d(0,-1px,0)}}@-o-keyframes czmBounce{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);-moz-animation-timing-function:cubic-bezier(.215,.61,.355,1);-ms-animation-timing-function:cubic-bezier(.215,.61,.355,1);-o-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-moz-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-ms-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-o-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-10px,0);-moz-transform:translate3d(0,-10px,0);-ms-transform:translate3d(0,-10px,0);-o-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-moz-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-ms-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-o-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-5px,0);-moz-transform:translate3d(0,-5px,0);-ms-transform:translate3d(0,-5px,0);-o-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}90%{-webkit-transform:translate3d(0,-1px,0);-moz-transform:translate3d(0,-1px,0);-ms-transform:translate3d(0,-1px,0);-o-transform:translate3d(0,-1px,0);transform:translate3d(0,-1px,0)}}@keyframes czmBounce{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);-moz-animation-timing-function:cubic-bezier(.215,.61,.355,1);-ms-animation-timing-function:cubic-bezier(.215,.61,.355,1);-o-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-moz-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-ms-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-o-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-10px,0);-moz-transform:translate3d(0,-10px,0);-ms-transform:translate3d(0,-10px,0);-o-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-moz-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-ms-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-o-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-5px,0);-moz-transform:translate3d(0,-5px,0);-ms-transform:translate3d(0,-5px,0);-o-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}90%{-webkit-transform:translate3d(0,-1px,0);-moz-transform:translate3d(0,-1px,0);-ms-transform:translate3d(0,-1px,0);-o-transform:translate3d(0,-1px,0);transform:translate3d(0,-1px,0)}}.czm-speech-bubble{opacity:0;visibility:hidden;-webkit-transition:.3s ease all;-moz-transition:.3s ease all;-ms-transition:.3s ease all;-o-transition:.3s ease all;transition:.3s ease all;align-items:center;display:flex;max-width:400px;position:absolute;bottom:80px;-webkit-transform:translate(-20px,0);-moz-transform:translate(-20px,0);-ms-transform:translate(-20px,0);-o-transform:translate(-20px,0);transform:translate(-20px,0)}.czm-speech-bubble-show{-webkit-transform:translate(0,0)!important;-moz-transform:translate(0,0)!important;-ms-transform:translate(0,0)!important;-o-transform:translate(0,0)!important;transform:translate(0,0)!important;opacity:1;visibility:visible}.czm-speech-bubble-text{position:relative;background-color:#2a2f3a;padding:14px 20px;border-radius:5px;border:1px solid #1a1d23;font-size:.875rem}.czm-speech-bubble-text:before,.czm-speech-bubble-text:after{border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;left:10px;top:100%}.czm-speech-bubble-text:before{border-width:10px;border-top-color:#1a1d23}.czm-speech-bubble-text:after{border-width:9px;margin-right:1px;border-top-color:#2a2f3a}.czm-speech-bubble-close{position:absolute;top:-15px;color:#bdbdbd;font-size:.9rem;opacity:0;visibility:hidden;-webkit-transition:.3s ease all;-moz-transition:.3s ease all;-ms-transition:.3s ease all;-o-transition:.3s ease all;transition:.3s ease all;cursor:pointer}.czm-speech-bubble-close-show{opacity:1;visibility:visible}.czm-speech-bubble-typing{border-radius:10px;display:inline-block;padding:0;position:relative;top:2px;width:33px}.czm-speech-bubble-typing>div{position:relative;float:left;border-radius:50%;width:7px;height:7px;background:#a4aaba;margin:0 2px;-webkit-animation:czmTyping 1.5s infinite;-moz-animation:czmTyping 1.5s infinite;-ms-animation:czmTyping 1.5s infinite;-o-animation:czmTyping 1.5s infinite;animation:czmTyping 1.5s infinite}.czm-speech-bubble-typing>div:nth-child(2){-webkit-animation-delay:.1s;-moz-animation-delay:.1s;-ms-animation-delay:.1s;-o-animation-delay:.1s;animation-delay:.1s}.czm-speech-bubble-typing>div:nth-child(3){-webkit-animation-delay:.2s;-moz-animation-delay:.2s;-ms-animation-delay:.2s;-o-animation-delay:.2s;animation-delay:.2s}.czm-right .czm-speech-bubble{-webkit-transform:translate(20px,0);-moz-transform:translate(20px,0);-ms-transform:translate(20px,0);-o-transform:translate(20px,0);transform:translate(20px,0)}.czm-right .czm-speech-bubble-text:before,.czm-right .czm-speech-bubble-text:after{right:10px;left:auto;top:100%}.czm-right .czm-speech-bubble-text:before{border-top-color:#1a1d23}.czm-right .czm-speech-bubble-text:after{border-top-color:#2a2f3a}.czm-right .czm-speech-bubble-close{right:2px}@-webkit-keyframes czmTyping{0%,43%,100%{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}25%,35%{-webkit-transform:translate(0,-10px);-moz-transform:translate(0,-10px);-ms-transform:translate(0,-10px);-o-transform:translate(0,-10px);transform:translate(0,-10px)}}@-moz-keyframes czmTyping{0%,43%,100%{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}25%,35%{-webkit-transform:translate(0,-10px);-moz-transform:translate(0,-10px);-ms-transform:translate(0,-10px);-o-transform:translate(0,-10px);transform:translate(0,-10px)}}@-o-keyframes czmTyping{0%,43%,100%{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}25%,35%{-webkit-transform:translate(0,-10px);-moz-transform:translate(0,-10px);-ms-transform:translate(0,-10px);-o-transform:translate(0,-10px);transform:translate(0,-10px)}}@keyframes czmTyping{0%,43%,100%{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}25%,35%{-webkit-transform:translate(0,-10px);-moz-transform:translate(0,-10px);-ms-transform:translate(0,-10px);-o-transform:translate(0,-10px);transform:translate(0,-10px)}}.czm-popup{background-color:#000;width:350px;-webkit-box-shadow:0 5px 10px 1px rgba(0,0,0,.08);-moz-box-shadow:0 5px 10px 1px rgba(0,0,0,.08);-ms-box-shadow:0 5px 10px 1px rgba(0,0,0,.08);-o-box-shadow:0 5px 10px 1px rgba(0,0,0,.08);box-shadow:0 5px 10px 1px rgba(0,0,0,.08);-webkit-transform:scale(.7);-moz-transform:scale(.7);-ms-transform:scale(.7);-o-transform:scale(.7);transform:scale(.7);opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;visibility:hidden;border-radius:5px;overflow:hidden;position:absolute;bottom:80px}.czm-popup-close{position:absolute;right:15px;top:10px;cursor:pointer;z-index:1;color:#fff}.czm-popup-close i{font-size:20px}.czm-popup-header{position:relative;padding:25px;background-color:#075e54;color:#fff;text-align:center}.czm-popup-header-title{font-size:1.1rem;font-weight:500}.czm-popup-header-description{font-size:12px;opacity:.8;margin-top:1px}.czm-popup-area{background-color:#000;position:relative}.czm-popup-area-top-text{font-size:11px;color:#a4aaba;padding:20px;border-bottom:1px solid #1a1d23}.czm-popup-area-bg:before{display:block;position:absolute;content:"";left:0;top:0;height:100%;width:100%;z-index:0;opacity:.08}.czm-popup-person{display:flex;text-decoration:none;box-sizing:border-box;position:relative;z-index:0;background-color:#000;border-bottom:1px solid #1a1d23;padding:3px 13px;cursor:pointer;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);-webkit-transition:.2s ease all;-moz-transition:.2s ease all;-ms-transition:.2s ease all;-o-transition:.2s ease all;transition:.2s ease all}.czm-popup-person:hover{-webkit-transform:translate(1px,0);-moz-transform:translate(1px,0);-ms-transform:translate(1px,0);-o-transform:translate(1px,0);transform:translate(1px,0);text-decoration:none;background-color:#000}.czm-popup-person:last-child{margin-bottom:0}.czm-popup-person-left-border{border-left:2px solid #2db742}.czm-popup-person-avatar{display:flex;align-items:center;position:relative;padding-right:10px}.czm-popup-person-img{background-size:cover;width:35px;height:35px;background-position:center center;background-repeat:no-repeat;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#25d366}.czm-popup-person-img i{font-size:22px;color:#fff}.czm-popup-person-img svg{width:22px;height:22px;color:#fff}.czm-popup-person-img-dot{bottom:0;right:12px;width:10px;height:10px;box-sizing:border-box;background-color:#2db742;display:block;position:absolute;z-index:1;border-radius:50%;border:1px solid #fff}.czm-popup-person-img-border{border:2px solid #2db742}.czm-popup-person-content{display:flex;flex-direction:column;align-self:center}.czm-popup-person-title{font-size:14px;line-height:1.2em}.czm-popup-person-description{font-size:11px;line-height:1.2em;color:#a4aaba}.czm-popup-person-status{font-size:10px;font-weight:500;line-height:1.2em;color:#2db742;margin-top:.14em}.czm-popup-area-margin{padding:20px}.czm-popup-area-margin .czm-popup-area-top-text{padding:0;padding-bottom:20px;border-bottom:0}.czm-popup-area-margin .czm-popup-person{margin-bottom:14px;background-color:#1a1d23;border-bottom:0;border-radius:3px;padding:10px 13px}.czm-popup-area-margin .czm-popup-person:last-child{margin-bottom:0}.czm-popup-area-margin .czm-popup-person-img{width:50px;height:50px}.czm-popup-area-margin .czm-popup-person-img i{font-size:28px}.czm-popup-area-margin .czm-popup-person-img svg{width:28px;height:28px}.czm-popup-area-bg .czm-popup-area-top-text{color:#a4aaba}.czm-popup-area-bg .czm-popup-person{background-color:#000}.czm-popup-person-offline{cursor:not-allowed;pointer-events:none;background-color:#2a2f3a!important;-webkit-filter:grayscale(1);-moz-filter:grayscale(1);-ms-filter:grayscale(1);-o-filter:grayscale(1);filter:grayscale(1);opacity:.7}.czm-popup-show .czm-popup{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1;visibility:visible;z-index:9999}.czm-popup-show .czm-button-avatar{-webkit-transform:rotate(180deg) scale(0);-moz-transform:rotate(180deg) scale(0);-ms-transform:rotate(180deg) scale(0);-o-transform:rotate(180deg) scale(0);transform:rotate(180deg) scale(0)}.czm-popup-show .czm-button-close-icon{-webkit-transform:rotate(0) scale(1);-moz-transform:rotate(0) scale(1);-ms-transform:rotate(0) scale(1);-o-transform:rotate(0) scale(1);transform:rotate(0) scale(1)}.czm-popup-show .czm-pulse{opacity:0;visibility:hidden}.czm-popup-show .czm-notify{opacity:0;visibility:hidden}.czm-popup-show .czm-speech-bubble{opacity:0;visibility:hidden}.czm-popup-show .czm-button-texts{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:0;visibility:hidden}.czm-popup-show .czm-button-text .czm-button-avatar{-webkit-transform:rotate(0) scale(1);-moz-transform:rotate(0) scale(1);-ms-transform:rotate(0) scale(1);-o-transform:rotate(0) scale(1);transform:rotate(0) scale(1);opacity:0;visibility:hidden}@media(max-width:575px){.czm-speech-bubble{margin-left:10px}.czm-popup-header{padding:20px}.czm-popup-area-margin .czm-popup-person{margin-bottom:10px;padding:9px 10px}}@media(max-width:375px){.czm-popup{width:90%}.czm-popup-person-img{width:30px;height:30px}.czm-popup-area-margin .czm-popup-person-img{width:40px;height:40px}}@media(max-width:320px){.czm-popup-person{padding:2px 10px}}