.ds-progress{--pb-color:var(--grad-primary);--pb-h:14px;--pb-head:26px;align-items:center;gap:var(--s-3);width:100%;display:flex}.ds-progress--sm{--pb-h:8px;--pb-head:18px}.ds-progress--lg{--pb-h:18px;--pb-head:30px}.ds-progress__track{height:var(--pb-h);border-radius:var(--r-pill);background:var(--c-surface-2);box-shadow:inset 0 1.5px 2px rgba(var(--shadow-rgb), .12), inset 0 0 0 1px color-mix(in srgb, var(--c-line) 70%, transparent);flex:auto;position:relative}.ds-progress.has-head .ds-progress__track{margin-inline:calc(var(--pb-head) / 2 - var(--pb-h) / 2)}.ds-progress__fill{width:var(--pb-pct);border-radius:inherit;background:var(--pb-color);min-width:0;box-shadow:inset 0 1.5px 0 rgba(255, 255, 255, calc(var(--gloss-strength) * .9));transition:width var(--dur-progress) var(--ease-out);position:absolute;inset:0 auto 0 0}.ds-progress__fill:after{content:"";border-radius:var(--r-pill);background:rgba(255, 255, 255, calc(var(--gloss-strength) * .6));height:35%;position:absolute;inset:2px 6px auto}.ds-progress__head{top:50%;left:var(--pb-pct);width:var(--pb-head);height:var(--pb-head);background:var(--grad-gold);color:#fff;box-shadow:inset 0 1.5px 0 #fff9, 0 0 0 2.5px var(--c-surface), 0 4px 10px -3px rgba(var(--shadow-rgb), .45);transition:left var(--dur-progress) var(--ease-out);border-radius:50%;place-items:center;display:grid;position:absolute;transform:translate(-50%,-50%)}.ds-progress__head .ds-icon{filter:drop-shadow(0 1px #8a5a008c)}.ds-progress__sparkles i{background:var(--c-gold);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);width:10px;height:10px;animation:ds-sparkle .7s var(--ease-out) both;position:absolute}.ds-progress__sparkles i:first-child{top:-12px;left:-6px}.ds-progress__sparkles i:nth-child(2){width:8px;height:8px;animation-delay:90ms;top:-14px;right:-8px}.ds-progress__sparkles i:nth-child(3){animation-delay:.16s;bottom:-10px;right:-12px}.ds-progress__streak{border-radius:var(--r-pill);background:var(--c-ink);color:var(--c-bg);font-size:var(--fs-xs);white-space:nowrap;box-shadow:var(--shadow-raised);animation:ds-pop .32s var(--ease-spring) both;padding:4px 10px;font-weight:700;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.ds-progress__streak:after{content:"";border:5px solid #0000;border-top-color:var(--c-ink);margin-left:-5px;position:absolute;top:100%;left:50%}.ds-progress__value{min-width:3ch;color:var(--c-ink-2);font-size:var(--fs-sm);text-align:right;flex:none;font-weight:700}