[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:var(--card);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(--piano-white, oklch(.92 .01 85));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;transition:background-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.white-key.svelte-w87oac:has(.active-dot:where(.svelte-w87oac)){background:var(--piano-white-active, oklch(.85 .15 290));box-shadow:0 0 12px var(--glow, oklch(.65 .2 290 / 40%))}.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(--piano-black, oklch(.15 .02 270));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;transition:background-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.black-key.svelte-w87oac:has(.active-dot-black:where(.svelte-w87oac)){background:var(--piano-black-active, oklch(.4 .18 290));box-shadow:0 0 10px var(--glow, oklch(.65 .2 290 / 40%))}.active-dot.svelte-w87oac{width:8px;height:8px;border-radius:50%;background:#020e0d;box-shadow:none;animation:svelte-w87oac-dot-pulse .4s cubic-bezier(.34,1.56,.64,1)}.active-dot-black.svelte-w87oac{width:6px;height:6px;background:var(--foreground);box-shadow:none}@keyframes svelte-w87oac-dot-pulse{0%{transform:scale(0);opacity:0}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@media(max-width:640px){.piano-keyboard.svelte-w87oac{height:60px}}