html[data-lab-theme] .lab-number-field{--lab-number-pad:14px;--lab-number-height:var(--lab-field-height);width:100%;min-width:0;height:var(--lab-number-height);min-height:var(--lab-number-height);border:1px solid var(--lab-variant-edge);border-radius:calc(var(--lab-control-height) / 2 * var(--lab-corner-scale,1));corner-shape:superellipse(1.5);background:var(--lab-variant-fill);box-shadow:var(--lab-variant-shadow);color:var(--lab-variant-ink);font:400 14px/20px var(--lab-font);cursor:ew-resize;-webkit-user-select:none;user-select:none;touch-action:pan-y;transition:background-color var(--lab-duration-fast) var(--lab-ease), border-color var(--lab-duration-fast) var(--lab-ease);align-items:center;gap:0;padding:0;display:flex;position:relative;overflow:hidden}html[data-lab-theme] .lab-number-field[data-control-size=small]{--lab-number-pad:12px;--lab-number-height:var(--lab-field-height-small);border-radius:calc(var(--lab-control-small) / 2 * var(--lab-corner-scale,1));font-size:13px}html[data-lab-theme] .lab-number-field.lab-control[data-control-size]{padding:0}@media (hover:hover){html[data-lab-theme] .lab-number-field:not([data-disabled],[data-editing]):hover{background:var(--lab-variant-hover)}}html[data-lab-theme] .lab-number-field[data-dragging]{background:var(--lab-variant-pressed);cursor:ew-resize}html[data-lab-theme] .lab-number-field:focus-visible:not([data-editing]){outline:var(--lab-focus-ring-width) solid var(--lab-focus-ring-color);outline-offset:var(--lab-focus-ring-offset);background:var(--lab-variant-hover)}html[data-lab-theme] .lab-number-field[data-editing]{border-color:var(--lab-focus);box-shadow:inset 0 0 0 calc(var(--lab-focus-ring-width) - 1px) var(--lab-focus);cursor:text;-webkit-user-select:text;user-select:text;outline:none}html[data-lab-theme] .lab-number-field[data-disabled]{opacity:.5;cursor:not-allowed}.lab-number-field-fill{width:calc(var(--lab-number-fill,0) * 100%);background:color-mix(in srgb, var(--lab-primary) 32%, transparent);pointer-events:none;position:absolute;inset-block:0;inset-inline-start:0}.lab-number-field[data-editing] .lab-number-field-fill{opacity:.35}.lab-number-field-row{min-width:0;padding-inline:var(--lab-number-pad);flex:1;justify-content:space-between;align-items:baseline;gap:12px;display:flex;position:relative}.lab-number-field-label{color:var(--lab-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lab-number-field-value{font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;font-weight:500}.lab-number-field-unit{color:var(--lab-muted);margin-inline-start:4px;font-weight:400}html[data-lab-theme] .lab-number-field>.lab-number-field-stepper.lab-control{opacity:0;cursor:pointer;width:28px;min-width:28px;height:100%;min-height:0;transition:opacity var(--lab-duration-fast) var(--lab-ease);border-radius:0;padding:0;position:relative}html[data-lab-theme] .lab-number-field:is(:hover,:focus-visible)>.lab-number-field-stepper{opacity:1}@media (hover:none){html[data-lab-theme] .lab-number-field>.lab-number-field-stepper.lab-control{opacity:1}}html[data-lab-theme] .lab-number-field[data-dragging]>.lab-number-field-stepper{opacity:0}.lab-number-field:has(>.lab-number-field-stepper) .lab-number-field-row{padding-inline:2px}.lab-number-field-input{min-width:0;height:100%;padding-inline:var(--lab-number-pad);font-variant-numeric:tabular-nums;text-align:end;flex:1;position:relative}@media (pointer:coarse){html[data-lab-theme] .lab-number-field[data-control-size]{height:max(var(--lab-number-height), var(--lab-control-touch-target));min-height:max(var(--lab-number-height), var(--lab-control-touch-target))}}@media (prefers-reduced-motion:reduce){html[data-lab-theme] .lab-number-field,html[data-lab-theme] .lab-number-field>.lab-number-field-stepper{transition:none}}@media (forced-colors:active){.lab-number-field-fill{opacity:.4;background:highlight}}.lab-number-field-container{width:100%;min-width:0;display:grid;position:relative}.lab-number-field-details{color:var(--lab-muted);font:400 12px/18px var(--lab-font);text-align:start;padding:5px 16px 0}.lab-number-field-details:has(>:only-child:empty){display:none}html[data-lab-theme] .lab-number-field-container[data-invalid]>.lab-number-field{border-color:var(--lab-field-error,var(--lab-danger))}html[data-lab-theme] .lab-number-field-container[data-invalid]>.lab-number-field[data-editing]{box-shadow:inset 0 0 0 calc(var(--lab-focus-ring-width) - 1px) var(--lab-field-error,var(--lab-danger))}.lab-number-field-container[data-invalid]>.lab-number-field-details{color:var(--lab-field-error,var(--lab-danger))}.lab-number-field-validity{opacity:0;pointer-events:none;border:0;width:1px;height:1px;margin:0;padding:0;position:absolute;inset-block-start:0;inset-inline-start:0}