.u-progress{position:relative;width:100%;height:8px;border-radius:999px;background:var(--bg-sunken);overflow:hidden}.u-progress--S{height:4px}.u-progress--L{height:12px}.u-progress__fill{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:var(--brand-primary);transition:width .32s cubic-bezier(.2,.7,.2,1)}.u-progress--warning .u-progress__fill{background:var(--coin)}.u-progress--danger .u-progress__fill{background:var(--danger)}.u-progress--ink .u-progress__fill{background:var(--bg-inverse)}.u-progress--muted .u-progress__fill{background:var(--brand-muted)}.u-progress__marker{position:absolute;top:0;bottom:0;width:2px;background:var(--bg-surface);transform:translateX(-1px)}