.eg-support{position:fixed;bottom:var(--eg-support-bottom, 24px);z-index:940;display:flex;flex-direction:column;align-items:flex-start;gap:1.2rem;transition:transform .4s var(--eg-ease-out),opacity .3s var(--eg-ease)}.eg-support--left{left:var(--eg-support-side, 24px);align-items:flex-start}.eg-support--right{right:var(--eg-support-side, 24px);align-items:flex-end}.eg-support.is-tucked{transform:translateY(calc(var(--eg-support-size, 60px) + var(--eg-support-bottom, 24px) + 30px));opacity:0;pointer-events:none}.eg-support__fab{position:relative;width:var(--eg-support-size, 60px);height:var(--eg-support-size, 60px);display:grid;place-items:center;border:0;border-radius:50%;background:var(--eg-gradient);color:var(--eg-on-primary);cursor:pointer;box-shadow:0 12px 30px rgba(var(--eg-primary-rgb),.42);transition:transform .3s var(--eg-ease-spring),box-shadow var(--eg-dur) var(--eg-ease)}.eg-support__fab:hover{transform:scale(1.08);box-shadow:0 16px 40px rgba(var(--eg-primary-rgb),.5)}.eg-support__fab:active{transform:scale(.96)}.eg-support__fab:focus-visible{outline:3px solid var(--eg-primary);outline-offset:4px}.eg-support__fab.has-pulse:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;animation:eg-pulse-ring 2.4s cubic-bezier(.66,0,0,1) infinite}.eg-support.is-open .eg-support__fab.has-pulse:before{animation:none}.eg-support__fab-icon{position:absolute;display:grid;place-items:center;transition:opacity .25s var(--eg-ease),transform .35s var(--eg-ease-spring)}.eg-support__fab-icon--close{opacity:0;transform:rotate(-90deg) scale(.6)}.eg-support.is-open .eg-support__fab-icon--open{opacity:0;transform:rotate(90deg) scale(.6)}.eg-support.is-open .eg-support__fab-icon--close{opacity:1;transform:none}.eg-support__fab-badge{position:absolute;top:-2px;right:-2px;min-width:2rem;height:2rem;display:grid;place-items:center;border-radius:999px;background:#fff;color:var(--eg-primary);font-size:1.1rem;font-weight:900;box-shadow:var(--eg-shadow-1);animation:eg-pop-in .4s var(--eg-ease-spring) 1.2s backwards}.eg-support.is-open .eg-support__fab-badge{display:none}.eg-support__hello{position:relative;max-width:26rem;padding:1.2rem 1.6rem;border-radius:var(--eg-radius) var(--eg-radius) var(--eg-radius) 4px;background:var(--eg-surface);color:var(--eg-ink);font-size:1.3rem;font-weight:600;line-height:1.45;box-shadow:var(--eg-shadow-3);animation:eg-fade-up .45s var(--eg-ease-spring)}.eg-support--right .eg-support__hello{border-radius:var(--eg-radius) var(--eg-radius) 4px var(--eg-radius)}.eg-support__hello[hidden]{display:none}.eg-support__hello p{margin:0;padding-right:1rem}.eg-support__hello-close{position:absolute;top:.5rem;right:.5rem;width:2rem;height:2rem;display:grid;place-items:center;border:0;border-radius:50%;background:var(--eg-surface-2);color:var(--eg-ink-3);cursor:pointer;transition:background-color var(--eg-dur) var(--eg-ease),color var(--eg-dur) var(--eg-ease)}.eg-support__hello-close:hover{background:var(--eg-ink);color:#fff}.eg-support.is-open .eg-support__hello{display:none}.eg-support__panel{width:min(32rem,calc(100vw - 3.2rem));border-radius:var(--eg-radius-lg);background:var(--eg-surface);box-shadow:var(--eg-shadow-3);overflow:hidden;transform-origin:bottom left;animation:eg-support-in .34s var(--eg-ease-spring)}.eg-support--right .eg-support__panel{transform-origin:bottom right}.eg-support__panel[hidden]{display:none}@keyframes eg-support-in{0%{opacity:0;transform:translateY(16px) scale(.94)}to{opacity:1;transform:none}}.eg-support__head{display:flex;align-items:center;gap:1.2rem;padding:1.6rem;background:var(--eg-gradient);color:var(--eg-on-primary)}.eg-support__avatar{flex:none;width:4.2rem;height:4.2rem;display:grid;place-items:center;border-radius:50%;background:#fff3}.eg-support__head-text{display:grid;gap:.2rem;flex:1 1 auto;min-width:0}.eg-support__head-text strong{font-size:1.5rem;font-weight:800}.eg-support__status{display:inline-flex;align-items:center;gap:.5rem;font-size:1.15rem;opacity:.95}.eg-support__dot{width:8px;height:8px;border-radius:50%;background:#4ade80;box-shadow:0 0 #4ade80b3;animation:eg-dot-pulse 2s infinite}.eg-support__status.is-offline .eg-support__dot{background:#fbbf24;animation:none}@keyframes eg-dot-pulse{0%{box-shadow:0 0 #4ade80b3}70%{box-shadow:0 0 0 7px #4ade8000}to{box-shadow:0 0 #4ade8000}}.eg-support__close{flex:none;width:3rem;height:3rem;display:grid;place-items:center;border:0;border-radius:50%;background:#ffffff2e;color:inherit;cursor:pointer;transition:background-color var(--eg-dur) var(--eg-ease),transform var(--eg-dur) var(--eg-ease)}.eg-support__close:hover{background:#ffffff57;transform:rotate(90deg)}.eg-support__intro{margin:0;padding:1.4rem 1.6rem .4rem;font-size:1.25rem;line-height:1.5;color:var(--eg-ink-2)}.eg-support__channels{display:grid;gap:.6rem;padding:1.2rem 1.2rem .6rem}.eg-support__channel{display:flex;align-items:center;gap:1.2rem;padding:1.1rem 1.2rem;border:1px solid var(--eg-line);border-radius:var(--eg-radius);background:var(--eg-surface);color:var(--eg-ink);text-decoration:none;animation:eg-fade-up .36s var(--eg-ease-out) backwards;animation-delay:var(--eg-ch-delay, 0ms);transition:border-color var(--eg-dur) var(--eg-ease),transform var(--eg-dur) var(--eg-ease),box-shadow var(--eg-dur) var(--eg-ease),background-color var(--eg-dur) var(--eg-ease)}.eg-support__channel:hover{border-color:transparent;transform:translate(3px);box-shadow:var(--eg-shadow-2)}.eg-support__channel-icon{flex:none;width:3.8rem;height:3.8rem;display:grid;place-items:center;border-radius:var(--eg-radius-sm);color:#fff}.eg-support__channel--wa .eg-support__channel-icon{background:#25d366}.eg-support__channel--tel .eg-support__channel-icon{background:var(--eg-ink)}.eg-support__channel--mail .eg-support__channel-icon{background:#2563eb}.eg-support__channel--ig .eg-support__channel-icon{background:linear-gradient(45deg,#f58529,#dd2a7b,#8134af)}.eg-support__channel-text{display:grid;gap:.1rem;flex:1 1 auto;min-width:0}.eg-support__channel-text strong{font-size:1.35rem;font-weight:700}.eg-support__channel-text small{font-size:1.15rem;color:var(--eg-ink-3)}.eg-support__channel>svg:last-child{flex:none;color:var(--eg-ink-3)}.eg-support__foot{display:flex;align-items:center;gap:.5rem;margin:0;padding:.8rem 1.6rem 1.6rem;font-size:1.1rem;color:var(--eg-ink-3)}@media screen and (max-width:749px){.eg-support{bottom:var(--eg-support-bottom-mobile, 84px)}.eg-support--left{left:1.4rem}.eg-support--right{right:1.4rem}.eg-support__fab{width:5.2rem;height:5.2rem}.eg-support__hello{max-width:calc(100vw - 9rem);font-size:1.2rem}}[data-eg-theme=dark] .eg-support__panel,[data-eg-theme=dark] .eg-support__hello,[data-eg-theme=dark] .eg-support__channel{background:var(--eg-surface-2);color:var(--eg-ink)}
/*# sourceMappingURL=/cdn/shop/t/31/assets/egonex-support.css.map */