.x-usage{--t:44px;--fill:calc(var(--t) / 2 + (100% - var(--t)) * var(--at) / var(--n));margin:4px 0 0;display:grid}.x-usage>*{grid-area:1/1}.x-usage input{appearance:none;cursor:pointer;touch-action:pan-y;-webkit-tap-highlight-color:transparent;background:0 0;border:0;width:100%;height:48px;margin:0;padding:0 0 20px;display:block}.x-usage input::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--ink) var(--fill), var(--x-e15) 0);border-radius:4px;height:4px}.x-usage input::-moz-range-track{background:var(--x-e15);border-radius:4px;height:4px}.x-usage input::-moz-range-progress{background:var(--ink);border-radius:4px;height:4px}.x-usage input::-webkit-slider-thumb{-webkit-appearance:none;width:var(--t);height:var(--t);background:radial-gradient(circle closest-side, var(--x-knob) 10px, var(--x-e15) 10.5px 11px, var(--lightningcss-light,#00000014)var(--lightningcss-dark,#0006) 11.5px, transparent 14px);transition:scale .15s var(--ease);border:0;border-radius:50%;margin-top:-20px}.x-usage input::-moz-range-thumb{width:var(--t);height:var(--t);background:radial-gradient(circle closest-side, var(--x-knob) 10px, var(--x-e15) 10.5px 11px, var(--lightningcss-light,#00000014)var(--lightningcss-dark,#0006) 11.5px, transparent 14px);border:0;border-radius:50%}.x-usage input:active::-webkit-slider-thumb{scale:1.08}.x-usage input:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:12px}.x-usage ol{pointer-events:none;align-self:end;height:20px;margin:0;padding:0;list-style:none;position:relative}.x-usage li{top:0;left:calc(var(--t) / 2 + (100% - var(--t)) * var(--k) / var(--n));font:500 12.5px/20px var(--sans);font-feature-settings:"tnum";color:var(--faint);white-space:nowrap;transition:color .2s var(--ease);position:absolute;translate:-50%}.x-usage li[data-on]{color:var(--ink)}.x-usage li[data-inf]{font-size:17px}@media (prefers-reduced-motion:reduce){.x-usage li{transition:none}.x-usage input::-webkit-slider-thumb{transition:none}}.x-stack{display:grid}.x-stack>*{min-width:0;transition:opacity .25s var(--ease), visibility .25s;grid-area:1/1}.x-stack>:not([data-on]){opacity:0;visibility:hidden}@media (prefers-reduced-motion:reduce){.x-stack>*{transition:none}}
