.virtual-keyboard{position:fixed;z-index:9999}.virtual-keyboard.standard{left:50%;-ms-transform:translateX(-50%);transform:translateX(-50%)}.topbar{cursor:-webkit-grab;cursor:grab;padding:.25em .5em .5em .5em;text-align:right}.topbar:active{cursor:-webkit-grabbing;cursor:grabbing}.close{cursor:pointer;display:inline-block}.close:hover{color:rgba(0,0,0,0.54)}.keyboard{background-color:#fff;border-radius:.2em;box-shadow:0 0.1em 0.2em 0.1em rgba(0,0,0,0.2);font-size:1.2em;margin:.5em;padding:.25em;text-align:center;z-index:9999}@media screen and (max-width: 720px){.keyboard{font-size:1.5em}}.keyboard.simple{box-shadow:none}.keyboard.left{left:0;position:fixed;top:30%}.keyboard.right{position:fixed;right:0;top:30%}.keyboard .row{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.key{background-color:#fff;border-radius:.2em;box-shadow:0 0.1em 0.2em 0.1em rgba(0,0,0,0.2);cursor:pointer;font-size:1em;height:2.2em;margin:.25em;padding:.5em 1em}.key.normal{padding:.5em .75em;width:2.5em}.key:hover{background-color:rgba(0,0,0,0.2)}.key:active{box-shadow:0 0.1em 0.2em 0.1em rgba(0,0,0,0.2)}.key.active{background-color:#4caf50;color:#fff}