.white-key.svelte-w87oac{height:100%;background:linear-gradient(to bottom,#18181b,#27272a 5%,#fafafa 15%);border:1px solid #18181b;border-radius:0 0 4px 4px;z-index:10;flex-shrink:0}.white-key.active.svelte-w87oac{background:linear-gradient(to bottom,#18181b,#3b82f6 15%,#60a5fa);box-shadow:0 0 20px #3b82f666;transform:translateY(2px)}.black-key.svelte-w87oac{height:68%;background:linear-gradient(to bottom,#09090b,#18181b);z-index:20;box-shadow:0 4px 10px #00000080;flex-shrink:0}.black-key.active.svelte-w87oac{background:linear-gradient(to bottom,#1e3a8a,#2563eb);box-shadow:0 0 15px #2563eb99;transform:translateY(2px)}.navigator-zone.svelte-w87oac{box-shadow:0 0 15px #10b9814d}