.piano-wrapper.svelte-1wpzza9{height:7rem;--l: var(--piano-line-thickness, .18rem);--s: var(--piano-sharp-key-width, 1.1rem);--k: var(--piano-key-width, 1.6rem);display:grid;grid-template-rows:3fr 1fr 1fr;grid-template-columns:1fr}.piano-wrapper.has-content.svelte-1wpzza9{--content-height: 3.5rem;grid-template-rows:5fr 2fr calc(var(--content-height) / 2 - var(--l));position:relative}.piano-wrapper.has-content.svelte-1wpzza9 .content:where(.svelte-1wpzza9){background-color:var(--surface-8);color:var(--surface-0);justify-self:center;grid-row:3/4;grid-column:1/-1;padding:.2rem 3rem .5rem;position:absolute;z-index:3;border-radius:3rem;height:3rem;display:flex;align-items:center;justify-content:center}.piano.svelte-1wpzza9{display:grid;grid-row:1/-1;grid-column:1/-1;grid-template-rows:subgrid;grid-template-columns:subgrid;margin:calc(-1 * var(--l));border:var(--l) solid currentColor;border-radius:0 0 3rem 3rem;overflow:hidden}.piano.svelte-1wpzza9:before{content:"";grid-row:1/4;grid-column:1/-1;background:repeating-linear-gradient(to right,transparent,transparent var(--k),currentColor var(--k),currentColor calc(var(--k) + var(--l)))}.piano.svelte-1wpzza9:after{content:"";grid-row:1/2;grid-column:1/-1;--offset: 0;background:repeating-linear-gradient(to right,transparent,transparent calc((2 * var(--k) + var(--l) - var(--s)) / 2 + ((var(--k) + var(--l)) * 0)),currentColor calc((2 * var(--k) + var(--l) - var(--s)) / 2 + ((var(--k) + var(--l)) * 0)),currentColor calc((2 * var(--k) + var(--l) - var(--s)) / 2 + var(--s) + ((var(--k) + var(--l)) * 0)),transparent calc((2 * var(--k) + var(--l) - var(--s)) / 2 + var(--s) + ((var(--k) + var(--l)) * 0)),transparent calc((2 * var(--k) + var(--l) - var(--s)) / 2 + ((var(--k) + var(--l)) * 1)),currentColor calc((2 * var(--k) + var(--l) - var(--s)) / 2 + ((var(--k) + var(--l)) * 1)),currentColor calc((2 * var(--k) + var(--l) - var(--s)) / 2 + var(--s) + ((var(--k) + var(--l)) * 1)),transparent calc((2 * var(--k) + var(--l) - var(--s)) / 2 + var(--s) + ((var(--k) + var(--l)) * 1)),transparent calc((2 * var(--k) + var(--l) - var(--s)) / 2 + ((var(--k) + var(--l)) * 3)),currentColor calc((2 * var(--k) + var(--l) - var(--s)) / 2 + ((var(--k) + var(--l)) * 3)),currentColor calc((2 * var(--k) + var(--l) - var(--s)) / 2 + var(--s) + ((var(--k) + var(--l)) * 3)),transparent calc((2 * var(--k) + var(--l) - var(--s)) / 2 + var(--s) + ((var(--k) + var(--l)) * 3)),transparent calc((2 * var(--k) + var(--l) - var(--s)) / 2 + ((var(--k) + var(--l)) * 4)),currentColor calc((2 * var(--k) + var(--l) - var(--s)) / 2 + ((var(--k) + var(--l)) * 4)),currentColor calc((2 * var(--k) + var(--l) - var(--s)) / 2 + var(--s) + ((var(--k) + var(--l)) * 4)),transparent calc((2 * var(--k) + var(--l) - var(--s)) / 2 + var(--s) + ((var(--k) + var(--l)) * 4)),transparent calc((2 * var(--k) + var(--l) - var(--s)) / 2 + ((var(--k) + var(--l)) * 5)),currentColor calc((2 * var(--k) + var(--l) - var(--s)) / 2 + ((var(--k) + var(--l)) * 5)),currentColor calc((2 * var(--k) + var(--l) - var(--s)) / 2 + var(--s) + ((var(--k) + var(--l)) * 5)),transparent calc((2 * var(--k) + var(--l) - var(--s)) / 2 + var(--s) + ((var(--k) + var(--l)) * 5)),transparent calc((var(--k) + var(--l)) * 7))}p.svelte-1i8nl8s{background:repeating-linear-gradient(var(--surface-1),var(--surface-1) var(--stave-thickness),transparent var(--stave-thickness),transparent calc(var(--stave-gap) + var(--stave-thickness)));font-size:4.13rem;text-align:right;display:flex;flex-direction:row;justify-content:flex-end;flex-wrap:wrap;row-gap:1rem;column-gap:.7rem;word-spacing:.03em}p.svelte-1i8nl8s>span:where(.svelte-1i8nl8s){display:inline-block;line-height:1.5;white-space:nowrap;height:5rem}@media(max-width:37rem){p.svelte-1i8nl8s{font-size:3.1415rem;row-gap:1rem}p.svelte-1i8nl8s>span:where(.svelte-1i8nl8s){min-height:5rem;height:unset;white-space:wrap}}@media(max-width:28rem){p.svelte-1i8nl8s{padding-right:min(1rem,1.5vw)}}.stave.svelte-1uha8ag{--height: .8em;--thickness: .18em;display:grid;grid-template-columns:[clef-pre-gap] 1em [clef] calc(var(--height) * 5.25) [clef-post-gap] 2em [bar1] calc(var(--height) * 23.5) [bar1-line] min-content [bar2] calc(var(--height) * 30) [bar2-line] min-content [bar3] 3fr [bar3-line] min-content [bar4] 3fr [bar4-line] min-content [bar5] 1fr;grid-template-rows:[B5] var(--height) [A5] var(--height) [G5] var(--height) [F5] var(--height) [E5] var(--height) [D5] var(--height) [C5] var(--height) [B4] var(--height) [A4] var(--height) [G4] var(--height) [F4] var(--height) [E4] var(--height) [D4] var(--height) [C4] var(--height);position:relative;margin:3rem 0 1rem;overflow:auto}.stave-line.svelte-1uha8ag{height:var(--thickness);background-color:currentColor;grid-column:1/-1;position:relative;z-index:50}.stave-line.one.svelte-1uha8ag{grid-row:F5;z-index:70}.stave-line.two.svelte-1uha8ag{grid-row:D5}.stave-line.three.svelte-1uha8ag{grid-row:B4}.stave-line.four.svelte-1uha8ag{grid-row:G4}.stave-line.five.svelte-1uha8ag{grid-row:E4;z-index:60}.bar-line.svelte-1uha8ag{grid-row:E4/F5;width:var(--thickness);background-color:currentColor;z-index:80}.bar-line[data-bar="1"].svelte-1uha8ag{grid-column:bar1-line}.bar-line[data-bar="2"].svelte-1uha8ag{grid-column:bar2-line}.bar-line[data-bar="3"].svelte-1uha8ag{grid-column:bar3-line}.bar-line[data-bar="4"].svelte-1uha8ag{grid-column:bar4-line}.rest.svelte-1uha8ag{grid-row:C5/D5;background-color:currentColor;width:calc(var(--height) * 2);border-radius:0 0 2px 2px;justify-self:center;margin-left:calc(var(--height) * 3);margin-right:calc(var(--height) * 3)}.rest[data-bar="3"].svelte-1uha8ag{grid-column:bar3}.rest[data-bar="4"].svelte-1uha8ag{grid-column:bar4}.t-hi-im.svelte-1uha8ag,.t-michael.svelte-1uha8ag{position:absolute;overflow:visible;height:100%}.t-hi-im.svelte-1uha8ag text:where(.svelte-1uha8ag),.t-michael.svelte-1uha8ag text:where(.svelte-1uha8ag){dominant-baseline:middle;text-anchor:start;font-size:1.1em;fill:currentColor}.t-hi-im.svelte-1uha8ag text:where(.svelte-1uha8ag) tspan:where(.svelte-1uha8ag){dominant-baseline:inherit}.t-hi-im.svelte-1uha8ag text[fill=transparent]:where(.svelte-1uha8ag) tspan:where(.svelte-1uha8ag){fill:transparent}.t-hi-im.svelte-1uha8ag rect:where(.svelte-1uha8ag),.t-michael.svelte-1uha8ag rect:where(.svelte-1uha8ag){fill:var(--background)}.t-hi-im.svelte-1uha8ag{grid-row:G4/F5;grid-column:bar1;z-index:75}.t-hi-im.svelte-1uha8ag .stroked:where(.svelte-1uha8ag){stroke:var(--background);stroke-width:.125em;paint-order:stroke}.t-michael.svelte-1uha8ag{grid-row:E4/D5;grid-column:bar2;z-index:75}.clef.svelte-1uha8ag{grid-column:clef;grid-row:B3/B5;width:100%}.two-column-grid.svelte-1uha8ag{margin:2rem 2rem 0;display:grid;grid-template-columns:1fr 1fr;gap:1rem;--stave-thickness: .18rem;--stave-gap: 1rem}.two-column-grid.svelte-1uha8ag .col:where(.svelte-1uha8ag){display:flex;flex-direction:column;gap:2rem}.two-column-grid.svelte-1uha8ag .col:where(.svelte-1uha8ag):nth-child(2){padding:0 .5rem}.stave-text.svelte-1uha8ag em{font-weight:485}.projects.svelte-1uha8ag h1:where(.svelte-1uha8ag){font-weight:590}@media(max-width:68rem){.two-column-grid.svelte-1uha8ag{grid-template-columns:1fr;gap:2rem;margin-bottom:1rem}}@media(max-width:28rem){.two-column-grid.svelte-1uha8ag{margin:0}}.project.svelte-1uha8ag{color:inherit;text-decoration:none;padding:.5rem .5rem .75rem;display:block}.project.svelte-1uha8ag+.project:where(.svelte-1uha8ag){border-top:.18em solid var(--surface-1)}