:root{--nhg-image-hotspot-dot-size:10px;--nhg-image-hotspot-dot-color:#fff;--nhg-image-hotspot-tooltip-color:#fff;--nhg-image-hotspot-line-thickness:3px;--nhg-image-hotspot-line-length:20px;--nhg-image-hotspot-gap:24px;--nhg-image-hotspot-overlap:3px;--nhg-image-hotspot-shadow:0 2px 8px rgba(0,0,0,.6)}.nhg-image-hotspot-layer{position:absolute;z-index:99;pointer-events:none}.nhg-image-hotspot-dot{position:absolute;transform:translate(-50%,-50%);z-index:100;pointer-events:auto;cursor:pointer}.nhg-image-hotspot-dot::before{content:"";position:absolute;z-index:0;pointer-events:none;background:transparent;box-shadow:var(--nhg-image-hotspot-shadow);border-radius:999px}.nhg-image-hotspot-index{width:var(--nhg-image-hotspot-dot-size);height:var(--nhg-image-hotspot-dot-size);border-radius:50%;background:var(--nhg-image-hotspot-dot-color);position:relative;z-index:2}.nhg-image-hotspot-dot .nhg-image-hotspot-line{position:absolute;background:var(--nhg-image-hotspot-dot-color);z-index:1}.nhg-image-hotspot-dot.is-top .nhg-image-hotspot-line,.nhg-image-hotspot-dot.is-bottom .nhg-image-hotspot-line{width:var(--nhg-image-hotspot-line-thickness);height:calc(var(--nhg-image-hotspot-line-length)+var(--nhg-image-hotspot-overlap));left:50%;transform:translateX(-50%)}.nhg-image-hotspot-dot.is-left .nhg-image-hotspot-line,.nhg-image-hotspot-dot.is-right .nhg-image-hotspot-line{width:calc(var(--nhg-image-hotspot-line-length)+var(--nhg-image-hotspot-overlap));height:var(--nhg-image-hotspot-line-thickness);top:50%;transform:translateY(-50%)}.nhg-image-hotspot-dot.is-top .nhg-image-hotspot-line{bottom:calc(100% - var(--nhg-image-hotspot-overlap))}.nhg-image-hotspot-dot.is-bottom .nhg-image-hotspot-line{top:calc(100% - var(--nhg-image-hotspot-overlap))}.nhg-image-hotspot-dot.is-left .nhg-image-hotspot-line{right:calc(100% - var(--nhg-image-hotspot-overlap))}.nhg-image-hotspot-dot.is-right .nhg-image-hotspot-line{left:calc(100% - var(--nhg-image-hotspot-overlap))}.nhg-image-hotspot-dot .nhg-image-hotspot-tooltip{position:absolute;white-space:nowrap;color:var(--nhg-image-hotspot-tooltip-color);font-size:13px;line-height:1.2;text-shadow:0 2px 6px rgba(0,0,0,.7);pointer-events:auto;z-index:3}.nhg-image-hotspot-tooltip a{color:inherit!important;text-decoration:underline}.nhg-image-hotspot-tooltip p{margin-bottom:0}.nhg-image-hotspot-dot.is-top .nhg-image-hotspot-tooltip,.nhg-image-hotspot-dot.is-bottom .nhg-image-hotspot-tooltip{left:50%;transform:translateX(-50%)}.nhg-image-hotspot-dot.is-left .nhg-image-hotspot-tooltip,.nhg-image-hotspot-dot.is-right .nhg-image-hotspot-tooltip{top:50%;transform:translateY(-50%)}.nhg-image-hotspot-dot.is-top .nhg-image-hotspot-tooltip{bottom:calc(100% + var(--nhg-image-hotspot-gap))}.nhg-image-hotspot-dot.is-bottom .nhg-image-hotspot-tooltip{top:calc(100% + var(--nhg-image-hotspot-gap))}.nhg-image-hotspot-dot.is-left .nhg-image-hotspot-tooltip{right:calc(100% + var(--nhg-image-hotspot-gap))}.nhg-image-hotspot-dot.is-right .nhg-image-hotspot-tooltip{left:calc(100% + var(--nhg-image-hotspot-gap))}.nhg-image-hotspot-dot.is-right::before{left:0;top:calc(50% - (var(--nhg-image-hotspot-line-thickness) / 2));width:calc(var(--nhg-image-hotspot-dot-size)+var(--nhg-image-hotspot-line-length));height:var(--nhg-image-hotspot-line-thickness)}.nhg-image-hotspot-dot.is-left::before{right:0;top:calc(50% - (var(--nhg-image-hotspot-line-thickness) / 2));width:calc(var(--nhg-image-hotspot-dot-size)+var(--nhg-image-hotspot-line-length));height:var(--nhg-image-hotspot-line-thickness)}.nhg-image-hotspot-dot.is-top::before{bottom:0;left:calc(50% - (var(--nhg-image-hotspot-line-thickness) / 2));width:var(--nhg-image-hotspot-line-thickness);height:calc(var(--nhg-image-hotspot-dot-size)+var(--nhg-image-hotspot-line-length))}.nhg-image-hotspot-dot.is-bottom::before{top:0;left:calc(50% - (var(--nhg-image-hotspot-line-thickness) / 2));width:var(--nhg-image-hotspot-line-thickness);height:calc(var(--nhg-image-hotspot-dot-size)+var(--nhg-image-hotspot-line-length))}