.skill-keyboard{display:flex;flex-wrap:wrap;align-items:flex-start;gap:6px;padding:14px;border-radius:16px;background:linear-gradient(180deg,#2c2d33,#1d1e22);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.08),0 10px 30px rgba(0,0,0,.35);border:1px solid hsla(0,0%,100%,.06)}.keycap{background:var(--side);border-radius:8px;padding:2px 2px 7px;border:0;cursor:pointer;user-select:none;box-shadow:0 2px 0 rgba(0,0,0,.45);transition:padding .06s ease,margin .06s ease,box-shadow .06s ease}.keycap__top{display:block;border-radius:6px;padding:6px 12px;white-space:nowrap;background:linear-gradient(180deg,color-mix(in srgb,var(--top) 85%,#fff),var(--top));box-shadow:inset 0 1px 0 hsla(0,0%,100%,.3);color:var(--fg);font:600 12.5px/1.2 JetBrains Mono,ui-monospace,monospace}.keycap.pressed,.keycap:active{padding-bottom:3px;margin-top:4px;box-shadow:none}.keycap:focus-visible{outline:2px solid #3cbcfc;outline-offset:2px}.keycap--space{flex:1 0 100%}.keycap--space .keycap__top{font-weight:400;font-style:italic;text-align:center}