.hotspot-container{position:relative;display:block;max-width:100%;width:100%;overflow:visible}.hotspot-image{max-width:100%;width:100%;height:auto;display:block}.hotspot-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.hotspot-point{position:absolute;width:clamp(20px,2.5vw,30px);height:clamp(20px,2.5vw,30px);border-radius:50%;border:2px solid #fff;cursor:pointer;transform:translate(-50%,-50%);transition:all .3s ease;z-index:10;box-shadow:0 2px 8px #0000004d;pointer-events:auto;display:flex;align-items:center;justify-content:center}.hotspot-point:focus{outline:2px solid #007acc;outline-offset:2px}.hotspot-point:hover{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 4px 12px #0006}.hotspot-point:hover:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#fffffff2;border-radius:8px;box-shadow:0 4px 12px #0006;z-index:-1}.hotspot-tooltip{position:absolute;background:#fffffff2;color:#545454;padding:clamp(8px,1.2vw,16px);border-radius:8px;font-size:clamp(11px,2vw,14px);line-height:1.4;max-width:clamp(120px,30vw,280px);min-width:220px;word-wrap:break-word;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease,transform .3s ease;pointer-events:auto;white-space:normal;box-shadow:0 4px 12px #0006}.hotspot-tooltip a{color:#007acc;text-decoration:underline;transition:color .2s ease}.hotspot-tooltip a:hover{color:#005999}.hotspot-tooltip a:focus{outline:1px solid #007acc;outline-offset:1px}.hotspot-tooltip p{margin:0 0 8px}.hotspot-tooltip p:last-child{margin-bottom:0}.hotspot-tooltip ul,.hotspot-tooltip ol{margin:4px 0;padding-left:16px}.hotspot-tooltip ul li,.hotspot-tooltip ol li{margin-bottom:2px}.hotspot-tooltip:after{content:"";position:absolute;border:6px solid transparent}.hotspot-tooltip.tooltip-top{bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.hotspot-tooltip.tooltip-top:after{top:99.5%;left:50%;transform:translate(-50%);border-top-color:#fffffff2}.hotspot-tooltip.tooltip-bottom{top:calc(100% + 10px);left:50%;transform:translate(-50%)}.hotspot-tooltip.tooltip-bottom:after{bottom:100%;left:50%;transform:translate(-50%);border-bottom-color:#fffffff2}.hotspot-tooltip.tooltip-left{right:calc(100% + 10px);top:50%;transform:translateY(-50%)}.hotspot-tooltip.tooltip-left:after{left:100%;top:50%;transform:translateY(-50%);border-left-color:#fffffff2}.hotspot-tooltip.tooltip-right{left:calc(100% + 10px);top:50%;transform:translateY(-50%)}.hotspot-tooltip.tooltip-right:after{right:100%;top:50%;transform:translateY(-50%);border-right-color:#fffffff2}.hotspot-point:hover .hotspot-tooltip,.hotspot-point.active .hotspot-tooltip{opacity:1;visibility:visible}.hotspot-tooltip.tooltip-top.tooltip-top,.hotspot-tooltip.tooltip-bottom.tooltip-top{transform:translate(-50%) translateY(5px)}.hotspot-tooltip.tooltip-top.tooltip-bottom,.hotspot-tooltip.tooltip-bottom.tooltip-bottom{transform:translate(-50%) translateY(-5px)}.hotspot-tooltip.tooltip-left.tooltip-left,.hotspot-tooltip.tooltip-right.tooltip-left{transform:translateY(-50%) translate(5px)}.hotspot-tooltip.tooltip-left.tooltip-right,.hotspot-tooltip.tooltip-right.tooltip-right{transform:translateY(-50%) translate(-5px)}.hotspot-point:hover .hotspot-tooltip.tooltip-top,.hotspot-point.active .hotspot-tooltip.tooltip-top,.hotspot-point:hover .hotspot-tooltip.tooltip-bottom,.hotspot-point.active .hotspot-tooltip.tooltip-bottom{transform:translate(-50%) translateY(0)}.hotspot-point:hover .hotspot-tooltip.tooltip-left,.hotspot-point.active .hotspot-tooltip.tooltip-left,.hotspot-point:hover .hotspot-tooltip.tooltip-right,.hotspot-point.active .hotspot-tooltip.tooltip-right{transform:translateY(-50%) translate(0)}@media (hover: none) and (pointer: coarse){.hotspot-point{width:clamp(20px,4vw,28px);height:clamp(20px,4vw,28px)}.hotspot-point.active .hotspot-tooltip{opacity:1;visibility:visible}.hotspot-tooltip{min-width:200px}}@media (max-width: 480px){.hotspot-tooltip{max-width:calc(100vw - 40px);font-size:clamp(11px,2vw,14px);min-width:180px;padding:clamp(8px,1.2vw,16px)}.hotspot-tooltip.tooltip-left,.hotspot-tooltip.tooltip-right{left:50%!important;right:auto!important;transform:translate(-50%)!important}.hotspot-tooltip.tooltip-left.tooltip-left,.hotspot-tooltip.tooltip-right.tooltip-left{bottom:calc(100% + 10px);top:auto}.hotspot-tooltip.tooltip-left.tooltip-right,.hotspot-tooltip.tooltip-right.tooltip-right{top:calc(100% + 10px);bottom:auto}.hotspot-tooltip.tooltip-left:after,.hotspot-tooltip.tooltip-right:after{left:50%!important;right:auto!important;transform:translate(-50%)!important}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.hotspot-point{border-width:2px}}@media (prefers-reduced-motion: reduce){.hotspot-point,.hotspot-tooltip{transition:none}}@media (prefers-contrast: high){.hotspot-tooltip{background:#fff;border:1px solid #000}.hotspot-point{border-color:#000;background:#fff}}
