@keyframes bounce-bdc1b029{0%{border-width:0;margin:39px}50%{border-width:30px;margin:9px}to{border-width:16px;margin:25px}}div[role=progressbar][data-v-bdc1b029]{width:calc(var(--v7411c188) * .6);height:calc(var(--v7411c188) * .6);border-radius:50%;display:grid;place-items:center;position:relative;font-family:var(--font-family-secondary,"Aeonik",sans-serif);color:var(--progress-bar-text,var(--progress-bar-end,var(--color-turqouise,#67f9ee)));margin-top:var(--spacing-600,24px);flex-shrink:0;font-size:calc(var(--v7411c188) * .12);line-height:calc(5px + var(--v7411c188) * .12);clip-path:circle(calc(var(--v7411c188) * .3) at calc(var(--v7411c188) * .3) calc(var(--v7411c188) * .3))}div[role=progressbar][data-v-bdc1b029]:before{counter-reset:percentage var(--v53b39995);content:attr(prefix) counter(percentage) attr(suffix);z-index:1;line-height:1;text-align:center;font-size:calc(var(--v7411c188) * .12);margin-top:var(--spacing-100,4px)}div[role=progressbar].percentage[data-v-bdc1b029]{animation:growProgressBar 3s forwards;background:conic-gradient(var(--progress-bar-start,var(--color-dark-80,#696980)) 0%,var(--progress-bar-end,var(--color-turqouise,#67f9ee)) calc(var(--v53b39995) * 1%),transparent 0)}div[role=progressbar].percentage[data-v-bdc1b029]:before{counter-reset:percentage var(--v740fbcde);content:attr(prefix) counter(percentage) "%" attr(suffix);max-width:80%;text-align:center;z-index:1;font-family:var(--font-family-secondary,"Aeonik",sans-serif);font-size:calc(var(--v7411c188) * .12);line-height:calc(5px + var(--v7411c188) * .12)}div[role=progressbar].counter[data-v-bdc1b029]{animation:bounce-bdc1b029 1s ease;background:conic-gradient(var(--progress-bar-end,var(--color-turqouise,#67f9ee)) 0%,var(--progress-bar-end,var(--color-turqouise,#67f9ee)) 100%,transparent 0);border:none}div[role=progressbar].counter[data-v-bdc1b029]:after,div[role=progressbar].percentage[data-v-bdc1b029]:after{content:"";position:absolute;height:80%;width:80%;background-color:var(--progress-bar-background,var(--color-dark,#23203c));border-radius:50%;z-index:0}div[role=progressbar].percentage.ring[data-v-bdc1b029]{background:none}div[role=progressbar].percentage.ring[data-v-bdc1b029]:after{width:100%;height:100%;background:conic-gradient(var(--progress-bar-end,var(--color-turqouise,#67f9ee)) 0,var(--progress-bar-end,var(--color-turqouise,#67f9ee)) calc(var(--v53b39995) * 1%),var(--progress-bar-track,transparent) 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 5px));mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 5px))}div[role=progressbar].fraction[data-v-bdc1b029]{position:relative;animation:growProgressBar 3s forwards;background:conic-gradient(var(--progress-bar-start,var(--color-dark-80,#696980)) 0%,var(--progress-bar-end,var(--color-turqouise,#67f9ee)) calc(var(--v53b39995) / var(--dfd637b0) * 100%),transparent 0)}div[role=progressbar].fraction[data-v-bdc1b029]:before{position:absolute;content:counter(percentage);width:80%;height:80%;background-color:var(--progress-bar-background,var(--color-dark,#23203c));border-radius:50%;text-indent:-54px;z-index:0;text-align:right;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:calc(var(--v7411c188) * .12)}div[role=progressbar].fraction[data-v-bdc1b029]:after{counter-reset:valueMax var(--dfd637b0);content:"/" counter(valueMax);position:absolute;left:50%;font-weight:var(--font-weight-regular,400);line-height:1;font-size:calc(var(--v7411c188) * .12)}@media(min-width:1098px){div[role=progressbar][data-v-bdc1b029]{width:var(--v7411c188);height:var(--v7411c188);border-radius:50%;display:grid;place-items:center;position:relative;font-family:var(--font-family-secondary,"Aeonik",sans-serif);color:var(--progress-bar-text,var(--progress-bar-end,var(--color-turqouise,#67f9ee)));margin-top:var(--spacing-600,24px);flex-shrink:0;font-size:calc(var(--v7411c188) / 5);line-height:calc(5px + var(--v7411c188) / 5);clip-path:circle(calc(var(--v7411c188) / 2) at calc(var(--v7411c188) / 2) calc(var(--v7411c188) / 2))}div[role=progressbar][data-v-bdc1b029]:before{counter-reset:percentage var(--v53b39995);content:attr(prefix) counter(percentage) attr(suffix);z-index:1;line-height:1;text-align:center;font-size:calc(var(--v7411c188) / 5);margin-top:var(--spacing-100,4px)}div[role=progressbar].percentage[data-v-bdc1b029]{animation:growProgressBar 3s forwards;background:conic-gradient(var(--progress-bar-start,var(--color-dark-80,#696980)) 0%,var(--progress-bar-end,var(--color-turqouise,#67f9ee)) calc(var(--v53b39995) * 1%),transparent 0)}div[role=progressbar].percentage[data-v-bdc1b029]:before{counter-reset:percentage var(--v740fbcde);content:attr(prefix) counter(percentage) "%" attr(suffix);max-width:80%;text-align:center;z-index:1;font-family:var(--font-family-secondary,"Aeonik",sans-serif);font-size:calc(var(--v7411c188) / 5);line-height:calc(5px + var(--v7411c188) / 5)}div[role=progressbar].counter[data-v-bdc1b029]{animation:bounce-bdc1b029 1s ease;background:conic-gradient(var(--progress-bar-end,var(--color-turqouise,#67f9ee)) 0%,var(--progress-bar-end,var(--color-turqouise,#67f9ee)) 100%,transparent 0);border:none}div[role=progressbar].counter[data-v-bdc1b029]:after,div[role=progressbar].percentage[data-v-bdc1b029]:after{content:"";position:absolute;height:80%;width:80%;background-color:var(--progress-bar-background,var(--color-dark,#23203c));border-radius:50%;z-index:0}div[role=progressbar].percentage.ring[data-v-bdc1b029]{background:none}div[role=progressbar].percentage.ring[data-v-bdc1b029]:after{width:100%;height:100%;background:conic-gradient(var(--progress-bar-end,var(--color-turqouise,#67f9ee)) 0,var(--progress-bar-end,var(--color-turqouise,#67f9ee)) calc(var(--v53b39995) * 1%),var(--progress-bar-track,transparent) 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 5px));mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 5px))}div[role=progressbar].fraction[data-v-bdc1b029]{position:relative;animation:growProgressBar 3s forwards;background:conic-gradient(var(--progress-bar-start,var(--color-dark-80,#696980)) 0%,var(--progress-bar-end,var(--color-turqouise,#67f9ee)) calc(var(--v53b39995) / var(--dfd637b0) * 100%),transparent 0)}div[role=progressbar].fraction[data-v-bdc1b029]:before{position:absolute;content:counter(percentage);width:80%;height:80%;background-color:var(--progress-bar-background,var(--color-dark,#23203c));border-radius:50%;text-indent:-54px;z-index:0;text-align:right;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:calc(var(--v7411c188) / 5)}div[role=progressbar].fraction[data-v-bdc1b029]:after{counter-reset:valueMax var(--dfd637b0);content:"/" counter(valueMax);position:absolute;left:50%;font-weight:var(--font-weight-regular,400);line-height:1;font-size:calc(var(--v7411c188) / 5)}}