.product-hotspots__media{position:relative;display:block;width:100%;overflow:visible}.product-hotspots__image{display:block;width:100%;height:auto;border-radius:var(--hotspots-image-radius, 12px);box-shadow:0 4px 20px rgb(var(--color-shadow, 18 18 18) / .1)}.product-hotspots__placeholder{border:2px dashed rgb(var(--color-foreground) / .2);border-radius:12px;padding:var(--sp-12, 60px) var(--sp-5, 20px);text-align:center;color:rgb(var(--color-foreground) / .6)}.product-hotspots__placeholder p{margin:var(--sp-2, 8px) 0 0}.hotspot-marker{position:absolute;transform:translate(-50%,-50%);z-index:2;margin:0;padding:0;border:0;background:none;line-height:0;cursor:pointer}.hotspot-marker:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:4px;border-radius:var(--rounded-full)}.hotspot-circle{position:relative;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:2px solid;border-radius:var(--rounded-full);box-shadow:0 2px 12px rgb(var(--color-shadow, 18 18 18) / .18);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:box-shadow .3s ease,filter .3s ease}.hotspot-plus{display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;line-height:1;transition:transform .3s ease}.hotspot-marker:hover .hotspot-circle,.hotspot-marker:focus-visible .hotspot-circle{box-shadow:0 4px 20px rgb(var(--color-shadow, 18 18 18) / .28);filter:brightness(.85)}.hotspot-marker:hover .hotspot-plus,.hotspot-marker:focus-visible .hotspot-plus{transform:rotate(45deg)}.hotspot-pulse,.hotspot-pulse-double,.hotspot-pulse-breathe,.hotspot-pulse-ripple,.hotspot-pulse-glow{position:relative}.hotspot-pulse:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:var(--rounded-full);background:inherit;opacity:.7;z-index:-1;animation:hotspot-pulse-radiate 4s cubic-bezier(.4,0,.6,1) infinite}@keyframes hotspot-pulse-radiate{0%{transform:scale(1);opacity:.7}30%{transform:scale(2);opacity:0}to{transform:scale(2);opacity:0}}.hotspot-pulse-double:before,.hotspot-pulse-double:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:var(--rounded-full);background:inherit;z-index:-1}.hotspot-pulse-double:before{animation:hotspot-pulse-double-1 4s cubic-bezier(.4,0,.6,1) infinite}.hotspot-pulse-double:after{animation:hotspot-pulse-double-2 4s cubic-bezier(.4,0,.6,1) infinite}@keyframes hotspot-pulse-double-1{0%{transform:scale(1);opacity:.7}12.5%{transform:scale(2);opacity:0}to{transform:scale(2);opacity:0}}@keyframes hotspot-pulse-double-2{0%,12.5%{transform:scale(1);opacity:0}12.5%{opacity:.7}25%{transform:scale(2);opacity:0}to{transform:scale(2);opacity:0}}.hotspot-pulse-breathe:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:var(--rounded-full);background:inherit;opacity:.4;z-index:-1;animation:hotspot-pulse-breathe 3s ease-in-out infinite}@keyframes hotspot-pulse-breathe{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.3);opacity:.1}}.hotspot-pulse-ripple:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:var(--rounded-full);border:2px solid;border-color:inherit;background:transparent;z-index:-1;animation:hotspot-pulse-ripple 2s linear infinite}@keyframes hotspot-pulse-ripple{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.3}to{transform:scale(2.5);opacity:0}}.hotspot-pulse-glow:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:var(--rounded-full);background:inherit;filter:blur(8px);z-index:-1;animation:hotspot-pulse-glow 2.5s ease-in-out infinite}@keyframes hotspot-pulse-glow{0%,to{transform:scale(.8);opacity:.3}50%{transform:scale(1.4);opacity:.8}}.hotspot-tooltip{display:none}.custom-hotspot-tooltip{position:fixed;top:0;left:0;z-index:999999;min-width:200px;max-width:320px;padding:var(--sp-4, 16px);font-size:.875rem;line-height:1.5;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));border:1px solid rgb(var(--color-foreground) / .1);border-radius:8px;box-shadow:0 12px 40px rgb(var(--color-shadow, 18 18 18) / .22);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s ease}.tooltip-image{display:block;width:100%;height:auto;border-radius:8px;margin-bottom:var(--sp-3, 12px)}.tooltip-html-content>:last-child{margin-bottom:0}.tooltip-html-content a{color:inherit}.tooltip-placeholder{margin:0;color:rgb(var(--color-foreground) / .6);font-style:italic;text-align:center}@media(max-width:768px){.hotspot-circle{width:28px;height:28px}.hotspot-plus{font-size:16px}}@media(max-width:480px){.hotspot-circle{width:24px;height:24px;border-width:1px}.hotspot-plus{font-size:12px}.custom-hotspot-tooltip{font-size:.8125rem;padding:var(--sp-3, 12px)}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/product-hotspots.css.map */