.game-piano[data-astro-cid-t5567krx]{gap:var(--space-3);justify-items:center;width:100%;display:grid}.piano-options[data-astro-cid-t5567krx]{font-size:var(--fs-sm);color:var(--text-2)}.piano-scale-toggle[data-astro-cid-t5567krx]{gap:var(--space-2);cursor:pointer;align-items:center;display:inline-flex}.piano-keys[data-astro-cid-t5567krx]{touch-action:none;width:min(100%,560px);height:160px;display:flex;position:relative}.piano-key[data-astro-cid-t5567krx]{cursor:pointer;border:1px solid #1a1a1a}.piano-key--natural[data-astro-cid-t5567krx]{z-index:1;background:#f4f4f4;border-radius:0 0 4px 4px;flex:1;height:100%;position:relative}.piano-key--natural[data-astro-cid-t5567krx].is-active{background:#cfd8dc}.piano-key--natural[data-astro-cid-t5567krx].is-scale{box-shadow:inset 0 -6px #3ddc84}.piano-key--sharp[data-astro-cid-t5567krx]{z-index:2;background:#1a1a1a;border-radius:0 0 3px 3px;width:5%;height:60%;margin-left:-2.5%;position:absolute}.piano-key--sharp[data-astro-cid-t5567krx].is-active{background:#3a3a3a}.piano-key--sharp[data-astro-cid-t5567krx].is-scale{box-shadow:inset 0 -6px #3ddc84}