.instrumento-bloco{width:var(--instrumento);margin-inline:auto;position:relative}.instrumento{aspect-ratio:229/112;position:relative}.instrumento .teclas{width:100%;height:100%;display:block;overflow:visible}.instrumento .face{fill:var(--color-branco)}.instrumento .tecla{transform-box:fill-box}.instrumento .cor{opacity:0;transform-box:fill-box;transform-origin:50% 0}.instrumento .brilho{opacity:0}.instrumento .reflexo{pointer-events:none;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 66.5%,#00000038 67%,#0000 87%);mask-image:linear-gradient(#0000 66.5%,#00000038 67%,#0000 87%)}.instrumento .alvos{inset-inline:0;touch-action:pan-y;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;height:60.5982%;position:absolute;top:5.35714%}.instrumento .alvo{background:0 0;border:0;height:100%;padding:0;position:absolute;top:0}.instrumento .alvo:focus-visible{outline:2px solid var(--color-branco);outline-offset:6px}.instrumento .notas{inset-inline:0;pointer-events:none;height:1.5rem;position:absolute;top:69.6429%}.instrumento .nota{letter-spacing:.02em;color:var(--color-cinza-claro);opacity:0;font-size:clamp(.75rem,.6rem + .5vw,1rem);font-weight:500;position:absolute;translate:-50%}.instrumento-rodape{justify-content:space-between;align-items:baseline;gap:1.5rem;min-height:1.5rem;margin-top:-1.25rem;display:flex}.instrumento-rodape .t-legenda{max-width:36rem}.cifra{color:var(--color-cinza);font-variant-numeric:tabular-nums;flex:none;font-size:.9375rem;font-weight:500}.cifra:before{content:"​"}.cifra__ritmo{color:var(--color-cinza-claro);margin-inline-end:.875em}.estado{pointer-events:none;text-align:center;width:max-content;max-width:90vw;color:var(--color-cinza-claro);opacity:0;font-size:1rem;transition:opacity .8s ease-in-out;position:absolute;top:calc(83% - .625rem);left:50%;translate:-50% -50%}.estado.visivel{opacity:1}@media (max-width:45rem){.cifra{transition:opacity .4s ease-out}.instrumento-bloco:has(.estado.visivel) .cifra{opacity:0}.instrumento-rodape{text-align:center;flex-direction:column-reverse;align-items:center;gap:.25rem;margin-top:0}.estado{white-space:normal;max-width:92vw;top:calc(83% + .8rem)}}