.jkk .ss-stage{overflow:hidden}.jkk .jkk-board{background:var(--color-white);width:620px;height:260px;box-shadow:var(--ss-shadow-ground);border-radius:10px 0 0;flex-direction:column;gap:8px;padding:12px;display:flex;position:absolute;top:24px;left:32px}.jkk .ss-stage[data-layout=compact] .jkk-board{left:24px}.jkk .jkk-row{gap:6px;display:flex}.jkk .jkk-key{background:var(--color-white);min-width:40px;height:40px;color:var(--color-slate-950);white-space:nowrap;will-change:transform;border-radius:6px;flex:none;place-items:center;padding:0 12px;font-size:13px;font-weight:500;transition:background-color .15s,box-shadow .15s,transform 80ms ease-out;display:grid;box-shadow:inset 0 0 0 1px #1e293b24,0 1px #1e293b1a}.jkk .jkk-bar{background:var(--ss-ink-2);border-radius:3px;height:6px;display:block}.jkk .jkk-combo{min-width:128px}.jkk .jkk-key[data-hover]{background:var(--color-tint)}.jkk .jkk-key[data-pressed]{transform:translateY(1px);box-shadow:inset 0 0 0 1px #1e293b33}.jkk .jkk-key[data-on]{background:var(--color-blue-50);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--color-blue-700) 40%, transparent), 0 1px 0 #1e293b1a;color:var(--color-blue-700)}