.invisible{visibility:hidden}.piano{position:relative;height:150px}.keys{display:flex;flex-direction:row}.white-keys{position:absolute;height:100%}.black-keys{position:absolute;height:60%;pointer-events:none}.key{border:1px solid grey;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.key:hover{background:#aaa}.key:focus{outline:none}.white-key{width:30px;background:#fff;color:#000}.black-key-container{position:relative;padding-left:5px;padding-right:5px;left:15px;pointer-events:none}.black-key{width:20px;height:100%;pointer-events:auto;background:#000;color:#fff}.highlight-key{background:#daa520}.key-text{font-size:10px;-webkit-user-select:none;user-select:none}
/*# sourceMappingURL=2.bed730c4.chunk.css.map */