.wrapper[data-v-30e69695]{margin:.5rem .5rem 0;height:27rem;width:103rem;background-color:var(--color-98)}.wrapper-right-layers[data-v-30e69695]{position:absolute;right:12rem;top:7rem;height:14rem;display:flex;flex-direction:column;justify-content:center;align-items:center;width:9rem;background-color:var(--color-92);color:var(--text-dark)}.wrapper-layers-content[data-v-30e69695]{display:flex;flex-direction:row;justify-content:center;margin-top:1rem;margin-bottom:1rem}.key-layer-item[data-v-30e69695]:hover{outline:2px solid var(--card-hover-highlight)}.keyboard[data-v-30e69695]{position:absolute;-webkit-user-select:none;user-select:none}.keyboard .key[data-v-30e69695]{display:flex;align-items:center;justify-content:center;border-radius:3px;position:absolute;font-size:.5rem;background-color:#93e1f580;border:2px solid greenyellow}.keyboard .key[data-v-30e69695]:active{color:#adff2f;border:2px solid red}.keyboard .key[data-v-30e69695]:hover{color:red;border:2px solid red}.layer-tab[data-v-30e69695]{margin:2px}.wrapper[data-v-2e043cbe]{margin:.5rem .5rem 0;height:25.5rem;width:103rem;background-color:var(--background-secondary);-webkit-user-select:none;user-select:none}.key-item-container[data-v-2e043cbe]{margin-left:4px}.key-item[data-v-2e043cbe]{float:left;margin:.3rem;min-width:3rem;height:3rem;display:flex;justify-content:center;align-items:center;color:var(--text-primary);border-radius:.5rem;background-color:var(--color-88);outline:2px solid var(--color-88);transition:all .3s ease-in-out}.key-item[data-v-2e043cbe]:hover{outline:2px solid var(--orange);background-color:var(--color-85)}.wrapper[data-v-cd9ce71a]{margin:.5rem .5rem 0;height:27rem;width:103rem;background-color:#ffffff4d}.wrapper-layers[data-v-cd9ce71a]{position:absolute;right:12rem;top:5rem;height:16rem;display:flex;flex-direction:column;justify-content:center;align-items:center;width:9rem;background-color:var(--color-92);color:var(--text-dark)}.wrapper-layers-content[data-v-cd9ce71a]{display:flex;flex-direction:row;justify-content:center;margin-top:1rem;margin-bottom:1rem}.key-layer-item[data-v-cd9ce71a]:hover{outline:2px solid var(--card-hover-highlight)}.keyboard[data-v-cd9ce71a]{position:absolute;-webkit-user-select:none;user-select:none}.keyboard .key[data-v-cd9ce71a]{display:flex;align-items:center;justify-content:center;border-radius:3px;position:absolute;font-size:.5rem;background-color:#93e1f580;border:2px solid greenyellow}.keyboard .key[data-v-cd9ce71a]:active{color:#adff2f;border:2px solid red}.keyboard .key[data-v-cd9ce71a]:hover{color:red;border:2px solid red}.layer-tab[data-v-cd9ce71a]{margin:2px}.menu-wrapper[data-v-8baa4689]{margin:.5rem .5rem 0;height:25.5rem;width:103rem;background-color:var(--background-secondary);-webkit-user-select:none;user-select:none}.key-item-container[data-v-8baa4689]{margin-left:4px}.key-item[data-v-8baa4689]{float:left;margin:.3rem;min-width:3rem;height:3rem;display:flex;justify-content:center;align-items:center;color:var(--text-primary);border-radius:.5rem;background-color:var(--color-88);outline:2px solid var(--color-88);transition:all .3s ease-in-out}.key-item[data-v-8baa4689]:hover{outline:2px solid var(--orange);background-color:var(--color-85)}.ms-wrapper[data-v-93ba6956]{position:absolute;-webkit-user-select:none;user-select:none;width:72rem;height:52rem;left:31rem;top:0}.dialog-card[data-v-93ba6956]{background-color:var(--color-98)}.dialog-card[data-v-93ba6956] .q-field__native{color:var(--text-primary)}.menu-item[data-v-93ba6956]{margin-left:4px;height:3rem;border-radius:6px;padding:10px;color:var(--text-primary);transition:all ease-in-out .1s}.menu-item[data-v-93ba6956]:hover{background-color:var(--color-90)}.ms-wrapper[data-v-b7a519a3]{position:absolute;-webkit-user-select:none;user-select:none;width:72rem;height:52rem;left:31rem;top:0rem}.dialog-card[data-v-b7a519a3]{background-color:var(--color-98)}.dialog-card[data-v-b7a519a3] .q-field__native{color:var(--text-primary)}.menu-item[data-v-b7a519a3]{margin-left:4px;height:3rem;border-radius:6px;padding:10px;color:var(--text-primary);transition:all ease-in-out .1s}.menu-item[data-v-b7a519a3]:hover{background-color:var(--color-90)}
