.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-bad-ls-0-¼{--Metric-track-gradient:var(--grellow-7)12.5%,var(--grellow-10)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%}