.keyboard{position:relative;width:var(--var-lg-width);height:var(--var-lg-height);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none}.keyboard-bg-inner-wrapper{--var-key-width:1rem;--var-key-height:1rem;--var-key-left:1;--var-key-top:1;--var-key-translateZ:0}.mc-fade-appear,.mc-fade-enter{opacity:0}.mc-fade-appear-active,.mc-fade-enter-active{opacity:1;transition:opacity .15s}.mc-fade-exit{opacity:1}.mc-fade-exit-active{opacity:0;transition:opacity .15s}.mc-drawer-animate-up-appear,.mc-drawer-animate-up-enter{transform:translateY(100%);opacity:0}.mc-drawer-animate-up-appear-active,.mc-drawer-animate-up-enter-active{transform:translateY(0);opacity:1;transition:opacity .15s,transform .15s}.mc-drawer-animate-up-exit{transform:translateY(0);opacity:1}.mc-drawer-animate-up-exit-active{transform:translateY(100%);opacity:0;transition:opacity .15s,transform .15s}.mc-slide-from-right-appear,.mc-slide-from-right-enter{transform:translateX(100%)}.mc-slide-from-right-appear-active,.mc-slide-from-right-enter-active{transform:translateX(0);transition:transform .15s}.mc-slide-from-right-exit{transform:translateX(0)}.mc-slide-from-right-exit-active{transform:translateX(100%);transition:transform .15s}.mc-slide-from-left-appear,.mc-slide-from-left-enter{transform:translateX(-100%)}.mc-slide-from-left-appear-active,.mc-slide-from-left-enter-active{transform:translateX(0);transition:transform .15s}.mc-slide-from-left-exit{transform:translateX(0)}.mc-slide-from-left-exit-active{transform:translateX(-100%);transition:transform .15s}