.keycap{vertical-align:middle;width:92px;height:52px;display:inline-flex;position:relative}.keycap--wide{width:220px}.keycap__cover{border-radius:var(--radius-sm);background:var(--color-accent-strong);box-shadow:0 1px 1px 1px var(--color-border);position:absolute;inset:0}.keycap__button{border:none;border-bottom:2px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-family:var(--font-body);cursor:pointer;box-shadow:0 4px 0 .2px color-mix(in srgb, var(--color-accent-strong) 45%, transparent);font-size:1rem;font-weight:700;transition:all 80ms;position:absolute;inset:0 3px 5px}.keycap__button:active{transition:all 80ms;transform:translateY(4px);box-shadow:0 4px 0 .2px #0000}