.root.svelte-u2kf.svelte-u2kf{height:100%;background-color:#37b2c3;display:grid;place-items:center;position:relative;padding:0 1rem}.white-keys.svelte-u2kf.svelte-u2kf{fill:#fff}a.svelte-u2kf:focus .white-keys.svelte-u2kf,.white-keys.svelte-u2kf.svelte-u2kf:hover{fill:#ffd200}.black-keys.svelte-u2kf.svelte-u2kf{fill:#000}a.svelte-u2kf:focus .black-keys.svelte-u2kf,.black-keys.svelte-u2kf.svelte-u2kf:hover{fill:#f40082}.volume.svelte-u2kf.svelte-u2kf{position:absolute;top:1rem;right:1rem;display:flex;flex-wrap:wrap;align-items:center;gap:1rem;text-transform:uppercase;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}