.drift-widget-message-close-button{margin:2px 0 0;position:absolute;top:-1px;z-index:1;background:#687882;border:1px solid #fff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;padding:4px;height:20px;width:20px;line-height:12px;-webkit-box-shadow:0 2px 10px 0 rgba(53,63,69,.15),0 1px 2px 0 rgba(0,0,0,.2);-moz-box-shadow:0 2px 10px 0 rgba(53,63,69,.15),0 1px 2px 0 rgba(0,0,0,.2);box-shadow:0 2px 10px 0 rgba(53,63,69,.15),0 1px 2px 0 rgba(0,0,0,.2);opacity:1}.drift-widget-close-button--align-right{margin-left:-14px}.drift-widget-close-button--align-left{margin-left:4px}.drift-widget-message-close-button svg{display:table-cell;text-align:center}.drift-widget-message-close-button svg path{fill:#fff}.drift-widget-message-close-button:hover{background:#414141}@media (max-width:367px),(min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2),(min-width:369px) and (max-width:380px){.drift-widget-message-close-button{opacity:1}}.drift-widget-message-preview{opacity:0;margin:24px 20px;position:relative}.drift-widget-message-preview--align-left{-webkit-animation:slideInLeft 1s forwards;-moz-animation:slideInLeft 1s forwards;-o-animation:slideInLeft 1s forwards;animation:slideInLeft 1s forwards;-webkit-animation-delay:.1s;-moz-animation-delay:.1s;-o-animation-delay:.1s;animation-delay:.1s}.drift-widget-message-preview--align-right{-webkit-animation:slideInRight 1s forwards;-moz-animation:slideInRight 1s forwards;-o-animation:slideInRight 1s forwards;animation:slideInRight 1s forwards;-webkit-animation-delay:.1s;-moz-animation-delay:.1s;-o-animation-delay:.1s;animation-delay:.1s}.drift-widget-message-preview-wrapper{display:block;overflow:hidden;position:absolute;top:0;left:0;width:360px;height:100%}.drift-widget-message-preview .drift-widget-message-preview-text{-webkit-box-shadow:0 7px 6px 1px rgba(0,0,0,.16);-moz-box-shadow:0 7px 6px 1px rgba(0,0,0,.16);box-shadow:0 7px 6px 1px rgba(0,0,0,.16);background:#fff;color:#212021;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;margin:0 0 0 12px;position:relative;outline:none;width:auto;cursor:pointer}.drift-widget-message-preview-text>span{overflow-y:auto;overflow-x:hidden;text-align:left;text-align:initial;padding:10px;border:2px solid transparent;margin:0;max-height:96px;max-width:220px;line-height:20px;font-size:14px;display:block;color:#212021}.drift-widget-message-preview .drift-widget-message-preview-text--align-left{margin:0 0 0 66px}.drift-widget-message-preview-text:after{bottom:12px;content:" ";height:0;width:0;position:absolute;pointer-events:none;border:10px solid hsla(0,0%,100%,0)}.drift-widget-message-preview-text--align-left:after{left:-20px;border-right-color:#fff}.drift-widget-message-preview-text--align-right:after{right:-20px;border-left-color:#fff}.drift-widget-message-preview-avatar,.drift-widget-message-preview-text{display:inline-block;vertical-align:middle}.drift-widget-message-preview-avatar{border:6px solid #212021;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;margin:0 -16px 0 0;z-index:1;position:relative}@-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-150%);transform:translateX(-150%)}70%{opacity:0}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-moz-keyframes slideInLeft{0%{opacity:0;-moz-transform:translateX(-150%);transform:translateX(-150%)}70%{opacity:0}to{opacity:1;-moz-transform:translateX(0);transform:translateX(0)}}@-o-keyframes slideInLeft{0%{opacity:0;-o-transform:translateX(-150%);transform:translateX(-150%)}70%{opacity:0}to{opacity:1;-o-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-150%);-moz-transform:translateX(-150%);-o-transform:translateX(-150%);transform:translateX(-150%)}70%{opacity:0}to{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(150%);transform:translateX(150%)}70%{opacity:0}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-moz-keyframes slideInRight{0%{opacity:0;-moz-transform:translateX(150%);transform:translateX(150%)}70%{opacity:0}to{opacity:1;-moz-transform:translateX(0);transform:translateX(0)}}@-o-keyframes slideInRight{0%{opacity:0;-o-transform:translateX(150%);transform:translateX(150%)}70%{opacity:0}to{opacity:1;-o-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(150%);-moz-transform:translateX(150%);-o-transform:translateX(150%);transform:translateX(150%)}70%{opacity:0}to{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}}@media only screen and (max-device-width:320px){.drift-widget-message-preview-text>p{max-width:156px;max-height:144px}}.drift-widget-preload-fonts{position:absolute;opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.drift-widget-controller-icon{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);line-height:1;overflow:hidden;height:100%;width:100%}.drift-widget-controller-icon--default:hover{opacity:.65}.drift-widget-avatar.circle,.drift-widget-controller-icon.circle,.drift-widget-controller.circle,.drift-widget-recipient-avatar.circle{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.drift-widget-avatar.square,.drift-widget-controller-icon.square,.drift-widget-controller.square,.drift-widget-recipient-avatar.square{-webkit-border-radius:.3125rem;-moz-border-radius:.3125rem;border-radius:.3125rem}.drift-widget-controller-icon .drift-default-icon path{-webkit-transition:fill .4s ease;-o-transition:fill .4s ease;-moz-transition:fill .4s ease;transition:fill .4s ease}.drift-controller-icon--active{opacity:1;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:1;height:100%;width:100%}.drift-widget-controller--closed .drift-controller-icon--active{opacity:0;display:none}.drift-controller-icon--close{display:none;position:relative;top:27px;left:13px;width:30px;height:0;opacity:0}.drift-widget-controller--closed .drift-controller-icon--close{opacity:1;display:block}.drift-controller-icon--close:before{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.drift-controller-icon--close:after{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.drift-controller-icon--close:after,.drift-controller-icon--close:before{height:3px;margin:-1px 0 0;content:"";position:absolute;width:100%;top:50%;left:0;background-color:inherit;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.drift-widget-controller--closed,.drift-widget-controller-icon{background:var(--bgColor)}.drift-widget-controller-icon.drift-widget-controller-icon.drift-widget-controller-icon:hover{background:var(--bgColorHover)}.drift-widget-controller.drift-widget-controller--avatar .drift-widget-controller-icon{background:none;cursor:pointer;overflow:visible}.drift-controller-icon--avatar{height:100%;width:100%}.drift-controller-icon--avatar .drift-controller-icon--avatar-avatar{border:none}.drift-controller-icon-unread{display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:-5px;right:-5px;width:18px;height:18px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background-color:#d0241b;line-height:18px;font-size:12px;color:#fff}.drift-widget-controller--closed .drift-controller-icon-unread,.drift-widget-controller--hide{visibility:hidden}.drift-widget-controller--align-left{left:12px}.drift-widget-controller--align-right{right:12px}.drift-widget-controller--align-left .drift-icon--megaphone{-webkit-transform:scaleX(-1);-moz-transform:scaleX(-1);-ms-transform:scaleX(-1);-o-transform:scaleX(-1);transform:scaleX(-1)}.drift-widget-controller.drift-widget-controller--disabled{cursor:unset}