.image-hotspots-module{margin:0;width:100%;--dot-color:#204580;--tooltip-bg:#272e74;--accent-color:#00a4e4}.image-hotspots-container{display:inline-block;max-width:100%;position:relative}.hotspots-background-image{display:block;height:auto}.hotspot-wrap{position:absolute;transform:translate(-50%,-50%)}.hotspot-dot,.hotspot-wrap{height:30px;width:30px;z-index:5}.hotspot-dot{background-color:var(--dot-color,#204580);border-radius:50%;cursor:pointer;position:relative;transition:all .3s ease}.hotspot-dot:hover{transform:scale(1.1) rotate(90deg)}.hotspot-dot span{display:block;height:100%;position:relative;width:100%}.hotspot-dot span:after,.hotspot-dot span:before{background-color:#fff;content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.hotspot-dot span:before{height:2px;width:12px}.hotspot-dot span:after{height:12px;width:2px}.hotspot-dot:before{animation:pulsate 3s cubic-bezier(.2,1,.2,1) infinite;background-color:var(--dot-color,#204580);border-radius:50%;content:"";height:calc(100% - 8px);left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:calc(100% - 8px);z-index:1}@keyframes pulsate{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(3)}}.hotspot-tooltip{background-color:var(--tooltip-bg,#272e74);border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,.3);color:#fff;opacity:0;padding:20px;pointer-events:none;position:absolute;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;width:250px;z-index:100}.hotspot-tooltip[data-position=top]{bottom:calc(100% + 10px);left:50%;transform:translateX(-50%)}.hotspot-tooltip[data-position=bottom]{left:50%;top:calc(100% + 10px);transform:translateX(-50%)}.hotspot-tooltip[data-position=left]{right:calc(100% + 10px);top:50%;transform:translateY(-50%)}.hotspot-tooltip[data-position=right]{left:calc(100% + 10px);top:50%;transform:translateY(-50%)}.hotspot-tooltip:after{border-style:solid;content:"";height:0;position:absolute;width:0}.hotspot-tooltip[data-position=top]:after{border-color:var(--tooltip-bg,#272e74) transparent transparent transparent;border-width:8px 8px 0;bottom:-8px;left:50%;transform:translateX(-50%)}.hotspot-tooltip[data-position=bottom]:after{border-color:transparent transparent var(--tooltip-bg,#272e74) transparent;border-width:0 8px 8px;left:50%;top:-8px;transform:translateX(-50%)}.hotspot-tooltip[data-position=left]:after{border-color:transparent transparent transparent var(--tooltip-bg,#272e74);border-width:8px 0 8px 8px;right:-8px;top:50%;transform:translateY(-50%)}.hotspot-tooltip[data-position=right]:after{border-color:transparent var(--tooltip-bg,#272e74) transparent transparent;border-width:8px 8px 8px 0;left:-8px;top:50%;transform:translateY(-50%)}.tooltip-inner{font-size:14px;line-height:1.6}.tooltip-inner ul{list-style:none;margin:0;padding:0}.tooltip-inner li{align-items:flex-start;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;padding:8px 0}.tooltip-inner li:last-child{border-bottom:none}.tooltip-inner li:before{color:var(--accent-color,#00a4e4);content:"•";flex-shrink:0;font-weight:700;line-height:1.6;margin-right:8px}.hotspot-modal-overlay{background-color:rgba(0,0,0,.85);bottom:0;display:none;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s ease;z-index:9999}.hotspot-modal-overlay.active{opacity:1}.hotspot-modal{background-color:var(--tooltip-bg,#272e74);border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,.5);left:50%;max-height:80vh;max-width:500px;overflow-y:auto;padding:24px;top:50%;transform:translate(-50%,-50%);width:90%}.hotspot-modal,.modal-close{color:#fff;position:absolute}.modal-close{align-items:center;background:hsla(0,0%,100%,.1);border:none;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;right:16px;top:16px;transition:background-color .2s ease;width:40px;z-index:10}.modal-close:hover{background:hsla(0,0%,100%,.2)}.modal-content{padding-right:30px}.modal-content ul{list-style:none;margin:0;padding:0}.modal-content li{align-items:flex-start;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;font-size:16px;line-height:1.6;padding:12px 0}.modal-content li:last-child{border-bottom:none}.modal-content li:before{color:var(--accent-color,#00a4e4);content:"•";flex-shrink:0;font-size:18px;font-weight:700;line-height:1.6;margin-right:12px}@media (max-width:768px){.hotspot-tooltip{display:none!important}.hotspot-modal-overlay{display:block}.hotspot-dot,.hotspot-wrap{height:20px;width:20px}.hotspot-dot span:before{height:1.5px;width:10px}.hotspot-dot span:after{height:10px;width:1.5px}}@media (max-width:480px){.hotspot-dot,.hotspot-wrap{height:18px;width:18px}.hotspot-dot span:before{height:1.5px;width:8px}.hotspot-dot span:after{height:8px;width:1.5px}.hotspot-modal{padding:20px;width:95%}}