.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:3.4rem;height:3.4rem}}.is-active .hotspot-toggle{border:.2rem solid rgb(var(--color-foreground))}.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:10;visibility:hidden}.hotspot-card-wrap-long{width:30rem}@media (min-width: 990px){.hotspot-card-wrap{width:34rem;top:3rem;transform:scale(.95)}.hotspot-card-wrap-long{width:38rem}}.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)}}.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-product-media{padding:1rem;grid-gap:1.5rem}.hotspot .card-eyebrow{word-break:break-word}.hotspot .card-product-media .card-product-actions .button{padding:1rem;min-width:10rem;font-size:calc(var(--font-body-scale) * 1.3rem)}.hotspot .card-product-media .card-info-wrap,.hotspot .card-product-media .card-footer-intro{flex-direction:column;align-items:flex-start}.hotspot .card-product-media .card-info{padding:0}@media (min-width: 990px){.hotspot .card-product-media{padding:2rem}.hotspot .card-product-media .card-media{width:10rem}}
/*# sourceMappingURL=/cdn/shop/t/159/assets/section-image-hotspots.css.map */