.hp-contact-widget{--contact-ink: #090909;--contact-paper: #f7f1e8;--contact-lime: #d9f646;--contact-green: #81d69b;--contact-texture: url(/cdn/shop/files/bg-texture.webp?v=1777292849);--contact-launcher-size: clamp(64px, calc(56px + 1.2vw) , 76px);--contact-circle-size: clamp(52px, calc(46px + .8vw) , 60px);--contact-gap: clamp(11px, 1vw, 15px);--contact-edge: clamp(18px, 2vw, 30px);--contact-lift: 0px;--contact-bottom: max(calc(var(--contact-edge) + env(safe-area-inset-bottom)), var(--contact-lift));--contact-ease: cubic-bezier(.22, .75, .25, 1);position:fixed;right:calc(var(--contact-edge) + env(safe-area-inset-right));bottom:var(--contact-bottom);width:var(--contact-launcher-size);height:var(--contact-launcher-size);z-index:80;isolation:isolate;pointer-events:none;color:var(--contact-ink);font-family:DM Mono,monospace;line-height:1;transition:opacity .16s ease,visibility .16s ease,bottom .22s var(--contact-ease)}.hp-contact-widget *,.hp-contact-widget *:before,.hp-contact-widget *:after{box-sizing:border-box}.hp-contact-widget[data-suppressed=true]{opacity:0;visibility:hidden;pointer-events:none}.hp-contact-widget svg{display:block;width:51%;height:51%;flex-shrink:0}.hp-contact-widget__launcher{-webkit-appearance:none;appearance:none;pointer-events:auto;position:relative;z-index:2;display:grid;place-items:center;width:var(--contact-launcher-size);height:var(--contact-launcher-size);min-height:0;padding:0;margin:0;border:2px solid var(--contact-ink);border-radius:50%;color:var(--contact-ink);background-color:var(--contact-paper);background-image:var(--contact-texture);background-position:38% 46%;background-size:220px auto;box-shadow:4px 4px 0 var(--contact-ink);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background-color .16s ease,transform .18s var(--contact-ease),box-shadow .18s var(--contact-ease)}.hp-contact-widget__launcher:before,.hp-contact-widget__launcher:after{content:none}.hp-contact-widget__launcher>svg{position:absolute;width:49%;height:49%;transition:opacity .17s ease,transform .26s var(--contact-ease)}.hp-contact-widget__close{opacity:0;transform:rotate(-70deg) scale(.65)}.hp-contact-widget__chat{transform-origin:50% 54%}.hp-contact-widget[data-open=true] .hp-contact-widget__chat{opacity:0;transform:rotate(35deg) scale(.65)}.hp-contact-widget[data-open=true] .hp-contact-widget__close{opacity:1;transform:rotate(0) scale(1)}.hp-contact-widget[data-open=true] .hp-contact-widget__launcher{background-color:var(--contact-lime)}.hp-contact-widget__options{position:absolute;right:calc((var(--contact-launcher-size) - var(--contact-circle-size)) / 2 - 8px);bottom:calc(var(--contact-launcher-size) + var(--contact-gap) + 2px);display:flex;flex-direction:column;align-items:flex-end;gap:var(--contact-gap);width:max-content;max-width:calc(100vw - var(--contact-edge) * 2 - env(safe-area-inset-left) - env(safe-area-inset-right));max-height:calc(100dvh - var(--contact-bottom) - var(--contact-launcher-size) - var(--contact-gap) - 16px - env(safe-area-inset-top));padding:8px 8px 7px;overflow:visible;overscroll-behavior:contain;scrollbar-width:none;visibility:hidden;pointer-events:none;transition:visibility 0s linear .34s}.hp-contact-widget[data-scrollable=true] .hp-contact-widget__options{overflow-x:hidden;overflow-y:auto}.hp-contact-widget__options::-webkit-scrollbar{display:none}.hp-contact-widget[data-open=true] .hp-contact-widget__options{visibility:visible;transition-delay:0s}.hp-contact-widget__item{--contact-step: calc(var(--contact-circle-size) + var(--contact-gap));--contact-fold: calc(var(--contact-step) + 7px);display:flex;align-items:center;justify-content:flex-end;gap:12px;height:var(--contact-circle-size);flex:0 0 var(--contact-circle-size);margin:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--contact-ink);text-decoration:none;opacity:0;transform:translateY(var(--contact-fold)) scale(.72);transform-origin:calc(100% - var(--contact-circle-size) / 2) 50%;transition:opacity .28s cubic-bezier(.4,0,.2,1),transform .28s cubic-bezier(.4,0,.2,1);transition-delay:var(--contact-close-delay);touch-action:manipulation;-webkit-tap-highlight-color:transparent}.hp-contact-widget__item--telegram{--contact-fill: #a9b5f4;--contact-fold: calc(var(--contact-step) * 3 + 7px);--contact-open-delay: 70ms;--contact-close-delay: 0ms}.hp-contact-widget__item--whatsapp{--contact-fill: var(--contact-green);--contact-fold: calc(var(--contact-step) * 2 + 7px);--contact-open-delay: 35ms;--contact-close-delay: 25ms}.hp-contact-widget__item--email{--contact-fill: var(--contact-paper);--contact-open-delay: 0ms;--contact-close-delay: 50ms}.hp-contact-widget[data-open=true] .hp-contact-widget__item{opacity:1;transform:translateY(0) scale(1);transition-duration:.21s,.29s;transition-timing-function:ease,var(--contact-ease);transition-delay:var(--contact-open-delay);pointer-events:auto}.hp-contact-widget[data-scrollable=true][data-open=false] .hp-contact-widget__item,.hp-contact-widget[data-open=false][data-closing=true] .hp-contact-widget__item{transform:translateY(4px) scale(.94)}.hp-contact-widget[data-open=false]:not([data-closing]) .hp-contact-widget__item{transition:none}.hp-contact-widget__circle{display:grid;place-items:center;width:var(--contact-circle-size);height:var(--contact-circle-size);flex:0 0 var(--contact-circle-size);border:2px solid var(--contact-ink);border-radius:50%;background-color:var(--contact-fill);background-image:var(--contact-texture);background-size:200px auto;background-position:center;color:var(--contact-ink);box-shadow:3px 3px 0 var(--contact-ink);transition:transform .16s var(--contact-ease),box-shadow .16s var(--contact-ease),background-color .16s ease}.hp-contact-widget__label,.hp-contact-widget__hint{padding:8px 10px;border:1.5px solid var(--contact-ink);border-radius:3px;background-color:var(--contact-paper);background-image:var(--contact-texture);background-size:280px auto;color:var(--contact-ink);box-shadow:2px 2px 0 var(--contact-ink);font:500 clamp(11px,.8vw,12px)/1 "DM Mono",monospace;letter-spacing:.04em;white-space:nowrap;transition:transform .16s var(--contact-ease),background-color .16s ease}.hp-contact-widget__hint{position:absolute;display:grid;gap:7px;bottom:2px;right:calc(100% + 16px);width:248px;max-width:calc(100vw - var(--contact-launcher-size) - var(--contact-edge) * 2 - 40px - env(safe-area-inset-left) - env(safe-area-inset-right));padding:14px 16px;border-width:2px;border-radius:4px;box-shadow:3px 3px 0 var(--contact-ink);text-align:left;white-space:normal;opacity:0;visibility:hidden;transform:translate(7px) rotate(0);transform-origin:right bottom;transition:opacity .24s ease,visibility 0s linear .24s,transform .24s var(--contact-ease)}.hp-contact-widget__hint,.hp-contact-widget__hint *,.hp-contact-widget__hint:before,.hp-contact-widget__hint:after{pointer-events:none}.hp-contact-widget__hint:after{content:"";position:absolute;right:-6px;bottom:calc(var(--contact-launcher-size) / 2 - 9px);width:10px;height:10px;border-top:2px solid var(--contact-ink);border-right:2px solid var(--contact-ink);background-color:var(--contact-paper);transform:rotate(45deg)}.hp-contact-widget__hint strong{font:400 clamp(13px,1vw,15px)/1.15 "Bowlby One SC",sans-serif;letter-spacing:.015em}.hp-contact-widget__hint-copy{display:grid;gap:8px;min-width:0}.hp-contact-widget__hint-copy>span{font-size:clamp(11px,.8vw,12px);line-height:1.45;font-weight:400;letter-spacing:0}.hp-contact-widget__hint .hp-contact-widget__invite{border-top:1px solid rgb(9 9 9 / .28);padding-top:8px;font-weight:500}.hp-contact-widget__portrait{display:none}.hp-contact-widget[data-open=false][data-hint=true] .hp-contact-widget__hint{opacity:1;visibility:visible;transform:translate(0) rotate(-2deg);transition-delay:0s}.hp-contact-widget__launcher:focus-visible,.hp-contact-widget__item:focus-visible{outline:3px solid var(--contact-ink);outline-offset:6px}@media(hover:hover)and (pointer:fine){.hp-contact-widget__launcher:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--contact-ink);background-color:var(--contact-lime)}.hp-contact-widget__item:hover .hp-contact-widget__circle{transform:translate(-1px,-2px);box-shadow:4px 5px 0 var(--contact-ink)}.hp-contact-widget__item:hover .hp-contact-widget__label{background-color:var(--contact-fill);transform:translate(-2px)}}@media(min-width:1025px)and (hover:hover)and (pointer:fine){.hp-contact-widget__hint{width:360px;grid-template-columns:88px minmax(0,1fr);column-gap:15px;align-items:center;padding:16px}.hp-contact-widget__portrait{display:block;width:88px;height:104px;border:2px solid var(--contact-ink);border-radius:2px;box-shadow:3px 3px 0 var(--contact-ink);overflow:hidden;transform:rotate(2deg);background:var(--contact-paper)}.hp-contact-widget__portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 42%}}.hp-contact-widget__launcher:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--contact-ink)}.hp-contact-widget__item:active .hp-contact-widget__circle{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--contact-ink)}@media(max-width:749px){.hp-contact-widget{--contact-launcher-size: 64px;--contact-circle-size: 52px;--contact-edge: 18px;--contact-gap: 11px}.hp-contact-widget__item{gap:10px}}@media(max-width:359px){.hp-contact-widget{--contact-launcher-size: 60px;--contact-circle-size: 50px;--contact-edge: 14px}.hp-contact-widget__hint{padding:10px 12px;right:calc(100% + 13px)}}@media(max-height:430px){.hp-contact-widget{--contact-launcher-size: 56px;--contact-circle-size: 46px;--contact-gap: 9px;--contact-edge: 14px}}@media(prefers-reduced-motion:reduce){.hp-contact-widget,.hp-contact-widget *{transition:none!important}.hp-contact-widget[data-open=false] .hp-contact-widget__launcher:is(:hover,:active) .hp-contact-widget__chat{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/hp-contact-widget.css.map */