.image-hotspots{overflow:hidden}.no-js .image-hotspots,.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)}.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%)}.hotspot-toggle:after{content:"";background-color:rgb(var(--color-foreground));width:1.2rem;height:1.2rem;z-index:1;border-radius:50%}@media (min-width: 750px){.hotspot-toggle{width:4.2rem;height:4.2rem}}.hotspot{position:absolute}.hotspot-card-wrap{width:28rem;position:absolute;top:2rem;opacity:0;pointer-events:none;transform:scale(.95);transition:transform .18s ease,opacity .18s ease;z-index:18;visibility:hidden}@media (min-width: 990px){.hotspot-card-wrap{width:34rem;top:3rem;transform:scale(.95)}}.hotspot-card .card-caption{margin-bottom:0}.hotspot.is-active .hotspot-card-wrap,.no-js .hotspot-toggle:focus+.hotspot-card-wrap{opacity:1;transform:scale(1);pointer-events:auto;visibility:visible}@media (min-width: 990px){.hotspot.is-active .hotspot-card-wrap,.no-js .hotspot-toggle:focus+.hotspot-card-wrap{transform:scale(1)}}.is-active .hotspot-toggle{border:.2rem solid rgb(var(--color-foreground))}.no-js .hotspot-toggle:focus+.hotspot-card-wrap{left:50%!important;right:auto!important;transform:translate(-50%) scale(1)!important}.hotspot-card .card-media{margin-bottom:1.5rem;text-align:left}.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-left:0;margin-top:1.5rem}.hotspot-card-wrap .card-product-media-sm .price-discount{display:block;margin-bottom:.5rem}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-image-hotspots.css.map */