.bsp{width:100%}.bsp__bar{gap:3px;height:10px;display:flex}.bsp__seg{border-radius:100px;flex-basis:0;display:block}.bsp__keys{gap:3px;margin:12px 0 0;padding:0;list-style:none;display:flex}.bsp__key{flex-direction:column;flex-basis:0;gap:1px;min-width:0;display:flex}.bsp__key b{font-size:var(--t-sm);color:var(--ink);letter-spacing:-.01em;white-space:nowrap;font-weight:600}.bsp__key i{font-style:normal;font-size:var(--t-cap);color:var(--ink-3);font-variant-numeric:tabular-nums}@media (max-width:560px){.bsp__key b{font-size:var(--t-cap)}}