.caps.svelte-1pamrph{inset:calc(-2px - var(--space-1));pointer-events:none;position:absolute}i.svelte-1pamrph{border:0 solid var(--line-strong);opacity:0;width:9px;height:9px;transition:transform var(--motion-1) var(--ease-close), opacity var(--motion-1) var(--ease-close);position:absolute}.tl.svelte-1pamrph{transform:translate(calc(-1 * var(--space-1)), calc(-1 * var(--space-1)));border-top-width:1px;border-left-width:1px;top:0;left:0}.tr.svelte-1pamrph{transform:translate(var(--space-1), calc(-1 * var(--space-1)));border-top-width:1px;border-right-width:1px;top:0;right:0}.bl.svelte-1pamrph{transform:translate(calc(-1 * var(--space-1)), var(--space-1));border-bottom-width:1px;border-left-width:1px;bottom:0;left:0}.br.svelte-1pamrph{transform:translate(var(--space-1), var(--space-1));border-bottom-width:1px;border-right-width:1px;bottom:0;right:0}:hover>.caps.svelte-1pamrph>i:where(.svelte-1pamrph){opacity:1;transition-duration:var(--motion-2);transition-timing-function:var(--ease-open);transform:none}.key.svelte-13pfd95{isolation:isolate;height:var(--height);padding:0 var(--pad,calc(9.167px * var(--k)));background:var(--base);--ring:#ffffff1a;color:var(--ink);box-shadow:0 0 0 1px var(--edge);white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;place-items:center;display:inline-grid;position:relative}@media (width<=512px){.key[type=button].svelte-13pfd95:before{content:"";position:absolute;inset:calc(50% - 22px) 0}}.key.svelte-13pfd95:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.metal.svelte-13pfd95{pointer-events:none;position:absolute;inset:0;overflow:hidden}.surface.svelte-13pfd95{transform-origin:0 0;opacity:var(--strength);position:absolute;top:0;left:0}.key.svelte-13pfd95:after{content:"";pointer-events:none;box-shadow:inset 0 0 calc(8.333px * var(--k)) 0 rgb(255 255 255/var(--glow)), inset 0 0 calc(8.333px * var(--k)) 0 rgb(255 255 255/var(--glow)), inset 0 0 0 .833px #ffffff80, inset 0 calc(.833px * var(--k)) 0 0 rgb(255 255 255/calc(.4 + .38 * var(--up,1))), inset 0 0 0 1px var(--ring), inset 0 calc(-1 * var(--lip) * var(--up,1)) 0 0 var(--edge);position:absolute;inset:0}.light.svelte-13pfd95{--ring:#0000000f}.label.svelte-13pfd95{z-index:1;margin-bottom:var(--lip);text-shadow:0 -1px 0 rgb(0 0 0/var(--engrave));position:relative}.light.svelte-13pfd95 .label:where(.svelte-13pfd95){text-shadow:0 1px 0 rgb(255 255 255/var(--engrave))}.bright.svelte-13pfd95 .label:where(.svelte-13pfd95){color:var(--bg);text-shadow:0 1px 0 rgb(255 255 255/var(--engrave))}.bright.light.svelte-13pfd95 .label:where(.svelte-13pfd95){color:var(--ink)}.key.svelte-13pfd95:active,:is(a,button):active>.key.svelte-13pfd95{--up:0;transform:translateY(1px)}.key.svelte-13pfd95:active>.caps,:is(a,button):active>.key.svelte-13pfd95>.caps{translate:0 -1px}.glint.svelte-13pfd95{z-index:2;opacity:0;pointer-events:none;width:0;height:0;position:absolute;top:0;left:0}.core.svelte-13pfd95,.bloom.svelte-13pfd95{filter:blur(var(--blur));background:#fff;position:absolute}.core.svelte-13pfd95{--blur:.5px;left:calc(var(--streak) / -2);width:var(--streak);height:2px;opacity:var(--glint);border-radius:50%;top:-1px}.bloom.svelte-13pfd95{--blur:6px;left:calc(var(--streak) * -.875);width:calc(var(--streak) * 1.75);height:12px;opacity:calc(var(--glint) * .5);border-radius:50%;top:-6px}