.key-demo.svelte-16lb8ui{z-index:var(--key-demo-z,20);pointer-events:none;line-height:1.2;position:absolute;inset:0;overflow:hidden;container-type:size}.plate.svelte-16lb8ui{--k:var(--key-demo-size,clamp(2rem, 11cqh, 3.5rem));left:50%;bottom:var(--key-demo-bottom,6%);align-items:flex-end;gap:calc(var(--k) * .3);padding:calc(var(--k) * .2);border-radius:calc(var(--k) * .3);background:#090f1e59;display:flex;position:absolute;transform:translate(-50%)}.arrows.svelte-16lb8ui{grid-template-columns:repeat(3, var(--k));grid-template-rows:repeat(2, var(--k));grid-template-areas:".up.""left down right";display:grid}.key.svelte-16lb8ui,.space.svelte-16lb8ui{color:#fff;filter:drop-shadow(0 1px 2px #090f1ee6)drop-shadow(0 0 8px #090f1e73);transition:transform .12s,background-color .12s,color .12s}.key.svelte-16lb8ui{line-height:0;display:block}.key.svelte-16lb8ui svg{width:100%;height:100%;display:block}.key.pressed.svelte-16lb8ui{transform:scale(.88)}.space.svelte-16lb8ui{box-sizing:border-box;width:calc(var(--k) * 2.4);height:calc(var(--k) * .75);margin:0 0 calc(var(--k) * .125);border:calc(var(--k) * .075) solid currentColor;border-radius:calc(var(--k) * .1);place-items:center;display:grid}.space.pressed.svelte-16lb8ui{color:#0f172a;background-color:#fff;border-color:#fff;transform:scale(.94)}.caption.svelte-16lb8ui{top:var(--key-demo-caption-top,22%);box-sizing:border-box;color:#fff;text-align:center;background:#090f1e99;border-radius:1em;width:max-content;max-width:92cqw;margin:0;padding:.4em 1em;font-size:clamp(.8rem,min(4cqh,4.2cqw),1.3rem);font-weight:700;animation:.5s both svelte-16lb8ui-key-demo-caption-in;position:absolute;left:50%;transform:translate(-50%)}@keyframes svelte-16lb8ui-key-demo-caption-in{0%{opacity:0;transform:translate(-50%,-.4em)}to{opacity:1;transform:translate(-50%)}}