.connect-progress-circle{width:var(--ds-layout-size-500);height:var(--ds-layout-size-500);flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.connect-progress-circle__content{color:var(--ds-color-interactive-primary-enabled);transform:scale(.36)}.connect-progress-circle__icon{width:var(--ds-layout-size-500);height:var(--ds-layout-size-500)}.connect-progress-circle--small{width:var(--ds-layout-size-300);height:var(--ds-layout-size-300)}.connect-progress-circle--small .connect-progress-circle__content{display:none}.connect-progress-circle--large{width:var(--ds-layout-size-800);height:var(--ds-layout-size-800)}.connect-progress-circle--large .connect-progress-circle__content{transform:scale(.57)}.connect-progress-circle--x-large{width:var(--ds-layout-size-1400);height:var(--ds-layout-size-1400)}.connect-progress-circle--x-large .connect-progress-circle__content{transform:scale(1)}.connect-progress-circle .connect-progress-circle__background,.connect-progress-circle .connect-progress-circle__indicator,.connect-progress-circle .connect-progress-circle__trail-segment{stroke:var(--ds-color-interactive-primary-enabled)}.connect-progress-circle--neutral .connect-progress-circle__background,.connect-progress-circle--neutral .connect-progress-circle__indicator,.connect-progress-circle--neutral .connect-progress-circle__trail-segment{stroke:var(--ds-color-support-neutral-default)}.connect-progress-circle--neutral .connect-progress-circle__content{color:var(--ds-color-support-neutral-default)}.connect-progress-circle--static-light .connect-progress-circle__background,.connect-progress-circle--static-light .connect-progress-circle__indicator,.connect-progress-circle--static-light .connect-progress-circle__trail-segment{stroke:var(--ds-color-interactive-light-enabled)}.connect-progress-circle--static-light .connect-progress-circle__content{color:var(--ds-color-interactive-light-enabled)}.connect-progress-circle--static-dark .connect-progress-circle__background,.connect-progress-circle--static-dark .connect-progress-circle__indicator,.connect-progress-circle--static-dark .connect-progress-circle__trail-segment{stroke:var(--ds-color-content-dark)}.connect-progress-circle--static-dark .connect-progress-circle__content{color:var(--ds-color-content-dark)}.connect-progress-circle--colorful{--connect-progress-circle-color-1:var(--ds-color-support-brand-muted);--connect-progress-circle-color-2:var(--ds-color-support-positive-muted);--connect-progress-circle-color-3:var(--ds-color-support-informative-muted);--connect-progress-circle-color-4:var(--ds-color-content-link-visited-light)}.connect-progress-circle--colorful .connect-progress-circle__background{stroke:var(--ds-color-interactive-neutral-subtle-selected)}.connect-progress-circle__bar{transform-origin:50%;width:100%;height:100%;position:absolute;top:0;left:0;transform:rotate(-90deg)}.connect-progress-circle .connect-progress-circle__background{opacity:.15}.connect-progress-circle--colorful .connect-progress-circle__background{opacity:1}.connect-progress-circle .connect-progress-circle__indicator{transition:stroke-dashoffset .24s cubic-bezier(.3,0,.3,1),stroke .24s cubic-bezier(.3,0,.3,1)}.connect-progress-circle--indeterminate .connect-progress-circle__indicator,.connect-progress-circle--indeterminate .connect-progress-circle__trail-segment{transform-origin:50%;transform-box:fill-box;animation:1.2s linear infinite connectProgressCircleRotateStroke}.connect-progress-circle--indeterminate .connect-progress-circle__trail-segment--1{animation-delay:.16s}.connect-progress-circle--indeterminate .connect-progress-circle__trail-segment--2{animation-delay:.12s}.connect-progress-circle--indeterminate .connect-progress-circle__trail-segment--3{animation-delay:80ms}.connect-progress-circle--indeterminate .connect-progress-circle__trail-segment--4{animation-delay:40ms}.connect-progress-circle--indeterminate.connect-progress-circle--colorful .connect-progress-circle__indicator{animation:1.2s linear infinite connectProgressCircleRotateStroke,1.2s linear infinite connectProgressCircleColorCycle}.connect-progress-circle--indeterminate.connect-progress-circle--colorful .connect-progress-circle__trail-segment{transition:stroke .24s cubic-bezier(.3,0,.3,1);animation:1.2s linear infinite connectProgressCircleRotateStroke,1.2s linear infinite connectProgressCircleColorCycle}.connect-progress-circle--indeterminate.connect-progress-circle--colorful .connect-progress-circle__trail-segment--1{animation-delay:.16s,0s}.connect-progress-circle--indeterminate.connect-progress-circle--colorful .connect-progress-circle__trail-segment--2{animation-delay:.12s,0s}.connect-progress-circle--indeterminate.connect-progress-circle--colorful .connect-progress-circle__trail-segment--3{animation-delay:80ms,0s}.connect-progress-circle--indeterminate.connect-progress-circle--colorful .connect-progress-circle__trail-segment--4{animation-delay:40ms,0s}@media (prefers-reduced-motion:reduce){.connect-progress-circle .connect-progress-circle__bar .connect-progress-circle__indicator{transition-duration:0s;animation:none}.connect-progress-circle--indeterminate .connect-progress-circle__bar .connect-progress-circle__trail-segment{animation:none}}@keyframes connectProgressCircleRotateStroke{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes connectProgressCircleColorCycle{0%{stroke:var(--connect-progress-circle-color-1)}15%{stroke:var(--connect-progress-circle-color-1)}25%{stroke:var(--connect-progress-circle-color-2)}40%{stroke:var(--connect-progress-circle-color-2)}50%{stroke:var(--connect-progress-circle-color-3)}60%{stroke:var(--connect-progress-circle-color-3)}75%{stroke:var(--connect-progress-circle-color-4)}90%{stroke:var(--connect-progress-circle-color-4)}to{stroke:var(--connect-progress-circle-color-1)}}