.prd-Hotspots{position:relative;aspect-ratio:1 / 1;background:var(--Color_Black);--Z_Spot: 1;--Size_Spot: 32px}@media (min-width: 768px){.prd-Hotspots{--Size_Spot: 44px}}.prd-Hotspots_Content{position:absolute;top:0;right:0;bottom:0;left:0}.prd-Hotspot{display:block;width:var(--Size_Spot);height:var(--Size_Spot);position:absolute;z-index:var(--Z_Spot);left:calc(var(--Position_Horizontal) - (var(--Size_Spot) / 2));bottom:calc(var(--Position_Vertical) - (var(--Size_Spot) / 2))}.prd-Hotspot_Anchor{background-color:var(--Color_Black);color:var(--Color_White);border-radius:100%;cursor:pointer;width:var(--Size_Spot);height:var(--Size_Spot);display:flex;align-items:center;justify-content:center;anchor-name:--hotspot-anchor;transition:background-color var(--Transition),color var(--Transition)}.prd-Hotspot_Anchor:hover{background-color:var(--Color_Green);color:var(--Color_Black)}.prd-Hotspot-active .prd-Hotspot_Anchor{background-color:var(--Color_White);color:var(--Color_Black)}.prd-Hotspot_Content{--Size_Content_Width: 250px;position:absolute;background:var(--Color_White);border-radius:4px;overflow:hidden;width:var(--Size_Content_Width);display:block;top:0;opacity:0;pointer-events:none;transform:translate3d(0,8px,0);will-change:opacity,transform;transition:opacity var(--Transition),transform var(--Transition)}@media (min-width: 768px){.prd-Hotspot_Content{--Size_Content_Width: 300px}}.prd-Hotspot_Content[data-section-hotspots-popup-position=left]{right:calc(100% + 8px)}.prd-Hotspot_Content[data-section-hotspots-popup-position=right]{left:calc(100% + 8px)}.prd-Hotspot-active .prd-Hotspot_Content{opacity:1;pointer-events:initial;transform:translateZ(0)}.prd-Hotspot-active{z-index:10}.prd-HotspotCard{padding:8px 12px}.prd-HotspotCard_Inner{display:flex}.prd-HotspotCard_Media{min-width:70px;background-color:var(--Color_White)}.prd-HotspotCard_Content{display:flex;flex-direction:column;padding-left:12px;width:100%}.prd-HotspotCard_Header{flex:1}.prd-HotspotCard_Title{margin:0}.prd-HotspotCard_Footer{display:flex;justify-content:space-between;align-items:center;line-height:1}.prd-HotspotCard_Action{z-index:10;position:relative}.icn-Plus{width:12px;height:12px;transition:transform var(--Transition)}@media (min-width: 768px){.icn-Plus{width:16px;height:16px}}.prd-Hotspot-active .icn-Plus{transform:rotate(135deg)}
/*# sourceMappingURL=/cdn/shop/t/97/assets/product-hotspots.css.map */