.Metric-donut{--Donut-heart:var(--brand-1)}.Metric-donut--green{--Donut-heart:var(--primary-8)}.Metric-donut--grellow{--Donut-heart:var(--grellow-8)}.Metric-donut--orange{--Donut-heart:var(--orange-6)}.Metric-donut--red{--Donut-heart:var(--red)}.Metric-donut--gray{--Donut-heart:var(--gray-3)}input[type=range].Metric-range{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;pointer-events:none;width:100%;height:var(--Metric-height);border-radius:var(--Metric-height);background:0 0;padding-top:var(--size-1)}input[type=range].Metric-range--0-¼{--Metric-track-gradient:var(--primary-8)12.5%,var(--grellow-7)37.5%,var(--orange-6)62.5%,var(--red)87.5%}input[type=range].Metric-range--¼-½{--Metric-track-gradient:var(--red)12.5%,var(--orange-6)25%,var(--primary-8)37.5%,var(--grellow-7)50%,var(--orange-6)62.5%,var(--red)87.5%}input[type=range].Metric-range--½–¾{--Metric-track-gradient:var(--red)12.5%,var(--orange-6)37.5%,var(--grellow-7)50%,var(--primary-8)62.5%,var(--grellow-7)75%,var(--orange-6)87.5%}input[type=range].Metric-range-Fe{--Metric-track-gradient:var(--red)12.5%,var(--orange-6)37.5%,var(--grellow-7)50%,var(--primary-8)62.5%,var(--orange-6)75%,var(--red)87.5%}input[type=range].Metric-range::-moz-range-track{height:var(--size-4);border-radius:var(--size-4);background-color:var(--brand);background-image:linear-gradient(to right,var(--Metric-track-gradient));background-image:linear-gradient(to right in oklab,var(--Metric-track-gradient))}input[type=range].Metric-range::-webkit-slider-runnable-track{height:var(--size-4);border-radius:var(--size-4);background-color:var(--brand);background-image:linear-gradient(to right,var(--Metric-track-gradient));background-image:linear-gradient(to right in oklab,var(--Metric-track-gradient))}input[type=range].Metric-range::-moz-range-thumb{width:var(--size-4);height:var(--size-4);-webkit-backdrop-filter:blur(3.5px);backdrop-filter:blur(3.5px);transform:rotate(45deg)translate(calc(-.175*var(--size-4)),calc(-.175*var(--size-4)))scale(.95);background:rgba(255,255,255,.4);border:1px solid rgba(255,255,255,.35);border-radius:50% 50% 0;box-shadow:0 .1rem .5rem rgba(0,0,0,.2)}input[type=range].Metric-range::-webkit-slider-thumb{width:var(--size-4);height:var(--size-4);-webkit-backdrop-filter:blur(3.5px);backdrop-filter:blur(3.5px);transform:rotate(45deg)translate(calc(-.175*var(--size-4)),calc(-.175*var(--size-4)))scale(.95);background:rgba(255,255,255,.4);border:1px solid rgba(255,255,255,.35);border-radius:50% 50% 0;box-shadow:0 .1rem .5rem rgba(0,0,0,.2)}input[type=range].Metric-range::-webkit-slider-thumb{-webkit-appearance:none}.Metric-labels,.Metric-pills{width:100%;font-size:var(--font-size-0);justify-content:space-around;gap:0 var(--size-3);flex-flow:row;display:flex}.Metric-label,.Metric-pill{text-align:center;text-transform:lowercase;flex:1 0 0}.Metric-labels{opacity:.666667;color:var(--text-2);font-weight:var(--font-weight-5)}.Metric-pills{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.Metric-range+.Metric-pills{margin-top:var(--size-2)}.Metric-label[label=""]{max-width:8.75%}.Metric-bar{margin-left:0%;margin-right:0%}@media (max-width:800px){.Metric-pills{min-height:1.5em;position:relative}.Metric-pill:not([class*=Pill--]){display:none}.Metric-pill[class*=Pill--]{color:var(--Pill--bg);font-weight:var(--font-weight-6);transform:translateX(calc(var(--teardrop-pos,50)*-1%));background:0 0;border:none;border-radius:0;padding:0;position:absolute}.Metric-pill[class*=Pill--]:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:calc(var(--teardrop-pos,50)*1%)}.Metric-pill[class*=Pill--]:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:calc(var(--teardrop-pos,50)*1%)}.Metric-pill[class*=Pill--]:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:calc(var(--teardrop-pos,50)*1%)}.Metric-pill[class*=Pill--]:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:calc(var(--teardrop-pos,50)*1%)}.Metric-pill[class*=Pill--]:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:calc(var(--teardrop-pos,50)*1%)}.Metric-pill[class*=Pill--]:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:calc(var(--teardrop-pos,50)*1%)}}