.number-input{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-primary);box-sizing:border-box;align-items:stretch;width:100%;transition:border-color .12s;display:inline-flex;overflow:hidden}.number-input:focus-within{border-color:var(--primary-400)}.number-input input{min-width:0;padding:var(--space-3) var(--space-2);text-align:center;font-size:var(--font-size-sm);color:var(--text-primary);-moz-appearance:textfield;background:0 0;border:0;outline:none;flex:1;font-family:inherit}.number-input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.number-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.number-input-btn{background:var(--gray-50);width:36px;color:var(--text-secondary);cursor:pointer;border:0;justify-content:center;align-items:center;font-family:inherit;transition:background .12s,color .12s;display:flex}.number-input-btn:hover:not(:disabled){background:var(--gray-100);color:var(--text-primary)}.number-input-btn:disabled{opacity:.4;cursor:not-allowed}.number-input--sm input{font-size:var(--font-size-xs);padding:6px 4px}.number-input--sm .number-input-btn{width:28px}