@import"https://fonts.googleapis.com/css2?family=EB+Garamond:wght@500&display=swap";.piano-container.svelte-1bapvc1.svelte-1bapvc1{height:200px;left:15px;width:calc(100% - 30px);position:absolute;bottom:0}.volume-marker.svelte-1bapvc1.svelte-1bapvc1{position:absolute;height:100%;width:15px;bottom:0px;z-index:10}.volume-marker.svelte-1bapvc1>div.svelte-1bapvc1{width:100%;height:50px;position:absolute;bottom:0;border:solid 1px white;background-color:#000;margin-right:1px}@media (max-width: 500px){.piano-container.svelte-1bapvc1.svelte-1bapvc1{height:200px;left:15px;width:calc(100% - 30px);position:fixed;bottom:0}}.allow-audio.svelte-6fmi04.svelte-6fmi04{cursor:crosshair;width:calc(100% - 30px);height:calc(100% - 30px);position:absolute;padding:15px;top:0;left:0;z-index:10;display:flex;justify-content:center;align-items:flex-start;font-family:EB Garamond,serif;font-size:1.75rem;line-height:4rem;transition:opacity ease-in-out .5s}.allow-audio.svelte-6fmi04>div.svelte-6fmi04{padding:15px;margin-right:15px}img.svelte-6fmi04.svelte-6fmi04{max-width:650px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5}@media (max-width: 550px){img.svelte-6fmi04.svelte-6fmi04{max-width:100%}.allow-audio.svelte-6fmi04.svelte-6fmi04{font-size:1.7rem;line-height:1.5rem}.allow-audio.svelte-6fmi04>div.svelte-6fmi04{max-width:calc(100% - 30px);margin-bottom:50px;margin-left:0;border:none;margin-right:0}}.canvas-wrapper.svelte-6fmi04.svelte-6fmi04{position:absolute;top:0;left:0;opacity:0;transition:opacity ease-in 3s}.canvas-wrapper.visible.svelte-6fmi04.svelte-6fmi04{opacity:1}