.aebar-preview.svelte-16d9wn9{position:absolute;inset:0;overflow:hidden;-webkit-user-select:none;user-select:none;pointer-events:none;--lip: clamp(3px, calc(var(--key) * .07), 6px)}.key.svelte-16d9wn9{position:absolute;width:var(--key);height:var(--key);border-radius:calc(var(--key) * .26);background:var(--fill);border:3px solid rgba(0,0,0,.08);box-shadow:inset 0 calc(var(--lip) * -1) 0 color-mix(in srgb,var(--fill),black 12%);color:var(--glyph);display:grid;place-items:center;transition:scale .28s cubic-bezier(.34,1.8,.64,1),box-shadow .28s cubic-bezier(.34,1.8,.64,1),background-color .22s ease,color .22s ease}.key.down.svelte-16d9wn9{scale:.9;box-shadow:inset 0 0 color-mix(in srgb,var(--fill),black 12%);background:var(--accent);color:#fff;transition-duration:80ms}.glyph.svelte-16d9wn9{width:42%;height:42%;display:grid;translate:0 calc(var(--lip) * -.35);transition:scale .28s cubic-bezier(.34,1.8,.64,1),translate .28s ease}.down.svelte-16d9wn9 .glyph:where(.svelte-16d9wn9){scale:1.12;translate:0 0;transition-duration:80ms}@media(prefers-reduced-motion:reduce){.key.svelte-16d9wn9,.glyph.svelte-16d9wn9{transition:none}}