.sb{grid-template-columns:minmax(0,1fr) 3.5rem;align-items:center;gap:.75rem;display:grid}.sb-l{color:var(--color-muted);grid-column:1/-1;font-size:13px;line-height:20px}.sb-t{background:var(--color-surface);border-radius:4px;block-size:.875rem}.sb-f{background:var(--color-brand);transform-origin:0;border-end-end-radius:4px;block-size:100%}[dir=rtl] .sb-f{transform-origin:100%}.sb-v{font-family:var(--font-mono);color:var(--color-ink);text-align:end;font-size:.92em;font-weight:500}.sb-dark .sb-l{color:var(--color-on-brand-muted)}.sb-dark .sb-v{color:var(--color-on-brand)}@media (width>=600px){.sb{grid-template-columns:9.375rem minmax(0,1fr) 3.5rem}.sb-l{grid-column:auto}}@media (prefers-reduced-motion:no-preference) and (scripting:enabled){@supports (animation-timeline:view()){.sb-f{animation:1s cubic-bezier(.2,.7,.2,1) both bar-grow;animation-timeline:view();animation-range:entry 40% cover 50%}}}@keyframes bar-grow{0%{transform:scaleX(0)}}