/* Quick contact / template 1. Scoped adaptation of the supplied VR buttons. */
.wmp-quick-contact{position:fixed;right:calc(var(--wmp-contact-edge,0px) + env(safe-area-inset-right,0px));left:auto;bottom:calc(var(--wmp-contact-bottom,100px) + env(safe-area-inset-bottom,0px));z-index:99999;pointer-events:none}
.wmp-quick-contact[data-position="left"]{right:auto;left:calc(var(--wmp-contact-edge,0px) + env(safe-area-inset-left,0px))}
.wmp-quick-contact .wmp-contact-group{display:flex;flex-direction:column;max-height:calc(100dvh - var(--wmp-contact-bottom,100px) - env(safe-area-inset-bottom,0px) - 8px);overflow-y:auto;overflow-x:hidden;scrollbar-width:none}
.wmp-quick-contact .wmp-contact-group::-webkit-scrollbar{display:none}
.wmp-quick-contact .button-contact{position:relative;margin-top:5px;--wmp-contact-color:#d33;flex:none;pointer-events:auto}
.wmp-quick-contact .phone-vr{position:relative;width:90px;height:90px;background:transparent;backface-visibility:hidden;transform:translateZ(0)}
.wmp-quick-contact .phone-vr-circle-fill{position:absolute;width:65px;height:65px;top:12px;left:12px;border-radius:50%;border:2px solid transparent;box-sizing:border-box;background:var(--wmp-contact-color);opacity:.7;box-shadow:0 0 0 0 var(--wmp-contact-color);animation:wmp-contact-zoom 1.3s infinite}
.wmp-quick-contact .phone-vr-img-circle{position:absolute;width:40px;height:40px;top:25px;left:25px;border-radius:50%;background:var(--wmp-contact-color);animation:wmp-contact-ring 1s infinite ease-in-out}
.wmp-quick-contact .phone-vr-img-circle a{display:flex;width:100%;height:100%;align-items:center;justify-content:center;border-radius:50%;color:#fff;text-decoration:none}
.wmp-quick-contact .phone-vr-img-circle a:focus-visible{outline:3px solid #111;outline-offset:4px}
.wmp-quick-contact .phone-vr-img-circle svg{display:block;width:25px;height:25px;color:#fff;fill:currentColor;flex:none}
.wmp-quick-contact .wmp-contact-zalo{--wmp-contact-color:#2196f3}
.wmp-quick-contact .wmp-contact-maps{--wmp-contact-color:#188038}
.wmp-quick-contact .wmp-contact-messenger{--wmp-contact-color:#1877f2}
.wmp-quick-contact[data-animate="0"] .phone-vr-circle-fill,.wmp-quick-contact[data-animate="0"] .phone-vr-img-circle{animation:none}
.wmp-quick-contact.wmp-quick-contact-preview{position:static;pointer-events:none}
.wmp-quick-contact-preview .wmp-contact-group{flex-direction:row;flex-wrap:wrap;max-height:none;overflow:visible}
.wmp-quick-contact-preview .button-contact{pointer-events:none}
@keyframes wmp-contact-ring{0%,50%,100%{transform:rotate(0) skew(1deg)}10%,30%{transform:rotate(-25deg) skew(1deg)}20%,40%{transform:rotate(25deg) skew(1deg)}}
@keyframes wmp-contact-zoom{0%{transform:scale(.9)}70%{transform:scale(1);box-shadow:0 0 0 15px transparent}100%{transform:scale(.9);box-shadow:0 0 0 0 transparent}}
@media(prefers-reduced-motion:reduce){.wmp-quick-contact .phone-vr-circle-fill,.wmp-quick-contact .phone-vr-img-circle{animation:none}}