.piano-key.svelte-3b0qa9{cursor:pointer;transition:fill .1s ease}.white-key.svelte-3b0qa9:hover{fill:#e0e0e0!important}.black-key.svelte-3b0qa9:hover{fill:#404040!important}.blink-hint.svelte-3b0qa9{animation:svelte-3b0qa9-blink-outline 1s infinite}.selected-key.svelte-3b0qa9{fill:var(--color-info)!important;stroke:var(--color-info)!important;stroke-width:3!important}.held-down-key.svelte-3b0qa9{animation:svelte-3b0qa9-collecting-pulse 1s infinite}.held-down-key.white-key.svelte-3b0qa9{fill:#e5e7eb!important}.held-down-key.black-key.svelte-3b0qa9{fill:#374151!important}.recorded-key.svelte-3b0qa9{stroke:#10b981!important;stroke-width:2!important}@keyframes svelte-3b0qa9-blink-outline{0%{stroke:transparent;stroke-width:5}50%{stroke:var(--color-error);stroke-width:5}to{stroke:transparent;stroke-width:5}}@keyframes svelte-3b0qa9-collecting-pulse{0%{stroke:#f59e0b;stroke-width:2}50%{stroke:#f59e0b;stroke-width:4}to{stroke:#f59e0b;stroke-width:2}}.key-detail-text.svelte-3b0qa9{font-family:monospace;font-weight:700;-webkit-user-select:none;user-select:none}.white-key-text.svelte-3b0qa9{text-shadow:0 0 2px rgba(255,255,255,.8)}.black-key-text.svelte-3b0qa9{text-shadow:0 0 2px rgba(0,0,0,.8)}