.drift-widget-message-close-button{margin:0;position:absolute;top:-1px;left:-12px;z-index:1;background:#d6dde1;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;padding:4px;height:16px;width:16px;line-height:8px;-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:0}.drift-widget-message-close-button svg{display:table-cell;text-align:center}.drift-widget-message-close-button svg path{fill:#fff}:hover>.drift-widget-message-close-button{opacity:1}.drift-widget-message-close-button:hover{background:#687882}@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:18px 20px;position:relative;-webkit-animation:slideIn 1s forwards;-moz-animation:slideIn 1s forwards;-o-animation:slideIn 1s forwards;animation:slideIn 1s forwards;-webkit-animation-delay:.1s;-moz-animation-delay:.1s;-o-animation-delay:.1s;animation-delay:.1s}.drift-widget-message-preview>*{margin:0}.drift-widget-message-preview-wrapper{display:block;overflow:hidden;position:absolute;top:0;left:0;width:500px;height:100%}.drift-widget-message-preview .drift-widget-message-preview-text{-webkit-box-shadow:0 5px 20px rgba(0,0,0,.16);-moz-box-shadow:0 5px 20px rgba(0,0,0,.16);box-shadow:0 5px 20px 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}.drift-widget-message-preview-text>p{overflow-y:auto;overflow-x:hidden;text-align:left;text-align:initial;max-width:220px;max-height:96px;padding:12px;margin:0;line-height:24px;font-size:14px;color:#212021}.drift-widget-message-preview-text:after{bottom:12px;right:-20px;content:" ";height:0;width:0;position:absolute;pointer-events:none;border:10px solid hsla(0,0%,100%,0);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 slideIn{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 slideIn{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 slideIn{0%{opacity:0;-o-transform:translateX(150%);transform:translateX(150%)}70%{opacity:0}to{opacity:1;-o-transform:translateX(0);transform:translateX(0)}}@keyframes slideIn{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-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}.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:block;line-height:1}.drift-widget-controller--closed .drift-controller-icon--active{opacity:0;display:none}.drift-controller-icon--active .drift-default-icon--chat-square{margin-top:4px}.drift-controller-icon--active .drift-icon--megaphone{margin-top:3px}.drift-controller-icon--close{display:none;position:relative;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.drift-widget-controller--avatar{background:none;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;cursor:pointer;overflow:visible}.drift-controller-icon-unread{position:absolute;top:-5px;right:-5px;width:18px;height:18px;border:2px solid #fff;background-color:#e22b22;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;line-height:18px;font-size:12px;color:#fff}.drift-widget-controller--closed .drift-controller-icon-unread{visibility:hidden}.drift-widget-controller{outline:none;display:block;position:fixed;height:56px;width:56px;cursor:pointer;-webkit-box-shadow:0 0 8px 4px rgba(0,0,0,.16);-moz-box-shadow:0 0 8px 4px rgba(0,0,0,.16);box-shadow:0 0 8px 4px rgba(0,0,0,.16);right:12px;bottom:12px;border:2px solid #fff;padding:0;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0)}.drift-widget-controller--closed{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}