.wide.svelte-1ivt4cu{width:calc(100vw - 2.5rem);position:relative;left:50%;transform:translate(-50%)}textarea.svelte-1ivt4cu{resize:none;border:1px dashed var(--ink-dim);width:100%;color:var(--ink);font:inherit;tab-size:4;overflow-wrap:anywhere;background:0 0;border-radius:0;padding:.6rem .75rem;display:block}textarea.svelte-1ivt4cu:focus{border-color:var(--ink);outline:none}.keyboard.svelte-1ivt4cu{margin-top:1.25rem;container-type:inline-size}.layer.svelte-1ivt4cu{color:var(--ink-dim);margin:0 0 .5rem}.board.svelte-1ivt4cu{--u:calc(100cqw / var(--cols));--gap:calc(var(--u) * .08);height:calc(var(--u) * var(--rows));position:relative}.key.svelte-1ivt4cu{left:calc(var(--x) * var(--u) + var(--gap) / 2);top:calc(var(--y) * var(--u) + var(--gap) / 2);width:calc(var(--u) - var(--gap));height:calc(var(--u) - var(--gap));transform:rotate(var(--angle));border:1px solid var(--ink);color:var(--ink);font:inherit;font-size:calc(var(--u) * .4);background:0 0;border-radius:0;padding:0;line-height:1;position:absolute}.sub.svelte-1ivt4cu{left:0;right:0;bottom:calc(var(--u) * .08);color:var(--ink-dim);font-size:calc(var(--u) * .16);position:absolute}button.svelte-1ivt4cu{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}button.small.svelte-1ivt4cu{font-size:calc(var(--u) * .22)}button.pressed.svelte-1ivt4cu{background:var(--ink);color:var(--paper)}button.pressed.svelte-1ivt4cu .sub:where(.svelte-1ivt4cu){color:var(--paper)}