.trd-keycap{--kc-edge: var(--trd-line, #e7e5e4);--kc-edge-w: 1px;--kc-lip: 0 1px 0 rgba(28, 25, 23, .05);--kc-outer: 0 0 transparent;position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;box-sizing:border-box;width:var(--kc-s, 20px);height:var(--kc-s, 20px);border-radius:var(--kc-r, 5px);background:var(--trd-page, #fff);box-shadow:inset 0 0 0 var(--kc-edge-w) var(--kc-edge),var(--kc-outer),var(--kc-lip);vertical-align:middle;line-height:1;transition:transform var(--trd-c-lift, .12s) ease-out,box-shadow var(--trd-c-lift, .12s) ease-out}.trd-keycap[data-shape=round]{border-radius:50%}.trd-keycap[data-ring]{--kc-edge: var(--kc-ring);--kc-edge-w: var(--kc-rw, 1.5px)}.trd-keycap[data-selected]{--kc-outer: 0 0 0 1.5px var(--trd-page, #fff), 0 0 0 3px var(--trd-ink, #1c1917)}.trd-keycap[data-letter]{background:var(--trd-fill, #f5f5f4)}.trd-keycap-img{display:block;width:var(--kc-l, 14px);height:var(--kc-l, 14px);-o-object-fit:contain;object-fit:contain;border-radius:2px;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.trd-keycap[data-shape=round] .trd-keycap-img{border-radius:50%}.trd-keycap-letter{font-family:var(--trd-font, "Inter", system-ui, sans-serif);font-size:var(--kc-lt, 11px);font-weight:600;line-height:1;color:var(--trd-ink-2, #57534e);-webkit-user-select:none;-moz-user-select:none;user-select:none}.trd-keycap-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--trd-ink-3, #78716c)}.trd-keycap[data-target]{cursor:pointer}@media(hover:hover){.trd-keycap[data-target]:hover{transform:translateY(-1px)}.trd-keycap[data-target]:not([data-ring]):hover{--kc-edge: var(--trd-faint, #d6d3d1)}}@media(prefers-reduced-motion:reduce){.trd-keycap[data-target]:hover{transform:none}}