.mobile-hotspot-viewer.svelte-u3hr99{width:100%;height:100svh;position:relative;overflow:hidden;padding:var(--spaces-margin-2) 0;background:var(--surfaces-surf-1, #f3f2ee);box-sizing:content-box}@media(min-width:1200px){.mobile-hotspot-viewer.svelte-u3hr99{display:none}}.image-container.svelte-u3hr99{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.background-image.svelte-u3hr99{width:100%;height:100%;object-fit:contain}.hotspots-container.svelte-u3hr99{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.hotspot.svelte-u3hr99{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;cursor:pointer;animation:svelte-u3hr99-fadeIn .5s ease-in-out}.hotspot-dot.svelte-u3hr99{width:3rem;height:3rem;background:#ffffffe6;border:2px solid rgba(0,0,0,.3);border-radius:50%;animation:svelte-u3hr99-pulse 2s ease-in-out infinite;display:flex;justify-content:center;align-items:center}.hotspot-dot.svelte-u3hr99 img:where(.svelte-u3hr99){object-fit:contain}.hotspot-label.svelte-u3hr99{position:absolute;top:-2.5rem;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:.5rem 1rem;border-radius:.5rem;white-space:nowrap;font-size:.875rem;font-weight:500;opacity:0;transition:opacity .3s ease}.hotspot.svelte-u3hr99:hover .hotspot-label:where(.svelte-u3hr99){opacity:1}@keyframes svelte-u3hr99-fadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes svelte-u3hr99-pulse{0%,to{transform:scale(1);box-shadow:0 0 #ffffffb3}50%{transform:scale(1.1);box-shadow:0 0 0 10px #fff0}}