@layer components{.ck-head{height:60px;box-shadow:inset 0 -1px 0 var(--gp-line);align-items:center;gap:10px;padding:0 12px 0 18px;display:flex}.ck-glass{width:20px;height:20px;color:var(--gp-ink-3);flex:none}.ck-input{min-width:0;height:100%;color:var(--gp-ink);background:0 0;outline:none;flex:1;font-size:16px;font-weight:550}.ck-input::placeholder{color:var(--gp-ink-3);font-weight:450}.ck-list{padding:6px 6px 8px;scroll-padding-block:6px}.ck-foot{height:40px;box-shadow:inset 0 1px 0 var(--gp-line);color:var(--gp-ink-3);align-items:center;gap:18px;padding:0 18px;font-size:12px;display:flex}.ck-foot span{align-items:center;gap:6px;display:inline-flex}.ck-kbd{border-radius:var(--gp-r-xs);background:var(--gp-well);min-width:20px;height:20px;color:var(--gp-ink-2);font:600 11.5px/1 var(--gp-f-body);font-variant-numeric:tabular-nums;place-items:center;padding:0 5px;display:inline-grid}.ck-example{letter-spacing:.06em;height:22px;padding:0 7px;font-size:12.5px}.ck-name{color:var(--gp-ink);font-size:15px;font-weight:650}[data-selected=true] .ck-name{color:var(--gp-m-700)}.ck-meta{color:var(--gp-ink-3);flex:none;margin-left:auto;font-size:12.5px}.ck-frets{color:var(--gp-ink-3);font-variant-numeric:tabular-nums;letter-spacing:.1em;font-size:12.5px}.ck-mine{border-radius:var(--gp-r-xs);background:var(--gp-m-100);color:var(--gp-m-700);flex:none;padding:1px 6px;font-size:11px;font-weight:700}.ck-list .pb-icon{width:28px;height:28px;margin:-4px 0}.ck-list .pb-icon svg{width:15px;height:15px}}