@keyframes progressring{0%{stroke-dasharray:0% 275%;transform:rotate(-90deg)}50%{stroke-dasharray:137.5% 137.5%;transform:rotate(1turn)}to{stroke-dasharray:0% 275%;transform:rotate(990deg)}}@keyframes progressring-width{0%{stroke-dasharray:0% 275%;stroke-width:12.5%;transform:rotate(-90deg)}50%{stroke-dasharray:137.5% 137.5%;stroke-width:5%;transform:rotate(1turn)}to{stroke-dasharray:0% 275%;stroke-width:12.5%;transform:rotate(990deg)}}.progress-ring{height:48px;width:48px}.progress-ring>.ring{height:100%;width:100%}.progress-ring>.ring>.static{fill:none;stroke-width:12.5%;stroke-linecap:round;stroke:#ccc;align-items:center;border-radius:50%;display:flex;height:100%;overflow:hidden;position:relative;transform:rotate(-90deg);transform-origin:50% 50%;transition:all .2s ease-in-out;width:100%}.progress-ring.spinner-indeter>.ring>.dynamic{animation:progressring 2s linear infinite}.progress-ring.spinner-width>.ring>.dynamic{animation:progressring-width 2s linear infinite}.progress-ring>.ring>.dynamic{fill:none;stroke-width:12.5%;stroke-linecap:round;stroke:#0064ff;border-radius:50%;height:100%;transform:rotate(-90deg);transform-origin:50% 50%;transition:all .2s ease-in-out}@media (color-index:48){.progress-ring>.ring>.static{stroke:#333}}@media (color:48842621){.progress-ring>.ring>.static{stroke:#333}}@media (prefers-color-scheme:dark){.progress-ring>.ring>.static{stroke:#333}}