.oct-wa-wrap{position:fixed;left:20px;bottom:24px;z-index:45;pointer-events:none;transition:bottom .28s cubic-bezier(.4,0,.2,1)}.oct-wa-dock{position:relative;transition:transform .32s cubic-bezier(.4,0,.2,1),opacity .22s ease}.oct-wa-wrap[data-collapsed=true] .oct-wa-dock{transform:translate(calc(-100% - 24px));opacity:0;pointer-events:none}.oct-wa{position:relative;display:grid;place-items:center;width:56px;height:56px;text-decoration:none;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:transform .25s ease}.oct-wa__shape{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.oct-wa__poly{fill:#0a0a0a;stroke:#c81e2e;stroke-width:3;stroke-opacity:.85;filter:drop-shadow(0 0 5px rgb(200 30 46 / .45));transition:stroke-opacity .25s ease,filter .25s ease;animation:oct-wa-breath 5.5s ease-in-out infinite}.oct-wa__icon{position:relative;width:26px;height:26px;fill:#f5f4f2;transition:fill .2s ease}.oct-wa__tip{position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%) translate(-6px);white-space:nowrap;padding:7px 11px;background:#0a0a0af2;border:1px solid #2a2a2a;color:#f5f4f2;font-family:"Barlow Condensed",var(--font-heading--family, sans-serif);font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.oct-wa__close{position:absolute;top:-4px;right:-4px;width:22px;height:22px;padding:0;border:1px solid #2a2a2a;border-radius:50%;background:#0a0a0af2;color:#8b9199;display:grid;place-items:center;cursor:pointer;pointer-events:auto;opacity:.85;transition:opacity .2s ease,color .2s ease,border-color .2s ease;-webkit-tap-highlight-color:transparent}.oct-wa__close:before{content:"";position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px}.oct-wa__close svg{width:10px;height:10px;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;fill:none}.oct-wa__close:hover,.oct-wa__close:focus-visible{opacity:1;color:#f5f4f2;border-color:#c81e2e}.oct-wa__tab{position:absolute;left:-20px;bottom:0;width:24px;height:48px;padding:0;border:1px solid #c81e2e;border-left:0;border-radius:0 8px 8px 0;background:#0a0a0aeb;display:grid;place-items:center;cursor:pointer;transform:translate(-100%);opacity:0;pointer-events:none;transition:transform .32s cubic-bezier(.4,0,.2,1),opacity .22s ease;-webkit-tap-highlight-color:transparent}.oct-wa__tab svg{width:14px;height:14px;fill:#f5f4f2}.oct-wa-wrap[data-collapsed=true] .oct-wa__tab{transform:translate(0);opacity:1;pointer-events:auto}.oct-wa__tab:hover,.oct-wa__tab:focus-visible{background:#141414f5;box-shadow:0 0 10px #c81e2e73}.oct-wa:active{transform:scale(1.06)}.oct-wa:active .oct-wa__poly{stroke-opacity:1;filter:drop-shadow(0 0 8px rgb(200 30 46 / .75)) drop-shadow(0 0 18px rgb(200 30 46 / .35));animation:none}.oct-wa:focus-visible,.oct-wa__tab:focus-visible,.oct-wa__close:focus-visible{outline:2px solid #c81e2e;outline-offset:4px}@media(hover:hover)and (pointer:fine){.oct-wa:hover{transform:scale(1.06)}.oct-wa:hover .oct-wa__poly{stroke-opacity:1;filter:drop-shadow(0 0 8px rgb(200 30 46 / .75)) drop-shadow(0 0 18px rgb(200 30 46 / .35));animation:none}.oct-wa:hover .oct-wa__tip{opacity:1;transform:translateY(-50%) translate(0)}.oct-wa__close{opacity:0;pointer-events:none}.oct-wa-wrap:hover .oct-wa__close,.oct-wa__close:focus-visible{opacity:.85;pointer-events:auto}}@keyframes oct-wa-breath{0%,to{stroke-opacity:.6}50%{stroke-opacity:1}}@media screen and (max-width:749px){.oct-wa-wrap{left:14px;bottom:calc(72px + env(safe-area-inset-bottom,0px))}.oct-wa{width:50px;height:50px}.oct-wa__icon{width:24px;height:24px}.oct-wa__tip{display:none}.oct-wa__tab{left:-14px;width:22px;height:44px}body:has(.sticky-add-to-cart__bar[data-stuck=true]) .oct-wa-wrap{bottom:calc(88px + env(safe-area-inset-bottom,0px))}}@media(prefers-reduced-motion:reduce){.oct-wa-wrap,.oct-wa-dock,.oct-wa,.oct-wa__poly,.oct-wa__tip,.oct-wa__tab,.oct-wa__close{transition:none;animation:none}}
/*# sourceMappingURL=/cdn/shop/t/71/assets/octagon-whatsapp.css.map */