.number-input{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--card);grid-template-columns:40px minmax(54px,1fr) 40px;align-items:center;display:grid;overflow:hidden}.number-input .number-input-step-btn{min-height:var(--touch-target);background:var(--background);color:var(--label-foreground);place-items:center;transition:background-color .15s;display:grid}.number-input .number-input-step-btn:hover:not(:disabled){background:var(--border)}.number-input .number-input-value-btn{width:100%;min-width:0;min-height:var(--touch-target);background:var(--card);color:var(--foreground);font-variant-numeric:tabular-nums;border-left:1px solid var(--border-subtle);border-right:1px solid var(--border-subtle);cursor:pointer;place-items:center;font-size:14px;font-weight:700;transition:background-color .15s;display:grid}.number-input .number-input-value-btn:hover:not(:disabled){background:var(--background);color:var(--primary)}.number-input button:disabled{opacity:.45;cursor:not-allowed}.number-input :focus-visible{outline:2px solid var(--ring);outline-offset:-2px}.number-input.counter-stepper{grid-template-columns:40px 54px 40px}