.image-container{height:fit-content;position:relative;width:fit-content}.image-hotspot{cursor:pointer;display:none;position:absolute;transform:translate(-50%,-50%);z-index:0}.image-hotspot__icon{background:#73cff1;border:2px solid #fff;border-radius:50px;padding:13px;transition:all .2s ease;z-index:1}.image-hotspot__icon:hover{background:#70caeb}.image-hotspot__icon img{display:block;height:16px;object-fit:contain;width:16px}.image-hotspot__tooltip{background:#1b222c;border-radius:4px;bottom:calc(100% + 36px);color:#fff;font-size:14px;left:50%;opacity:0;padding:15px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:all .2s ease;visibility:hidden;width:30ch}.image-hotspot:hover .image-hotspot__tooltip{opacity:1;visibility:visible}.image-hotspot__tooltip:after{background:#1b222c;clip-path:polygon(50% 100%,0 0,100% 0);content:"";height:25px;left:50%;position:absolute;top:calc(100% - 9px);transform:translateX(-50%);width:39px}.image-hoptspot__pulse{animation:hotspotPulse 2.1s linear infinite;background:radial-gradient(circle,hsla(0,0%,100%,0) 20%,#73cff1 100%);border-radius:50px;content:"";height:100%;inset:50%;opacity:1;position:absolute;transform:translate(-50%,-50%) scale(1);width:100%;z-index:-1}.image-hoptspot__pulse--2{animation-delay:.7s}.image-hoptspot__pulse--3{animation-delay:1.4s}@keyframes hotspotPulse{0%{transform:translate(-50%,-50%) scale(1)}20%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(3)}}@media (min-width:640px){.image-hotspot{display:block}.image-hotspot__icon{padding:10px}.image-hotspot__icon img{height:12px;width:12px}}@media (min-width:1024px){.image-hotspot__tooltip{font-size:18px}.image-hotspot__icon{padding:13px}.image-hotspot__icon img{height:16px;width:16px}}