.keyboard-listener[data-v-418adcac]{display:flex;flex-direction:column;justify-content:center;min-height:180px}.key-press-indicator[data-v-418adcac]{margin-bottom:16px}.key[data-v-418adcac]{background-color:#4096ff;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff;font-size:24px;font-weight:700;padding:8px 24px;text-transform:uppercase}.key[data-v-418adcac],.key-display[data-v-418adcac]{display:inline-block}.key-display[data-v-418adcac]{background-color:#f5f5f5;border-radius:4px;min-width:30px;padding:2px 8px;text-align:center}.key-details[data-v-418adcac]{font-size:14px}.detail-row[data-v-418adcac]{margin-bottom:12px}.detail-label[data-v-418adcac]{color:#666;display:inline-block;font-weight:500;width:100px}.detail-value[data-v-418adcac]{display:inline-block;width:calc(100% - 100px)}.key-detail-dialog[data-v-418adcac]{padding-top:10px}[data-v-418adcac] .el-tag{margin-bottom:4px}