._whiteKey_2erzx_7{background:linear-gradient(to bottom, var(--daw-key-white-top), var(--daw-key-white) 18%);height:100%;box-shadow:inset -1px 0 0 var(--daw-key-divider);cursor:pointer;border-radius:0 0 6px 6px;flex:1;min-width:20px;transition:filter 50ms;position:relative}._whiteKey_2erzx_7:hover{filter:brightness(.96)}._whiteKey_2erzx_7._active_2erzx_27{background:var(--daw-key-white-pressed)}._blackKey_2erzx_31{background:linear-gradient(to bottom, var(--daw-key-black-top), var(--daw-key-black) 82%, var(--daw-key-black-lip) 82%);cursor:pointer;z-index:2;border-radius:0 0 5px 5px;width:100%;height:60%;transition:filter 50ms;position:absolute;top:0}._blackKey_2erzx_31:hover{filter:brightness(1.3)}._blackKey_2erzx_31._active_2erzx_27{background:var(--daw-key-black-pressed)}._badge_2erzx_58{pointer-events:none;border-radius:5px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 4px;font:600 12px/1 Glacial Indifference,system-ui,sans-serif;display:flex;position:absolute;left:50%;transform:translate(-50%)}._whiteKey_2erzx_7 ._badge_2erzx_58{color:var(--daw-key-ink);border:1px solid var(--daw-key-divider);bottom:8px}._blackKey_2erzx_31 ._badge_2erzx_58{width:calc(100% - 4px);min-width:0;max-width:22px;color:var(--daw-text);border:1px solid var(--daw-key-black-pressed);padding:0;top:34%}._octave_2erzx_94{color:var(--daw-key-ink);pointer-events:none;font:400 13px/1 Glacial Indifference,system-ui,sans-serif;position:absolute;bottom:38px;left:8px}._whiteKey_2erzx_7._still_2erzx_107,._blackKey_2erzx_31._still_2erzx_107{cursor:default}._whiteKey_2erzx_7._still_2erzx_107:hover,._blackKey_2erzx_31._still_2erzx_107:hover{filter:none}._keyboard_xbxjs_1{-webkit-user-select:none;user-select:none;touch-action:none;height:100%;display:flex;position:relative}._keyWrapper_xbxjs_9{flex:1;min-width:0;position:relative}._blackKeyContainer_xbxjs_15{z-index:2;pointer-events:none;height:100%;position:absolute;top:0}._blackKeyContainer_xbxjs_15>*{pointer-events:auto}._compact_xbxjs_29>*{min-width:0}