.kb[data-v-df826458]{background:var(--plum-950);border-radius:var(--r-lg);-webkit-user-select:none;user-select:none;gap:5px;width:100%;max-width:820px;margin:0 auto;padding:10px;display:grid}.kb-row[data-v-df826458]{gap:5px;display:flex}.kb-row[data-v-df826458]:last-child{justify-content:center}.kb-row:last-child .key[data-v-df826458]{max-width:50%}.key[data-v-df826458]{background:var(--f1);min-width:0;height:clamp(26px,6.2vw,50px);color:var(--plum-950);font:700 clamp(.62rem,1.9vw,1rem)/1 var(--font-body);border-radius:6px;justify-content:center;align-items:center;transition:transform 80ms,background .12s,opacity .12s;display:flex;position:relative;box-shadow:inset 0 -3px oklch(0% 0 0/.18)}.compact .key[data-v-df826458]{height:clamp(22px,5vw,38px);font-size:clamp(.55rem,1.6vw,.85rem)}.wide .cap[data-v-df826458]{text-transform:lowercase;font-size:.72em;font-weight:600}.f5[data-v-df826458]{background:var(--f5)}.f4[data-v-df826458]{background:var(--f4)}.f3[data-v-df826458]{background:var(--f3)}.f2[data-v-df826458]{background:var(--f2)}.f1[data-v-df826458]{background:var(--f1)}.mono .key[data-v-df826458]{background:oklch(93% .01 330)}.fn[data-v-df826458]{font:600 clamp(.45rem,1.2vw,.62rem)/1 var(--font-display);opacity:.6;top:2px;right:4px}.bump[data-v-df826458]:after,.fn[data-v-df826458]{position:absolute}.bump[data-v-df826458]:after{content:"";opacity:.55;background:currentColor;border-radius:2px;width:30%;height:2px;bottom:18%;left:50%;transform:translate(-50%)}.on[data-v-df826458]{box-shadow:0 0 0 3px var(--gold);z-index:1;transform:translateY(1px);background:var(--plum-700)!important}.bad[data-v-df826458],.on[data-v-df826458]{color:#fff!important}.bad[data-v-df826458]{background:var(--bad)!important}.dim[data-v-df826458]{opacity:.25}@media (width<=480px){.kb[data-v-df826458]{padding:6px}.kb[data-v-df826458],.kb-row[data-v-df826458]{gap:3px}.fn[data-v-df826458]{display:none}}