.point{position:absolute;top:50%;left:50%;z-index:0}.canvasContainer{position:relative;width:400px;height:400px;overflow:hidden}.point .label{position:absolute;border-radius:20px;width:30px;height:30px;display:flex;justify-content:center;align-items:center;background:#0007;border:1px solid #ffffff77;font-family:Helvetica,Arial,sans-serif;text-align:center;font-size:14px;cursor:pointer;transform:scale(0);transition:transform .3s ease-in-out}.point.visible .label{transform:scale(1)}.point .text{position:absolute;top:50px;left:50%;transform:translate(-50%);max-width:200px;width:-moz-max-content;width:max-content;padding:10px;border-radius:4px;background:#0007;border:1px solid #ffffff77;color:#fff;line-height:1.3em;font-family:Helvetica,Arial,sans-serif;font-size:14px;opacity:0;transition:opacity 1s ease-in-out;pointer-events:none}.point .text.visible{opacity:1;transition:opacity 1s ease-in-out .5s}.point.loading{display:none}.loading-bar.svelte-xufz3z{position:absolute;top:50%;width:100%;height:2px;z-index:100;background:#fff;transform:scaleX(0);transform-origin:top left;transition:transform .5s;will-change:transform}