#sidebar.svelte-d8bm6{background-color:#333035;flex-direction:column;align-items:center;display:flex}#brandname.svelte-d8bm6{margin:9px;font-family:Honk,system-ui;font-size:2em;line-height:.75}button.items.svelte-d8bm6{border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:90px;height:90px;margin:10px;padding:10px;display:flex}.icons.svelte-d8bm6{width:65%}.text.svelte-d8bm6{margin:5px 0 0;font-size:.8em}div.svelte-1vuam8i{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}button.svelte-1fdkyn4{--height:60px;height:var(--height);width:calc(var(--height) * 7);border-radius:calc(var(--height) / 2.5);font-size:1.8em}button.chosen.svelte-9kx60y{background-color:#eb8150}.SUB.svelte-9kx60y{--size:80px;height:var(--size);width:var(--size);padding:0}.MAIN.svelte-9kx60y{--size:160px;height:var(--size);width:var(--size);border-radius:calc(var(--size) / 4);padding:0}div#section.svelte-1e3uhrt{justify-content:center;display:flex}#touchpad.svelte-1e3uhrt{grid-template-rows:auto 1fr auto;width:340px;height:260px;display:grid}.rows.svelte-1e3uhrt{display:grid}#row-1.svelte-1e3uhrt{grid-template-columns:1fr auto 1fr auto 1fr auto 1fr}#row-2.svelte-1e3uhrt{grid-template-columns:auto 1fr auto}button.svelte-1gbh26l{--keysize:50px;height:var(--keysize);padding:0}.normal.svelte-1gbh26l{width:var(--keysize)}.modifier_keys.svelte-1gbh26l{--multiplier:1.25;width:calc(var(--keysize) * var(--multiplier))}.tab.svelte-1gbh26l{--multiplier:1.8;width:calc(var(--keysize) * var(--multiplier))}.capslock.svelte-1gbh26l{--multiplier:2.2;width:calc(var(--keysize) * var(--multiplier))}.Lshift.svelte-1gbh26l{--multiplier:2.8;width:calc(var(--keysize) * var(--multiplier))}.backspace.svelte-1gbh26l{--multiplier:2.4;width:calc(var(--keysize) * var(--multiplier))}.backslash.svelte-1gbh26l{--multiplier:1.7;width:calc(var(--keysize) * var(--multiplier))}.enter.svelte-1gbh26l{--multiplier:2.8;width:calc(var(--keysize) * var(--multiplier))}.Rshift.svelte-1gbh26l{--multiplier:3.4;width:calc(var(--keysize) * var(--multiplier))}.spacebar.svelte-1gbh26l{--multiplier:8;width:calc(var(--keysize) * var(--multiplier))}#whole_keyboard.svelte-17u9ud3{grid-template-rows:auto;display:grid}.rows.svelte-17u9ud3{margin-top:.5em;display:grid}.groups.svelte-17u9ud3{justify-content:space-between;display:flex}.rows.svelte-17u9ud3{--empty-space-size:2%}#row-1.svelte-17u9ud3{grid-template-columns:auto 4.5% 1fr 4.5% 1fr 4.5% 1fr}#row-2.svelte-17u9ud3{grid-template-columns:1fr var(--empty-space-size) auto}#row-3.svelte-17u9ud3,#row-4.svelte-17u9ud3,#row-5.svelte-17u9ud3{grid-template-columns:auto var(--empty-space-size) 1fr var(--empty-space-size) auto}#row-6.svelte-17u9ud3{grid-template-columns:auto}button.svelte-4864cf{--height:50px;height:var(--height);width:calc(var(--height) * 6);border-radius:calc(var(--height) / 2.5);font-size:1.3em}div#block.svelte-1tu6h5v{flex-direction:column;align-items:center;display:flex}#changes-saved-notification.svelte-1tu6h5v{color:#7fffd4;visibility:hidden;font-size:larger;font-weight:600}#changes-saved-notification.visible.svelte-1tu6h5v{visibility:visible}body{color:#fff;text-align:center;background-color:#211f22;margin:0;font-family:Courier New,Courier,monospace}button{--button-bg-color:#fff;--buttton-text-color:#000;background-color:var(--button-bg-color);color:var(--buttton-text-color);border-style:hidden;border-radius:15px;font-size:large;font-weight:700}button:hover{--button-hover-bg-color:rgb(from var(--button-bg-color) calc(r - 37) calc(g - 37) calc(b - 37));background-color:rgb(from var(--button-bg-color) calc(r - 37) calc(g - 37) calc(b - 37))}button.transparent{color:rgb(from var(--buttton-text-color) calc(255 - r) calc(255 - g) calc(255 - b));background-color:#0000}button.transparent:hover{background-color:rgb(from var(--button-bg-color) r g b / .1)}button.dimmed{background-color:gray}#whole-page.svelte-1n46o8q{grid-template-columns:120px 1fr;display:grid}#main-box.svelte-1n46o8q{height:100vh;overflow:scroll}.pages.svelte-1n46o8q{flex-direction:column;justify-content:center;width:900px;margin:auto;display:flex}