.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 .dica{pointer-events:none;margin-top:-.5rem;position:absolute;top:5.35714%;translate:-50% -100%}.dica__corpo{white-space:nowrap;color:var(--color-cinza-claro);opacity:0;flex-direction:column;align-items:center;gap:.375rem;font-size:.9375rem;font-weight:500;line-height:1.2;transition:opacity .2s ease-in,transform .2s ease-in;display:flex;transform:translateY(-.375rem)}.dica.visivel .dica__corpo{opacity:1;transition:opacity .5s ease-out, transform .5s var(--ease-saida);transform:none}.dica__seta{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:square;width:.875rem;height:1.3125rem}.dica.visivel .dica__seta{animation:2.4s ease-in-out .7s infinite dica-chama}@media (max-height:44rem){.instrumento .dica{margin-top:-.25rem}.dica__corpo{gap:.125rem}.dica__seta{height:1rem}}@keyframes dica-chama{0%,40%,to{transform:translateY(0)}10%,30%{transform:translateY(5px)}20%{transform:translateY(1px)}}.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)}}