.portfolio-collection-progress{flex:0 120px;align-items:center;gap:8px;width:120px;min-width:64px;height:26px;margin-inline-end:12px;display:flex}.portfolio-collection-progress-track{box-sizing:border-box;background:color-mix(in srgb, var(--success) 14%, var(--paper));border:1px solid color-mix(in srgb, var(--success) 40%, var(--paper));border-radius:999px;flex:1;min-width:0;height:10px;display:flex;overflow:hidden}.portfolio-collection-progress-percentage{width:32px;color:var(--ink);font-size:11px;font-weight:600;line-height:14px;font-family:var(--font-mono);font-variant-numeric:tabular-nums;flex-shrink:0}.portfolio-collection-progress-segment{height:100%;box-shadow:inset -1px 0 0 color-mix(in srgb, var(--paper) 40%, transparent);flex-shrink:0;transition:width .24s,background .2s}.portfolio-collection-progress-segment-neutral{background:color-mix(in srgb, var(--success) 45%, var(--paper))}.portfolio-collection-progress-segment-danger{background:color-mix(in srgb, var(--success) 52%, var(--paper))}.portfolio-collection-progress-segment-warning{background:color-mix(in srgb, var(--success) 60%, var(--paper))}.portfolio-collection-progress-segment-accent{background:color-mix(in srgb, var(--success) 75%, var(--paper))}.portfolio-collection-progress-segment-success{background:color-mix(in srgb, var(--success) 90%, var(--paper))}.portfolio-collection-progress-segment[data-status=Done]{background:var(--success)}@media (width<=380px){.portfolio-collection-progress{gap:0;min-width:40px;margin-inline-end:8px}.portfolio-collection-progress-percentage{display:none}}@media (prefers-reduced-motion:reduce){.portfolio-collection-progress-segment{transition:none}}