.piano-container[data-v-adcd6654]{display:flex;justify-content:center;position:relative;width:100%}@media only screen and (min-width:1024px){.piano-container[data-v-adcd6654]{max-width:none;width:auto}}.piano[data-v-adcd6654]{align-items:center;overflow:hidden!important;padding:3px 0;touch-action:none!important}@media only screen and (max-width:1023px){.piano[data-v-adcd6654]{max-width:100%}}@media only screen and (min-width:1024px){.piano[data-v-adcd6654]{overflow-x:auto}}.piano-scroll-btn[data-v-adcd6654]{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2em;height:52px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:52px;z-index:1}.piano-scroll-btn.left[data-v-adcd6654]{left:8px}.piano-scroll-btn.right[data-v-adcd6654]{right:8px}.piano-scroll-btn[data-v-adcd6654]:hover{background:#000000b3}.active-key[data-v-adcd6654]{transform:scale(2)}