.visualizer.svelte-bg83v1{position:relative;width:100%;height:100%;background:#000;cursor:crosshair}canvas.svelte-bg83v1{width:100%;height:100%;display:block}.axis-svg.svelte-bg83v1{position:absolute;top:50%;left:0;width:100%;height:100%;transform:translateY(-50%);pointer-events:none;overflow:hidden}.axis-svg.svelte-bg83v1.horizontal{top:0;right:0;left:auto;width:calc(100% - 3rem);height:100%;transform:none}.axis-svg.svelte-bg83v1 .hide:where(.svelte-bg83v1){opacity:0}.overlay-svg.svelte-bg83v1{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.overlay-svg.svelte-bg83v1 line:where(.svelte-bg83v1){stroke:#ffffff80;stroke-width:2;vector-effect:non-scaling-stroke}.overlay-svg.svelte-bg83v1 .hint-h:where(.svelte-bg83v1){stroke:#94c8ffe6;stroke-width:3}.overlay-svg.svelte-bg83v1 .hint-v:where(.svelte-bg83v1){stroke:#94c8ffe6;stroke-width:3}.overlay-svg.svelte-bg83v1 .playhead-line:where(.svelte-bg83v1){transition:opacity .1s}.overlay-svg.svelte-bg83v1 .playhead-line:where(.svelte-bg83v1) line:where(.svelte-bg83v1){stroke:#ffc85af2;stroke-width:2}.overlay-svg.svelte-bg83v1 .playhead-line:where(.svelte-bg83v1).hidden{opacity:0}.overlay-svg.svelte-bg83v1 .loop-dim:where(.svelte-bg83v1) rect:where(.svelte-bg83v1){fill:#0006}.overlay-svg.svelte-bg83v1 .loop-line:where(.svelte-bg83v1) line:where(.svelte-bg83v1){stroke:#ffffffe6;stroke-width:2}.menzura-wrap.svelte-bg83v1{position:absolute;top:0;bottom:0;left:0;width:11rem;z-index:4;pointer-events:none;background:linear-gradient(90deg,#0000008c,#0000000d);transition:left .12s ease-out}.menzura-wrap.svelte-bg83v1.drag{transition:left .05s ease-out}.menzura-svg.svelte-bg83v1{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}.menzura-svg.svelte-bg83v1 .mz-tick.sharp:where(.svelte-bg83v1) text:where(.svelte-bg83v1){opacity:.55}.menzura-svg.svelte-bg83v1 text:where(.svelte-bg83v1){fill:#ffffffd9}.menzura-svg.svelte-bg83v1 .mz-tick.c:where(.svelte-bg83v1) text:where(.svelte-bg83v1){font-size:.7rem;fill:#fff}.menzura-svg.svelte-bg83v1 .mz-tick.active:where(.svelte-bg83v1) text:where(.svelte-bg83v1){fill:#fff;font-size:calc(1rem + var(--active) * .4rem);opacity:calc(.5 + var(--active) * .5)}.menzura-svg.svelte-bg83v1 .mz-tick.active:where(.svelte-bg83v1).c text:where(.svelte-bg83v1){font-size:calc(.85rem + var(--active) * .75rem);opacity:1}.menzura-indicator.svelte-bg83v1{position:absolute;left:0rem;width:1rem;height:.2rem;margin-top:-1px;background:#fff;box-shadow:0 0 5px #ffffffb3;pointer-events:none;transition:top .04s linear}text.svelte-bg83v1{font-family:Inter,sans-serif;fill:#fff;pointer-events:none;-webkit-user-select:none;user-select:none}.piano-key.svelte-bg83v1{transition:fill .1s}.piano-key.svelte-bg83v1.black{fill:color-mix(in srgb,#050505,#cca005 calc(var(--active) * 100%))}.piano-key.svelte-bg83v1.white{fill:color-mix(in srgb,#1a1a1a,#cca005 calc(var(--active) * 100%))}.note-label.svelte-bg83v1{font-size:.075rem;font-weight:calc(400 + (var(--active) * 300));opacity:calc(.4 + (var(--active) * .6));transition:font-size .1s,opacity .1s,font-weight .1s}.note-label.svelte-bg83v1.is-sharp{opacity:calc(.2 + (var(--active) * .8))}.octave-num.svelte-bg83v1{font-size:.1rem;fill:#fff6}