@property --trk-at{syntax:"<number>";inherits:true;initial-value:0}.trk{--trk-row:34px;--trk-height:14px;--trk-radius:6px;--trk-knob-w:24px;--trk-grow:1.07;--trk-label-gap:4px;--trk-key-gap:8px;--trk-under:#282828;--trk-ground:#ffffff27;--trk-lit:#ffffff56;--trk-edge:#000;--trk-shade:.0838;--trk-rim:#fff6;--trk-lip:#ffffff4d;--trk-lip-soft:#ffffff1f;--trk-rest-ink:#ffffff8c;--trk-name-ink:#ffffffd9;--trk-value-ink:#ffffff8c;min-width:0;font-family:var(--oni-font-text,"Inter", system-ui, sans-serif);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:block}.trk.trk--paper{--trk-under:#fff;--trk-ground:#00000012;--trk-lit:#1b1b1b80;--trk-edge:#1b1b1b;--trk-shade:.034;--trk-rim:#ffffffe6;--trk-lip:#ffffffe6;--trk-lip-soft:#ffffff80;--trk-rest-ink:#00000073;--trk-name-ink:var(--oni-ink,#1b1b1b);--trk-value-ink:var(--oni-ink-soft,#575757);-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}.trk__head{margin:0 0 var(--trk-label-gap);justify-content:space-between;align-items:baseline;gap:8px;font-weight:400;line-height:16px;display:flex}.trk__name{min-width:0;font-size:var(--oni-text-small,.8125rem);color:var(--trk-name-ink);white-space:nowrap;text-overflow:ellipsis;cursor:default;overflow:hidden}.trk[data-track=live] .trk__name{-webkit-user-select:none;user-select:none}.trk__value{font-size:var(--oni-text-micro,.6875rem);color:var(--trk-value-ink);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none}.trk__row{align-items:center;gap:var(--trk-key-gap);display:flex}.trk__slot{min-width:calc(2 * var(--trk-knob-w));height:var(--trk-row);flex:auto;position:relative}.trk__rail{inset:calc((var(--trk-row) - var(--trk-height)) / 2) 0;border-radius:var(--trk-radius);background-color:var(--trk-under);background-image:linear-gradient(var(--trk-ground), var(--trk-ground));box-shadow:0 1px .7px var(--trk-rim), 0 1px 0 var(--trk-lip), 0 2px 0 var(--trk-lip-soft);position:absolute}.trk--bipolar .trk__rail{background-image:linear-gradient(to right, var(--trk-low), var(--trk-high))}@supports (background:linear-gradient(to right in display-p3, red, blue)){.trk--bipolar .trk__rail{background-image:linear-gradient(to right in display-p3, var(--trk-low-p3,var(--trk-low)), var(--trk-high-p3,var(--trk-high)))}}.trk__lit{width:calc(var(--trk-knob-w) / 2 + (100% - var(--trk-knob-w)) * var(--trk-at));border-radius:var(--trk-radius);background:var(--trk-lit);position:absolute;inset:0 auto 0 0}.trk--ramp-white .trk__lit{background:linear-gradient(90deg,#ffffff73,#ffffffe6)}.trk--ramp-black .trk__lit{background:linear-gradient(90deg,#00000073,#000000e6)}.trk--metal .trk__lit{background:linear-gradient(#8c8c8c 0%,#ebebeb 33.33% 66.67%,#8c8c8c 100%)}.trk--bipolar .trk__lit,.trk--none .trk__lit{display:none}.trk__well{border:1px solid var(--trk-edge);border-radius:var(--trk-radius);--trk-s:rgb(0 0 0/var(--trk-shade));box-shadow:inset 0 1.5px 0 .25px var(--trk-s), inset 0 1.5px 0 .5px var(--trk-s), inset 0 1.5px 0 .75px var(--trk-s), inset 0 1.5px 0 1px var(--trk-s), inset 0 1.5px 0 1.25px var(--trk-s), inset 0 1.5px 0 1.5px var(--trk-s), inset 0 1.5px 0 1.75px var(--trk-s), inset 0 1.5px 0 2px var(--trk-s), inset 0 1.5px 0 2.25px var(--trk-s), inset 0 1.5px 0 2.5px var(--trk-s), inset 0 1.5px 0 2.75px var(--trk-s), inset 0 1.5px 0 3px var(--trk-s);pointer-events:none;position:absolute;inset:0}.trk__rest{top:50%;left:calc(var(--trk-knob-w) / 2 + (100% - var(--trk-knob-w)) * var(--trk-rest,.5));width:1px;height:calc(var(--trk-row) / 2);background:var(--trk-rest-ink);pointer-events:none;position:absolute;translate:-50% -50%}.trk__knob{top:50%;left:calc(var(--trk-knob-w) / 2 + (100% - var(--trk-knob-w)) * var(--trk-at));width:var(--trk-knob-w);height:var(--trk-row);pointer-events:none;position:absolute;translate:-50% -50%;scale:1}.trk__knob>.kc{display:flex}.trk__knob>.kc:after{content:"";border:1px solid var(--trk-edge);border-radius:calc(var(--kc-reach,1) * var(--kc-corner-radius));corner-shape:var(--kc-corner-shape,round);pointer-events:none;position:absolute;inset:0}.trk__grip{background:#fff;width:1px;height:12px;display:block}.trk[data-over] .trk__knob,.trk[data-held] .trk__knob{scale:var(--trk-grow)}.trk__slot:has(>.trk__input:focus-visible) .trk__knob{scale:var(--trk-grow)}.trk__slot:has(>.trk__input:focus-visible) .trk__knob{outline:var(--oni-focus-width,2px) solid var(--oni-focus,var(--oni-accent-ink,#c2410c));outline-offset:var(--oni-focus-offset,3px);border-radius:calc(6px + var(--oni-focus-offset,3px))}.trk__input{z-index:1;box-sizing:border-box;opacity:0;-webkit-appearance:none;appearance:none;cursor:default;touch-action:pan-y;background:0 0;border:0;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.trk__input::-webkit-slider-runnable-track{background:0 0;border:0;height:100%}.trk__input::-webkit-slider-thumb{width:var(--trk-knob-w);height:var(--trk-row);-webkit-appearance:none;appearance:none;cursor:grab;background:0 0;border:0}.trk__input::-moz-range-track{background:0 0;border:0;height:100%}.trk__input::-moz-range-thumb{width:var(--trk-knob-w);height:var(--trk-row);cursor:grab;background:0 0;border:0;border-radius:0}.trk[data-held] .trk__input{cursor:grabbing}.trk__input:disabled{cursor:default}.trk__input:disabled::-webkit-slider-thumb{cursor:default}.trk__key{flex:none}.trk .trk__key[data-track-pending] .kc__label{opacity:1}.oni-motion .trk__knob{transition:scale .12s cubic-bezier(.34,1.56,.64,1);transition:scale .173s linear(0, .0707, .2342, .4322, .6252, .79, .9164, 1.0033, 1.0551, 1.079, 1.0831, 1.0748, 1.06, 1.0433, 1.0276, 1.0146, 1.0049, .9984, .9947, .9932, .9932, .994, .9953, .9967, 1)}.oni-motion .trk.trk--settle{transition:--trk-at .38s cubic-bezier(.3,1.25,.5,1);transition:--trk-at .454s linear(0, .0419, .1433, .2748, .4152, .5503, .6716, .7745, .8577, .9219, .9689, 1.0013, 1.0218, 1.0332, 1.0379, 1.038, 1.035, 1.0304, 1.0251, 1.0198, 1.0148, 1.0105, 1.0069, 1.0041, 1)}.oni-motion .trk.trk--settle[data-held]{transition:none}