.sr-image-hotspot-01 .container-fluid{padding:0}.sr-image-hotspot-01 .main-image{position:relative}.sr-image-hotspot-01 .main-image:after{background-color:var(--image_overlay_color);content:"";inset:0;position:absolute}.sr-image-hotspot-01 .main-image img{width:100%}.sr-image-hotspot-01 .point{appearance:none;-webkit-appearance:none;background:transparent;border:0;outline-color:transparent;padding:0;position:absolute}.sr-image-hotspot-01 .point__icon{align-items:center;aspect-ratio:1/1;background-color:var(--icon-background);border-radius:100%;display:flex;height:var(--icon-width);justify-content:center;padding:10px;transition:background-color .25s ease;width:var(--icon-width)}.sr-image-hotspot-01 .point:is(:hover,:focus-within) .point__icon{background-color:var(--icon-background-hover)}.sr-image-hotspot-01 .point__icon :is(.icon,.icon-custom){align-items:center;aspect-ratio:1;color:var(--icon-color);display:flex;fill:var(--icon-color);font-size:var(--icon-width);justify-content:center;width:var(--icon-width)}.sr-image-hotspot-01 .point__icon :is(svg,g,path,rect){color:inherit;fill:inherit;min-width:12px}.sr-image-hotspot-01 .point__icon .icon-custom>*,.sr-image-hotspot-01 .point__icon .icon-image img{width:calc(var(--icon-width)/2)}.sr-image-hotspot-01 .point__icon .icon-image{align-items:center;aspect-ratio:1;display:flex;justify-content:center}.sr-image-hotspot-01 .point__tooltip{display:none}.sr-image-hotspot-01[data-edit-mode=true] .main-image{cursor:crosshair}.sr-image-hotspot-01[data-edit-mode=true] .point{cursor:move;user-select:none}.sr-image-hotspot-01[data-edit-mode=true] .point:hover{cursor:move;transform:scale(1.1)}.sr-image-hotspot-01 .coordinate-display{background:rgba(0,0,0,.8);border-radius:3px;color:#fff;font-family:monospace;font-size:10px;line-height:1;opacity:0;padding:2px 4px;pointer-events:none;position:absolute;transform:translate(-50%,-110%);transition:opacity .2s;white-space:nowrap;z-index:10}.sr-image-hotspot-01 .coordinate-display p{display:inline;line-height:1.1;margin:0;white-space:nowrap}.sr-image-hotspot-01 .coordinate-display p:first-child:after{content:" • "}.sr-image-hotspot-01 .point.dragging .coordinate-display,.sr-image-hotspot-01[data-edit-mode=true] .coordinate-display{opacity:1}.sr-image-hotspot-01[data-edit-mode=true] .main-image:before{background:rgba(0,0,0,.8);border-radius:4px;bottom:0;color:#fff;content:"Click to add new point • Right-click point to delete";font-size:14px;left:50%;padding:8px 16px;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(100%);white-space:nowrap;z-index:10}@media(min-width:768px){.sr-image-hotspot-01 .point__icon{height:calc(var(--icon-width)*2.667);width:calc(var(--icon-width)*2.667)}.sr-image-hotspot-01 .point__icon .icon-custom>*{height:var(--icon-width);width:var(--icon-width)}.sr-image-hotspot-01 .point__icon .icon-image img{width:var(--image-width)}}