.key.svelte-oqywsz{--px:max(2px, .14em);--wall:max(2px, .2em);--rim:max(1px, .08em);--front:max(3px, .34em);--travel:max(2px, .26em);--outline:max(2px, .1em);--top:#4b4548;--top-hi:#635c60;--wall-l:#3a3537;--wall-f:#2e2a2c;--wall-r:#252123;--label:var(--key-text);--housing:var(--ink);padding:0 0 var(--travel);color:var(--label);font:inherit;font-family:var(--font-pixel);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;vertical-align:middle;background:0 0;border:0;margin:0;font-weight:500;line-height:1;text-decoration:none;display:inline-grid;position:relative}span.key.svelte-oqywsz{cursor:default}.key.svelte-oqywsz:hover{color:var(--label);background:0 0}.key.svelte-oqywsz:disabled{cursor:not-allowed;opacity:.5}.housing.svelte-oqywsz,.cap.svelte-oqywsz{grid-area:1/1}.housing.svelte-oqywsz{background:var(--housing);margin:calc(var(--outline) * -1) calc(var(--outline) * -1) calc((var(--outline) + var(--travel)) * -1)}.cap.svelte-oqywsz{transition:transform 60ms steps(2,end);display:grid;position:relative}.body.svelte-oqywsz,.top.svelte-oqywsz{grid-area:1/1}.body.svelte-oqywsz{background:linear-gradient(to right, var(--wall-l) 0 var(--wall), transparent var(--wall) calc(100% - var(--wall)), var(--wall-r) calc(100% - var(--wall))), var(--wall-f)}.top.svelte-oqywsz{--px:max(1px, .1em);margin:var(--rim) var(--wall) var(--front);padding:var(--pad,.5em .95em);background:radial-gradient(ellipse 70% 60% at 50% 38%, var(--top-hi), transparent 72%), var(--top);box-shadow:inset 0 max(1px, .07em) 0 var(--top-hi), inset 0 calc(max(1px, .07em) * -1) 0 var(--wall-l);justify-content:center;align-items:center;gap:.5em;transition:filter 80ms steps(2,end);display:flex;position:relative}.key.svelte-oqywsz:hover:not(:disabled) .top:where(.svelte-oqywsz),.key.svelte-oqywsz:focus-visible .top:where(.svelte-oqywsz){filter:brightness(1.12)}.key.pressed.svelte-oqywsz .cap:where(.svelte-oqywsz){transform:translateY(calc(var(--travel) * .75))}.key.svelte-oqywsz:active:not(:disabled) .cap:where(.svelte-oqywsz){transform:translateY(var(--travel))}.xs.svelte-oqywsz{--pad:.42em .62em;font-size:.72rem}.sm.svelte-oqywsz{--pad:.46em .75em;font-size:.85rem}.md.svelte-oqywsz{font-size:1rem}.lg.svelte-oqywsz{--pad:.55em 1em;font-size:1.35rem}.cream.svelte-oqywsz{--top:#f2efe6;--top-hi:#fdfbf6;--wall-l:#dcd7c8;--wall-f:#c8c2b0;--wall-r:#b3ac98;--label:var(--ink)}.teal.svelte-oqywsz{--top:#17b0b8;--top-hi:#4fd3d9;--wall-l:#10a0a8;--wall-f:#0b858c;--wall-r:#086c72;--label:var(--ink)}