[data-tds=progress]{gap:var(--tds-progress-gap);color:var(--tds-fg-default);font-size:var(--tds-font-size-sm);line-height:var(--tds-line-height-normal);flex-direction:column;display:flex}[data-tds=progress] [data-part=header]{justify-content:space-between;align-items:baseline;gap:var(--tds-progress-gap);display:flex}[data-tds=progress] [data-part=label]{font-weight:var(--tds-font-weight-medium)}[data-tds=progress] [data-part=value]{color:var(--tds-fg-muted);font-variant-numeric:tabular-nums}[data-tds=progress]{--_dir:to right;--_rainbow:linear-gradient(var(--_dir), var(--tds-rainbow-1), var(--tds-rainbow-2), var(--tds-rainbow-3), var(--tds-rainbow-4), var(--tds-rainbow-5), var(--tds-rainbow-6), var(--tds-rainbow-7))}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) [data-tds=progress]{--_dir:to left}[data-tds=progress][data-shape=linear] [data-part=track]{block-size:var(--tds-progress-height-md);border-radius:var(--tds-progress-radius);background:var(--tds-surface-pressed);outline:var(--tds-border-width) solid var(--tds-border-default);outline-offset:calc(var(--tds-border-width) * -1);position:relative;overflow:hidden}[data-tds=progress][data-shape=linear][data-size=sm] [data-part=track]{block-size:var(--tds-progress-height-sm)}[data-tds=progress][data-shape=linear][data-size=lg] [data-part=track]{block-size:var(--tds-progress-height-lg)}[data-tds=progress][data-shape=linear] [data-part=fill]{inline-size:calc(var(--_pct,0) * 1%);border-radius:inherit;background-image:var(--_rainbow);background-size:calc(10000% / max(var(--_pct,1), 1)) 100%;transition:inline-size var(--tds-progress-transition);background-position:0 0;position:absolute;inset-block:0;inset-inline-start:0}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) [data-tds=progress][data-shape=linear] [data-part=fill]{background-position:100% 0}[data-tds=progress][data-shape=linear][data-indeterminate=true] [data-part=fill]{inline-size:var(--tds-progress-indeterminate-width);animation:tds-progress-slide var(--tds-progress-loop-duration) var(--tds-ease-soft) infinite;background-size:250% 100%}[data-tds=progress][data-shape=circular]{align-items:center}[data-tds=progress][data-shape=circular] [data-part=track]{inline-size:var(--tds-progress-ring-size-md);block-size:var(--tds-progress-ring-size-md);place-items:center;display:inline-grid;position:relative}[data-tds=progress][data-shape=circular][data-size=sm] [data-part=track]{inline-size:var(--tds-progress-ring-size-sm);block-size:var(--tds-progress-ring-size-sm)}[data-tds=progress][data-shape=circular][data-size=lg] [data-part=track]{inline-size:var(--tds-progress-ring-size-lg);block-size:var(--tds-progress-ring-size-lg)}[data-tds=progress] [data-part=ring]{block-size:100%;inline-size:100%;position:absolute;inset:0;transform:rotate(-90deg)}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) [data-tds=progress] [data-part=ring]{transform:rotate(-90deg)scaleY(-1)}[data-tds=progress] [data-part=ring-track]{stroke:var(--tds-border-default);stroke-width:var(--tds-progress-ring-stroke)}[data-tds=progress] [data-part=ring-fill]{stroke-width:var(--tds-progress-ring-stroke);stroke-linecap:round;stroke-dasharray:var(--_pct,0) 100;transition:stroke-dasharray var(--tds-progress-transition)}[data-tds=progress] [data-part=ring-gradient] stop:first-child{stop-color:var(--tds-rainbow-1)}[data-tds=progress] [data-part=ring-gradient] stop:nth-child(2){stop-color:var(--tds-rainbow-2)}[data-tds=progress] [data-part=ring-gradient] stop:nth-child(3){stop-color:var(--tds-rainbow-3)}[data-tds=progress] [data-part=ring-gradient] stop:nth-child(4){stop-color:var(--tds-rainbow-4)}[data-tds=progress] [data-part=ring-gradient] stop:nth-child(5){stop-color:var(--tds-rainbow-5)}[data-tds=progress] [data-part=ring-gradient] stop:nth-child(6){stop-color:var(--tds-rainbow-6)}[data-tds=progress] [data-part=ring-gradient] stop:nth-child(7){stop-color:var(--tds-rainbow-7)}[data-tds=progress][data-shape=circular][data-indeterminate=true] [data-part=ring]{animation:tds-progress-spin var(--tds-progress-loop-duration) linear infinite}[data-tds=progress][data-shape=circular][data-indeterminate=true] [data-part=ring-fill]{stroke-dasharray:var(--tds-progress-ring-arc) 100}[data-tds=progress] [data-part=center]{font-size:var(--tds-font-size-xs);font-weight:var(--tds-font-weight-semibold);font-variant-numeric:tabular-nums;position:relative}@keyframes tds-progress-slide{0%{inset-inline-start:calc(var(--tds-progress-indeterminate-width) * -1)}to{inset-inline-start:100%}}@keyframes tds-progress-spin{to{transform:rotate(270deg)}}[data-contrast=high] [data-tds=progress][data-shape=linear] [data-part=fill]{background-image:none;background-color:var(--tds-focus-ring)}[data-contrast=high] [data-tds=progress][data-shape=circular] [data-part=ring-fill]{stroke:var(--tds-focus-ring)}html[data-reduced-motion=true] [data-tds=progress][data-indeterminate=true] [data-part=fill],html[data-reduced-motion=true] [data-tds=progress][data-indeterminate=true] [data-part=ring]{animation:none}html[data-reduced-motion=true] [data-tds=progress][data-indeterminate=true] [data-part=fill]{inset-inline-start:0}@media (prefers-reduced-motion:reduce){html:not([data-reduced-motion=false]) [data-tds=progress][data-indeterminate=true] [data-part=fill],html:not([data-reduced-motion=false]) [data-tds=progress][data-indeterminate=true] [data-part=ring]{animation:none}html:not([data-reduced-motion=false]) [data-tds=progress][data-indeterminate=true] [data-part=fill]{inset-inline-start:0}}@media print{[data-tds=progress]{break-inside:avoid}[data-tds=progress][data-print=hide]{display:none}}