.keymap-figure.svelte-1stblf9{border-radius:.5rem;border:1px solid var(--bg-accent-1);padding:1.5rem;margin:1.5rem 0;background:radial-gradient(circle,#18171d80,#16141c80)}.keymap-figure.svelte-1stblf9 figcaption:where(.svelte-1stblf9){margin-top:1rem;font-size:.9rem;color:var(--accent);text-align:center;font-style:italic}.keymap-wrapper.svelte-1stblf9{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.keymap-wrapper.svelte-1stblf9 svg.keymap{width:100%;height:auto;display:block;font-family:SF Mono,Fira Code,Consolas,monospace}.keymap-wrapper.svelte-1stblf9 rect.key{fill:var(--bg-accent-1);fill-opacity:.6;transition:fill-opacity .15s ease}.keymap-wrapper.svelte-1stblf9 rect.key:hover{fill-opacity:.85}.keymap-wrapper.svelte-1stblf9 rect.key,.keymap-wrapper.svelte-1stblf9 rect.combo{stroke:var(--muted-color);stroke-opacity:.4;stroke-width:1}.keymap-wrapper.svelte-1stblf9 rect.combo,.keymap-wrapper.svelte-1stblf9 rect.combo-separate{fill:var(--highlight);fill-opacity:.25}.keymap-wrapper.svelte-1stblf9 rect.held,.keymap-wrapper.svelte-1stblf9 rect.combo.held{fill:var(--primary);fill-opacity:.4}.keymap-wrapper.svelte-1stblf9 text{fill:var(--font-color)}.keymap-wrapper.svelte-1stblf9 text.label,.keymap-wrapper.svelte-1stblf9 text.label:hover{fill:var(--secondary)!important;stroke:var(--bg)!important;stroke-width:4px;paint-order:stroke;font-weight:700;pointer-events:none}.keymap-wrapper.svelte-1stblf9 text.hold{fill:var(--primary);font-size:10px}.keymap-wrapper.svelte-1stblf9 text.trans{fill:var(--muted-color)}.keymap-wrapper.svelte-1stblf9 text.shifted{fill:var(--highlight)}.keymap-wrapper.svelte-1stblf9 a{display:inline;position:static}.keymap-wrapper.svelte-1stblf9 a:before,.keymap-wrapper.svelte-1stblf9 a:after{display:none!important;content:none!important}.keymap-wrapper.svelte-1stblf9 text.layer-activator,.keymap-wrapper.svelte-1stblf9 a:hover text.layer-activator{fill:var(--secondary);text-decoration:underline;text-decoration-color:var(--secondary)}.keymap-wrapper.svelte-1stblf9 a:hover text.layer-activator{fill:var(--highlight)}.keymap-wrapper.svelte-1stblf9 path.combo{stroke:var(--muted-color)}@media(max-width:768px){.keymap-figure.svelte-1stblf9{padding:1rem;margin:1rem 0}}.key-combo.svelte-10cwt8y{border-radius:.5rem;border:1px solid var(--bg-accent-1);padding:1rem;margin:1rem 0;background:radial-gradient(circle,#18171d4d,#16141c4d)}.keyboard.svelte-10cwt8y{width:100%;max-width:500px;height:auto;display:block;margin:0 auto}.key.svelte-10cwt8y{fill:var(--bg-accent-1);fill-opacity:.4;stroke:var(--muted-color);stroke-opacity:.3;stroke-width:1}.key.active.svelte-10cwt8y{fill:var(--primary);fill-opacity:.7;stroke:var(--primary);stroke-opacity:.8}.key.held.svelte-10cwt8y{fill:var(--secondary);fill-opacity:.5;stroke:var(--secondary);stroke-opacity:.7}.cancelled.svelte-10cwt8y .key.active:where(.svelte-10cwt8y),.cancelled.svelte-10cwt8y .key.held:where(.svelte-10cwt8y){fill:var(--error, #e74c3c);fill-opacity:.5;stroke:var(--error, #e74c3c);stroke-opacity:.7}figcaption.svelte-10cwt8y{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;flex-wrap:wrap}.keys.svelte-10cwt8y{display:flex;align-items:center;gap:.25rem}kbd.svelte-10cwt8y{background:var(--bg-accent-1);border:1px solid var(--bg-accent-2);border-radius:4px;padding:.2rem .5rem;font-family:inherit;font-size:.85rem;color:var(--font-color);box-shadow:0 2px 0 var(--bg-accent-2)}.plus.svelte-10cwt8y{color:var(--muted-color);font-size:.8rem}.separator.svelte-10cwt8y{color:var(--muted-color);margin:0 .25rem}.label.svelte-10cwt8y{color:var(--font-color);font-size:.95rem}.cancelled.svelte-10cwt8y .label:where(.svelte-10cwt8y){text-decoration:line-through;color:var(--error, #e74c3c)}.cancelled.svelte-10cwt8y kbd:where(.svelte-10cwt8y){border-color:var(--error, #e74c3c);color:var(--error, #e74c3c)}@media(max-width:600px){.keyboard.svelte-10cwt8y{max-width:100%}figcaption.svelte-10cwt8y{flex-direction:column;gap:.5rem}.separator.svelte-10cwt8y{display:none}}