@property --_global-rotation{syntax:"<angle>";inherits:true;initial-value:0deg}@property --_step-rotation{syntax:"<angle>";inherits:true;initial-value:0deg}@property --_sweep{syntax:"<number>";inherits:true;initial-value:10}@property --_wave-phase{syntax:"<number>";inherits:true;initial-value:0}@layer components{.md3-circular-progress-root{width:40px;height:40px;display:inline-flex}.md3-circular-progress-svg,.md3-circular-progress-svgIndeterminate{width:100%;height:100%}.md3-circular-progress-svg{transform:rotate(-90deg)}.md3-circular-progress-svgIndeterminate{transform:rotate(calc(-90deg + var(--_global-rotation) + var(--_step-rotation)));animation:6s linear infinite md3-circular-progress-md3-circular-progress-global-rotate,6s infinite md3-circular-progress-md3-circular-progress-step-rotate,6s infinite md3-circular-progress-md3-circular-progress-sweep}.md3-circular-progress-track,.md3-circular-progress-indicator{fill:none;stroke-width:4px;stroke-linecap:round;transition:stroke-dasharray var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-standard), stroke-dashoffset var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-standard)}.md3-circular-progress-track{stroke:var(--md-sys-color-secondary-container)}.md3-circular-progress-indicator{stroke:var(--md-sys-color-primary)}.md3-circular-progress-svgIndeterminate .md3-circular-progress-indicator{stroke-dasharray:var(--_sweep) calc(100 - var(--_sweep));transition:none}.md3-circular-progress-svgIndeterminate .md3-circular-progress-track{stroke-dasharray:calc(100 - var(--_sweep) - 2 * var(--_gap)) calc(var(--_sweep) + 2 * var(--_gap));stroke-dashoffset:calc(-1 * (var(--_sweep) + var(--_gap)));transition:none}.md3-circular-progress-indicatorWavy{animation:1s linear infinite md3-circular-progress-md3-circular-progress-wave-phase}@keyframes md3-circular-progress-md3-circular-progress-wave-phase{to{--_wave-phase:1}}@keyframes md3-circular-progress-md3-circular-progress-global-rotate{to{--_global-rotation:1080deg}}@keyframes md3-circular-progress-md3-circular-progress-step-rotate{0%{--_step-rotation:0deg;animation-timing-function:var(--md-sys-motion-easing-emphasized-decelerate)}5%{--_step-rotation:90deg}25%{--_step-rotation:90deg;animation-timing-function:var(--md-sys-motion-easing-emphasized-decelerate)}30%{--_step-rotation:180deg}50%{--_step-rotation:180deg;animation-timing-function:var(--md-sys-motion-easing-emphasized-decelerate)}55%{--_step-rotation:270deg}75%{--_step-rotation:270deg;animation-timing-function:var(--md-sys-motion-easing-emphasized-decelerate)}80%,to{--_step-rotation:360deg}}@keyframes md3-circular-progress-md3-circular-progress-sweep{0%{--_sweep:10;animation-timing-function:var(--md-sys-motion-easing-standard)}50%{--_sweep:87;animation-timing-function:linear}to{--_sweep:10}}}
