.keyboard.svelte-1vz25m7.svelte-1vz25m7{padding:15px;border-radius:10px;background:var(--tint-bg)}.outer.svelte-1vz25m7.svelte-1vz25m7{position:relative;padding-top:34%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.inner.svelte-1vz25m7.svelte-1vz25m7{position:absolute;inset:0;display:grid;gap:4% 1.3%;grid-template-columns:repeat(58,1fr);grid-template-rows:repeat(auto-fill,16.6%)}.inner.svelte-1vz25m7>div.svelte-1vz25m7{grid-column:span 4}.inner.svelte-1vz25m7>div.svelte-1vz25m7:nth-child(14),.inner.svelte-1vz25m7>div.svelte-1vz25m7:nth-child(15),.inner.svelte-1vz25m7>div.svelte-1vz25m7:nth-child(59){grid-column:span 6}.inner.svelte-1vz25m7>div.svelte-1vz25m7:nth-child(29),.inner.svelte-1vz25m7>div.svelte-1vz25m7:nth-child(41){grid-column:span 7}.inner.svelte-1vz25m7>div.svelte-1vz25m7:nth-child(42),.inner.svelte-1vz25m7>div.svelte-1vz25m7:nth-child(53){grid-column:span 9}.inner.svelte-1vz25m7>div.svelte-1vz25m7:nth-child(58){grid-column:span 20}.inner.svelte-1vz25m7 .key.svelte-1vz25m7{display:flex;align-items:center;justify-content:center;border-radius:3px;background:var(--tint-input);box-shadow:0 2px 0 var(--tint-input-readonly)}.inner.svelte-1vz25m7 span.svelte-1vz25m7{display:none;font-size:13px;font-weight:700;line-height:0}.inner.svelte-1vz25m7 .small.svelte-1vz25m7{display:flex;align-items:flex-end}.inner.svelte-1vz25m7 .small .key.svelte-1vz25m7{height:50%;width:100%}.inner.svelte-1vz25m7 .middle.svelte-1vz25m7{display:flex;flex-direction:column;gap:2px}.inner.svelte-1vz25m7 .middle .key.svelte-1vz25m7{height:50%;width:100%}.inner.svelte-1vz25m7 .bottom.svelte-1vz25m7{border-radius:1px 1px 3px 3px}.inner.svelte-1vz25m7 .top.svelte-1vz25m7{border-radius:3px 3px 1px 1px;box-shadow:0 1px 0 var(--tint-input-readonly)}.inner.svelte-1vz25m7 .active.svelte-1vz25m7{cursor:pointer;background:var(--blue);box-shadow:0 2px #143783}.inner.svelte-1vz25m7 .active span.svelte-1vz25m7{display:block}.inner.svelte-1vz25m7 .active.svelte-1vz25m7:active,.inner.svelte-1vz25m7 .active.pressed.svelte-1vz25m7{color:var(--blue);background:#143783;box-shadow:none;transform:translateY(2px)}.keys.svelte-1vz25m7.svelte-1vz25m7{display:grid;grid-template-columns:min-content auto min-content auto;gap:10px}.keys.svelte-1vz25m7 span.svelte-1vz25m7{align-self:center;color:var(--text-color-3);font-size:14px;font-weight:500;line-height:16px}.keys.svelte-1vz25m7>div.svelte-1vz25m7{align-self:center}.keys.svelte-1vz25m7 .key.svelte-1vz25m7{background:var(--tint-input);border-radius:4px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;padding:0 12px;min-width:35px;height:35px}