product-tooltip{top:min(var(--marker-y,0),100% - 36px);left:min(var(--marker-x,0),100% - 36px);z-index:1;touch-action:none;display:flex;position:absolute}product-tooltip>button{--marker-color:#fff;width:36px;height:36px;border-radius:36px;display:grid}product-tooltip>button:before,product-tooltip>button:after{content:"";width:100%;height:100%;border-radius:inherit;background-color:var(--marker-color);grid-area:1/1;transition:scale .25s}product-tooltip>button:before{opacity:.5;transition:scale .1s}product-tooltip>button:after{scale:.33}product-tooltip>button.is-shown:before,product-tooltip>button:hover:before{scale:.95}product-tooltip>button.is-shown:after,product-tooltip>button:hover:after{scale:.66}product-tooltip>div{width:max-content;max-width:270px;background-color:#fff;border-radius:4px;padding:12px;position:absolute;top:0;left:0;box-shadow:0 1.1px 3.4px #0000001a,0 6px 14px #0000001f}@media (prefers-reduced-motion:no-preference){product-tooltip>div{animation:.3s both content-show}@keyframes content-show{0%{opacity:0;scale:.9}}}product-tooltip>div>div:first-child{width:8px;height:8px;background:#fff;position:absolute;transform:rotate(45deg)}product-tooltip>div>div:first-child:before{content:"";width:48px;height:24px;position:absolute;top:calc(50% - 12px);left:calc(50% - 24px);transform:rotate(-45deg)}product-tooltip>div picture{width:48px}