.hotspot.svelte-8r7b7x{display:block;width:16px;height:16px;border-radius:50%;border:2px solid #06b6d4;background-color:#06b6d433;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.hotspot.svelte-8r7b7x:hover{transform:scale(1.4);background-color:#06b6d480;border-color:#fff}.hotspot.svelte-8r7b7x:focus{outline:none}.annotation.svelte-8r7b7x{background:#000c;color:#06b6d4;padding:4px 8px;border:1px solid #06b6d4;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase;position:absolute;transform:translate(20px,-8px);pointer-events:none;white-space:nowrap;opacity:0;transition:opacity .3s}.hotspot.svelte-8r7b7x:hover .annotation:where(.svelte-8r7b7x){opacity:1}