.keyboard-character-font[data-v-6783dc5b]{font-family:Asul,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,Helvetica,Arial,sans-serif}.keyboard-key[data-v-6783dc5b]{background:linear-gradient(#fff,#fafafa);border:1px solid #d8dee6;box-shadow:inset 0 1px #ffffffb3,inset 0 -1px #0f172a05,0 1px 1px #0f172a0f;cursor:pointer;transition:transform .1s ease,border-color .1s ease,background .1s ease,box-shadow .1s ease,color .1s ease;-webkit-user-select:none;user-select:none}@media(hover:hover){.keyboard-key[data-v-6783dc5b]:hover{background:linear-gradient(#fff,#f8fafc);border-color:#b8c4d1;box-shadow:inset 0 1px #ffffffd9,inset 0 -1px #0f172a05,0 2px 3px #0f172a14}}.keyboard-key[data-v-6783dc5b]:active{background:linear-gradient(#f1f5f9,#f8fafc);border-color:#c3ccd7;box-shadow:inset 0 1px 2px #0f172a17,0 1px #fffc;transform:translateY(1px)}.keyboard-character-key[data-v-6783dc5b]:active{color:#0c77bd}.keyboard-key-active[data-v-6783dc5b],.keyboard-key-active[data-v-6783dc5b]:hover{background:#1996de;border-color:#0c77bd;box-shadow:inset 0 1px #ffffff40,inset 0 -1px #0000000d,0 1px 1px #0f172a14}@media(hover:hover){.keyboard-key-active[data-v-6783dc5b]:hover{background:#31a9ed;box-shadow:inset 0 1px #ffffff4d,inset 0 -1px #0000000d,0 2px 3px #0c77bd24}}.keyboard-key-active[data-v-6783dc5b]:active{background:#0c77bd;box-shadow:inset 0 1px 2px #0000001f}