.pie-whatsapp{position:fixed;right:max(22px,env(safe-area-inset-right));bottom:calc(var(--pie-wa-bottom,24px) + env(safe-area-inset-bottom));width:var(--pie-wa-size,104px);height:var(--pie-wa-size,104px);display:block;border-radius:50%;z-index:90;box-shadow:0 3px 14px #08002918;line-height:0;transition:box-shadow .2s}
.pie-whatsapp-left{right:auto;left:max(22px,env(safe-area-inset-left))}
.pie-whatsapp>svg{width:100%;height:100%;display:block}
.pie-wa-ring{transform-box:view-box;transform-origin:60px 60px;animation:pie-wa-clockwise var(--pie-wa-duration,24s) linear infinite}
@keyframes pie-wa-clockwise{to{transform:rotate(360deg)}}
.pie-whatsapp:is(:hover,:focus-visible){box-shadow:0 4px 20px #08002933}
.pie-whatsapp:focus-visible{outline:3px solid #18125c;outline-offset:5px}
.pie-whatsapp:is(:hover,:focus-visible) .pie-wa-ring,.pie-wa-paused .pie-wa-ring{animation-play-state:paused}
.pie-parallax{position:relative;isolation:isolate;overflow:hidden;overflow:clip;--pie-x:0px;--pie-y:0px}
.pie-parallax-pattern:before{content:"";position:absolute;inset:-28px;z-index:-1;pointer-events:none;background-image:var(--pie-parallax-image,repeating-linear-gradient(108deg,transparent 0 75px,#77c8d055 75px 112px,transparent 112px 125px,#77c8d033 125px 135px));background-size:cover;background-position:center;translate:var(--pie-x) var(--pie-y)}
.pie-parallax-layer{translate:calc(var(--pie-x)*var(--pie-depth,1)) calc(var(--pie-y)*var(--pie-depth,1));pointer-events:none!important}
@media(max-width:600px){.pie-whatsapp{width:min(var(--pie-wa-size,104px),78px);height:min(var(--pie-wa-size,104px),78px);right:max(16px,env(safe-area-inset-right))}.pie-whatsapp-left{right:auto;left:max(16px,env(safe-area-inset-left))}}
@media(prefers-reduced-motion:reduce){.pie-wa-ring{animation:none}.pie-whatsapp{transition:none}.pie-parallax-pattern:before,.pie-parallax-layer{translate:none}}
@media(hover:none),(pointer:coarse){.pie-parallax-pattern:before,.pie-parallax-layer{translate:none}}