.staff.svelte-kd0682{--s:1.5rem;--s-min:.7rem;width:100%;position:relative;overflow-x:auto;container-type:inline-size}.compatto.svelte-kd0682{--s:1rem}.interattivo.svelte-kd0682{--s:calc(var(--target) * 1.25)}.tela.svelte-kd0682{height:max(calc(var(--u) * var(--s-min)), min(calc(var(--u) * var(--s)), calc(100cqw * var(--r))));min-width:calc(var(--m) * var(--s-min));position:relative}svg.svelte-kd0682{width:100%;height:100%;display:block}.linea.svelte-kd0682{stroke:var(--colore-testo);stroke-width:1.3px}.taglio.svelte-kd0682{stroke:var(--colore-testo);stroke-width:1.6px}.gambo.svelte-kd0682{stroke:var(--colore-testo);stroke-width:1.2px}.stanghetta.svelte-kd0682{stroke:var(--colore-testo);stroke-width:1.6px}.stanghetta.spessa.svelte-kd0682{stroke-width:5px}.guida.svelte-kd0682{stroke:var(--colore-bordo-forte);stroke-width:1.2px;stroke-dasharray:2 2}path.svelte-kd0682{fill:var(--colore-testo)}.fantasma.svelte-kd0682{fill:var(--colore-accento);opacity:.55}.anello.svelte-kd0682{fill:none;stroke:var(--colore-accento);stroke-width:3px}text.svelte-kd0682{fill:var(--colore-testo);font-family:var(--font);font-size:10px;font-weight:var(--peso-medio);text-anchor:middle}text.evidenziata.svelte-kd0682{font-weight:var(--peso-forte);text-decoration:underline}.battito.giusto.svelte-kd0682{fill:var(--colore-successo)}.battito.presto.svelte-kd0682,.battito.tardi.svelte-kd0682{fill:var(--colore-attenzione)}.battito.mancato.svelte-kd0682{fill:none;stroke:var(--colore-testo-tenue);stroke-width:1.5px;stroke-dasharray:2 1.6}.battito.in-piu.svelte-kd0682{fill:none;stroke:var(--colore-attenzione);stroke-width:1.8px;stroke-linecap:round}.nota-do.svelte-kd0682{fill:var(--nota-do)}.nota-re.svelte-kd0682{fill:var(--nota-re)}.nota-mi.svelte-kd0682{fill:var(--nota-mi)}.nota-fa.svelte-kd0682{fill:var(--nota-fa)}.nota-sol.svelte-kd0682{fill:var(--nota-sol)}.nota-la.svelte-kd0682{fill:var(--nota-la)}.nota-si.svelte-kd0682{fill:var(--nota-si)}path.riferimento.svelte-kd0682{fill:var(--colore-testo-tenue)}.tocchi.svelte-kd0682{position:absolute;inset:0}.tocco.svelte-kd0682{border-radius:var(--raggio-s);cursor:pointer;touch-action:manipulation;width:100%;transition:background-color var(--durata-breve) var(--easing);background:0 0;border:0;margin:0;padding:0;position:absolute;left:0}.tocco.svelte-kd0682:hover{background:color-mix(in srgb, var(--colore-accento) 14%, transparent)}.tocco.svelte-kd0682:focus-visible{outline:var(--bordo-focus) solid var(--colore-focus);outline-offset:calc(-1 * var(--bordo-focus));background:color-mix(in srgb, var(--colore-focus) 10%, transparent)}