.keyboard-blackout-background{position:fixed;z-index:1;top:0;left:0;width:100%;height:100%;background-color:rgba(25,25,25,.9)}.keyboard-wrapper{font-family:Verdana,sans-serif;font-size:18px;line-height:18px;position:fixed;z-index:2;width:calc(100% - 40px);min-width:1004px;max-width:1100px;color:#555}.keyboard-wrapper .keyboard-action-wrapper{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;width:100%}.keyboard-wrapper .keyboard-action-button{font-family:inherit;font-size:inherit;display:inline;width:15%;height:40px;margin:0 5px;padding:0;cursor:pointer;color:#fff;border:none;border-radius:4px;outline:none}.keyboard-wrapper .keyboard-cancel-button{background-color:#e74c3c}.keyboard-wrapper .keyboard-accept-button{background-color:#2ecc71}.keyboard-wrapper .keyboard-input-field{box-sizing:content-box;width:60%;height:36px;padding-right:10px;padding-left:10px;color:inherit;border:1px solid #555;border-radius:4px;outline:none}.keyboard-row,.keyboard-wrapper .keyboard-input-field{font-family:inherit;font-size:inherit;line-height:inherit}.keyboard-row{width:100%;height:50px;margin:20px 0}.keyboard-key{font-family:inherit;font-size:inherit;line-height:inherit;display:inline-block;height:100%;margin:0 5px;padding:0;cursor:pointer;vertical-align:middle;color:inherit;border:none;border-radius:4px;outline:none;background-color:#e0e0e0}.keyboard-key:focus{outline:none}.caps-lock-key{position:relative}.caps-lock-key:before{position:absolute;top:10px;right:10px;width:7px;height:7px;content:"";transition:background-color .05s ease-in-out;border:1px solid #bdbdbd;border-radius:50%;background-color:transparent}.caps-lock-key-active:before{background-color:#3498db}.language-button{overflow:hidden;padding:0 10px;white-space:nowrap;text-overflow:ellipsis}