.floating-wpp{position:fixed;bottom:15px;left:15px;font-size:var(--font-size--6);color:#333;transition:bottom .2s}.floating-wpp .floating-wpp-button{position:relative;border-radius:8px;transition:box-shadow .2s;cursor:pointer;overflow:hidden;display:flex;justify-content:center;align-items:center}.floating-wpp:hover .floating-wpp-button{box-shadow:1px 2px 8px rgba(60,60,60,.4)}.wa-close:before{font-family:var(--font-awesome);content:"\f00d";color:#fff;font-size:var(--font-size--21);font-weight:200}.floating-wpp .floating-wpp-button.wa-close::after{background:none !important}.floating-wpp .floating-wpp-button.wa-close svg{width:60%;height:60%;top:50%;left:50%;transform:translate3d(-50%,-50%,0)}.floating-wpp .floating-wpp-button img,.floating-wpp .floating-wpp-button svg{position:absolute;height:56px;object-fit:cover;z-index:3}.floating-wpp .floating-wpp-button::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to top left,rgba(62,62,62,0.2),rgba(0,0,0,0));pointer-events:none;z-index:2}.floating-wpp .floating-wpp-button.raise{bottom:1px}.floating-wpp .floating-wpp-popup{background-color:#ebe6e0;position:absolute;padding:0;box-shadow:1px 2px 8px rgba(60,60,60,.25);width:360px;height:0;bottom:0;opacity:0;transition:bottom .1s ease-out,opacity .2s ease-out;transform-origin:bottom;border-radius:6px 6px}.floating-wpp .floating-wpp-popup.active{padding:0;width:360px;height:auto;bottom:62px;opacity:1}.floating-wpp .floating-wpp-popup .floating-wpp-message{min-height:88px;display:flex}.floating-wpp .floating-wpp-popup.active .floating-wpp-message .welcome-message{opacity:1;transform:scale(1);transition-delay:.2s}.floating-wpp .floating-wpp-popup .floating-wpp-message .welcome-message{background-color:#fff;padding:8px 25px 8px 12px;border-radius:10px;box-shadow:1px 1px 1px rgba(0,0,0,.07);opacity:0;transform:scale(0.8);transition:opacity .8s ease,transform .8s ease;position:relative;margin:14px 16px;display:inline-flex}.floating-wpp .welcome-message::after{content:'';bottom:10px;left:-13px;position:absolute;border:0 solid;display:block;width:14px;height:8px;background-color:transparent;border-bottom-left-radius:50%;border-bottom-right-radius:50%;box-shadow:6px 3px 0 1px #fff}.floating-wpp .welcome-message .time{align-self:flex-end;font-size:var(--font-size--3);color:#999;margin-left:10px;margin-bottom:-6px}.floating-wpp .wave{position:relative;margin:0;flex-grow:1;justify-content:center;display:flex;align-self:center}.floating-wpp .wave .dot{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:3px;background:#9e9ea1;animation:wave 1.3s linear infinite}.floating-wpp .wave .dot:nth-child(2){animation-delay:-1.1s}.floating-wpp .wave .dot:nth-child(3){animation-delay:-0.9s}@keyframes wave{0%,60%,100%{transform:initial}30%{transform:translateY(-15px)}}.floating-wpp .floating-wpp-popup .floating-wpp-head{text-align:right;color:#fff;margin:0;padding:6px 12px;display:flex;justify-content:space-between;cursor:pointer;position:relative;height:50px;border-radius:6px 6px 0 0}.floating-wpp-head span{position:relative;left:60px;top:6px;font-size:var(--font-size--10)}.floating-wpp-head .icon{position:absolute}.floating-wpp-head .icon svg{position:absolute;height:auto;width:50px;left:0;top:-24px}.floating-wpp-head .close{display:none}.floating-wpp .floating-wpp-input-message{background-color:#f6f6f6;margin:0;padding:0 15px;display:flex;align-items:center;border-radius:0 0 6px 6px}.floating-wpp .floating-wpp-input-message textarea{border-width:1px;border-style:solid;border-top-color:#e6e6e6;border-right-color:#d5d5d5;border-bottom-color:#d5d5d5;border-left-color:#e3e3e3;border-radius:20px;box-shadow:none;padding:8px;margin:10px 0;width:calc(100% - 42px);font-family:inherit;font-size:inherit;resize:none;height:40px;display:inline-block;overflow:hidden;min-height:40px}.floating-wpp .floating-wpp-btn-send{margin-left:12px;font-size:0;cursor:pointer;margin-top:10px;margin-bottom:14px;align-self:flex-end;border-radius:50px;background-color:#007aff;position:relative;width:30px;height:30px}.floating-wpp .floating-wpp-btn-send svg{position:absolute;top:50%;left:55%;transform:translate(-50%,-50%);width:16px;height:auto}@media only screen and (max-width:560px){.floating-wpp-head .close{display:flex;align-items:center}.floating-wpp-head .close::before{font-family:var(--font-awesome);content:"\f00d";font-weight:300;font-size:var(--font-size--12)}.floating-wpp .floating-wpp-popup{position:fixed;bottom:0 !important;left:0}.floating-wpp .floating-wpp-popup.active{width:100%}.floating-wpp .floating-wpp-popup .floating-wpp-head,.floating-wpp .floating-wpp-input-message{border-radius:0}.floating-wpp .floating-wpp-popup.active .floating-wpp-message .welcome-message{font-size:var(--font-size--9)}.floating-wpp .welcome-message .time{font-size:var(--font-size--4)}.floating-wpp .floating-wpp-input-message textarea{font-size:var(--font-size--8)}}