.audio-player.svelte-17xu2x5{position:relative;width:100%;height:100vh;background-color:#000;color:#fff;font-family:Arial,sans-serif;overflow:hidden;cursor:grab}.audio-player.svelte-17xu2x5:active{cursor:grabbing}.info-container.svelte-17xu2x5{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;background-color:#000000b3;padding:20px;border-radius:5px;font-size:.9rem;z-index:100;text-align:center}.loading-button.svelte-17xu2x5,.play-button.svelte-17xu2x5,.toggle-button.svelte-17xu2x5{padding:10px 20px;font-size:1rem;background-color:#fff3;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s;margin-top:10px}.loading-button.svelte-17xu2x5{opacity:.5;cursor:not-allowed}.play-button.svelte-17xu2x5:hover,.toggle-button.svelte-17xu2x5:hover{background-color:#ffffff4d}.toggle-button.svelte-17xu2x5{position:absolute;top:20px;right:20px;z-index:50}.compass-container.svelte-17xu2x5{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.current-event.svelte-17xu2x5{position:absolute;bottom:50px;left:50%;transform:translate(-50%);background-color:#000000b3;color:#fff;padding:5px 10px;border-radius:5px;font-size:14px}.playbar-container.svelte-17xu2x5{position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:20}.playbar.svelte-17xu2x5{background-color:#fff3;border-radius:10px;overflow:hidden;position:relative}.playbar-progress.svelte-17xu2x5{background-color:#ffffff80;height:100%;position:relative}.playbar-thumb.svelte-17xu2x5{background-color:#fff;width:10px;height:10px;border-radius:50%;position:absolute;right:-5px;top:50%;transform:translateY(-50%)}.playbar-time.svelte-17xu2x5{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.event-marker.svelte-17xu2x5{position:absolute;height:10px;width:10px;background-color:#fff;top:50%;transform:translateY(-50%);cursor:pointer}.tooltip.svelte-17xu2x5{position:fixed;background-color:#000c;color:#fff;padding:5px 10px;border-radius:5px;font-size:12px;pointer-events:none;z-index:1000;bottom:20px;left:50%;transform:translate(-50%)}main.svelte-1rrwa63{width:100vw;height:100vh;position:relative;overflow:hidden}