div.svelte-6dyupy.svelte-6dyupy{--em:0.75rem;display:flex;align-items:baseline;padding:var(--baseline);position:relative;height:calc(var(--lineHeight) * 1.5)}div.svelte-6dyupy>.svelte-6dyupy:first-child{margin-right:var(--baseline)}label.svelte-6dyupy.svelte-6dyupy{display:block;height:var(--em);font-size:var(--em);line-height:var(--em);font-weight:650;text-transform:uppercase;letter-spacing:0.01em;color:hsl(var(--primary))}label.svelte-6dyupy.svelte-6dyupy:before{content:'';position:absolute;display:block;top:0;right:0;left:0;bottom:0}input.svelte-6dyupy.svelte-6dyupy{height:var(--em);font-size:var(--em);line-height:var(--em);color:hsl(var(--secondary));border-radius:0;padding:0;word-spacing:1ch}div.svelte-6dyupy.svelte-6dyupy:before{display:block;position:absolute;content:'';top:-50%;right:-50%;bottom:-50%;left:-50%;transform:scale(0.5);box-shadow:inset 0 0 0 1px hsl(var(--focus-color, var(--quinary)));pointer-events:none}div.svelte-6dyupy.svelte-6dyupy:focus-within{--focus-color:var(--accent)}
[root].svelte-1qb69iv{--H:var(--lineHeight);--W:var(--baseline);--octaveH:calc(var(--H) * var(--semitones));--rollH:calc((var(--octaveH) * 2) + var(--H));--sumTicks:calc(var(--ticks) * var(--measures));--X1:hsla(var(--primary), 0.05);--x1:hsla(var(--quinary), 0.00);--X2:hsla(var(--tertiary), 0.25);--x2:hsla(var(--quinary), 0.00);--Y1:hsla(var(--quinary), 0.00);--y1:hsla(var(--tertiary), 0.05);--Y2:hsla(var(--quinary), 0.00);--y2:hsla(var(--primary), 0.05);--measure:calc(var(--W) * 64);--semibreve:calc(var(--measure) / 4);--minim:calc(var(--semibreve) / 2);--crotchet:calc(var(--minim) / 2);--quaver:calc(var(--crotchet) / 2);--semiquaver:calc(var(--quaver) / 2);--octave:calc(var(--H) * 12);--tone:calc(var(--octave) / 2);--semitone:calc(var(--tone) / 3);--quartertone:calc(var(--semitone) / 2);--x:var(--measure);--y:var(--octave);--divider:.5px}phrase.svelte-1qb69iv{min-height:var(--pianoRollHeight);max-height:calc(var(--pianoRollHeight) - 1px);overflow-y:scroll;overflow-x:scroll;display:grid;grid-auto-rows:var(--H);grid-auto-columns:var(--W);position:relative;background-image:repeating-linear-gradient(0deg,
        var(--Y1),
        var(--Y1) var(--divider),
        var(--y1) 0,
        var(--y1) calc(var(--octave) / 2),
        var(--Y2) calc(var(--octave) / 2),
        var(--Y2) calc(var(--octave) / 2 + var(--divider)),
        var(--y2) calc(var(--octave) / 2 + var(--divider)),
        var(--y2) var(--octave)),
      repeating-linear-gradient(0deg,
        var(--Y1),
        var(--Y1) var(--divider),
        var(--y1) 0,
        var(--y1) calc(var(--tone) / 2),
        var(--Y2) calc(var(--tone) / 2),
        var(--Y2) calc(var(--tone) / 2 + var(--divider)),
        var(--y2) calc(var(--tone) / 2 + var(--divider)),
        var(--y2) var(--tone)),
      repeating-linear-gradient(0deg,
        var(--Y1),
        var(--Y1) var(--divider),
        var(--y1) 0,
        var(--y1) calc(var(--semitone) / 2),
        var(--Y2) calc(var(--semitone) / 2),
        var(--Y2) calc(var(--semitone) / 2 + var(--divider)),
        var(--y2) calc(var(--semitone) / 2 + var(--divider)),
        var(--y2) var(--semitone)),
      repeating-linear-gradient(90deg,
        var(--X1),
        var(--X1) var(--divider),
        var(--x1) 0,
        var(--x1) calc(var(--measure) / 2),
        var(--X2) calc(var(--measure) / 2),
        var(--X2) calc(var(--measure) / 2 + var(--divider)),
        var(--x2) calc(var(--measure) / 2 + var(--divider)),
        var(--x2) var(--measure)),
      repeating-linear-gradient(90deg,
        var(--X1),
        var(--X1) var(--divider),
        var(--x1) 0,
        var(--x1) calc(var(--semibreve) / 2),
        var(--X2) calc(var(--semibreve) / 2),
        var(--X2) calc(var(--semibreve) / 2 + var(--divider)),
        var(--x2) calc(var(--semibreve) / 2 + var(--divider)),
        var(--x2) var(--semibreve)),
      repeating-linear-gradient(90deg,
        var(--X1),
        var(--X1) var(--divider),
        var(--x1) 0,
        var(--x1) calc(var(--minim) / 2),
        var(--X2) calc(var(--minim) / 2),
        var(--X2) calc(var(--minim) / 2 + var(--divider)),
        var(--x2) calc(var(--minim) / 2 + var(--divider)),
        var(--x2) var(--minim)),
      repeating-linear-gradient(90deg,
        var(--X1),
        var(--X1) var(--divider),
        var(--x1) 0,
        var(--x1) calc(var(--crotchet) / 2),
        var(--X2) calc(var(--crotchet) / 2),
        var(--X2) calc(var(--crotchet) / 2 + var(--divider)),
        var(--x2) calc(var(--crotchet) / 2 + var(--divider)),
        var(--x2) var(--crotchet)),
      repeating-linear-gradient(90deg,
        var(--X1),
        var(--X1) var(--divider),
        var(--x1) 0,
        var(--x1) calc(var(--quaver) / 2),
        var(--X2) calc(var(--quaver) / 2),
        var(--X2) calc(var(--quaver) / 2 + var(--divider)),
        var(--x2) calc(var(--quaver) / 2 + var(--divider)),
        var(--x2) var(--quaver));background-repeat:repeat;background-size:var(--x) var(--y);background-position:0 calc(var(--divider) / 2);background-attachment:local}roll.svelte-1qb69iv{display:block;position:relative}roll.svelte-1qb69iv:before{display:block;left:0;position:absolute;content:'';top:-50%;right:-50%;bottom:-50%;left:-50%;transform:scale(0.5);box-shadow:inset 0 0 0 1px hsl(var(--focus-color, var(--quinary)));pointer-events:none}roll.svelte-1qb69iv:focus-within{--focus-color:var(--accent)}playhead.svelte-1qb69iv,x-cursor.svelte-1qb69iv{z-index:var(--row);display:block;grid-column:var(--col) / span var(--span);grid-row:var(--row);text-align:center;position:relative}playhead.svelte-1qb69iv:after,x-cursor.svelte-1qb69iv:after{display:block;position:absolute;content:'';height:calc(var(--octaveH) * calc(var(--octaves) + 1));top:0;left:0;right:0}playhead.svelte-1qb69iv:after{background:hsla(var(--primary), 0.125)}x-cursor.svelte-1qb69iv:after{border-right:1px dotted hsl(var(--secondary));z-index:9999999999}
