.piano.svelte-57lljy.svelte-57lljy{display:flex;position:relative;max-width:500px}.piano-key.svelte-57lljy.svelte-57lljy{width:calc(100% / 7);height:200px;border:1px solid black;background-color:ivory;border-bottom-left-radius:5px;border-bottom-right-radius:5px;font-size:1.15rem}.piano-key.black.svelte-57lljy.svelte-57lljy{position:absolute;background-color:#282c35;width:calc(100% / 7 * .6);height:130px;box-shadow:0 0 4px #00000080}.Db.svelte-57lljy.svelte-57lljy{left:10%}.Eb.svelte-57lljy.svelte-57lljy{left:calc(100% / 7 * 2 - 100% / 7 * .6 / 2)}.Gb.svelte-57lljy.svelte-57lljy{left:calc(100% / 7 * 4 - 100% / 7 * .6 / 2)}.Ab.svelte-57lljy.svelte-57lljy{left:calc(100% / 7 * 5 - 100% / 7 * .6 / 2)}.Bb.svelte-57lljy.svelte-57lljy{left:calc(100% / 7 * 6 - 100% / 7 * .6 / 2)}button.svelte-57lljy.svelte-57lljy{width:100%;height:100%;border:none;background:none;display:flex;align-items:end;justify-content:center;font-family:Poppins,sans-serif;font-weight:300}.piano-key.black.svelte-57lljy button.svelte-57lljy{color:#fff}.input-wrapper.svelte-1dh36kq{max-width:500px}input.svelte-1dh36kq{border-radius:5px 0 0 5px;color:#333}.btn-primary.svelte-1dh36kq{border-radius:0 5px 5px 0}tr.svelte-1dh36kq,th.svelte-1dh36kq,td.svelte-1dh36kq,thead.svelte-1dh36kq{background:none;color:#fff}h1.svelte-1dh36kq,h2.svelte-1dh36kq,p.svelte-1dh36kq,tr.svelte-1dh36kq,th.svelte-1dh36kq,td.svelte-1dh36kq,button.svelte-1dh36kq{font-family:Poppins,sans-serif;font-weight:300}