.keycap.svelte-77pr34{--top:var(--cap);--ink:var(--foreground);background:var(--top);width:3.5rem;height:3.5rem;color:var(--ink);font-family:var(--font-sans);box-shadow:0 3px 0 0 color-mix(in oklch, var(--top) 72%, black), 0 10px 20px -12px #00000059;border-radius:12px;justify-content:center;align-items:center;font-size:1.5rem;font-weight:600;line-height:1;display:inline-flex}.md.svelte-77pr34{border-radius:10px;width:2.75rem;height:2.75rem;font-size:1.2rem}.sm.svelte-77pr34{width:2rem;height:2rem;box-shadow:0 2px 0 0 color-mix(in oklch, var(--top) 72%, black);border-radius:7px;font-size:.95rem}.cap-red.svelte-77pr34{--top:var(--retro-red);--ink:oklch(99% .002 80)}.cap-orange.svelte-77pr34{--top:var(--retro-orange);--ink:oklch(20% .005 80)}.cap-yellow.svelte-77pr34{--top:var(--retro-yellow);--ink:oklch(20% .005 80)}.cap-green.svelte-77pr34{--top:var(--retro-green);--ink:oklch(20% .005 80)}.cap-blue.svelte-77pr34{--top:var(--retro-blue);--ink:oklch(20% .005 80)}.cap-violet.svelte-77pr34{--top:var(--retro-violet);--ink:oklch(99% .002 80)}