.xhub-keyboard-light{--keyboard-background-color:rgba(206,210,217,.7);--keyboard-color:#000;--keyboard-key-background:#fff;--keyboard-key-shadow:0px 1px 0px 0px rgba(0,0,0,.3);--keyboard-xhub-key-active-background:rgba(206,210,217,.7);--input-color:#000;--input-border:1px solid #333;--input-background-color:#fff;--input-placeholder-color:#888}.xhub-keyboard-dark{--keyboard-background-color:rgba(32,32,32,.92);--keyboard-color:#fff;--keyboard-key-background:#434343;--keyboard-key-shadow:0px 1px 0px 0px #000;--keyboard-xhub-key-active-background:#585858;--input-color:#ddd;--input-border:1px solid #333;--input-background-color:#000;--input-placeholder-color:#888}.xhub-keyboard-container{position:relative;display:grid;grid-template-rows:1fr auto}.xhub-keyboard-trigger{position:absolute;top:0;left:0;z-index:-1;width:0;height:0}.xhub-keyboard-children{height:100%;width:100%;overflow:hidden}.xhub-keyboard-section,.xhub-keyboard-section *{outline:none!important}.xhub-keyboard-section{display:flex;flex-direction:column;max-height:100dvh;max-width:100vw}.xhub-keyboard-section-floating{position:absolute;height:fit-content;left:0;right:0;bottom:0;z-index:9999;transform:translateY(100%);transition:transform .25s linear}.xhub-keyboard-section-floating-open{transform:translateY(0)}.xhub-board-of-keys-container{display:grid;gap:.44rem;padding:.44rem .44rem 1.5rem;backdrop-filter:blur(35px);color:var(--keyboard-color);background-color:var(--keyboard-background-color)}.xhub-input-container{display:flex;align-items:center;min-width:250px;padding:.75rem 1rem;border-radius:.75rem;color:var(--input-color);border:var(--input-border);background-color:var(--input-background-color)}.xhub-input{overflow:hidden;flex-grow:1;font-size:1rem}.xhub-input-text-container{display:flex;align-items:center;font-size:1em;position:relative;width:fit-content}.xhub-input-placeholder-container{display:inline-block;color:var(--input-placeholder-color)}.xhub-key-normal{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:.3125rem;color:inherit;font-size:1.5rem;padding-bottom:.2em;background-color:var(--keyboard-key-background);box-shadow:var(--keyboard-key-shadow);transition:background-color .1s ease;user-select:none;position:relative}.xhub-key-normal:after{content:"";position:absolute;inset:0;background-color:transparent}.xhub-key-active{background-color:var(--keyboard-xhub-key-active-background)}.xhub-key-no-background{background-color:transparent!important;box-shadow:none!important}.xhub-sub-label{font-size:.4em;color:inherit;font-weight:700;color:var(--keyboard-color)}.xhub-label-container{position:relative;display:block}