.wb-osk{inset-inline:0;z-index:50;border-top:1px solid var(--border,#d4d4d4);background:var(--card,#fff);color:var(--card-foreground,#171717);font-family:var(--font-sans,system-ui, sans-serif);-webkit-user-select:none;user-select:none;touch-action:manipulation;padding:.5rem;position:fixed;bottom:0;box-shadow:0 -4px 12px #0000001a}.wb-osk-rows{flex-direction:column;gap:.375rem;max-width:40rem;margin-inline:auto;display:flex}.wb-osk--number .wb-osk-rows{max-width:16rem}.wb-osk-row{justify-content:center;gap:.375rem;display:flex}.wb-osk-key{border:1px solid var(--border,#d4d4d4);border-radius:var(--radius,.5rem);background:var(--background,#fff);min-width:0;color:inherit;font:inherit;cursor:pointer;flex:1 1 0;padding:.75rem 0;font-size:1rem;font-weight:500;line-height:1.5}.wb-osk-key:active{background:var(--accent,#f5f5f5)}.wb-osk-key--action{background:var(--muted,#f5f5f5);color:var(--muted-foreground,#737373)}.wb-osk-key--on{background:var(--accent,#e5e5e5);color:var(--accent-foreground,#171717)}.wb-osk-key--primary{background:var(--primary,#171717);color:var(--primary-foreground,#fafafa);border-color:#0000}