.popup-container{position:fixed;bottom:50%;right:20px;z-index:1000}.popup-container .popup{display:none;position:absolute;bottom:0;right:76px;padding:24px;background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a}.popup-container .popup-content{display:flex;flex-direction:column;gap:6px}.popup-container .popup .title{text-align:center;font-size:18px;font-weight:700}.popup-container .popup-content hr{width:100%;max-width:none}.popup-container .service-info{width:max-content;display:flex;align-items:center;gap:12px}.popup-container .icon{width:24px;height:24px;margin-right:10px}.popup-container .service-info p{margin:5px 0;font-size:14px}.popup-container .service-info div p:first-child{font-weight:700}.popup-container .service-info div p:last-child{color:#888}.popup-container .avatar{opacity:0;width:56px;height:56px;border-radius:50%;border:4px solid white}.popup-container .avatar:hover+.popup{display:flex}.popup-container .popup:hover,.popup-container .popup-container:hover .popup{display:flex}.popup-container .triangle{position:absolute;bottom:28px;right:-9px;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:10px solid white}@media screen and (max-width:1368px){.popup-container .popup{max-width:100vw;bottom:80px;right:-10px}.popup-container .triangle{bottom:-9px;right:38px;transform:rotate(90deg)}}
/*# sourceMappingURL=/cdn/shop/t/83/assets/customer-popup.css.map */