.char-progress{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.9rem;width:100%;min-height:2.6rem;padding:.45rem .9rem;display:grid}.char-progress--bare{grid-template-columns:auto auto;justify-content:start}.char-progress__label{min-width:0;font-family:var(--font-mono);letter-spacing:0;color:inherit;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.79rem;overflow:hidden}.char-progress__bar{font-family:var(--font-mono);letter-spacing:.04em;white-space:pre;color:inherit;margin:0;font-size:.88rem;line-height:1}.char-progress__percent,.char-progress .loader-percent__unit{color:inherit}.char-progress__percent{text-align:right;min-width:3.4ch}@media (width<=720px){.char-progress{grid-template-columns:minmax(0,1fr) auto}.char-progress__bar{grid-area:2/1/auto/-1}.char-progress--bare{grid-template-columns:auto auto}.char-progress--bare .char-progress__bar{grid-area:auto}}.char-progress--overlay{grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr);gap:.65rem 0;min-height:0;padding:1.1rem 1.35rem 1.2rem}.char-progress--overlay .char-progress__label{white-space:normal;text-overflow:unset;font-size:.88rem;overflow:visible}.char-progress--overlay .char-progress__bar{letter-spacing:.05em;grid-area:2/1;font-size:1rem}.char-progress--overlay .char-progress__percent{grid-area:3/1;justify-self:end;min-width:3.8ch;font-size:1.05rem}