:root{--circle-title-color:#575756;--circle-width-height:80px;--color-circle-background:white;--color-circle-progress:#003f8f;--color-inner-circle-background:white;--color-inner-circle-background-hover:#e8e8e8;--color-circle-counter:#003f8f;--color-circle-unit:#212a34;--font-inner-circle:'robotoregular';}.circular-pbar-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:250px;text-align:center;}@media(max-width:767px){.circular-pbar-wrapper{max-width:100%;}}.circular-pbar-wrapper .circular-pbar{--procent:0;position:relative;display:flex;width:var(--circle-width-height);height:var(--circle-width-height);border-radius:50%;justify-content:center;align-items:center;background:conic-gradient(var(--color-circle-progress) var(--procent,0),0,var(--color-circle-background));}.circular-pbar-wrapper .circular-pbar:after{content:"";position:absolute;width:calc(100% - 20px);height:calc(100% - 20px);border-radius:50%;background-color:var(--color-inner-circle-background);}.circular-pbar-wrapper .circular-pbar.no-circle:after{width:calc(100% + 50px);height:calc(100% + 50px);}.circular-pbar-wrapper .circular-pbar .circular-pbar-counter,.circular-pbar-wrapper .circular-pbar .circular-pbar-unit{font-family:var(--font-inner-circle);z-index:1;}.circular-pbar-wrapper .circular-pbar .circular-pbar-counter{font-size:60px;color:var(--color-circle-counter);}.circular-pbar-wrapper .circular-pbar .circular-pbar-unit{text-align:left;font-family:var(--font-inner-circle);z-index:1;font-size:55px;color:var(--color-circle-unit);}.circular-pbar-wrapper .circular-pbar .circular-pbar-unit.unit-sub{bottom:-.25em;position:relative;font-size:25px;line-height:0;vertical-align:baseline;}.circular-pbar-wrapper .circular-pbar-title{font-family:var(--font-inner-circle);font-size:25px;color:var(--circle-title-color);z-index:1;position:relative;top:-10px;line-height:1;text-align:left;}.circular-pbar-wrapper .circular-pbar-text{font-size:15px;color:var(--circle-title-color);}.circular-pbar-wrapper:hover .circular-pbar:after{background-color:var(--color-inner-circle-background-hover);}.circular-pbar-wrapper:hover .circular-pbar .circular-pbar-counter{font-weight:bold;}