.prd-Hotspots{display:grid;position:relative;--Z_Spot: 1;--Size_Spot: 32px}@media(min-width:768px){.prd-Hotspots{--Size_Spot: 44px}}.prd-Hotspots-portable{position:absolute;top:0;right:0;bottom:0;left:0}.prd-Hotspots_Frame{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;aspect-ratio:1 / 1;background:var(--Color_Black)}.prd-Hotspots_Media{grid-column:1;grid-row:1;width:100%;height:100%}.prd-Hotspots_Image{width:100%;height:100%}.prd-Hotspots_Image-desktop{display:none}@media(min-width:768px){.prd-Hotspots_Image-mobile{display:none}.prd-Hotspots_Image-desktop{display:block}}.prd-Hotspots_Content{grid-column:1;grid-row:1;width:100%;height:100%;z-index:2}.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;opacity:0;pointer-events:none;will-change:opacity,transform;transition:opacity var(--Transition),transform var(--Transition)}@media(min-width:768px){.prd-Hotspot_Content{--Size_Content_Width: 300px}}@media(max-width:767px){.prd-Hotspot_Content-alignMobileTopLeft{right:0;bottom:calc(100% + 8px)}.prd-Hotspot_Content-alignMobileTopMiddle{left:50%;transform:translate(-50%);bottom:calc(100% + 8px)}.prd-Hotspot_Content-alignMobileTopRight{left:0;bottom:calc(100% + 8px)}.prd-Hotspot_Content-alignMobileMiddleLeft{top:50%;transform:translateY(-50%);right:calc(100% + 8px)}.prd-Hotspot_Content-alignMobileMiddleRight{top:50%;transform:translateY(-50%);left:calc(100% + 8px)}.prd-Hotspot_Content-alignMobileBottomLeft{right:0;top:calc(100% + 8px)}.prd-Hotspot_Content-alignMobileBottomMiddle{left:50%;transform:translate(-50%);top:calc(100% + 8px)}.prd-Hotspot_Content-alignMobileBottomRight{left:0;top:calc(100% + 8px)}}@media(min-width:768px){.prd-Hotspot_Content-alignDesktopTopLeft{right:0;bottom:calc(100% + 8px)}.prd-Hotspot_Content-alignDesktopTopMiddle{left:50%;transform:translate(-50%);bottom:calc(100% + 8px)}.prd-Hotspot_Content-alignDesktopTopRight{left:0;bottom:calc(100% + 8px)}.prd-Hotspot_Content-alignDesktopMiddleLeft{top:50%;transform:translateY(-50%);right:calc(100% + 8px)}.prd-Hotspot_Content-alignDesktopMiddleRight{top:50%;transform:translateY(-50%);left:calc(100% + 8px)}.prd-Hotspot_Content-alignDesktopBottomLeft{right:0;top:calc(100% + 8px)}.prd-Hotspot_Content-alignDesktopBottomMiddle{left:50%;transform:translate(-50%);top:calc(100% + 8px)}.prd-Hotspot_Content-alignDesktopBottomRight{left:0;top:calc(100% + 8px)}}.prd-Hotspot-active .prd-Hotspot_Content{opacity:1;pointer-events:initial}.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;color:var(--Color_Black)}.prd-HotspotCard_Price{color:var(--Color_Black)}.prd-HotspotCard_Footer{display:flex;justify-content:space-between;align-items:center;line-height:1}.prd-HotspotCard_Action{z-index:10;position:relative;color:var(--Color_Black)}.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/108/assets/product-hotspots.css.map */