.hotspot{display:block}.hotspot .title{text-align:center;margin-bottom:2rem}.hotspot__container{position:relative;overflow:hidden;border-radius:var(--media-radius)}.hotspot__image{display:block;width:100%;height:auto}.hotspot__marker{position:absolute;transform:translate(-50%,-50%);z-index:2;border:none;background:none;cursor:pointer;padding:1rem}.hotspot__dot{display:block;width:1.4rem;height:1.4rem;border-radius:50%;background:rgb(var(--color-button));border:2px solid white;box-shadow:0 2px 8px #0000004d;position:relative;z-index:1}.hotspot__pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:3rem;height:3rem;border-radius:50%;background:rgba(var(--color-button),.3);animation:hotspot-pulse 2s ease-in-out infinite}@keyframes hotspot-pulse{0%,to{transform:translate(-50%,-50%) scale(.8);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.2);opacity:0}}.hotspot__tooltip{position:absolute;z-index:10;transform:translate(-50%);background:rgb(var(--color-background));border-radius:.8rem;box-shadow:0 4px 20px #00000026;padding:1.2rem;min-width:20rem;max-width:28rem}.hotspot__tooltip--bottom{margin-top:2rem}.hotspot__tooltip--top{margin-top:-2rem;transform:translate(-50%,-100%)}.hotspot__tooltip--left{transform:translate(-80%)}.hotspot__tooltip--top.hotspot__tooltip--left{transform:translate(-80%,-100%)}.hotspot__tooltip--right{transform:translate(-20%)}.hotspot__tooltip--top.hotspot__tooltip--right{transform:translate(-20%,-100%)}.hotspot__product{display:flex;gap:1rem;align-items:center}.hotspot__product-image{display:block;width:8rem;height:8rem;object-fit:cover;border-radius:.4rem}.hotspot__product-title{font-size:1.4rem;font-weight:600;margin:0 0 .3rem}.hotspot__product-price{font-size:1.3rem;color:rgba(var(--color-foreground),.7);margin:0 0 .6rem}.hotspot__product-link{font-size:1.2rem;padding:.4rem 1.2rem;min-height:auto}.hotspot__tooltip-heading{font-size:1.4rem;font-weight:600;margin:0 0 .3rem}.hotspot__tooltip-text{font-size:1.3rem;color:rgba(var(--color-foreground),.7);margin:0;line-height:1.5}@media(prefers-reduced-motion:reduce){.hotspot__pulse{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-image-hotspot.css.map */