.keyboard{all:unset;position:fixed;bottom:0;width:100%;background:rgba(246,246,246,.8);border:none;border-top:1px solid #ddd;border-radius:0;padding-top:1em;z-index:99998}.softkeys{display:inline-block;list-style:none;margin:1rem auto;padding:0;width:100%;text-align:center;font-size:1rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}@media only screen and (max-width:600px){.softkeys__btn{display:inline-block;text-align:center;font-size:.8rem;line-height:2.5rem;min-width:.72rem;padding:0 .72rem;margin:0 .1rem .4rem .1rem;border-radius:5px;cursor:pointer;background-color:#fff;color:#607d8b}}@media only screen and (min-width:601px){.softkeys__btn{display:inline-block;text-align:center;font-size:1rem;line-height:2.5rem;min-width:1rem;padding:0 1rem;margin:0 .1rem .4rem .1rem;border-radius:5px;cursor:pointer;background-color:#fff;color:#607d8b}}.softkeys__btn:focus,.softkeys__btn:hover{outline:0;background-color:#607d8b;border-color:#607d8b;color:#fff}.softkeys__btn span{display:none}.softkeys__btn span:first-child{display:block}.softkeys__new-row:before{display:block;content:' ';width:100%}.softkeys__btn--space{width:30rem;max-width:50%}.softkeys--sm{font-size:.8rem}.softkeys--md{font-size:1rem}.softkeys--lg{font-size:1.2rem}.softkeys--xl{font-size:1.4rem}.softkeys--caps .softkeys__btn[data-type=capslock]{background-color:#4b94ce;border-color:#4b94ce;color:#fff}.softkeys--caps .softkeys__btn[data-type=letter]{text-transform:uppercase}.softkeys--alt .softkeys__btn[data-type=shift]{background-color:#4b94ce;border-color:#4b94ce;color:#fff}.softkeys--alt .softkeys__btn[data-type=symbol] span{display:none}.softkeys--alt .softkeys__btn[data-type=symbol] span:last-child{display:block}