@keyframes wappanimation{0%{opacity:0;transform:translateY(50%)}to{opacity:1;transform:translateY(0)}}.form-bottom-left,.form-bottom-right,.form-top-left,.form-top-right,.wapp-chat-form{background:#fff;font-family:Roboto Flex Variable,sans-serif;font-size:1rem;position:fixed;width:18rem;z-index:10}.form-top-left{left:0;margin-left:calc(var(--spacer)*1)}.form-top-left,.form-top-right{margin-top:calc(var(--spacer)*1);top:0}.form-top-right{margin-right:calc(var(--spacer)*1);right:0}.form-bottom-left{bottom:0;left:0;margin-bottom:calc(var(--spacer)*1);margin-left:calc(var(--spacer)*1)}@media (min-width:768px){.form-bottom-left{margin-bottom:calc(var(--spacer)*1 + var(--closer-h, 0px))}}.form-bottom-right{bottom:0;margin-bottom:calc(var(--spacer)*1);margin-right:calc(var(--spacer)*1);right:0}@media (min-width:768px){.form-bottom-right{margin-bottom:calc(var(--spacer)*1 + var(--closer-h, 0px))}}.wapp-chat-close{cursor:pointer;--s1:#fff}.wapp-chat-form{box-shadow:0 .125rem .25rem #00000013;transition:margin .25s cubic-bezier(.45,0,.55,1)}.wapp-chat-body,.wapp-chat-footer,.wapp-chat-header{padding:1rem}.wapp-chat-header{align-items:center;background-color:#25d366;color:#fff;display:flex;justify-content:space-between;--s1:#fff}.wapp-chat-body{font-size:max(90%,.875rem);padding-bottom:0}.wapp-chat-body p:last-child{margin-bottom:0}.wapp-chat-footer,.wapp-chat-send{display:flex}.wapp-chat-footer{align-items:flex-end;justify-content:space-between}.wapp-chat-footer textarea{border-radius:1.125rem;flex:auto;height:6.25rem;resize:none}.wapp-chat-send{align-items:center;background-color:#25d366;border-radius:1.125rem;color:#fff;cursor:pointer;flex:none;height:2.25rem;justify-content:center;line-height:1;margin-left:1rem;transition:background .25s;width:2.25rem}.wapp-chat-send svg{fill:currentColor;height:1em;width:1em}.wapp-chat-send:focus,.wapp-chat-send:hover{background:#3adc77}.wapp-chat-form.__animation-in{animation:wappanimation .25s cubic-bezier(.11,0,.5,0) both}.wapp-chat-form.__animation-out{animation:wappanimation .125s cubic-bezier(.33,1,.68,1) reverse both}.wapp-chat-open{transition:transform .25s cubic-bezier(.45,0,.55,1)}@media (min-width:768px){.wapp-chat-open{transform:translateY(calc(.00001rem - var(--closer-h, 0px)))}}.wapp-chat-open:before{transition:background .25s}.wapp-chat-open:focus:before,.wapp-chat-open:hover:before{background:#3adc77}.wapp-chat-close [astro-icon]{height:1.25rem;width:1.25rem}