button.svelte-8z2o3k{z-index:var(--row);display:block;background-color:hsla(var(--accent), 0.6);color:hsla(var(--primary), 0.8);font-size:0.75rem;font-weight:420;border-radius:0;cursor:default;box-shadow:inset 0 0 0 1px hsla(var(--accent), 1);grid-column:var(--col) / span var(--span);grid-row:var(--row);text-align:center;position:relative}button.expanded.svelte-8z2o3k{z-index:calc(var(--row) - 1);--accent:var(--hue), calc(var(--heat) * 20%), 52%}button.svelte-8z2o3k:before{z-index:var(--row);display:block;position:absolute;content:'';top:-50%;right:-50%;bottom:-50%;left:-50%;transform:scale(0.5);box-shadow:inset 0 0 0 1px hsl(var(--quinary));pointer-events:none}button.svelte-8z2o3k:hover,button.svelte-8z2o3k:focus,button[playing="true"].svelte-8z2o3k{z-index:999}button.svelte-8z2o3k:hover{background-color:hsla(var(--accent), 0.8)}button.svelte-8z2o3k:focus,button[playing="true"].svelte-8z2o3k{background-color:hsla(var(--accent), 1);color:hsl(var(--primary));box-shadow:inset 0 0 0 1px hsla(var(--primary), 0.4);outline:1px solid hsla(var(--quinary), 0.2)}button[playing="true"].svelte-8z2o3k{margin:1px 2px}
console.svelte-9xrx4i{display:none;position:absolute;bottom:0;left:0;width:100vw;max-height:25vh;background:rgba(0,0,0,.5);color:hsl(225,79%,88%);z-index:999999;overflow-x:scroll;overflow-y:scroll;padding:1rem;pointer-events:none}console.show.svelte-9xrx4i{display:block}.log.svelte-9xrx4i{display:grid;grid-template-columns:min-content auto;min-width:0;gap:1ch 1ch;font-family:var(--monoFont)}.name.svelte-9xrx4i{font-weight:650;color:hsl(37,100%,70%)}
div.svelte-pzfjcv{--em:0.75rem;display:block;z-index:9999;pointer-events:none;position:sticky;left:0;height:var(--baseline);font-size:var(--em);line-height:var(--baseline);color:hsl(var(--secondary));padding:calc(var(--baseline)/2) var(--baseline);grid-column:var(--col) / span var(--span);grid-row:var(--row)}

/*# sourceMappingURL=bundle.css.map */