div.svelte-1qxn0sw{position:absolute;transform:translateY(50%)}.wrapper.svelte-1qxn0sw{--note-head-height: 10px;--full-width: 150px;--mult-pos: calc(var(--note-head-height) / 2);position:relative;transform:none;width:var(--full-width);height:calc(var(--staff-size) * var(--mult-pos))}.bass-cleff-wrapper.svelte-1qxn0sw{transform:none;bottom:calc(var(--bass-bottom-pos) * var(--mult-pos) + var(--note-head-height) * .95);height:calc(var(--note-head-height) * 3)}.treble-cleff-wrapper.svelte-1qxn0sw{transform:none;bottom:calc(var(--treble-bottom-pos) * var(--mult-pos) - var(--note-head-height) * 1.2);height:calc(var(--note-head-height) * 6)}.staff-line.svelte-1qxn0sw{background:currentColor;bottom:calc(var(--pos) * var(--mult-pos));height:1px;left:calc(var(--note-head-height) * 3.5);width:calc(var(--note-head-height) * 3)}.staff-line.full.svelte-1qxn0sw{left:0;width:var(--full-width)}.note-wrapper.svelte-1qxn0sw{transform:translate(-50%,50%);bottom:calc(var(--pos) * var(--mult-pos));left:calc(5 * var(--note-head-height) + 1.5 * var(--alignment) * var(--note-head-height));height:var(--note-head-height);border-radius:50%}.note-modifier.svelte-1qxn0sw{left:-60%;bottom:calc(var(--note-head-height) / 2);line-height:1;font-size:calc(var(--note-head-height) * 2)}