/* Split bar: two parts of a total. */
.split { margin-top: 16px; }
.split-bar { display: flex; height: 14px; border-radius: 999px; overflow: hidden; background: #e9edf3; }
.split-bar span { display: block; height: 100%; transition: width .25s ease; }
.split-bar .p1 { background: #0a0a0a; }
.split-bar .p2 { background: var(--accent); }
.split-key { display: flex; flex-wrap: wrap; gap: 6px 16px; margin: 8px 0 0; padding: 0; list-style: none; font-size: 13.5px; color: #3b4250; }
.split-key li { display: flex; align-items: center; gap: 6px; }
.split-key i { width: 10px; height: 10px; border-radius: 3px; display: inline-block; }
.split-key .k1 { background: #0a0a0a; }
.split-key .k2 { background: var(--accent); }