.instrument{height:100%;overflow:hidden;transition:opacity 1s;position:absolute;opacity:1;top:0;left:0;width:100%}.instrument--hidden{opacity:0}.instrument>svg{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.instrument>svg,.piano:after{height:100%;position:absolute;top:0;left:0;width:100%}.piano:after{pointer-events:none;content:"";background:linear-gradient(180deg,#fff,hsla(0,0%,100%,0))}.piano__key--natural{fill:#fff;stroke-width:.5px;stroke:#e4e4ec}.piano__key--natural.piano__key--active{fill:#f0f0f5}.piano__key--flat{fill:#e4e4ec}.piano__key--flat.piano__key--active{fill:#fbce41}.guitar__body{fill:#cac3b0;stroke-width:1px;stroke:#b7b09e}.guitar__neck,.guitar__stringcut{fill:#b7b09f}.guitar__middle{fill:#afa99a}.guitar__string{pointer-events:none;stroke-width:1.5px;stroke:#e6e3d9}.guitar__string-hover{pointer-events:visible;fill:none}.kalimba__inner{fill:#ffe3a2;stroke-width:1px;stroke:#ffc938}.chime__inner{height:80%;top:10%;left:10%;width:80%}.chime--large .chime__pipe{fill:#b3bfca}.chime--large .chime__string{stroke-width:2px;stroke:#91a0ad}.chime__pipe,.chime__string{transform-origin:50% -20%}.chime--large .chime__pipe,.timpani__drum{pointer-events:visible}.timpani__drum{fill:#c1c8e8;stroke-width:2px;stroke:#3d51b7}.timpani__drum--active{fill:#b2b8d6}.harp__inner{min-width:30em}.harp__body{fill:#cc8969}.harp__string-hover{pointer-events:visible;fill:none}.harp__string{stroke-width:2px;stroke:#fff}.harp__string--c{stroke:#e08f8f}.harp__string--f{stroke:#959dc3}.xylophone__inner{min-width:49em}.xylophone__key{fill:#efe1ba;stroke-width:1px;stroke:#d4cbb2}.xylophone__key.xylophone__key--active{fill:#decc9a}.xylophone__base{fill:#c8cc91}.tiny-instrument{flex:none;padding:2em;justify-content:center;min-width:290px;text-align:center;display:flex}.tiny-instrument__image{flex:none;max-width:100%;cursor:pointer}.chime--tiny{height:7em;position:relative;margin:0 auto 5em;width:6em;display:block}.chime--tiny .chime__pipe,.chime__holder{fill:#4d61c5;stroke:none}.chime--tiny .chime__string{fill:none;stroke-width:1px;stroke:#4d61c5}