.modal[data-v-b8e1b999]{animation:modal-window-b8e1b999 .2s;position:relative;width:70%;background-color:#fff;border-radius:16px;box-shadow:0 4px 8px #0000004d;margin:auto 0;overflow:hidden;transition:width .2s}.close[data-v-b8e1b999]{position:absolute;top:16px;right:16px;-webkit-user-drag:none;cursor:pointer}.v-enter-active[data-v-b8e1b999],.v-leave-active[data-v-b8e1b999]{transition:opacity .2s ease}.v-enter-from[data-v-b8e1b999],.v-leave-to[data-v-b8e1b999]{opacity:0}@keyframes modal-window-b8e1b999{0%{transform:translateY(10px) scale(.9)}to{transform:translateY(0) scale(1)}}@media (max-width: 1300px){.modal[data-v-b8e1b999]{width:85%}}@media (max-width: 630px){.modal[data-v-b8e1b999]{width:100%}}.modal-wrapper{position:fixed;top:0;bottom:0;left:0;right:0;background-color:#0000004d;display:flex;justify-content:center;align-items:center;overflow:auto;z-index:100;padding:14px}.keyboard-container[data-v-ac2db242],.keyboard-container *[data-v-ac2db242]{-webkit-user-select:none;user-select:none}.keyboard-container[data-v-ac2db242]{position:fixed;top:0;bottom:0;left:0;right:0;background-color:#00000003;animation:fade-in-ac2db242 .2s}.keyboard[data-v-ac2db242]{position:absolute;left:0;right:0;background-color:#fff;box-shadow:0 0 8px #00000054;display:flex;flex-direction:column;gap:8px;padding:16px}.bottom[data-v-ac2db242]{bottom:0;animation:slide-in-bottom-ac2db242 cubic-bezier(.22,1,.36,1) .2s}.top[data-v-ac2db242]{top:0;animation:slide-in-top-ac2db242 cubic-bezier(.22,1,.36,1) .2s}.shift *[data-v-ac2db242]:not(.kMODIFIER){text-transform:uppercase}.row[data-v-ac2db242]{display:flex;justify-content:center;gap:8px}.key[data-v-ac2db242]{font-size:32px;transition:font-size .2s}.kSPACE[data-v-ac2db242]{color:transparent;width:10em}@keyframes fade-in-ac2db242{0%{opacity:0}to{opacity:1}}@keyframes slide-in-bottom-ac2db242{0%{transform:translateY(100%)}to{transform:none}}@keyframes slide-in-top-ac2db242{0%{transform:translateY(-100%)}to{transform:none}}@media (max-width: 1088px){.key[data-v-ac2db242]{font-size:20px}}