.circular-progress{height:var(--circular-progress-size,66px);position:relative;width:var(--circular-progress-size,66px)}.circular-progress__circle{background:conic-gradient(from -90deg,var(--background-color-primary) 0deg,var(--background-color-primary) var(--circular-progress-degrees),transparent var(--circular-progress-degrees),transparent 1turn);border-radius:50%;height:100%;left:0;-webkit-mask-image:radial-gradient(circle at center,transparent var(--circular-progress-radius,27px),#000 var(--circular-progress-radius,27px),#000 var(--circular-progress-outer-radius,30px),transparent var(--circular-progress-outer-radius,30px));mask-image:radial-gradient(circle at center,transparent var(--circular-progress-radius,27px),#000 var(--circular-progress-radius,27px),#000 var(--circular-progress-outer-radius,30px),transparent var(--circular-progress-outer-radius,30px));position:absolute;top:0;transform:rotate(90deg);width:100%}.circular-progress__circle--excellent{background:conic-gradient(from -90deg,#b9ffd9 0deg,#27a887 var(--circular-progress-degrees),transparent var(--circular-progress-degrees),transparent 1turn)}html.dark-mode .circular-progress__circle--excellent{background:conic-gradient(from -90deg,#26413b 0deg,#1ce074 var(--circular-progress-degrees),transparent var(--circular-progress-degrees),transparent 1turn)}@media(prefers-color-scheme:dark){html:not(.light-mode) .circular-progress__circle--excellent{background:conic-gradient(from -90deg,#26413b 0deg,#1ce074 var(--circular-progress-degrees),transparent var(--circular-progress-degrees),transparent 1turn)}}.circular-progress__circle--excellent.circular-progress__circle--dark{background:conic-gradient(from -90deg,#26413b 0deg,#1ce074 var(--circular-progress-degrees),transparent var(--circular-progress-degrees),transparent 1turn)}.circular-progress__circle--good{background:conic-gradient(from -90deg,#b6f06b 0deg,#86ba41 var(--circular-progress-degrees),transparent var(--circular-progress-degrees),transparent 1turn)}html.dark-mode .circular-progress__circle--good{background:conic-gradient(from -90deg,#525e45 0deg,#b6f06b var(--circular-progress-degrees),transparent var(--circular-progress-degrees),transparent 1turn)}@media(prefers-color-scheme:dark){html:not(.light-mode) .circular-progress__circle--good{background:conic-gradient(from -90deg,#525e45 0deg,#b6f06b var(--circular-progress-degrees),transparent var(--circular-progress-degrees),transparent 1turn)}}.circular-progress__circle--good.circular-progress__circle--dark{background:conic-gradient(from -90deg,#525e45 0deg,#b6f06b var(--circular-progress-degrees),transparent var(--circular-progress-degrees),transparent 1turn)}.circular-progress__circle--fair{background:conic-gradient(from -90deg,#ffe6c2 0deg,#fa7c22 var(--circular-progress-degrees),transparent var(--circular-progress-degrees),transparent 1turn)}html.dark-mode .circular-progress__circle--fair{background:conic-gradient(from -90deg,#744d34 0deg,#ff7e21 var(--circular-progress-degrees),transparent var(--circular-progress-degrees),transparent 1turn)}@media(prefers-color-scheme:dark){html:not(.light-mode) .circular-progress__circle--fair{background:conic-gradient(from -90deg,#744d34 0deg,#ff7e21 var(--circular-progress-degrees),transparent var(--circular-progress-degrees),transparent 1turn)}}.circular-progress__circle--fair.circular-progress__circle--dark{background:conic-gradient(from -90deg,#744d34 0deg,#ff7e21 var(--circular-progress-degrees),transparent var(--circular-progress-degrees),transparent 1turn)}.circular-progress__circle--bad{background:conic-gradient(from -90deg,#ffe7e7 0deg,#e01818 var(--circular-progress-degrees),transparent var(--circular-progress-degrees),transparent 1turn)}html.dark-mode .circular-progress__circle--bad{background:conic-gradient(from -90deg,#5c3234 0deg,#e01818 var(--circular-progress-degrees),transparent var(--circular-progress-degrees),transparent 1turn)}@media(prefers-color-scheme:dark){html:not(.light-mode) .circular-progress__circle--bad{background:conic-gradient(from -90deg,#5c3234 0deg,#e01818 var(--circular-progress-degrees),transparent var(--circular-progress-degrees),transparent 1turn)}}.circular-progress__circle--bad.circular-progress__circle--dark{background:conic-gradient(from -90deg,#5c3234 0deg,#e01818 var(--circular-progress-degrees),transparent var(--circular-progress-degrees),transparent 1turn)}.circular-progress__track{border:var(--circular-progress-stroke-width) solid var(--background-color-primary);border-radius:50%;box-sizing:border-box;height:100%;left:0;opacity:.3;position:absolute;top:0;width:100%}.circular-progress__content{align-items:center;display:flex;height:100%;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}