.tastiera.svelte-1l57o7x{--tasto-bianco:var(--colore-superficie);--tasto-nero:var(--colore-testo);--min-tasto:0;--altezza-tasti:6rem;padding-block-start:var(--spazio-4);overflow-x:auto}@media (prefers-color-scheme:dark){.tastiera.svelte-1l57o7x{--tasto-bianco:var(--colore-testo);--tasto-nero:var(--colore-fondo)}}.interattiva.svelte-1l57o7x{--min-tasto:3rem;--altezza-tasti:9rem;margin-inline:calc(-1 * var(--sborda,0px))}.tasti.svelte-1l57o7x{min-width:calc(var(--bianchi) * var(--min-tasto));height:var(--altezza-tasti);display:flex;position:relative}.tasto.svelte-1l57o7x{justify-content:flex-end;align-items:center;gap:var(--spazio-1);padding:0 0 var(--spazio-2);border:1px solid var(--colore-bordo-forte);font-size:var(--testo-xs);font-weight:var(--peso-medio);color:var(--tasto-nero);transition:background-color var(--durata-breve) var(--easing);flex-direction:column;margin:0;line-height:1;display:flex}.bianco.svelte-1l57o7x{min-width:var(--min-tasto);background:var(--tasto-bianco);border-radius:0 0 var(--raggio-s) var(--raggio-s);flex:1 1 0}.bianco.svelte-1l57o7x+.bianco:where(.svelte-1l57o7x),.nero.svelte-1l57o7x+.bianco:where(.svelte-1l57o7x){margin-inline-start:-1px}.nero.svelte-1l57o7x{z-index:1;top:0;left:calc((var(--x) - .3) / var(--bianchi) * 100%);width:calc(60% / var(--bianchi));background:var(--tasto-nero);border-color:var(--tasto-nero);border-radius:0 0 var(--raggio-s) var(--raggio-s);height:62%;position:absolute}.bianco.in-zona.svelte-1l57o7x{background:color-mix(in srgb, var(--colore-info) 22%, var(--tasto-bianco))}.nero.in-zona.svelte-1l57o7x{background:color-mix(in srgb, var(--colore-info) 50%, var(--tasto-nero))}.tasto.evidenziato.svelte-1l57o7x{background:var(--colore-accento);color:var(--colore-su-accento)}.punto.svelte-1l57o7x{border:2px solid var(--colore-accento);border-radius:var(--raggio-pieno);background:var(--colore-su-accento);width:.75rem;height:.75rem}.nome.svelte-1l57o7x{max-width:100%;overflow:hidden}.zona.svelte-1l57o7x{bottom:calc(100% + var(--spazio-1));height:var(--spazio-2);border-radius:var(--raggio-pieno);background:var(--colore-info);position:absolute}button.tasto.svelte-1l57o7x{cursor:pointer;touch-action:manipulation}button.bianco.svelte-1l57o7x:hover{background:color-mix(in srgb, var(--tasto-nero) 8%, var(--tasto-bianco))}button.nero.svelte-1l57o7x:hover{background:color-mix(in srgb, var(--tasto-bianco) 25%, var(--tasto-nero))}button.tasto.evidenziato.svelte-1l57o7x:hover{background:var(--colore-accento-forte)}.tasto.svelte-1l57o7x:focus-visible{outline:var(--bordo-focus) solid var(--colore-focus);outline-offset:calc(-2 * var(--bordo-focus))}