.floatingWhatsapp{text-align:left;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif;position:relative}.whatsappButton{cursor:pointer;-webkit-user-select:none;user-select:none;z-index:9998;background-color:#25d366;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 4px 10px #00000026}.whatsappButton:after{content:"";border-color:inherit;border-radius:50%;width:60px;height:60px;animation:1.2s infinite _pulse;position:absolute;box-shadow:0 0 #25d36500}.whatsappButton svg{fill:#fff;width:55px;height:55px;padding:.5rem}.whatsappChatBox{touch-action:auto;opacity:0;z-index:9999;background-color:#fff;border-radius:5%;flex-direction:column;justify-content:space-between;width:375px;transition:height .2s ease-out;display:flex;position:fixed;bottom:7rem;right:4rem;overflow:hidden;box-shadow:0 3px 10px #0003}@media (max-width:575px){.whatsappChatBox{max-width:90%;margin:auto;left:0;right:0}}.whatsappChatBox.open{animation:.4s both _bounceIn}.whatsappChatBox.close{animation:.4s both _bounceOut}.chatHeader{background-color:#075e54;grid-template-columns:20% 60% 1fr;align-items:center;gap:1%;padding:.25rem;display:grid}.chatHeader .avatar{padding:.25rem;position:relative}.chatHeader .avatar img{vertical-align:middle;border:1px solid #ffffff79;border-radius:50%;width:60px;height:60px}.chatHeader .avatar:after{content:"";background:#4fbe86;border:1px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;bottom:5px;right:8px}.chatHeader .avatar svg{fill:#fff;vertical-align:middle}.chatHeader .status{color:#fff;flex-direction:column;padding:.5rem;display:flex}.chatHeader .statusTitle{font-size:1rem;font-weight:700}.chatHeader .statusSubtitle{color:#f0f0f0;font-size:.8rem}.chatHeader .close{cursor:pointer;text-align:center;padding:1rem}.chatHeader .close svg{fill:#fff;width:24px;height:24px}.chatBody{opacity:.9;background-color:#eae6df;background-repeat:repeat;background-size:cover;height:100%;max-height:382px;padding:20px}.chatBubble{background-color:#e6f8f1;border-radius:20px 20px 20px 2px;padding:16px 28px;display:inline-block}.typing{align-items:center;height:17px;display:flex}.typing .dot{vertical-align:middle;background-color:#146945b3;border-radius:50%;width:7px;height:7px;margin-right:4px;animation:1.8s ease-in-out infinite typingAnimation;display:inline-block}.typing .dot:first-child{animation-delay:.2s}.typing .dot:nth-child(2){animation-delay:.3s}.typing .dot:nth-child(3){animation-delay:.4s}.typing .dot:last-child{margin-right:0}.chatBody .message{z-index:2;background-color:#fff;border-radius:0 8px 8px;max-width:calc(100% - 120px);padding:7px 14px 6px;position:relative;box-shadow:0 1px .5px #00000021}.chatBody .accountName{color:#11111180;font-size:13px;font-weight:700;line-height:18px}.chatBody .messageBody{color:#111;white-space:pre-wrap;margin-top:4px;font-size:14px;line-height:19px}.chatBody .message .triangle{border-top:0 solid #0000;border-bottom:20px solid #0000;border-left:0 solid #0000;border-right:20px solid #fff;width:0;height:0;display:inline-block;position:absolute;top:0;left:-10px}.chatBody .messageTime{color:#11111180;justify-content:flex-end;margin-top:4px;font-size:12px;line-height:16px;display:flex}.chatFooter{background-color:#f0f0f0;padding:.25rem}.chatFooter form{grid-template-columns:85% 15%;align-items:center;padding:.25rem;display:grid}.chatFooter form .input{background-color:#fefefe;border:none;border-radius:20px;min-height:45px;padding:0 10px;transition:box-shadow .2s ease-in-out}.chatFooter form .input:focus{border-color:#075e54;outline:0;box-shadow:0 0 0 1px #075e5480}.chatFooter form .input::placeholder{color:#949494}.chatFooter form .buttonSend{cursor:pointer;background-color:#0000;border:0;margin-left:.75rem}.chatFooter form .buttonSend svg{vertical-align:middle;fill:#919191}.chatFooter form .buttonSend:disabled{pointer-events:none;opacity:.5}.dark .chatBody{background-color:#0d1418}.dark .chatBody .message{background-color:#056162;box-shadow:0 1px .5px #000000b3}.dark .chatBody .accountName{color:#ffffff80}.dark .chatBody .messageBody{color:#f1f1f2e6}.dark .chatBody .message .triangle{border-color:#0000 #056162 #0000 #0000}.dark .chatBody .messageTime{color:#ffffff80}.dark .chatFooter{background-color:#1e2428}.dark .chatFooter form .input{color:#f1f1f2;background-color:#33383b}.dark .chatFooter form .input:focus{border-color:#0da896;outline:0;box-shadow:0 0 0 1px #0da89680}.dark .chatFooter form .buttonSend svg{fill:#686868}.dark .chatBubble{background-color:#32373a}.dark .typing .dot{background-color:#2e946ab3}@keyframes _pulse{0%{box-shadow:0 0 #25d365bf}to{box-shadow:0 0 0 15px #25d36500}}@keyframes _bounceIn{0%{opacity:0;transform-origin:100% 100%;transform:scale(0)}50%{transform-origin:100% 100%;transform:scale(1.03)}to{opacity:1;transform-origin:100% 100%;transform:scale(1)}}@keyframes _bounceOut{0%{opacity:1;height:scale(1,1);transform-origin:100% 100%}to{opacity:0;transform-origin:100% 100%;transform:scale(0)}}@keyframes typingAnimation{0%{background-color:#146945b3;transform:translateY(0)}28%{background-color:#14694566;transform:translateY(-7px)}44%{background-color:#14694533;transform:translateY(0)}}.notificationIndicator{box-sizing:border-box;z-index:1;color:#fff;transform-origin:100% 0;background-color:#eb0014;border-radius:10px;flex-flow:wrap;place-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-family:inherit;font-size:.75rem;font-weight:500;line-height:1;transition:transform .225s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:0;right:10px;transform:scale(1)translate(50%,-50%)}