.appear-from-bottom[data-v-99cbd28e]{animation:.3s ease-in-out both appear-from-bottom-99cbd28e}@keyframes appear-from-bottom-99cbd28e{0%{transform:translateY(100%)}to{transform:translateY(0)}}.keyboard[data-v-e0c7cb39]{-webkit-user-select:none;user-select:none;display:flex;position:relative;overflow:hidden}.keyboard .key[data-v-e0c7cb39]{color:#000;z-index:1;background:#fff;border-bottom-right-radius:5px;border-bottom-left-radius:5px;justify-content:center;align-items:flex-end;width:40px;height:200px;margin-right:1px;display:flex;transform:translateY(-5%)}.keyboard .key.played[data-v-e0c7cb39]{transform:scale(.9)translateY(-5%)}.keyboard .key.black[data-v-e0c7cb39]{color:#fff;z-index:2;background:#000;width:30px;margin-left:-15px;transform:translateY(-45%);margin-right:-15px!important}.keyboard .key.black.played[data-v-e0c7cb39]{transform:translateY(-40%)scale(.9)}.keyboard.disabled[data-v-e0c7cb39]{opacity:.5}.tempo-finder-click[data-v-b6da1081]{animation:.3s ease-out forwards tempo-finder-click-animation-b6da1081}@keyframes tempo-finder-click-animation-b6da1081{0%{opacity:1;transform:scale(0)}50%{opacity:1}to{opacity:0;transform:scale(1)}}