.hotspot-image__header{max-width:60rem;margin:0 auto 3rem;text-align:center}.hotspot-image--side-panel{display:flex;flex-direction:column;gap:3rem}@media screen and (min-width:750px){.hotspot-image--side-panel{flex-direction:row;align-items:flex-start}}.hotspot-image__media{position:relative;overflow:hidden;border-radius:var(--media-radius)}.hotspot-image--side-panel .hotspot-image__media{flex:1 1 60%}.hotspot-image__media img,.hotspot-image__media svg,.hotspot-image__media .placeholder-svg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.hotspot-image__dot{position:absolute;z-index:2;width:2.4rem;height:2.4rem;transform:translate(-50%,-50%);border-radius:50%;border:.2rem solid rgb(var(--color-background));background:rgb(var(--color-foreground));box-shadow:0 0 0 .4rem rgba(var(--color-foreground),.25);cursor:pointer;animation:hotspot-pulse 2s ease-in-out infinite}@keyframes hotspot-pulse{0%,to{box-shadow:0 0 0 .4rem rgba(var(--color-foreground),.25)}50%{box-shadow:0 0 0 .8rem rgba(var(--color-foreground),.12)}}.hotspot-image__dot[aria-expanded=true]{animation:none}.hotspot-image__popover{position:absolute;z-index:3;display:flex;gap:1rem;width:24rem;max-width:calc(100vw - 4rem);padding:1.2rem;background:rgb(var(--color-background));border-radius:var(--popup-corner-radius, .8rem);box-shadow:0 .4rem 1.6rem rgba(var(--color-shadow),.2)}.hotspot-image__popover-media{flex-shrink:0;display:block;width:6rem;height:6rem;border-radius:.4rem;overflow:hidden}.hotspot-image__popover-media img{width:100%;height:100%;object-fit:cover}.hotspot-image__popover-title{display:block;font-size:1.3rem;margin-bottom:.4rem}.hotspot-image__panel{flex:1 1 40%;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1.5rem}.hotspot-image__panel-item{display:flex;gap:1.2rem;align-items:center}.hotspot-image__panel-media{flex-shrink:0;display:block;width:7rem;height:7rem;border-radius:.4rem;overflow:hidden}.hotspot-image__panel-media img{width:100%;height:100%;object-fit:cover}.hotspot-image__panel-title{display:block;margin-bottom:.4rem}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-hotspot-image.css.map */