.cncYWq_keys{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;gap:2px;display:flex;position:relative}.cncYWq_white,.cncYWq_black{border-radius:0 0 var(--bs-border-radius) var(--bs-border-radius);white-space:nowrap;cursor:pointer;justify-content:center;align-items:flex-end;padding-bottom:.5rem;font-weight:600;line-height:1;display:flex;overflow:hidden}.cncYWq_white{color:#6c757d;background-color:#fff;border:1px solid #ced4da;flex:1 1 0;min-width:0;font-size:.75rem}.cncYWq_white:first-child{border-top-left-radius:var(--bs-border-radius)}.cncYWq_white:last-child{border-top-right-radius:var(--bs-border-radius)}.cncYWq_black{z-index:1;width:calc(var(--pitch) * .6);color:#adb5bd;background-color:#212529;height:62%;font-size:.6875rem;position:absolute;top:0;transform:translate(-50%)}.cncYWq_white.cncYWq_down{color:#052c65;background-color:#cfe2ff;border-color:#9ec5fe}.cncYWq_black.cncYWq_down{color:#fff;background-color:#0a58ca}[data-bs-theme=dark] .cncYWq_white:not(.cncYWq_down){color:#495057;background-color:#dee2e6;border-color:#adb5bd}[data-bs-theme=dark] .cncYWq_black:not(.cncYWq_down){background-color:#0b0d0f}