.music-toggle{flex-shrink:0;position:static}@media (min-width:1024px){.music-toggle{position:absolute;top:calc(100% + 8px);left:0}}.music-toggle[aria-pressed=true]{box-shadow:0 0 0 2px var(--pallet-accent-color)}.music-stage{z-index:30;pointer-events:none;color:var(--pallet-text-primary);position:fixed;inset:0}.music-key{background:var(--pallet-input-bg);color:var(--pallet-input-text);border:1px solid var(--pallet-btn-border);box-shadow:0 6px 0 color-mix(in srgb, var(--pallet-input-bg), black 22%), 0 10px 24px #0002;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer;will-change:transform, left, top;justify-content:center;align-items:center;display:flex;position:fixed;overflow:hidden}.music-key:disabled{cursor:default;pointer-events:none}.music-key.is-pressed{background:color-mix(in srgb, var(--pallet-input-bg), var(--pallet-accent-color) 24%);box-shadow:0 2px 0 var(--pallet-btn-border), 0 3px 10px #0002;translate:0 4px}.music-key:focus-visible{outline:3px solid var(--pallet-accent-color);outline-offset:5px}.music-original-label{white-space:nowrap;opacity:var(--label-opacity,1);pointer-events:none;position:absolute!important}.music-note{opacity:var(--note-opacity,0);flex-direction:column;align-items:center;gap:24px;display:flex}.music-note strong{font-size:25px;font-weight:500}.music-note kbd{opacity:.5;font:11px system-ui}.music-keyboard-caption{left:var(--piano-left);top:calc(var(--piano-top) - 76px);width:var(--piano-width);text-align:center;opacity:0;transition:opacity .5s;position:fixed}.music-keyboard-caption span{font-size:25px;display:block}.music-keyboard-caption small{opacity:.6;margin-top:8px;font-size:12px;display:block}.music-stage.is-ready .music-keyboard-caption{opacity:1}@media (prefers-reduced-motion:reduce){.music-keyboard-caption{transition:none}}