[data-select-viewport],[data-combobox-viewport]{scrollbar-width:none!important;-ms-overflow-style:none!important;-webkit-overflow-scrolling:touch!important}[data-combobox-viewport]::-webkit-scrollbar{display:none!important}[data-select-viewport]::-webkit-scrollbar{display:none!important}.piano-container.svelte-w87oac{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:color-mix(in oklch,var(--card) 50%,transparent);border:1px solid var(--border);border-radius:var(--radius)}.piano-keyboard.svelte-w87oac{position:relative;display:flex;height:80px;width:100%;max-width:800px}.white-keys.svelte-w87oac{display:flex;height:100%;width:100%;gap:2px}.white-key.svelte-w87oac{flex:1;background:var(--background);border:1px solid var(--border);border-radius:0 0 var(--radius-sm) var(--radius-sm);display:flex;align-items:flex-end;justify-content:center;padding-bottom:6px}.black-keys.svelte-w87oac{position:absolute;top:0;left:0;right:0;height:55%;pointer-events:none}.black-key.svelte-w87oac{position:absolute;height:100%;background:var(--foreground);border-radius:0 0 var(--radius-sm) var(--radius-sm);transform:translate(-50%);display:flex;align-items:flex-end;justify-content:center;padding-bottom:4px}.active-dot.svelte-w87oac{width:8px;height:8px;border-radius:50%;background:var(--primary);box-shadow:0 0 8px var(--primary);animation:svelte-w87oac-dot-pulse .3s ease-out}.active-dot-black.svelte-w87oac{width:6px;height:6px;background:var(--background);box-shadow:0 0 6px var(--background)}@keyframes svelte-w87oac-dot-pulse{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}@media(max-width:640px){.piano-keyboard.svelte-w87oac{height:60px}}