.image-hotspots{overflow:hidden}.image-hotspots.loaded{overflow:visible}.image-hotspots-image-wrap{position:relative;background-color:rgb(var(--color-base-background-2));border-radius:var(--border-radius-base)}.image-hotspots-image{border-radius:var(--border-radius-base)}@keyframes hotspot-pulse{0%{transform:translate(-50%,-50%) scale(.95);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.hotspot-toggle{display:flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;cursor:pointer;box-shadow:none;padding:0;position:relative;border-radius:50%;border:0;transform:translate(-50%,-50%);background:none}.hotspot-toggle:after{content:"";background-color:rgb(var(--color-foreground));width:1.2rem;height:1.2rem;z-index:1;border-radius:50%}.hotspot-toggle:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;background-color:currentColor;animation:hotspot-pulse 2s infinite ease-in-out;z-index:0}@media (min-width: 750px){.hotspot-toggle{width:4.2rem;height:4.2rem}}.hotspot{position:absolute}.hotspot-card-wrap{width:28rem;position:absolute;padding:2rem 0;opacity:0;pointer-events:none;transform:scale(.95);transition:transform .15s ease,opacity .15s ease,visibility 0s ease .2s;z-index:18;visibility:hidden}.hotspot-reveal-hover .hotspot-card-wrap{transition:transform .25s ease .2s,opacity .25s ease .2s,visibility 0s ease .35s}@media (min-width: 990px){.hotspot-card-wrap{width:34rem;top:3rem;transform:scale(.95)}}.hotspot-card .card-caption{margin-bottom:0}.hotspot-reveal-hover :is(.hotspot-toggle:hover+.hotspot-card-wrap,.hotspot:hover .hotspot-card-wrap,.hotspot-card-wrap:hover),.hotspot.is-active .hotspot-card-wrap{opacity:1;transform:scale(1);pointer-events:auto;visibility:visible;transition-delay:0s,0s,0s}@media (min-width: 990px){.hotspot-reveal-hover :is(.hotspot-toggle:hover+.hotspot-card-wrap,.hotspot:hover .hotspot-card-wrap,.hotspot-card-wrap:hover),.hotspot.is-active .hotspot-card-wrap{transform:scale(1)}}.hotspot-reveal-hover .hotspot:hover .hotspot-toggle,.hotspot-reveal-hover .hotspot-toggle:hover,.is-active .hotspot-toggle{border:.2rem solid rgb(var(--color-foreground))}.hotspot-card .card-media{margin-bottom:1.5rem;text-align:start}.hotspot-card-image{border-radius:var(--border-radius-base);width:auto}.hotspot-card .hotspot-card-heading{margin-bottom:1rem;font-weight:var(--font-bolder-weight)}.hotspot-card .card-caption:not(:last-child){margin-bottom:1.5rem}.hotspot-card-wrap .card-product-media-sm .card-media{width:7rem}.hotspot-card-wrap .card-product-media-sm .card-footer-intro{flex-direction:column;align-items:flex-start;justify-content:flex-end}.hotspot-card-wrap .card-product-media-sm .card-footer-intro:last-child{margin-bottom:0}.hotspot-card-wrap .card-product-media-sm .star-rating-badge{margin-inline-start:0;margin-top:1.5rem}.hotspot-card-wrap .card-product-media-sm .price-discount{display:block;margin-bottom:.5rem}
/*# sourceMappingURL=/cdn/shop/t/29/assets/section-image-hotspots.css.map */