.keyboard-blackout-background {
	 position: fixed;
	 z-index: 9998;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 /* background-color: rgba(25, 25, 25, 0.9); */
}
 .keyboard-wrapper {
	 /* font-family: 'Verdana', sans-serif;
	 font-size: 18px;
	 line-height: 18px; */
	 font-size: 14px;
	 position: fixed;
	 z-index: 9999;
	 width: calc(100% - 40px); 
	 min-width: 550px;
	 max-width: 600px;
	 color: #555;
	 background-color: rgba(25, 25, 25, 0.8);
	 border-radius: 4px;
}
 .keyboard-wrapper .keyboard-action-wrapper {
	 display: -webkit-box;
	 display: flex;
	 -webkit-box-pack: justify;
	 justify-content: space-between;
	 width: 100%;
	 margin-top: 8px;
}
 .keyboard-wrapper .keyboard-action-button {
	 font-family: inherit;
	 font-size: inherit;
	 display: inline;
	 width: 15%;
	 height: 40px;
	 margin: 0 2px;
	 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 {
	 font-family: inherit;
	 font-size: inherit;
	 line-height: inherit;
	 box-sizing: content-box;
	 width: 65%;
	 height: 36px;
	 padding-right: 10px;
	 padding-left: 10px;
	 color: inherit;
	 border: solid 1px #555;
	 border-radius: 4px;
	 outline: none;
}
 .keyboard-row {
	 font-family: inherit;
	 font-size: inherit;
	 line-height: inherit;
	 width: 100%;
	 height: 40px;
	 margin: 8px 0;
}
 .keyboard-key {
	 font-family: inherit;
	 font-size: inherit;
	 line-height: inherit;
	 display: inline-block;
	 height: 100%;
	 margin: 0 2px;
	 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 0.05s ease-in-out;
	 border: solid 1px #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;
}