.keyboard-container>div:first-child .key[data-v-a4ba2fa0]{animation:fadeIn .5s ease-out}.keyboard-container>div:nth-child(2) .key[data-v-a4ba2fa0]{animation:fadeIn .5s ease-out .1s}.keyboard-container>div:nth-child(3) .key[data-v-a4ba2fa0]{animation:fadeIn .5s ease-out .2s}.key.active[data-v-a4ba2fa0]:after{animation:ripple .5s ease-out;background:radial-gradient(circle,var(--color-primary-lighter) 0,transparent 70%);content:"";height:var(--ripple-size);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:var(--ripple-size)}