.progressring{width:2.6em;height:2.6em;-webkit-user-select:none;user-select:none;box-sizing:border-box;position:absolute;top:50%;left:50%;inset-inline-start:50%;inset-inline-end:initial;-webkit-margin-start:-1.3em;margin-inline-start:-1.3em;margin-top:-1.3em}.progressring-bg{width:100%;height:100%;border-radius:50%;border:.25em solid #000;box-sizing:border-box;background:rgba(0,0,0,.9);display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.progressring-text{text-align:center;color:#ddd;font-size:90%}.spiner-holder-one{position:absolute;top:0;left:0;overflow:hidden;width:51%;height:51%;background:0 0;box-sizing:border-box}.spiner-holder-two{position:absolute;top:0;left:0;overflow:hidden;width:100%;height:100%;background:0 0;box-sizing:border-box}.progressring-spiner{width:200%;height:200%;border-radius:50%;border-width:.25em;border-style:solid;box-sizing:border-box}.animate-0-25-a{-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;transition:-webkit-transform 180ms ease-out;transition:transform 180ms ease-out}.animate-0-25-b{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;transition:-webkit-transform 180ms ease-out;transition:transform 180ms ease-out}.animate-25-50-a{-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;transition:-webkit-transform 180ms ease-out;transition:transform 180ms ease-out}.animate-25-50-b{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;transition:-webkit-transform 180ms ease-out;transition:transform 180ms ease-out}.animate-50-75-a{-webkit-transform:rotate(270deg);transform:rotate(270deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;transition:-webkit-transform 180ms ease-out;transition:transform 180ms ease-out}.animate-50-75-b{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;transition:-webkit-transform 180ms ease-out;transition:transform 180ms ease-out}.animate-75-100-a{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;transition:-webkit-transform 180ms ease-out;transition:transform 180ms ease-out}.animate-75-100-b{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;transition:-webkit-transform 180ms ease-out;transition:transform 180ms ease-out}