.c-basic-progress-circular{--value:0%;--size:100%;--thickness:6px;--placeholder-color:#dedede;--background-color:#fff;--fill-color:#02c7a3;--high-color:#21ba45;--high-reversed-color:#e1442f;--low-color:#e1442f;--low-reversed-color:#21ba45;--middle-color:#fbbd08;--incomplete-color:var(--low-color);--complete-color:var(--high-color);position:relative !important;overflow:hidden;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:0;width:var(--size);padding-bottom:var(--size);border-radius:50%;background:var(--fill-color);background-image:conic-gradient(var(--fill-color) var(--value), var(--placeholder-color) 0);transition:all .3s}.c-basic-progress-circular .inner{display:flex;justify-content:center;align-items:center;position:absolute;font-weight:500 !important;font-size:1.30769231rem;top:50%;left:50%;transform:translate(-50%, -50%);width:calc(var(--size) - var(--thickness) * 2);height:calc(var(--size) - var(--thickness) * 2);background:var(--background-color);border-radius:50%}.c-basic-progress-circular.complete{--fill-color:var(--complete-color)}.c-basic-progress-circular.incomplete{--fill-color:var(--incomplete-color)}.c-basic-progress-circular.high{--fill-color:var(--high-color)}.c-basic-progress-circular.middle{--fill-color:var(--middle-color)}.c-basic-progress-circular.low{--fill-color:var(--low-color)}.c-basic-progress-circular.reversed{--high-color:var(--high-reversed-color);--low-color:var(--low-reversed-color)}