.floating-contact-sidebar{position:fixed;right:30px;bottom:42px;z-index:9999;background:transparent!important;background-image:none!important;color:var(--color-text)}@media(max-width:767px){.floating-contact-sidebar{display:none}}.floating-contact-sidebar__container{position:relative;width:min(254px,calc(100vw - 72px));padding:12px 72px 12px 12px;border:1px solid var(--color-border);border-radius:14px;background:var(--color-background);box-shadow:0 18px 44px #03192f24;display:grid;grid-template-columns:1fr;gap:8px}.floating-contact-sidebar__launcher{position:absolute;right:15px;bottom:-24px;width:58px;height:58px;border-radius:999px;background:var(--color-primary);color:var(--color-background);box-shadow:0 16px 30px #03192f33;display:inline-flex;align-items:center;justify-content:center;animation:floating-contact-greeting 5.6s ease-in-out infinite;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.floating-contact-sidebar__launcher:before{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border-radius:inherit;border:1px solid currentColor;opacity:0;transform:scale(.82);animation:floating-contact-halo 5.6s ease-out infinite;pointer-events:none}.floating-contact-sidebar__launcher:hover,.floating-contact-sidebar__launcher:focus-visible{transform:translateY(-2px);box-shadow:0 18px 34px #03192f42;outline:0}.floating-contact-sidebar__launcher svg{width:24px;height:24px;color:currentColor;position:relative;z-index:1}.floating-contact-sidebar__intro{min-width:0;display:grid;grid-template-columns:38px 1fr;align-items:center;gap:10px}.floating-contact-sidebar__brand-mark{position:relative;width:38px;height:38px;border-radius:999px;background:var(--color-primary);color:var(--color-background);display:inline-flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;line-height:1}.floating-contact-sidebar__brand-mark:after{content:"";position:absolute;right:-1px;bottom:2px;width:10px;height:10px;border:2px solid var(--color-background);border-radius:999px;background:#20d66b}.floating-contact-sidebar__intro strong,.floating-contact-sidebar__intro small{display:block;letter-spacing:0}.floating-contact-sidebar__intro strong{color:var(--color-heading);font-size:14px;line-height:1.25;font-weight:800}.floating-contact-sidebar__intro small{color:var(--color-text);font-size:13px;line-height:1.25;opacity:.78}.floating-contact-sidebar__item{position:relative;min-height:34px;padding:6px 8px;border:1px solid color-mix(in srgb,var(--color-border) 70%,transparent);border-radius:999px;background:color-mix(in srgb,var(--color-background) 86%,var(--color-primary) 14%);text-decoration:none;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:7px;cursor:pointer;color:var(--color-heading);transform:translateY(0);transition:background .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}.floating-contact-sidebar__item:hover,.floating-contact-sidebar__item:focus-visible,.floating-contact-sidebar__item.is-open{background:var(--color-background);box-shadow:0 10px 24px #03192f1f;transform:translateY(-2px);outline:0}.floating-contact-sidebar__divider{display:none}.floating-contact-sidebar__icon{width:22px;height:22px;flex:0 0 22px;display:flex;align-items:center;justify-content:center;border-radius:999px;background:var(--color-primary);color:var(--color-background)}.floating-contact-sidebar__icon svg{width:14px;height:14px;color:currentColor}.floating-contact-sidebar__label{min-width:0;font-size:12px;line-height:1.2;font-weight:800;letter-spacing:0;text-align:left;white-space:nowrap}.floating-contact-sidebar__tip{position:absolute;top:50%;right:calc(100% + 12px);width:max-content;max-width:210px;padding:10px 12px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-background);color:var(--color-heading);box-shadow:0 14px 34px #03192f29;font-size:12px;font-weight:700;line-height:1.35;text-align:left;opacity:0;visibility:hidden;pointer-events:none;transform:translate(8px,-50%);transition:opacity .18s ease,transform .18s ease,visibility .18s ease}.floating-contact-sidebar__tip:after{content:"";position:absolute;top:50%;right:-6px;width:10px;height:10px;background:var(--color-background);border-top:1px solid var(--color-border);border-right:1px solid var(--color-border);transform:translateY(-50%) rotate(45deg)}.floating-contact-sidebar__item:hover .floating-contact-sidebar__tip,.floating-contact-sidebar__item:focus-visible .floating-contact-sidebar__tip,.floating-contact-sidebar__item.is-open .floating-contact-sidebar__tip{opacity:1;visibility:visible;transform:translateY(-50%)}.floating-contact-sidebar__item--wechat:hover .floating-contact-sidebar__qr-panel,.floating-contact-sidebar__item--wechat.is-open .floating-contact-sidebar__qr-panel{opacity:1;visibility:visible;pointer-events:auto}.floating-contact-sidebar__item--wechat:hover .floating-contact-sidebar__tip,.floating-contact-sidebar__item--wechat.is-open .floating-contact-sidebar__tip{opacity:0;visibility:hidden}.floating-contact-sidebar__qr-panel{position:absolute;right:calc(100% + 16px);top:50%;transform:translateY(-50%);background:var(--color-background);border:1px solid var(--color-border);border-radius:10px;padding:18px;width:260px;box-shadow:0 18px 44px #03192f2e;opacity:0;visibility:hidden;pointer-events:none;z-index:10000;transition:opacity .2s ease,visibility .2s ease}.floating-contact-sidebar__qr-title{color:var(--color-heading);font-size:14px;font-weight:700;margin:0 0 12px}.floating-contact-sidebar__qr-image{width:100%;border-radius:8px}@keyframes floating-contact-greeting{0%,74%,to{transform:translateY(0)}80%{transform:translateY(-3px) scale(1.02)}86%{transform:translateY(0)}91%{transform:translateY(-2px)}}@keyframes floating-contact-halo{0%,70%,to{opacity:0;transform:scale(.82)}78%{opacity:.22}92%{opacity:0;transform:scale(1.18)}}@media(prefers-reduced-motion:reduce){.floating-contact-sidebar__container:before,.floating-contact-sidebar__launcher:before,.floating-contact-sidebar__launcher,.floating-contact-sidebar__item{animation:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/floating-contact-sidebar.css.map */