.hotspot{display:block!important;position:absolute;width:26px;height:26px;border:2px solid #fff;border-radius:50%;background:rgba(14,102,76,.82);box-shadow:0 0 0 7px rgba(255,255,255,.16);transform:translate(-50%,-50%);cursor:pointer;transition:.18s;z-index:4}.hotspot:after{content:attr(data-short);position:absolute;left:50%;top:32px;transform:translateX(-50%);background:#102c23;color:#fff;border-radius:8px;padding:5px 8px;white-space:nowrap;font-size:11px;font-weight:700;opacity:0;pointer-events:none;transition:.15s}.hotspot:hover,.hotspot:focus-visible,.hotspot.active{transform:translate(-50%,-50%) scale(1.25);background:#e2ad36}.hotspot:hover:after,.hotspot:focus-visible:after,.hotspot.active:after{opacity:1}.hotspot.dim{opacity:.18}#hotspots{position:absolute;inset:0;z-index:4;pointer-events:none}#hotspots .hotspot{pointer-events:auto}@media(max-width:620px){.hotspot{width:22px;height:22px}}