.KeyboardKey{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;color:hsl(var(--hue) var(--saturation) 50%);background-color:hsl(var(--hue) 0 10%);transition:background-color 24ms,filter .1s;font-weight:700;cursor:pointer;filter:grayscale(0)}.KeyboardKey--pressed{color:hsl(var(--hue) 0 0);background-color:hsl(var(--hue) var(--saturation) 50%)}.KeyboardKey--inactive{filter:grayscale(1);background-color:hsl(var(--hue) 0 25%)}#app{font-family:Helvetica,Arial,sans-serif}
/*# sourceMappingURL=modes.css.map */