.progress{background:none;box-shadow:none;height:170px;line-height:170px;margin:0 auto;position:relative;width:170px}.progress:after{border:18px solid #dae6f1;border-radius:50%;content:"";left:0;width:100%}.progress:after,.progress>span{height:100%;position:absolute;top:0}.progress>span{overflow:hidden;width:50%;z-index:1}.progress .progress-left{left:0}.progress .progress-bar{background:none;border:18px solid #3e628e;height:100%;position:absolute;top:0;width:100%}.progress .progress-left .progress-bar{border-bottom-right-radius:85px;border-left:0;border-top-right-radius:85px;left:100%;-webkit-transform-origin:center left;transform-origin:center left}.progress .progress-right{right:0}.progress .progress-right .progress-bar{border-bottom-left-radius:85px;border-right:0;border-top-left-radius:85px;left:-100%;-webkit-transform-origin:center right;transform-origin:center right}.progress .progress-value{align-items:center;border-radius:50%;color:#3e628e;display:flex;font-size:28px;font-weight:600;height:100%;justify-content:center;line-height:23px;text-align:center;width:100%}.progress .progress-value span{font-size:12px;text-transform:uppercase}.progress[data-percentage="10"] .progress-right .progress-bar{animation:loading-1 1.5s linear forwards}.progress[data-percentage="10"] .progress-left .progress-bar{animation:0}.progress[data-percentage="20"] .progress-right .progress-bar{animation:loading-2 1.5s linear forwards}.progress[data-percentage="20"] .progress-left .progress-bar{animation:0}.progress[data-percentage="30"] .progress-right .progress-bar{animation:loading-3 1.5s linear forwards}.progress[data-percentage="30"] .progress-left .progress-bar{animation:0}.progress[data-percentage="40"] .progress-right .progress-bar{animation:loading-4 1.5s linear forwards}.progress[data-percentage="40"] .progress-left .progress-bar{animation:0}.progress[data-percentage="50"] .progress-right .progress-bar{animation:loading-5 1.5s linear forwards}.progress[data-percentage="50"] .progress-left .progress-bar{animation:0}.progress[data-percentage="60"] .progress-right .progress-bar{animation:loading-5 1.5s linear forwards}.progress[data-percentage="60"] .progress-left .progress-bar{animation:loading-1 1.5s linear 1.5s forwards}.progress[data-percentage="70"] .progress-right .progress-bar{animation:loading-5 1.5s linear forwards}.progress[data-percentage="70"] .progress-left .progress-bar{animation:loading-2 1.5s linear 1.5s forwards}.progress[data-percentage="80"] .progress-right .progress-bar{animation:loading-5 1.5s linear forwards}.progress[data-percentage="80"] .progress-left .progress-bar{animation:loading-3 1.5s linear 1.5s forwards}.progress[data-percentage="90"] .progress-right .progress-bar{animation:loading-5 1.5s linear forwards}.progress[data-percentage="90"] .progress-left .progress-bar{animation:loading-4 1.5s linear 1.5s forwards}.progress[data-percentage="100"] .progress-right .progress-bar{animation:loading-5 1.5s linear forwards}.progress[data-percentage="100"] .progress-left .progress-bar{animation:loading-5 1.5s linear 1.5s forwards}@keyframes loading-1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(36);transform:rotate(36deg)}}@keyframes loading-2{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(72);transform:rotate(72deg)}}@keyframes loading-3{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(108);transform:rotate(108deg)}}@keyframes loading-4{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(144);transform:rotate(144deg)}}@keyframes loading-5{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(180);transform:rotate(180deg)}}.progress{margin-bottom:1em}