.keyboard{width:360px;padding:5px 0;box-shadow:0 0 50px rgba(0,0,0,0.5);user-select:none;transition:bottom 0.4s}.keyboard-hidden{display:none}.keyboard-keys{text-align:center}.keyboard-key{height:30px;width:9.4%;max-width:90px;margin:1px;border-radius:4px;border:none;background:rgba(255,255,255,0.2);color:#fff;font-size:1.05rem;outline:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;vertical-align:top;padding:0;-webkit-tap-highlight-color:transparent;position:relative;opacity:0.88}.keyboard-key:active{background:rgba(255,255,255,0.12)}.keyboard-wide{width:32.7%;max-width:500px}.keyboard-extrawide{width:36%;max-width:500px}.keyboard-active::after{content:"";top:10px;right:10px;position:absolute;width:8px;height:8px;background:rgba(0,0,0,0.4);border-radius:50%}.keyboard-check::after{background:#08ff00}.keyboard-dark{background:rgba(0,0,0,0.25)}