.piano-keyboard-wrapper{--pk-anim-duration-highlight:200ms;--pk-anim-duration-press:80ms;--pk-anim-duration-release:150ms;--pk-anim-easing:ease-out;--pk-anim-hover-scale:1}.piano-keyboard-wrapper .pk-key path[data-fill-anim=true]{transition:fill var(--pk-anim-duration-highlight,.2s) var(--pk-anim-easing,ease-out)}.piano-keyboard-wrapper .pk-key{transform-box:fill-box;transform-origin:center bottom;transition:transform var(--pk-anim-duration-press,80ms) var(--pk-anim-easing,ease-out)}.piano-keyboard-wrapper .pk-key:hover{transform:scale(var(--pk-anim-hover-scale,1))}.piano-keyboard-wrapper[data-animations=off] .pk-key,.piano-keyboard-wrapper[data-animations=off] .pk-key path{transition:none!important;transform:none!important}.piano-keyboard-wrapper{--pk-white-top:#ffffff;--pk-white-mid:#f8f8f8;--pk-white-bottom:#e8e8e8;--pk-black-edge:#0a0a0a;--pk-black-mid:#262626;--pk-key-border:#bbbbbb;--pk-label-color:#888888;width:100%;overflow-x:auto;overflow-y:hidden;background:var(--pk-bg,transparent);border-radius:var(--pk-radius,.5rem);padding:var(--pk-padding,.5rem)}.piano-keyboard-wrapper[data-fit=parent]{width:100%;height:100%;overflow:hidden;padding:0}.piano-keyboard-wrapper[data-fit=parent] .piano-keyboard-svg{width:100%;height:100%}.piano-keyboard-svg{display:block;min-width:100%}[data-theme=dark] .piano-keyboard-wrapper{--pk-white-top:#f0f0f0;--pk-white-bottom:#d8d8d8}.piano-keyboard-wrapper[data-theme=crystal]{--pk-white-active-top:#93c5fd;--pk-white-active-bottom:#1d4ed8;--pk-white-tonic-top:#fde68a;--pk-white-tonic-bottom:#d97706}