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